@tuya-miniapp/smart-ui 2.8.1-beta-4 → 2.8.1-beta-6

package/dist/common/ty.d.ts

@@ -1,5 +1,7 @@
 declare const tyApi: {
     vibrateShort: (v: any) => void;
+    selectionVibrate: () => void;
+    notificationVibrate: (v: any) => void;
     nativeDisabled: (v: boolean) => void;
     getThemeInfo: () => any;
     isWX: () => boolean;

package/dist/common/ty.js

@@ -1,12 +1,29 @@
 const tyApi = {
     vibrateShort: (v) => {
+        var _a, _b;
         // @ts-ignore
         if (typeof ty !== 'undefined') {
             // @ts-ignore
-            ty.vibrateShort(v);
+            (_a = ty.vibrateShort) === null || _a === void 0 ? void 0 : _a.call(ty, v);
         }
         else if (typeof wx !== 'undefined') {
-            wx.vibrateShort(v);
+            (_b = wx.vibrateShort) === null || _b === void 0 ? void 0 : _b.call(wx, v);
+        }
+    },
+    selectionVibrate: () => {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            (_a = ty.selectionVibrate) === null || _a === void 0 ? void 0 : _a.call(ty);
+        }
+    },
+    notificationVibrate: (v) => {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            (_a = ty.notificationVibrate) === null || _a === void 0 ? void 0 : _a.call(ty, v);
         }
     },
     nativeDisabled: (v) => {

package/dist/field/index.js

@@ -2,6 +2,7 @@ import { nextTick } from '../common/utils';
 import { SmartComponent } from '../common/component';
 import { commonProps, inputProps, textareaProps } from './props';
 import Xmark from '@tuya-miniapp/icons/dist/svg/Xmark';
+import tyApi from '../common/ty';
 SmartComponent({
     field: true,
     classes: ['input-class', 'right-icon-class', 'label-class'],
@@ -66,6 +67,7 @@ SmartComponent({
             return this.emitChange(Object.assign(Object.assign({}, event.detail), { value: formatValue }));
         },
         onFocus(event) {
+            tyApi.selectionVibrate();
             this.focused = true;
             this.setShowClear();
             this.$emit('focus', event.detail);

package/dist/picker-column/index.js

@@ -1,7 +1,7 @@
 import { SmartComponent } from '../common/component';
 import { range } from '../common/utils';
 import { isObj } from '../common/validator';
-import ty from '../common/ty';
+import tyApi from '../common/ty';
 const DEFAULT_DURATION = 400;
 const compIdList = [];
 const getId = () => {
@@ -138,7 +138,7 @@ SmartComponent({
                 });
             }
             if (!count) {
-                ty.vibrateShort({ type: 'light' });
+                tyApi.vibrateShort({ type: 'light' });
                 return;
             }
             let has = 0;
@@ -148,7 +148,7 @@ SmartComponent({
                     return;
                 }
                 has++;
-                ty.vibrateShort({ type: 'light' });
+                tyApi.vibrateShort({ type: 'light' });
             }, time / count - 20);
             this.setData({
                 vibrateTimer: timer,

package/dist/stepper/index.js

@@ -1,8 +1,8 @@
 import { SmartComponent } from '../common/component';
 import { isDef } from '../common/validator';
-import ty from '../common/ty';
 import Minus from '@tuya-miniapp/icons/dist/svg/Minus';
 import Plus from '@tuya-miniapp/icons/dist/svg/Plus';
+import tyApi from '../common/ty';
 const LONG_PRESS_START_TIME = 600;
 const LONG_PRESS_INTERVAL = 200;
 // add num and avoid float number
@@ -112,6 +112,7 @@ SmartComponent({
             return disabled || disableMinus || +currentValue <= +min;
         },
         onFocus(event) {
+            tyApi.selectionVibrate();
             this.$emit('focus', event.detail);
             this.setData({ focus: true });
         },
@@ -176,7 +177,7 @@ SmartComponent({
             const value = this.format(add(+this.data.currentValue, diff), true);
             this.emitChange(value);
             this.$emit(type);
-            ty.vibrateShort({ type: 'light' });
+            tyApi.vibrateShort({ type: 'light' });
         },
         longPressStep() {
             this.longPressTimer = setTimeout(() => {

package/dist/switch/index.js

@@ -1,3 +1,4 @@
+import tyApi from '../common/ty';
 import { SmartComponent } from '../common/component';
 SmartComponent({
     field: true,
@@ -35,6 +36,7 @@ SmartComponent({
             }
             const checked = this.data.checked === activeValue;
             const value = checked ? inactiveValue : activeValue;
+            tyApi.vibrateShort({ type: 'light' });
             this.$emit('input', value);
             this.$emit('change', value);
         },

package/dist/tabbar-item/index.js

@@ -1,3 +1,4 @@
+import tyApi from '../common/ty';
 import { SmartComponent } from '../common/component';
 import { useParent } from '../common/relation';
 SmartComponent({
@@ -39,6 +40,7 @@ SmartComponent({
                 const active = this.data.name || index;
                 if (active !== this.data.active) {
                     parent.$emit('change', active);
+                    tyApi.selectionVibrate();
                 }
             }
             const { url, linkType } = this.data;

package/dist/tabs/index.js

@@ -3,6 +3,7 @@ import { touch } from '../mixins/touch';
 import { getAllRect, getRect, groupSetData, nextTick, requestAnimationFrame, } from '../common/utils';
 import { isDef } from '../common/validator';
 import { useChildren } from '../common/relation';
+import tyApi from '../common/ty';
 SmartComponent({
     mixins: [touch],
     classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class', 'wrap-class'],
@@ -130,6 +131,7 @@ SmartComponent({
             }
             this.onBeforeChange(index)
                 .then(() => {
+                tyApi.selectionVibrate();
                 this.setCurrentIndex(index);
                 nextTick(() => {
                     this.trigger('click');

package/dist/toast/toast.js

@@ -1,7 +1,7 @@
 import appLog from '../common/appLog';
 import { getCurrentPage } from '../common/utils';
 import { isObj } from '../common/validator';
-import ty from '../common/ty';
+import tyApi from '../common/ty';
 const defaultOptions = {
     type: 'text',
     mask: false,
@@ -50,7 +50,7 @@ function Toast(toastOptions) {
     toast.clear = () => {
         toast.setData({ show: false });
         if (options.nativeDisabled) {
-            ty.nativeDisabled(false);
+            tyApi.nativeDisabled(false);
         }
         preDisRef.value[options.selector] = false;
         if (options.onClose) {
@@ -60,10 +60,10 @@ function Toast(toastOptions) {
     queueRef.value.push(toast);
     toast.setData(options);
     if (options.nativeDisabled) {
-        ty.nativeDisabled(true);
+        tyApi.nativeDisabled(true);
     }
     if (preDisRef.value[options.selector] && !options.nativeDisabled) {
-        ty.nativeDisabled(false);
+        tyApi.nativeDisabled(false);
     }
     preDisRef.value[options.selector] = options.nativeDisabled || false;
     clearTimeout(toast.timer);
@@ -76,7 +76,18 @@ function Toast(toastOptions) {
     }
     return toast;
 }
-const createMethod = (type) => (options) => Toast(Object.assign({ type }, parseOptions(options)));
+const createMethod = (type) => (options) => {
+    if (type === 'success') {
+        tyApi.notificationVibrate({ type: 'success' });
+    }
+    else if (type === 'fail') {
+        tyApi.notificationVibrate({ type: 'error' });
+    }
+    else if (type === 'warn') {
+        tyApi.notificationVibrate({ type: 'warning' });
+    }
+    return Toast(Object.assign({ type }, parseOptions(options)));
+};
 Toast.loading = createMethod('loading');
 Toast.success = createMethod('success');
 Toast.fail = createMethod('fail');

package/lib/common/ty.d.ts

@@ -1,5 +1,7 @@
 declare const tyApi: {
     vibrateShort: (v: any) => void;
+    selectionVibrate: () => void;
+    notificationVibrate: (v: any) => void;
     nativeDisabled: (v: boolean) => void;
     getThemeInfo: () => any;
     isWX: () => boolean;

package/lib/common/ty.js

@@ -2,13 +2,30 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tyApi = {
     vibrateShort: function (v) {
+        var _a, _b;
         // @ts-ignore
         if (typeof ty !== 'undefined') {
             // @ts-ignore
-            ty.vibrateShort(v);
+            (_a = ty.vibrateShort) === null || _a === void 0 ? void 0 : _a.call(ty, v);
         }
         else if (typeof wx !== 'undefined') {
-            wx.vibrateShort(v);
+            (_b = wx.vibrateShort) === null || _b === void 0 ? void 0 : _b.call(wx, v);
+        }
+    },
+    selectionVibrate: function () {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            (_a = ty.selectionVibrate) === null || _a === void 0 ? void 0 : _a.call(ty);
+        }
+    },
+    notificationVibrate: function (v) {
+        var _a;
+        // @ts-ignore
+        if (typeof ty !== 'undefined') {
+            // @ts-ignore
+            (_a = ty.notificationVibrate) === null || _a === void 0 ? void 0 : _a.call(ty, v);
         }
     },
     nativeDisabled: function (v) {

package/lib/field/index.js

@@ -18,6 +18,7 @@ var utils_1 = require("../common/utils");
 var component_1 = require("../common/component");
 var props_1 = require("./props");
 var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
+var ty_1 = __importDefault(require("../common/ty"));
 (0, component_1.SmartComponent)({
     field: true,
     classes: ['input-class', 'right-icon-class', 'label-class'],
@@ -82,6 +83,7 @@ var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
             return this.emitChange(__assign(__assign({}, event.detail), { value: formatValue }));
         },
         onFocus: function (event) {
+            ty_1.default.selectionVibrate();
             this.focused = true;
             this.setShowClear();
             this.$emit('focus', event.detail);

package/lib/stepper/index.js

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var validator_1 = require("../common/validator");
-var ty_1 = __importDefault(require("../common/ty"));
 var Minus_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Minus"));
 var Plus_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Plus"));
+var ty_1 = __importDefault(require("../common/ty"));
 var LONG_PRESS_START_TIME = 600;
 var LONG_PRESS_INTERVAL = 200;
 // add num and avoid float number
@@ -128,6 +128,7 @@ function equal(value1, value2) {
             return disabled || disableMinus || +currentValue <= +min;
         },
         onFocus: function (event) {
+            ty_1.default.selectionVibrate();
             this.$emit('focus', event.detail);
             this.setData({ focus: true });
         },

package/lib/switch/index.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+var ty_1 = __importDefault(require("../common/ty"));
 var component_1 = require("../common/component");
 (0, component_1.SmartComponent)({
     field: true,
@@ -37,6 +41,7 @@ var component_1 = require("../common/component");
             }
             var checked = this.data.checked === activeValue;
             var value = checked ? inactiveValue : activeValue;
+            ty_1.default.vibrateShort({ type: 'light' });
             this.$emit('input', value);
             this.$emit('change', value);
         },

package/lib/tabbar-item/index.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+var ty_1 = __importDefault(require("../common/ty"));
 var component_1 = require("../common/component");
 var relation_1 = require("../common/relation");
 (0, component_1.SmartComponent)({
@@ -41,6 +45,7 @@ var relation_1 = require("../common/relation");
                 var active = this.data.name || index;
                 if (active !== this.data.active) {
                     parent.$emit('change', active);
+                    ty_1.default.selectionVibrate();
                 }
             }
             var _a = this.data, url = _a.url, linkType = _a.linkType;

package/lib/tabs/index.js

@@ -10,12 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var touch_1 = require("../mixins/touch");
 var utils_1 = require("../common/utils");
 var validator_1 = require("../common/validator");
 var relation_1 = require("../common/relation");
+var ty_1 = __importDefault(require("../common/ty"));
 (0, component_1.SmartComponent)({
     mixins: [touch_1.touch],
     classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class', 'wrap-class'],
@@ -148,6 +152,7 @@ var relation_1 = require("../common/relation");
             }
             this.onBeforeChange(index)
                 .then(function () {
+                ty_1.default.selectionVibrate();
                 _this.setCurrentIndex(index);
                 (0, utils_1.nextTick)(function () {
                     _this.trigger('click');

package/lib/toast/toast.js

@@ -94,6 +94,15 @@ function Toast(toastOptions) {
     return toast;
 }
 var createMethod = function (type) { return function (options) {
+    if (type === 'success') {
+        ty_1.default.notificationVibrate({ type: 'success' });
+    }
+    else if (type === 'fail') {
+        ty_1.default.notificationVibrate({ type: 'error' });
+    }
+    else if (type === 'warn') {
+        ty_1.default.notificationVibrate({ type: 'warning' });
+    }
     return Toast(__assign({ type: type }, parseOptions(options)));
 }; };
 Toast.loading = createMethod('loading');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-miniapp/smart-ui",
-  "version": "2.8.1-beta-4",
+  "version": "2.8.1-beta-6",
   "author": "MiniApp Team",
   "license": "MIT",
   "miniprogram": "lib",
@@ -87,7 +87,7 @@
     "iOS >= 9"
   ],
   "dependencies": {
-    "@ray-js/components-ty-slider": "^0.3.7",
+    "@ray-js/components-ty-slider": "^0.3.8-beta-3",
     "@tuya-miniapp/icons": "^2.3.0"
   },
   "maintainers": [