@pisell/materials 1.8.41 → 1.8.43

package/es/components/page/index.js

@@ -7,8 +7,8 @@ import PisellConfigProvider from "../pisell-config-provider/index.js";
 import { getThemeConfig } from "../../theme/tokens.js";
 import React, { useEffect, useMemo } from "react";
 import { App } from "antd";
-import zhCN from "antd/es/locale/zh_CN";
 import { LocaleProvider, LocalizationProvider, ThemeProvider, createTheme } from "@pisell/date-picker";
+import zhCN from "antd/es/locale/zh_CN";
 import { AdapterDayjs } from "@pisell/date-picker/es/AdapterDayjs";
 import enUS from "antd/es/locale/en_US";
 import zhTW from "antd/es/locale/zh_TW";

package/es/components/pisellAppCard/PisellAppCard.js

@@ -1,7 +1,7 @@
 import PisellCard from "../pisellCard/index.js";
+import PisellAvatar from "../pisellAvatar/index.js";
 import icon_default from "../icon/index.js";
 import PisellTags from "../pisellTags/index.js";
-import PisellAvatar from "../pisellAvatar/index.js";
 import React from "react";
 import { Button, Dropdown } from "antd";
 import classNames from "classnames";

package/es/components/pisellCardList/index.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import PisellEmpty from "../pisellEmpty/index.js";
 import PisellCheckboxGroup from "../pisellCheckboxGroup/index.js";
 import PisellWalletPassCard from "../pisellWalletPassCard/index.js";
-import PisellEmpty from "../pisellEmpty/index.js";
 import React, { memo } from "react";
 import "./index.less";
 //#region src/components/pisellCardList/index.tsx

package/es/components/pisellCurrency/PisellCurrency.js

@@ -1,10 +1,8 @@
-import { getPisellComponentsThemeConfig } from "../../theme/pisell-components.js";
 import ReadOnlyView from "./components/ReadOnlyView.js";
 import EditView from "./components/EditView.js";
 import DisabledView from "./components/DisabledView.js";
 import React from "react";
 import { getDisplayState } from "@pisell/utils";
-import { ConfigProvider } from "antd";
 import "./PisellCurrency.less";
 //#region src/components/pisellCurrency/PisellCurrency.tsx
 /**
@@ -42,17 +40,12 @@ import "./PisellCurrency.less";
 */
 const PisellCurrency = (props) => {
 	const { mode = "edit", disabled = false } = props;
-	const displayState = getDisplayState(mode, disabled);
-	const 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;
-		}
-	};
-	const theme = getPisellComponentsThemeConfig();
-	return /* @__PURE__ */ React.createElement(ConfigProvider, { theme }, render());
+	switch (getDisplayState(mode, disabled)) {
+		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;
+	}
 };
 const MemoizedPisellCurrency = React.memo(PisellCurrency, (prevProps, nextProps) => {
 	return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.currencySymbol === nextProps.currencySymbol && prevProps.symbolPosition === nextProps.symbolPosition;

package/es/components/pisellCurrency/PisellCurrency.less

@@ -10,6 +10,129 @@
   &-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: none !important;
+      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; // Gray/500
+        font-size: 16px;
+      }
+
+      // 货币符号：后置（addonAfter）
+      .pisell-lowcode-input-number-suffix {
+        margin-left: 8px;
+        margin-right: 16px;
+        color: #667085;
+        font-size: 16px;
+      }
+
+      // addonBefore / addonAfter 包裹（InputNumber 后置符号可能用 addon 渲染）
+      .pisell-lowcode-input-number-group-addon {
+        background-color: #ffffff !important;
+        border: 1px solid #d0d5dd !important;
+        color: #344054; // 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;
+        }
+      }
+
+      // 步进器按钮（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/pisellDataSourceContainer/components/Pagination/index.js

@@ -9,8 +9,7 @@ const _excluded = ["serverActions", "refManager"];
 var Pagination_default = withContainer(forwardRef((props) => {
 	const { serverActions: { list: listAction }, refManager } = props, otherProps = _objectWithoutProperties(props, _excluded);
 	const { pagination, data } = listAction;
-	/** 分页配置属性 */
-	const paginationProps = useMemo(() => {
+	useMemo(() => {
 		return {
 			showTotal: (total) => {
 				return getText("table-pagination-total")((pagination === null || pagination === void 0 ? void 0 : pagination.pageNumber) || 1, Math.ceil(total / ((pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10)));
@@ -30,7 +29,14 @@ var Pagination_default = withContainer(forwardRef((props) => {
 		console.error("分页功能未启用");
 		return null;
 	}
-	return /* @__PURE__ */ React.createElement(Pagination, _objectSpread2(_objectSpread2({}, otherProps), paginationProps));
+	return /* @__PURE__ */ React.createElement(Pagination, _objectSpread2(_objectSpread2({ showTotal: (total) => {
+		return getText("table-pagination-total")((pagination === null || pagination === void 0 ? void 0 : pagination.pageNumber) || 1, total);
+	} }, otherProps), {}, {
+		total: (data === null || data === void 0 ? void 0 : data.count) || 0,
+		current: (pagination === null || pagination === void 0 ? void 0 : pagination.pageNumber) || 1,
+		pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10,
+		onChange: listAction.onPageChange
+	}));
 }), "pagination");
 //#endregion
 export { Pagination_default as default };