@pisell/materials 1.8.38 → 1.8.41

package/es/tailwind-input.css

@@ -1,8 +1,6 @@
 /**
  * @pisell/materials 全包 Tailwind 入口（JIT 扫描 src 下 tsx、ts、less）。
- * Preflight 随 @tailwind base 注入；tailwind.materials.config.cjs 里 corePlugins.preflight 控制是否生成其规则。
+ * preflight 关闭，避免与宿主/antd 全局样式冲突。
  */
-
-@tailwind base;
 @tailwind components;
 @tailwind utilities;

package/es/theme/pisell-components.js

@@ -0,0 +1,76 @@
+//#region src/theme/pisell-components.ts
+/**
+* Pisell 项目统一的 Ant Design Token 配置
+* 基于 Figma 设计规范
+*
+* 使用场景：
+* - 低代码平台（page/index.tsx）
+* - Storybook 预览
+* - 其他需要主题配置的场景
+*/
+/**
+* 获取完整的主题配置
+*/
+function getPisellComponentsThemeConfig() {
+	return {
+		components: {
+			Input: {
+				controlHeight: 48,
+				paddingInline: 16,
+				paddingBlock: 12,
+				activeShadow: "0px 0px 0px 4px #F4EBFF, 0px 1px 2px rgba(16, 24, 40, 0.05)",
+				activeBorderColor: "rgb(214,187,251)",
+				paddingBlockLG: 12,
+				paddingBlockSM: 8,
+				paddingInlineLG: 16,
+				paddingInlineSM: 8,
+				controlHeightLG: 52,
+				controlHeightSM: 44,
+				borderRadius: 8,
+				paddingXXS: 8
+			},
+			InputNumber: {
+				controlHeight: 48,
+				paddingInline: 16,
+				paddingBlock: 12,
+				activeShadow: "0px 0px 0px 4px #F4EBFF, 0px 1px 2px rgba(16, 24, 40, 0.05)",
+				activeBorderColor: "rgb(214,187,251)",
+				paddingBlockLG: 12,
+				paddingBlockSM: 8,
+				paddingInlineLG: 16,
+				paddingInlineSM: 8,
+				controlHeightLG: 52,
+				controlHeightSM: 44,
+				borderRadius: 8,
+				paddingXXS: 8,
+				handleWidth: 20
+			},
+			Select: {
+				controlHeight: 48,
+				optionHeight: 48,
+				fontSize: 16,
+				fontSizeLG: 18,
+				fontSizeSM: 14,
+				borderRadius: 8,
+				boxShadowSecondary: "0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)",
+				optionSelectedBg: "rgb(244,235,255)",
+				multipleItemBg: "rgb(234,236,240)",
+				controlHeightLG: 52,
+				controlHeightSM: 40,
+				borderRadiusSM: 8,
+				paddingXXS: 6,
+				optionPadding: "10px 8px",
+				multipleItemHeight: 36,
+				multipleItemHeightLG: 40
+			}
+		},
+		token: {
+			colorPrimary: "#7f56d9",
+			colorInfo: "#7f56d9",
+			borderRadius: 8,
+			colorPrimaryHover: "#d6bbfb"
+		}
+	};
+}
+//#endregion
+export { getPisellComponentsThemeConfig };

package/lib/components/Pagination/index.js

@@ -29,56 +29,29 @@ function getPaginationText(key) {
 	if (fromUtils !== fullKey) return fromUtils;
 	return (_getText = require_index.getText(fullKey)) !== null && _getText !== void 0 ? _getText : require_index.getText(`table-pagination-${key}`);
 }
-/**
-* antd Pagination 的 showTotal(total, range) 中 range 为本页条目序号区间 [start, end]，
-* 不是页码。未受控时用 range 与 pageSize 推算当前页。
-*/
-function resolveCurrentPage(props, range, pageSize) {
-	var _props$current;
-	const fromProps = (_props$current = props.current) !== null && _props$current !== void 0 ? _props$current : props.defaultCurrent;
-	if (typeof fromProps === "number" && fromProps >= 1) return fromProps;
-	const start = range[0];
-	if (start == null || start < 1 || pageSize < 1) return 1;
-	return Math.floor((start - 1) / pageSize) + 1;
-}
 const Pagination = (props) => {
 	const show = (0, react.useMemo)(() => {
 		return Object.keys(props).length;
 	}, [props]);
 	const isMiniPagination = require_useIsMobileTable.default();
-	const itemRenderFn = (0, react.useMemo)(() => {
+	const effectiveConfig = (0, react.useMemo)(() => {
 		const prevText = getPaginationText("previous");
 		const nextText = getPaginationText("next");
-		return (_, type, originalElement) => {
+		const showTotalFn = getPaginationText("showTotal");
+		const itemRenderFn = (_, type, originalElement) => {
 			if (type === "prev") return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ react.default.createElement("span", { className: "paginator-page-btn-text" }, prevText));
 			if (type === "next") return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ react.default.createElement("span", { className: "paginator-page-btn-text" }, nextText), /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
 			return originalElement;
 		};
-	}, []);
-	const showTotalDefault = (0, react.useCallback)((totalRecords, range) => {
-		var _ref, _props$pageSize;
-		const pageSize = (_ref = (_props$pageSize = props.pageSize) !== null && _props$pageSize !== void 0 ? _props$pageSize : props.defaultPageSize) !== null && _ref !== void 0 ? _ref : 10;
-		const currentPage = resolveCurrentPage(props, range, pageSize);
-		const totalPages = totalRecords <= 0 ? 1 : Math.max(1, Math.ceil(totalRecords / pageSize));
-		const showTotalFn = getPaginationText("showTotal");
-		if (typeof showTotalFn === "function") return showTotalFn(currentPage, totalPages);
-		return `Page ${currentPage} of ${totalPages}`;
-	}, [
-		props.current,
-		props.defaultCurrent,
-		props.pageSize,
-		props.defaultPageSize
-	]);
-	const effectiveConfig = (0, react.useMemo)(() => {
 		return {
 			className: "materials-grid-paginator",
 			defaultCurrent: 1,
-			showTotal: showTotalDefault,
+			showTotal: typeof showTotalFn === "function" ? (total, range) => showTotalFn(range[0], range[1]) : (total, range) => `Page ${range[0]} of ${range[1]}`,
 			itemRender: itemRenderFn,
 			responsive: true,
 			size: "small"
 		};
-	}, [itemRenderFn, showTotalDefault]);
+	}, []);
 	return (0, react.useMemo)(() => {
 		if (!show) return null;
 		let Com = antd.Pagination;
@@ -94,14 +67,7 @@ const Pagination = (props) => {
 const paginationConfig = {
 	className: "materials-grid-paginator",
 	defaultCurrent: 1,
-	showTotal: (totalRecords, range) => {
-		const pageSize = 10;
-		const currentPage = resolveCurrentPage({ pageSize }, range, pageSize);
-		const totalPages = totalRecords <= 0 ? 1 : Math.max(1, Math.ceil(totalRecords / pageSize));
-		const fn = getPaginationText("showTotal");
-		if (typeof fn === "function") return fn(currentPage, totalPages);
-		return `Page ${currentPage} of ${totalPages}`;
-	},
+	showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
 	responsive: true,
 	size: "small"
 };
@@ -144,8 +110,8 @@ const MiniPagination = (props) => {
 		}
 	}, /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowRight.default, { className: "paginator-page-btn-right-icon" }))));
 };
-const FormPagination = (_ref2) => {
-	let { value = {}, onChange, page, pageSize } = _ref2, other = require_objectWithoutProperties._objectWithoutProperties(_ref2, _excluded);
+const FormPagination = (_ref) => {
+	let { value = {}, onChange, page, pageSize } = _ref, other = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
 	const [_p, _setP] = (0, react.useState)(page || 1);
 	const [_ps, _setPs] = (0, react.useState)(pageSize || 10);
 	const _onChange = (p, ps) => {

package/lib/components/PisellCards/components/GraphicTextCard/docs/GraphicTextCard.$tab-dev.md

@@ -53,7 +53,7 @@ GraphicTextCard 是一个图文卡片组件，结合图标/图片、文本和状
 1. ✅ 支持自定义背景、圆角、边框、阴影、padding、gap
 2. ✅ 支持自定义文本大小、粗细、颜色、显示行数
 3. ✅ 支持自定义图形区域大小、圆角、背景
-4. ✅ 支持自定义角标位置和样式
+4. ✅ 支持自定义角标位置（通过 offset）和大小（通过 size）
 5. ✅ 支持主题色 CSS 变量（`var(--theme-color)`）
 6. ✅ 文本超出显示省略号
 7. ✅ 图形区域尺寸可配置
@@ -122,10 +122,12 @@ export interface GraphicTextCardProps extends PisellBasicCardProps {
   badge?: {
     type?: 'dot' | 'number' | 'text';
     content?: ReactNode;
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     offset?: [number, number];
+    size?: 'small' | 'default';
     color?: string;
     style?: CSSProperties;
+    showZero?: boolean;
+    [key: string]: any;
   };
 
   // ========== 插槽配置 ==========
@@ -778,6 +780,7 @@ export default Provider;
 
 1. **BadgeWrapper** - 来自 `TextCard/components/BadgeWrapper`
    - 功能：角标渲染和定位
+   - 位置通过 `offset` 控制，大小通过 `size` 控制，零值显示通过 `showZero` 控制
    - 基于：Ant Design Badge 组件
 
 2. **PisellBasicCardProps** - 来自 `PisellCards/types`