@pisell/materials 1.8.49 → 1.8.51

package/es/components/PisellScrollView/PisellScrollView.js

@@ -151,6 +151,16 @@ const PisellScrollView = forwardRef((props, ref) => {
 	const handleButtonClick = (direction) => {
 		const container = containerRef.current;
 		if (!container) return;
+		if ((scrollActionsConfig === null || scrollActionsConfig === void 0 ? void 0 : scrollActionsConfig.type) === "indicator") {
+			const indicatorTargets = {
+				top: { top: 0 },
+				bottom: { top: container.scrollHeight },
+				left: { left: 0 },
+				right: { left: container.scrollWidth }
+			};
+			container.scrollTo(_objectSpread2(_objectSpread2({}, indicatorTargets[direction]), {}, { behavior: "smooth" }));
+			return;
+		}
 		const distance = typeof (scrollActionsConfig === null || scrollActionsConfig === void 0 ? void 0 : scrollActionsConfig.scrollDistance) === "number" ? scrollActionsConfig.scrollDistance : 300;
 		let top = container.scrollTop;
 		let left = container.scrollLeft;

package/es/components/PisellScrollView/components/Actions/index.js

@@ -5,10 +5,65 @@ import { FloatButton } from "antd";
 import classNames from "classnames";
 import "./index.less";
 //#region src/components/PisellScrollView/components/Actions/index.tsx
+/**
+* 生成 indicator action 的 CSS 变量，允许通过 config 调整柔光尺寸与颜色。
+*
+* @example
+* const style = getIndicatorStyle({ size: 24, color: 'rgba(255,255,255,.35)' });
+*/
+const getIndicatorStyle = (config) => ({
+	"--pisell-scroll-view-actions-indicator-size": typeof (config === null || config === void 0 ? void 0 : config.size) === "number" ? `${config.size}px` : config === null || config === void 0 ? void 0 : config.size,
+	"--pisell-scroll-view-actions-indicator-color": config === null || config === void 0 ? void 0 : config.color
+});
+/**
+* ActionsContainer 根据 scrollActionsConfig 渲染滚动辅助操作。
+*
+* @example
+* <ActionsContainer scrollActionsConfig={{ show: true, type: 'indicator' }} />
+*/
 const ActionsContainer = ({ containerRef, scrollState, overflow, scrollActionsConfig = { type: "backTop" }, onClick }) => {
 	if (overflow !== "x" && overflow !== "y") return null;
 	if (!scrollState.isOverflows) return null;
 	if (!(scrollActionsConfig === null || scrollActionsConfig === void 0 ? void 0 : scrollActionsConfig.show) || !scrollActionsConfig) return null;
+	if (scrollActionsConfig.type === "indicator") {
+		var _scrollActionsConfig$, _scrollActionsConfig$2, _scrollActionsConfig$3, _scrollActionsConfig$4, _scrollActionsConfig$5, _scrollActionsConfig$6;
+		const indicatorStyle = getIndicatorStyle(scrollActionsConfig.config);
+		const verticalProgress = Math.max(0, Math.min(1, scrollState.percentY / 100));
+		const horizontalProgress = Math.max(0, Math.min(1, scrollState.percentX / 100));
+		return /* @__PURE__ */ React.createElement("div", {
+			"aria-hidden": "true",
+			className: classNames("pisell-scroll-view-actions-indicator", (_scrollActionsConfig$ = scrollActionsConfig.config) === null || _scrollActionsConfig$ === void 0 ? void 0 : _scrollActionsConfig$.className),
+			style: _objectSpread2(_objectSpread2(_objectSpread2({}, indicatorStyle), scrollActionsConfig.style), (_scrollActionsConfig$2 = scrollActionsConfig.config) === null || _scrollActionsConfig$2 === void 0 ? void 0 : _scrollActionsConfig$2.style)
+		}, overflow === "y" && !scrollState.isScrollToTop && /* @__PURE__ */ React.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-top",
+			style: _objectSpread2({ opacity: Math.max(.6, verticalProgress) }, (_scrollActionsConfig$3 = scrollActionsConfig.config) === null || _scrollActionsConfig$3 === void 0 ? void 0 : _scrollActionsConfig$3.topStyle),
+			onClick: () => onClick("top")
+		}, /* @__PURE__ */ React.createElement(IconFont, {
+			type: "pisell2-chevron-up",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})), overflow === "y" && !scrollState.isScrollToBottom && /* @__PURE__ */ React.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-bottom",
+			style: _objectSpread2({ opacity: Math.max(.6, 1 - verticalProgress * .4) }, (_scrollActionsConfig$4 = scrollActionsConfig.config) === null || _scrollActionsConfig$4 === void 0 ? void 0 : _scrollActionsConfig$4.bottomStyle),
+			onClick: () => onClick("bottom")
+		}, /* @__PURE__ */ React.createElement(IconFont, {
+			type: "pisell2-chevron-down",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})), overflow === "x" && !scrollState.isScrollToLeft && /* @__PURE__ */ React.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-left",
+			style: _objectSpread2({ opacity: Math.max(.6, horizontalProgress) }, (_scrollActionsConfig$5 = scrollActionsConfig.config) === null || _scrollActionsConfig$5 === void 0 ? void 0 : _scrollActionsConfig$5.leftStyle),
+			onClick: () => onClick("left")
+		}, /* @__PURE__ */ React.createElement(IconFont, {
+			type: "pisell2-chevron-left",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})), overflow === "x" && !scrollState.isScrollToRight && /* @__PURE__ */ React.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-right",
+			style: _objectSpread2({ opacity: Math.max(.6, 1 - horizontalProgress * .4) }, (_scrollActionsConfig$6 = scrollActionsConfig.config) === null || _scrollActionsConfig$6 === void 0 ? void 0 : _scrollActionsConfig$6.rightStyle),
+			onClick: () => onClick("right")
+		}, /* @__PURE__ */ React.createElement(IconFont, {
+			type: "pisell2-chevron-right",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})));
+	}
 	if (overflow === "y" && scrollActionsConfig.type === "backTop") return /* @__PURE__ */ React.createElement(FloatButton.BackTop, _objectSpread2(_objectSpread2({
 		target: () => containerRef.current || window,
 		visibilityHeight: 300,

package/es/components/PisellScrollView/components/Actions/index.less

@@ -131,4 +131,126 @@
       }
     }
   }
+}
+
+.pisell-scroll-view-actions-indicator {
+  --pisell-scroll-view-actions-indicator-size: 28px;
+  --pisell-scroll-view-actions-indicator-color: rgba(255, 255, 255, 0.3);
+
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 99;
+
+  &-item {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    pointer-events: auto;
+    position: absolute;
+    transition: all 0.3s ease;
+  }
+
+  &-item-top,
+  &-item-bottom {
+    height: var(--pisell-scroll-view-actions-indicator-size);
+    left: 0;
+    right: 0;
+  }
+
+  &-item-top {
+    background: linear-gradient(
+      0deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    top: 0;
+
+    &:hover {
+      background: linear-gradient(
+        0deg,
+        rgba(255, 255, 255, 0.1) 0%,
+        rgba(255, 255, 255, 0.25) 31.76%,
+        rgba(255, 255, 255, 0.4) 104.17%
+      );
+
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateY(-2px);
+      }
+    }
+  }
+
+  &-item-bottom {
+    background: linear-gradient(
+      180deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    bottom: 0;
+
+    &:hover {
+      background: linear-gradient(
+        180deg,
+        rgba(255, 255, 255, 0.1) 0%,
+        rgba(255, 255, 255, 0.25) 31.76%,
+        rgba(255, 255, 255, 0.4) 104.17%
+      );
+
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateY(2px);
+      }
+    }
+  }
+
+  &-item-left,
+  &-item-right {
+    bottom: 0;
+    top: 0;
+    width: var(--pisell-scroll-view-actions-indicator-size);
+  }
+
+  &-item-left {
+    background: linear-gradient(
+      270deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    left: 0;
+
+    &:hover {
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateX(-2px);
+      }
+    }
+  }
+
+  &-item-right {
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    right: 0;
+
+    &:hover {
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateX(2px);
+      }
+    }
+  }
+
+  &-icon {
+    color: #fff;
+    font-size: 16px;
+    transition: all 0.3s ease;
+  }
 }

package/es/components/PisellScrollView/docs/PisellScrollView.md

@@ -423,7 +423,7 @@ export default () => (
 | 参数           | 说明                             | 类型                                                             | 默认值      |
 | -------------- | -------------------------------- | ---------------------------------------------------------------- | ----------- |
 | show           | 是否显示按钮                     | `boolean`                                                        | `true`      |
-| type           | 按钮类型                         | `'backTop' \| 'rArrows' \| 'lrArrows' \| 'tbArrows' \| 'custom'` | `'rArrows'` |
+| type           | 按钮类型                         | `'backTop' \| 'rArrows' \| 'lrArrows' \| 'tbArrows' \| 'indicator' \| 'custom'` | `'rArrows'` |
 | style          | 按钮自定义样式                   | `CSSProperties`                                                  | -           |
 | scrollDistance | 每次滚动距离（像素）             | `number`                                                         | `300`       |
 | config         | 按钮配置（根据 type 不同而不同） | `any`                                                            | -           |

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

@@ -42,7 +42,7 @@ interface ScrollPercentage {
 interface ScrollActionsConfig {
   show?: boolean;
   /** 按钮类型 */
-  type: "backTop" | "rArrows" | "lrArrows" | "tbArrows" | "custom";
+  type: "backTop" | "rArrows" | "lrArrows" | "tbArrows" | "indicator" | "custom";
   style?: CSSProperties;
   scrollDistance?: number;
   /** 按钮配置 根据type不同，配置不同 */

package/es/components/dataSourceComponents/fields/Input.Phone/serve.js

@@ -13,7 +13,10 @@ const _excluded = ["appHelper"];
 */
 const getCountryDataList = function() {
 	var _ref = _asyncToGenerator(function* () {
-		const { data } = yield request.getRequest().get(`/country:list`, {}, {
+		const { data } = yield request.getRequest().get(`/country:list`, {
+			page: 1,
+			pageSize: 999
+		}, {
 			isNocobase: true,
 			fullResult: true,
 			headers: { "x-data-source": "pisell2" }

package/lib/components/PisellScrollView/PisellScrollView.js

@@ -154,6 +154,16 @@ const PisellScrollView = (0, react.forwardRef)((props, ref) => {
 	const handleButtonClick = (direction) => {
 		const container = containerRef.current;
 		if (!container) return;
+		if ((scrollActionsConfig === null || scrollActionsConfig === void 0 ? void 0 : scrollActionsConfig.type) === "indicator") {
+			const indicatorTargets = {
+				top: { top: 0 },
+				bottom: { top: container.scrollHeight },
+				left: { left: 0 },
+				right: { left: container.scrollWidth }
+			};
+			container.scrollTo(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, indicatorTargets[direction]), {}, { behavior: "smooth" }));
+			return;
+		}
 		const distance = typeof (scrollActionsConfig === null || scrollActionsConfig === void 0 ? void 0 : scrollActionsConfig.scrollDistance) === "number" ? scrollActionsConfig.scrollDistance : 300;
 		let top = container.scrollTop;
 		let left = container.scrollLeft;

package/lib/components/PisellScrollView/components/Actions/index.js

@@ -8,10 +8,65 @@ let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 require("./index.less");
 //#region src/components/PisellScrollView/components/Actions/index.tsx
+/**
+* 生成 indicator action 的 CSS 变量，允许通过 config 调整柔光尺寸与颜色。
+*
+* @example
+* const style = getIndicatorStyle({ size: 24, color: 'rgba(255,255,255,.35)' });
+*/
+const getIndicatorStyle = (config) => ({
+	"--pisell-scroll-view-actions-indicator-size": typeof (config === null || config === void 0 ? void 0 : config.size) === "number" ? `${config.size}px` : config === null || config === void 0 ? void 0 : config.size,
+	"--pisell-scroll-view-actions-indicator-color": config === null || config === void 0 ? void 0 : config.color
+});
+/**
+* ActionsContainer 根据 scrollActionsConfig 渲染滚动辅助操作。
+*
+* @example
+* <ActionsContainer scrollActionsConfig={{ show: true, type: 'indicator' }} />
+*/
 const ActionsContainer = ({ containerRef, scrollState, overflow, scrollActionsConfig = { type: "backTop" }, onClick }) => {
 	if (overflow !== "x" && overflow !== "y") return null;
 	if (!scrollState.isOverflows) return null;
 	if (!(scrollActionsConfig === null || scrollActionsConfig === void 0 ? void 0 : scrollActionsConfig.show) || !scrollActionsConfig) return null;
+	if (scrollActionsConfig.type === "indicator") {
+		var _scrollActionsConfig$, _scrollActionsConfig$2, _scrollActionsConfig$3, _scrollActionsConfig$4, _scrollActionsConfig$5, _scrollActionsConfig$6;
+		const indicatorStyle = getIndicatorStyle(scrollActionsConfig.config);
+		const verticalProgress = Math.max(0, Math.min(1, scrollState.percentY / 100));
+		const horizontalProgress = Math.max(0, Math.min(1, scrollState.percentX / 100));
+		return /* @__PURE__ */ react.default.createElement("div", {
+			"aria-hidden": "true",
+			className: (0, classnames.default)("pisell-scroll-view-actions-indicator", (_scrollActionsConfig$ = scrollActionsConfig.config) === null || _scrollActionsConfig$ === void 0 ? void 0 : _scrollActionsConfig$.className),
+			style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, indicatorStyle), scrollActionsConfig.style), (_scrollActionsConfig$2 = scrollActionsConfig.config) === null || _scrollActionsConfig$2 === void 0 ? void 0 : _scrollActionsConfig$2.style)
+		}, overflow === "y" && !scrollState.isScrollToTop && /* @__PURE__ */ react.default.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-top",
+			style: require_objectSpread2._objectSpread2({ opacity: Math.max(.6, verticalProgress) }, (_scrollActionsConfig$3 = scrollActionsConfig.config) === null || _scrollActionsConfig$3 === void 0 ? void 0 : _scrollActionsConfig$3.topStyle),
+			onClick: () => onClick("top")
+		}, /* @__PURE__ */ react.default.createElement(require_index.default, {
+			type: "pisell2-chevron-up",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})), overflow === "y" && !scrollState.isScrollToBottom && /* @__PURE__ */ react.default.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-bottom",
+			style: require_objectSpread2._objectSpread2({ opacity: Math.max(.6, 1 - verticalProgress * .4) }, (_scrollActionsConfig$4 = scrollActionsConfig.config) === null || _scrollActionsConfig$4 === void 0 ? void 0 : _scrollActionsConfig$4.bottomStyle),
+			onClick: () => onClick("bottom")
+		}, /* @__PURE__ */ react.default.createElement(require_index.default, {
+			type: "pisell2-chevron-down",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})), overflow === "x" && !scrollState.isScrollToLeft && /* @__PURE__ */ react.default.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-left",
+			style: require_objectSpread2._objectSpread2({ opacity: Math.max(.6, horizontalProgress) }, (_scrollActionsConfig$5 = scrollActionsConfig.config) === null || _scrollActionsConfig$5 === void 0 ? void 0 : _scrollActionsConfig$5.leftStyle),
+			onClick: () => onClick("left")
+		}, /* @__PURE__ */ react.default.createElement(require_index.default, {
+			type: "pisell2-chevron-left",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})), overflow === "x" && !scrollState.isScrollToRight && /* @__PURE__ */ react.default.createElement("div", {
+			className: "pisell-scroll-view-actions-indicator-item pisell-scroll-view-actions-indicator-item-right",
+			style: require_objectSpread2._objectSpread2({ opacity: Math.max(.6, 1 - horizontalProgress * .4) }, (_scrollActionsConfig$6 = scrollActionsConfig.config) === null || _scrollActionsConfig$6 === void 0 ? void 0 : _scrollActionsConfig$6.rightStyle),
+			onClick: () => onClick("right")
+		}, /* @__PURE__ */ react.default.createElement(require_index.default, {
+			type: "pisell2-chevron-right",
+			className: "pisell-scroll-view-actions-indicator-icon"
+		})));
+	}
 	if (overflow === "y" && scrollActionsConfig.type === "backTop") return /* @__PURE__ */ react.default.createElement(antd.FloatButton.BackTop, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
 		target: () => containerRef.current || window,
 		visibilityHeight: 300,

package/lib/components/PisellScrollView/components/Actions/index.less

@@ -131,4 +131,126 @@
       }
     }
   }
+}
+
+.pisell-scroll-view-actions-indicator {
+  --pisell-scroll-view-actions-indicator-size: 28px;
+  --pisell-scroll-view-actions-indicator-color: rgba(255, 255, 255, 0.3);
+
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 99;
+
+  &-item {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    pointer-events: auto;
+    position: absolute;
+    transition: all 0.3s ease;
+  }
+
+  &-item-top,
+  &-item-bottom {
+    height: var(--pisell-scroll-view-actions-indicator-size);
+    left: 0;
+    right: 0;
+  }
+
+  &-item-top {
+    background: linear-gradient(
+      0deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    top: 0;
+
+    &:hover {
+      background: linear-gradient(
+        0deg,
+        rgba(255, 255, 255, 0.1) 0%,
+        rgba(255, 255, 255, 0.25) 31.76%,
+        rgba(255, 255, 255, 0.4) 104.17%
+      );
+
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateY(-2px);
+      }
+    }
+  }
+
+  &-item-bottom {
+    background: linear-gradient(
+      180deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    bottom: 0;
+
+    &:hover {
+      background: linear-gradient(
+        180deg,
+        rgba(255, 255, 255, 0.1) 0%,
+        rgba(255, 255, 255, 0.25) 31.76%,
+        rgba(255, 255, 255, 0.4) 104.17%
+      );
+
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateY(2px);
+      }
+    }
+  }
+
+  &-item-left,
+  &-item-right {
+    bottom: 0;
+    top: 0;
+    width: var(--pisell-scroll-view-actions-indicator-size);
+  }
+
+  &-item-left {
+    background: linear-gradient(
+      270deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    left: 0;
+
+    &:hover {
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateX(-2px);
+      }
+    }
+  }
+
+  &-item-right {
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.15) 31.76%,
+      var(--pisell-scroll-view-actions-indicator-color) 104.17%
+    );
+    backdrop-filter: blur(2px);
+    right: 0;
+
+    &:hover {
+      .pisell-scroll-view-actions-indicator-icon {
+        transform: translateX(2px);
+      }
+    }
+  }
+
+  &-icon {
+    color: #fff;
+    font-size: 16px;
+    transition: all 0.3s ease;
+  }
 }

package/lib/components/PisellScrollView/docs/PisellScrollView.md

@@ -423,7 +423,7 @@ export default () => (
 | 参数           | 说明                             | 类型                                                             | 默认值      |
 | -------------- | -------------------------------- | ---------------------------------------------------------------- | ----------- |
 | show           | 是否显示按钮                     | `boolean`                                                        | `true`      |
-| type           | 按钮类型                         | `'backTop' \| 'rArrows' \| 'lrArrows' \| 'tbArrows' \| 'custom'` | `'rArrows'` |
+| type           | 按钮类型                         | `'backTop' \| 'rArrows' \| 'lrArrows' \| 'tbArrows' \| 'indicator' \| 'custom'` | `'rArrows'` |
 | style          | 按钮自定义样式                   | `CSSProperties`                                                  | -           |
 | scrollDistance | 每次滚动距离（像素）             | `number`                                                         | `300`       |
 | config         | 按钮配置（根据 type 不同而不同） | `any`                                                            | -           |

package/lib/components/PisellScrollView/types.d.ts

@@ -42,7 +42,7 @@ interface ScrollPercentage {
 interface ScrollActionsConfig {
   show?: boolean;
   /** 按钮类型 */
-  type: "backTop" | "rArrows" | "lrArrows" | "tbArrows" | "custom";
+  type: "backTop" | "rArrows" | "lrArrows" | "tbArrows" | "indicator" | "custom";
   style?: CSSProperties;
   scrollDistance?: number;
   /** 按钮配置 根据type不同，配置不同 */

package/lib/components/dataSourceComponents/fields/Input.Phone/serve.js

@@ -14,7 +14,10 @@ const _excluded = ["appHelper"];
 */
 const getCountryDataList = function() {
 	var _ref = require_asyncToGenerator._asyncToGenerator(function* () {
-		const { data } = yield require_utils.request.getRequest().get(`/country:list`, {}, {
+		const { data } = yield require_utils.request.getRequest().get(`/country:list`, {
+			page: 1,
+			pageSize: 999
+		}, {
 			isNocobase: true,
 			fullResult: true,
 			headers: { "x-data-source": "pisell2" }

package/lowcode/pisell-scroll-view/meta.ts

@@ -171,6 +171,7 @@ const PisellScrollViewMeta: IPublicTypeComponentMetadata = {
                   { title: '右箭头', value: 'rArrows' },
                   { title: '左右箭头', value: 'lrArrows' },
                   { title: '上下箭头', value: 'tbArrows' },
+                  { title: '首尾提示', value: 'indicator' },
                   { title: '自定义', value: 'custom' },
                 ],
               },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.8.49",
+  "version": "1.8.51",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -99,8 +99,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "3.0.8",
-    "@pisell/utils": "3.0.2",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "3.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",