@tuya-miniapp/smart-ui 2.13.3 → 2.13.4-beta-1

package/dist/datetime-picker/README.md

@@ -255,6 +255,37 @@ Page({
 });
 ```
 
+### 控制某一列是否循环滚动 `v2.13.4`
+
+默认情况下，`year`（年）与 `12HourClock`（上午/下午）列不循环滚动，其余列（月、日、时、分）循环滚动。通过 `loop-map` 可以按列覆盖该默认行为，未配置的列保持默认。
+
+```html
+<smart-datetime-picker
+  type="date"
+  value="{{ currentDate }}"
+  loop-map="{{ loopMap }}"
+  bind:input="onInput"
+/>
+```
+
+```js
+Page({
+  data: {
+    currentDate: new Date().getTime(),
+    loopMap: {
+      day: false, // 日不循环
+      year: true, // 年循环
+    },
+  },
+
+  onInput(event) {
+    this.setData({
+      currentDate: event.detail,
+    });
+  },
+});
+```
+
 ### 样式风格 `v2.3.7`
 
 `active-style` 可以修改选中项的样式；`column-styles` 可以设置每一列的样式；`font-styles` 可以设置每一列文字的样式。
@@ -326,6 +357,7 @@ Page({
 | columnStyles `v2.3.7`  | 任意列的样式          | _Record\<string, string>_  | -     |
 | font-styles `v2.3.7`  | 任意列的字体样式           | _Record\<string, string>_  | -     |
 | active-style `v2.3.7`  | 选中项的样式           | _string_  | -     |
+| loop-map `v2.13.4`  | 控制每一列是否循环滚动(`type` 可选值为 `year`, `month`, `day`, `hour`, `minute`, `12HourClock`)，未配置的列保持默认行为：`year` 与 `12HourClock` 不循环，其余列循环           | _Record\<type, boolean>_  | -     |
 
 ### Events
 

package/dist/datetime-picker/index.js

@@ -115,6 +115,10 @@ SmartComponent({
         }, fontStyles: {
             type: Object,
             value: undefined,
+        }, loopMap: {
+            type: Object,
+            value: undefined,
+            observer: 'updateValue',
         } }),
     data: {
         part: 'am',
@@ -187,6 +191,16 @@ SmartComponent({
             }
             return formatter(type, value);
         },
+        // 某一列是否循环滚动，loopMap 未配置该列时使用默认值（年份、12 小时制上下午不循环）
+        getColumnLoop(type) {
+            var _a;
+            const { loopMap } = this.data;
+            const loop = (_a = loopMap === null || loopMap === void 0 ? void 0 : loopMap[type]) !== null && _a !== void 0 ? _a : (type === '12HourClock' ? loopMap === null || loopMap === void 0 ? void 0 : loopMap.part : undefined);
+            if (typeof loop === 'boolean') {
+                return loop;
+            }
+            return !['12HourClock', 'year'].includes(type);
+        },
         updateColumns(values) {
             const { locale, columnStyles, fontStyles } = this.data;
             const results = this.getOriginColumns().map((column, index) => {
@@ -200,7 +214,7 @@ SmartComponent({
                     style: columnStyles === null || columnStyles === void 0 ? void 0 : columnStyles[column.type],
                     fontStyle: fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles[column.type],
                     activeIndex: activeIndex === -1 ? 0 : activeIndex,
-                    loop: !['12HourClock', 'year'].includes(column.type),
+                    loop: this.getColumnLoop(column.type),
                 };
             });
             return this.setData({ columns: results });

package/dist/toast/index.js

@@ -1,7 +1,6 @@
 import { Success, Alarm, Error } from './icons';
 import { SmartComponent } from '../common/component';
-import { contextRef } from './toast';
-import { getCurrentPage } from '../common/utils';
+import { registerToastContext, unregisterToastContext } from './toast';
 import appLog from '../common/appLog';
 SmartComponent({
     props: {
@@ -43,17 +42,17 @@ SmartComponent({
     mounted: function () {
         if (!this.id)
             return;
-        if (contextRef.value[`#${this.id}`]) {
+        const repeated = registerToastContext(`#${this.id}`, this);
+        if (repeated) {
             console.error(`Toast component #${this.id} repeated!`);
             appLog.info(`Toast component #${this.id} repeated!`);
         }
-        contextRef.value[`#${this.id}`] = getCurrentPage();
         appLog.info(`Toast #${this.id} mounted`);
     },
     destroyed: function () {
         if (!this.id)
             return;
-        contextRef.value[`#${this.id}`] = null;
+        unregisterToastContext(`#${this.id}`, this);
         appLog.info(`Toast #${this.id} destroyed`);
     },
     methods: {

package/dist/toast/toast.d.ts

@@ -21,9 +21,27 @@ interface ToastOptions {
     width?: number;
     onClose?: () => void;
 }
+interface ToastContextEntry {
+    page: ToastContext;
+    instance: WechatMiniprogram.Component.TrivialInstance | null;
+}
+/**
+ * selector -> 该 selector 下所有存活的 toast 实例。
+ * 一个 selector（id）可以同时挂在多个页面（多 webview）上，因此用数组记录，
+ * 而不再是「一个 selector 只对应一个 page」的单槽结构。
+ * 为向后兼容，仍容忍外部直接赋值为单个 page（非数组）的旧写法。
+ */
 export declare const contextRef: {
-    value: Record<string, ToastContext | null>;
+    value: Record<string, ToastContext | ToastContextEntry[] | null>;
 };
+/**
+ * 组件挂载时登记自身。同一 selector 在「同一个页面」上重复挂载才算冲突，
+ * 不同页面共用同一 selector 是被允许的（这正是「每页挂一个默认 toast」的场景）。
+ * @returns 是否与同页已有实例冲突（供组件层打印 repeated 提示）。
+ */
+export declare function registerToastContext(selector: string, instance: WechatMiniprogram.Component.TrivialInstance): boolean;
+/** 组件卸载时精确移除自身，不影响其它页面上同 selector 的实例。 */
+export declare function unregisterToastContext(selector: string, instance: WechatMiniprogram.Component.TrivialInstance): void;
 declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance | undefined;
 declare namespace Toast {
     var loading: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;

package/dist/toast/toast.js

@@ -30,16 +30,68 @@ let currentOptions = Object.assign({}, defaultOptions);
 function parseOptions(message) {
     return isObj(message) ? message : { message };
 }
+/**
+ * selector -> 该 selector 下所有存活的 toast 实例。
+ * 一个 selector（id）可以同时挂在多个页面（多 webview）上，因此用数组记录，
+ * 而不再是「一个 selector 只对应一个 page」的单槽结构。
+ * 为向后兼容，仍容忍外部直接赋值为单个 page（非数组）的旧写法。
+ */
 export const contextRef = {
     value: {},
 };
+/**
+ * 组件挂载时登记自身。同一 selector 在「同一个页面」上重复挂载才算冲突，
+ * 不同页面共用同一 selector 是被允许的（这正是「每页挂一个默认 toast」的场景）。
+ * @returns 是否与同页已有实例冲突（供组件层打印 repeated 提示）。
+ */
+export function registerToastContext(selector, instance) {
+    const existing = contextRef.value[selector];
+    const list = Array.isArray(existing) ? existing : [];
+    contextRef.value[selector] = list;
+    const page = getCurrentPage();
+    const samePage = list.find(entry => entry.page === page);
+    if (samePage) {
+        samePage.instance = instance;
+        return true;
+    }
+    list.push({ page, instance });
+    return false;
+}
+/** 组件卸载时精确移除自身，不影响其它页面上同 selector 的实例。 */
+export function unregisterToastContext(selector, instance) {
+    const existing = contextRef.value[selector];
+    if (!Array.isArray(existing)) {
+        return;
+    }
+    contextRef.value[selector] = existing.filter(entry => entry.instance !== instance);
+}
+/**
+ * 解析目标实例所在的上下文：优先命中「当前页面」上的实例，
+ * 其次退回最后挂载的实例（栈顶，覆盖跨页/非当前页场景），
+ * 同时兼容外部直接赋值单个 page 的旧写法。
+ */
+function resolveContextEntry(selector) {
+    const existing = contextRef.value[selector];
+    if (!existing) {
+        return null;
+    }
+    if (!Array.isArray(existing)) {
+        // 兼容旧结构：value[selector] 直接是一个 page
+        return { page: existing, instance: null };
+    }
+    if (!existing.length) {
+        return null;
+    }
+    const currentPage = getCurrentPage();
+    return existing.find(entry => entry.page === currentPage) || existing[existing.length - 1];
+}
 function Toast(toastOptions) {
     const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
     appLog.info('start open Toast');
-    const context = (typeof options.context === 'function' ? options.context() : options.context) ||
-        contextRef.value[options.selector] ||
-        getCurrentPage();
-    const toast = context.selectComponent(options.selector);
+    const explicitContext = typeof options.context === 'function' ? options.context() : options.context;
+    const entry = explicitContext ? null : resolveContextEntry(options.selector);
+    const context = explicitContext || (entry === null || entry === void 0 ? void 0 : entry.page) || getCurrentPage();
+    const toast = context.selectComponent(options.selector) || (entry === null || entry === void 0 ? void 0 : entry.instance) || null;
     appLog.info(`toast selector: ${options.selector}`);
     appLog.info(`toast component ${toast ? 'success' : 'fail'}`);
     if (!toast) {

package/lib/datetime-picker/README.md

@@ -255,6 +255,37 @@ Page({
 });
 ```
 
+### 控制某一列是否循环滚动 `v2.13.4`
+
+默认情况下，`year`（年）与 `12HourClock`（上午/下午）列不循环滚动，其余列（月、日、时、分）循环滚动。通过 `loop-map` 可以按列覆盖该默认行为，未配置的列保持默认。
+
+```html
+<smart-datetime-picker
+  type="date"
+  value="{{ currentDate }}"
+  loop-map="{{ loopMap }}"
+  bind:input="onInput"
+/>
+```
+
+```js
+Page({
+  data: {
+    currentDate: new Date().getTime(),
+    loopMap: {
+      day: false, // 日不循环
+      year: true, // 年循环
+    },
+  },
+
+  onInput(event) {
+    this.setData({
+      currentDate: event.detail,
+    });
+  },
+});
+```
+
 ### 样式风格 `v2.3.7`
 
 `active-style` 可以修改选中项的样式；`column-styles` 可以设置每一列的样式；`font-styles` 可以设置每一列文字的样式。
@@ -326,6 +357,7 @@ Page({
 | columnStyles `v2.3.7`  | 任意列的样式          | _Record\<string, string>_  | -     |
 | font-styles `v2.3.7`  | 任意列的字体样式           | _Record\<string, string>_  | -     |
 | active-style `v2.3.7`  | 选中项的样式           | _string_  | -     |
+| loop-map `v2.13.4`  | 控制每一列是否循环滚动(`type` 可选值为 `year`, `month`, `day`, `hour`, `minute`, `12HourClock`)，未配置的列保持默认行为：`year` 与 `12HourClock` 不循环，其余列循环           | _Record\<type, boolean>_  | -     |
 
 ### Events
 

package/lib/datetime-picker/index.js

@@ -139,6 +139,10 @@ var defaultFormatter = function (type, value) {
         }, fontStyles: {
             type: Object,
             value: undefined,
+        }, loopMap: {
+            type: Object,
+            value: undefined,
+            observer: 'updateValue',
         } }),
     data: {
         part: 'am',
@@ -218,6 +222,16 @@ var defaultFormatter = function (type, value) {
             }
             return formatter(type, value);
         },
+        // 某一列是否循环滚动，loopMap 未配置该列时使用默认值（年份、12 小时制上下午不循环）
+        getColumnLoop: function (type) {
+            var _a;
+            var loopMap = this.data.loopMap;
+            var loop = (_a = loopMap === null || loopMap === void 0 ? void 0 : loopMap[type]) !== null && _a !== void 0 ? _a : (type === '12HourClock' ? loopMap === null || loopMap === void 0 ? void 0 : loopMap.part : undefined);
+            if (typeof loop === 'boolean') {
+                return loop;
+            }
+            return !['12HourClock', 'year'].includes(type);
+        },
         updateColumns: function (values) {
             var _this = this;
             var _a = this.data, locale = _a.locale, columnStyles = _a.columnStyles, fontStyles = _a.fontStyles;
@@ -232,7 +246,7 @@ var defaultFormatter = function (type, value) {
                     style: columnStyles === null || columnStyles === void 0 ? void 0 : columnStyles[column.type],
                     fontStyle: fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles[column.type],
                     activeIndex: activeIndex === -1 ? 0 : activeIndex,
-                    loop: !['12HourClock', 'year'].includes(column.type),
+                    loop: _this.getColumnLoop(column.type),
                 };
             });
             return this.setData({ columns: results });

package/lib/toast/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var icons_1 = require("./icons");
 var component_1 = require("../common/component");
 var toast_1 = require("./toast");
-var utils_1 = require("../common/utils");
 var appLog_1 = __importDefault(require("../common/appLog"));
 (0, component_1.SmartComponent)({
     props: {
@@ -48,17 +47,17 @@ var appLog_1 = __importDefault(require("../common/appLog"));
     mounted: function () {
         if (!this.id)
             return;
-        if (toast_1.contextRef.value["#".concat(this.id)]) {
+        var repeated = (0, toast_1.registerToastContext)("#".concat(this.id), this);
+        if (repeated) {
             console.error("Toast component #".concat(this.id, " repeated!"));
             appLog_1.default.info("Toast component #".concat(this.id, " repeated!"));
         }
-        toast_1.contextRef.value["#".concat(this.id)] = (0, utils_1.getCurrentPage)();
         appLog_1.default.info("Toast #".concat(this.id, " mounted"));
     },
     destroyed: function () {
         if (!this.id)
             return;
-        toast_1.contextRef.value["#".concat(this.id)] = null;
+        (0, toast_1.unregisterToastContext)("#".concat(this.id), this);
         appLog_1.default.info("Toast #".concat(this.id, " destroyed"));
     },
     methods: {

package/lib/toast/toast.d.ts

@@ -21,9 +21,27 @@ interface ToastOptions {
     width?: number;
     onClose?: () => void;
 }
+interface ToastContextEntry {
+    page: ToastContext;
+    instance: WechatMiniprogram.Component.TrivialInstance | null;
+}
+/**
+ * selector -> 该 selector 下所有存活的 toast 实例。
+ * 一个 selector（id）可以同时挂在多个页面（多 webview）上，因此用数组记录，
+ * 而不再是「一个 selector 只对应一个 page」的单槽结构。
+ * 为向后兼容，仍容忍外部直接赋值为单个 page（非数组）的旧写法。
+ */
 export declare const contextRef: {
-    value: Record<string, ToastContext | null>;
+    value: Record<string, ToastContext | ToastContextEntry[] | null>;
 };
+/**
+ * 组件挂载时登记自身。同一 selector 在「同一个页面」上重复挂载才算冲突，
+ * 不同页面共用同一 selector 是被允许的（这正是「每页挂一个默认 toast」的场景）。
+ * @returns 是否与同页已有实例冲突（供组件层打印 repeated 提示）。
+ */
+export declare function registerToastContext(selector: string, instance: WechatMiniprogram.Component.TrivialInstance): boolean;
+/** 组件卸载时精确移除自身，不影响其它页面上同 selector 的实例。 */
+export declare function unregisterToastContext(selector: string, instance: WechatMiniprogram.Component.TrivialInstance): void;
 declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance | undefined;
 declare namespace Toast {
     var loading: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;

package/lib/toast/toast.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.contextRef = void 0;
+exports.unregisterToastContext = exports.registerToastContext = exports.contextRef = void 0;
 var appLog_1 = __importDefault(require("../common/appLog"));
 var utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
@@ -47,16 +47,70 @@ var currentOptions = __assign({}, defaultOptions);
 function parseOptions(message) {
     return (0, validator_1.isObj)(message) ? message : { message: message };
 }
+/**
+ * selector -> 该 selector 下所有存活的 toast 实例。
+ * 一个 selector（id）可以同时挂在多个页面（多 webview）上，因此用数组记录，
+ * 而不再是「一个 selector 只对应一个 page」的单槽结构。
+ * 为向后兼容，仍容忍外部直接赋值为单个 page（非数组）的旧写法。
+ */
 exports.contextRef = {
     value: {},
 };
+/**
+ * 组件挂载时登记自身。同一 selector 在「同一个页面」上重复挂载才算冲突，
+ * 不同页面共用同一 selector 是被允许的（这正是「每页挂一个默认 toast」的场景）。
+ * @returns 是否与同页已有实例冲突（供组件层打印 repeated 提示）。
+ */
+function registerToastContext(selector, instance) {
+    var existing = exports.contextRef.value[selector];
+    var list = Array.isArray(existing) ? existing : [];
+    exports.contextRef.value[selector] = list;
+    var page = (0, utils_1.getCurrentPage)();
+    var samePage = list.find(function (entry) { return entry.page === page; });
+    if (samePage) {
+        samePage.instance = instance;
+        return true;
+    }
+    list.push({ page: page, instance: instance });
+    return false;
+}
+exports.registerToastContext = registerToastContext;
+/** 组件卸载时精确移除自身，不影响其它页面上同 selector 的实例。 */
+function unregisterToastContext(selector, instance) {
+    var existing = exports.contextRef.value[selector];
+    if (!Array.isArray(existing)) {
+        return;
+    }
+    exports.contextRef.value[selector] = existing.filter(function (entry) { return entry.instance !== instance; });
+}
+exports.unregisterToastContext = unregisterToastContext;
+/**
+ * 解析目标实例所在的上下文：优先命中「当前页面」上的实例，
+ * 其次退回最后挂载的实例（栈顶，覆盖跨页/非当前页场景），
+ * 同时兼容外部直接赋值单个 page 的旧写法。
+ */
+function resolveContextEntry(selector) {
+    var existing = exports.contextRef.value[selector];
+    if (!existing) {
+        return null;
+    }
+    if (!Array.isArray(existing)) {
+        // 兼容旧结构：value[selector] 直接是一个 page
+        return { page: existing, instance: null };
+    }
+    if (!existing.length) {
+        return null;
+    }
+    var currentPage = (0, utils_1.getCurrentPage)();
+    return existing.find(function (entry) { return entry.page === currentPage; }) || existing[existing.length - 1];
+}
 function Toast(toastOptions) {
     var options = __assign(__assign({}, currentOptions), parseOptions(toastOptions));
     appLog_1.default.info('start open Toast');
-    var context = (typeof options.context === 'function' ? options.context() : options.context) ||
-        exports.contextRef.value[options.selector] ||
-        (0, utils_1.getCurrentPage)();
-    var toast = context.selectComponent(options.selector);
+    var explicitContext = typeof options.context === 'function' ? options.context() : options.context;
+    var entry = explicitContext ? null : resolveContextEntry(options.selector);
+    var context = explicitContext || (entry === null || entry === void 0 ? void 0 : entry.page) || (0, utils_1.getCurrentPage)();
+    var toast = context.selectComponent(options.selector) || (entry === null || entry === void 0 ? void 0 : entry.instance) || null;
     appLog_1.default.info("toast selector: ".concat(options.selector));
     appLog_1.default.info("toast component ".concat(toast ? 'success' : 'fail'));
     if (!toast) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "2.13.3",
+  "version": "2.13.4-beta-1",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",