@tuya-miniapp/smart-ui 1.3.1-beta-2 → 1.3.1-beta-4

package/lib/notify/demo/index.js

@@ -0,0 +1,50 @@
+"use strict";
+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 notify_1 = __importDefault(require("../../notify/notify"));
+(0, component_1.SmartComponent)({
+    methods: {
+        showNotify: function () {
+            (0, notify_1.default)({
+                context: this,
+                message: I18n.t('notificationContent'),
+                duration: 0,
+                transition: 'fade',
+            });
+        },
+        showCustomColor: function () {
+            (0, notify_1.default)({
+                context: this,
+                message: I18n.t('customColor'),
+                color: '#ad0000',
+                background: '#ffe1e1',
+            });
+            notify_1.default.clear();
+        },
+        showCustomDuration: function () {
+            (0, notify_1.default)({
+                context: this,
+                duration: 1000,
+                message: I18n.t('customDuration'),
+            });
+        },
+        showNotifyByType: function (event) {
+            var type = event.currentTarget.dataset.type;
+            (0, notify_1.default)({
+                type: type,
+                context: this,
+                message: I18n.t('notificationContent'),
+            });
+        },
+        showSafe: function () {
+            (0, notify_1.default)({
+                context: this,
+                message: I18n.t('notificationContent'),
+                safeAreaInsetTop: true,
+            });
+        },
+    },
+});

package/lib/overlay/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/overlay/demo/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: false,
+        showEmbedded: false,
+    },
+    methods: {
+        onClickShow: function () {
+            this.setData({ show: true });
+        },
+        onClickHide: function () {
+            this.setData({ show: false });
+        },
+        onClickShowEmbedded: function () {
+            this.setData({ showEmbedded: true });
+        },
+        onClickHideEmbedded: function () {
+            this.setData({ showEmbedded: false });
+        },
+        noop: function () { },
+    },
+});

package/lib/picker/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/picker/demo/index.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        activeIndex: 3,
+        column1: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+        column2: [
+            { text: I18n.t('hangzhou'), disabled: true },
+            { text: I18n.t('ningbo') },
+            { text: I18n.t('wenzhou') },
+        ],
+        column3: (_a = {},
+            _a[I18n.t('zhejiang')] = [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+            _a[I18n.t('fujian')] = [I18n.t('fuzhou'), I18n.t('xiamen'), I18n.t('putian'), I18n.t('sanming'), I18n.t('quanzhou')],
+            _a),
+        column4: [
+            {
+                values: [I18n.t('zhejiang'), I18n.t('fujian')],
+                className: 'column1',
+                unit: I18n.t('province'),
+            },
+            {
+                values: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
+                className: 'column2',
+                defaultIndex: 2,
+                unit: I18n.t('city'),
+            },
+        ],
+        column5: [
+            {
+                values: new Array(100).fill(1).map(function (x, i) { return i; }),
+                style: 'flex: none;width: auto;min-width: 61px;'
+            },
+            {
+                values: ['.'],
+                style: 'flex: none;width: 8px;display:flex;justify-content: center;'
+            },
+            {
+                values: new Array(20).fill(1).map(function (x, i) { return i; }),
+                style: 'flex: none;width: auto;min-width: 61px;',
+                unit: 'Kg',
+            },
+        ],
+    },
+    methods: {
+        onChange1: function (event) {
+            var _a = event.detail, value = _a.value, index = _a.index;
+            (0, toast_1.default)({
+                context: this,
+                message: "Value: ".concat(value, ", Index\uFF1A").concat(index),
+            });
+            // this.setData({
+            //   column1: new Array(200).fill(1).map((v, i) => `杭州${i}`),
+            //   activeIndex: 50,
+            // });
+        },
+        onConfirm: function (event) {
+            var _a = event.detail, value = _a.value, index = _a.index;
+            (0, toast_1.default)({
+                context: this,
+                message: "Value: ".concat(value, ", Index\uFF1A").concat(index),
+            });
+        },
+        onCancel: function () {
+            (0, toast_1.default)({
+                context: this,
+                message: I18n.t('cancel'),
+            });
+        },
+        onChange2: function (event) {
+            var _a = event.detail, picker = _a.picker, value = _a.value;
+            picker.setColumnValues(1, this.data.column3[value[0]]);
+            getApp().picker = picker;
+        },
+    },
+});

package/lib/picker/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
+@import '../common/index.css';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}

package/lib/picker/index.js

@@ -146,9 +146,7 @@ var shared_1 = require("./shared");
         // set values of all columns
         setValues: function (values) {
             var _this = this;
-            var stack = values.map(function (value, index) {
-                return _this.setColumnValue(index, value);
-            });
+            var stack = values.map(function (value, index) { return _this.setColumnValue(index, value); });
             return Promise.all(stack);
         },
         // get indexes of all columns

package/lib/picker/index.wxml

@@ -19,6 +19,7 @@
       data-index="{{ index }}"
       custom-class="column-class"
       value-key="{{ valueKey }}"
+      style="{{ item.style }}"
       options="{{ item.values }}"
       unit="{{ item.unit || unit }}"
       default-index="{{ item.defaultIndex || defaultIndex }}"

package/lib/picker/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
+@import '../common/index.wxss';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}

package/lib/picker-column/index.js

@@ -105,9 +105,7 @@ var DEFAULT_DURATION = 200;
                 var maxText_1 = '';
                 options.forEach(function (option) {
                     var _a;
-                    var value = (0, validator_1.isObj)(option)
-                        ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString()
-                        : option === null || option === void 0 ? void 0 : option.toString();
+                    var value = (0, validator_1.isObj)(option) ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString() : option === null || option === void 0 ? void 0 : option.toString();
                     if (maxText_1.length < value.length) {
                         maxText_1 = value;
                     }
@@ -157,9 +155,7 @@ var DEFAULT_DURATION = 200;
         },
         getOptionText: function (option) {
             var data = this.data;
-            return (0, validator_1.isObj)(option) && data.valueKey in option
-                ? option[data.valueKey]
-                : option;
+            return (0, validator_1.isObj)(option) && data.valueKey in option ? option[data.valueKey] : option;
         },
         setIndex: function (index, userAction, animate) {
             var _this = this;
@@ -183,7 +179,6 @@ var DEFAULT_DURATION = 200;
                                 _this.$emit('change', index);
                                 return;
                             }
-                            ;
                             _this.fireChange = true;
                         });
                     });

package/lib/popup/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/popup/demo/index.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: {
+            basic: false,
+            top: false,
+            bottom: false,
+            left: false,
+            right: false,
+            round: false,
+            closeIcon: false,
+            customCloseIcon: false,
+            customIconPosition: false,
+        },
+        rightIcon: Right_1.default,
+    },
+    methods: {
+        toggle: function (type, show) {
+            var _a;
+            this.setData((_a = {},
+                _a["show.".concat(type)] = show,
+                _a));
+        },
+        showBasic: function () {
+            this.toggle('basic', true);
+        },
+        hideBasic: function () {
+            this.toggle('basic', false);
+        },
+        showTop: function () {
+            this.toggle('top', true);
+        },
+        hideTop: function () {
+            this.toggle('top', false);
+        },
+        showLeft: function () {
+            this.toggle('left', true);
+        },
+        hideLeft: function () {
+            this.toggle('left', false);
+        },
+        showRight: function () {
+            this.toggle('right', true);
+        },
+        hideRight: function () {
+            this.toggle('right', false);
+        },
+        showBottom: function () {
+            this.toggle('bottom', true);
+        },
+        hideBottom: function () {
+            this.toggle('bottom', false);
+        },
+        showRound: function () {
+            this.toggle('round', true);
+        },
+        hideRound: function () {
+            this.toggle('round', false);
+        },
+        showCloseIcon: function () {
+            this.toggle('closeIcon', true);
+        },
+        hideCloseIcon: function () {
+            this.toggle('closeIcon', false);
+        },
+        showCustomCloseIcon: function () {
+            this.toggle('customCloseIcon', true);
+        },
+        hideCustomCloseIcon: function () {
+            this.toggle('customCloseIcon', false);
+        },
+        showCustomIconPosition: function () {
+            this.toggle('customIconPosition', true);
+        },
+        hideCustomIconPosition: function () {
+            this.toggle('customIconPosition', false);
+        },
+    },
+});

package/lib/progress/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/progress/demo/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {},
+});

package/lib/progress/index.js

@@ -39,10 +39,7 @@ var utils_1 = require("../common/utils");
     methods: {
         setLeft: function () {
             var _this = this;
-            Promise.all([
-                (0, utils_1.getRect)(this, '.smart-progress'),
-                (0, utils_1.getRect)(this, '.smart-progress__pivot'),
-            ]).then(function (_a) {
+            Promise.all([(0, utils_1.getRect)(this, '.smart-progress'), (0, utils_1.getRect)(this, '.smart-progress__pivot')]).then(function (_a) {
                 var portion = _a[0], pivot = _a[1];
                 if (portion && pivot) {
                     _this.setData({

package/lib/radio/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/radio/demo/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        radioBasic: '1',
+        radioDisabled: '2',
+        radioColor: '1',
+        radioText: '1',
+        radioHoriz: '1',
+        radioIcon: '1',
+        radioSize: '1',
+        radioLabel: '1',
+        radioShape: '1',
+        radioCell: '1',
+        icon: {
+            normal: 'https://images.tuyacn.com/content-platform/hestia/1729664215ebd89f13e54.png',
+            active: 'https://images.tuyacn.com/content-platform/hestia/1730877912e76cbdb7563.png',
+        },
+    },
+    methods: {
+        onChange: function (event) {
+            var _a;
+            var key = event.currentTarget.dataset.key;
+            this.setData((_a = {}, _a[key] = event.detail, _a));
+        },
+        onClick: function (event) {
+            var name = event.currentTarget.dataset.name;
+            this.setData({
+                radioCell: name,
+            });
+        },
+    },
+});

package/lib/rate/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/rate/demo/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Icloud_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Icloud"));
+var XmarkIcloud_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/XmarkIcloud"));
+var component_1 = require("../../common/component");
+var toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        value1: 3,
+        value2: 3,
+        value3: 3,
+        value4: 2.5,
+        value5: 4,
+        value6: 3,
+        value8: 2,
+        icon: Icloud_1.default,
+        voidIcon: XmarkIcloud_1.default,
+    },
+    methods: {
+        onChange: function (event) {
+            (0, toast_1.default)({
+                context: this,
+                message: I18n.t('currentValue') + event.detail,
+            });
+        },
+    },
+});

package/lib/search/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/search/demo/index.js

@@ -0,0 +1,48 @@
+"use strict";
+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 TriangleDown_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/TriangleDown"));
+(0, component_1.SmartComponent)({
+    data: {
+        value: '',
+        icon: TriangleDown_1.default,
+    },
+    methods: {
+        onChange: function (e) {
+            this.setData({
+                value: e.detail,
+            });
+        },
+        onSearch: function (event) {
+            if (event.detail) {
+                wx.showToast({
+                    title: I18n.t('searchText') + ': ' + event.detail,
+                    icon: 'none',
+                });
+            }
+        },
+        onClick: function () {
+            if (this.data.value) {
+                wx.showToast({
+                    title: I18n.t('searchText') + ': ' + this.data.value,
+                    icon: 'none',
+                });
+            }
+        },
+        onCancel: function () {
+            wx.showToast({
+                title: I18n.t('cancel'),
+                icon: 'none',
+            });
+        },
+        onClear: function () {
+            wx.showToast({
+                title: I18n.t('clear'),
+                icon: 'none',
+            });
+        },
+    },
+});

package/lib/search/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-search{align-items:center;background-color:var(--search-background-color,var(--app-B3,#fff));box-sizing:border-box;display:flex;padding:var(--search-padding,12px 16px)}.smart-search__content{align-items:center;background-color:var(--search-body-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));display:flex;flex:1;flex-direction:row;padding:12px 16px}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,var(--app-B4-N1,#000));font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,24px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{--icon-color:var(--search-left-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));margin-left:2px}.smart-search__input{font-size:var(--search-value-font-size,14px)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,24px)}.smart-search__action--hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__action-button{padding:var(--search-action-padding,0 16px 0 12px)}.smart-search__hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__submit{align-items:center;color:var(--search-submit-color,var(--app-M1,#3678e3));display:flex;flex-direction:row;font-size:var(--search-submit-font-size,14px)}.smart-search__submit:before{background-color:var(--search-submit-color,var(--app-M1,#3678e3));content:"";display:block;height:12px;margin-right:12px;width:1px}
+@import '../common/index.css';.smart-search{align-items:center;background-color:var(--search-background-color,var(--app-B3,#fff));box-sizing:border-box;display:flex;padding:var(--search-padding,12px 16px)}.smart-search__content{align-items:center;background-color:var(--search-body-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));display:flex;flex:1;flex-direction:row;padding:12px 16px}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,var(--app-B4-N1,#000));font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,24px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{--icon-color:var(--search-left-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));margin-left:2px}.smart-search__input{font-size:var(--search-value-font-size,14px)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,24px)}.smart-search__action--hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:var(--search-btn-hover-opacity,.4)}.smart-search__action-button{padding:var(--search-action-padding,0 16px 0 12px)}.smart-search__hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:var(--search-btn-hover-opacity,.4)}.smart-search__submit{align-items:center;color:var(--search-submit-color,var(--app-M1,#3678e3));display:flex;flex-direction:row;font-size:var(--search-submit-font-size,14px)}.smart-search__submit:before{background-color:var(--search-submit-color,var(--app-M1,#3678e3));content:"";display:block;height:var(--search-submit-line-height,12px);margin-right:12px;width:var(--search-submit-line-width,1px)}

package/lib/search/index.js

@@ -32,11 +32,7 @@ var Close_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Close"));
         rightIcon: String,
         placeholder: String,
         placeholderStyle: String,
-        searchText: {
-            type: String,
-            value: 'Search',
-        },
-        showSearchButton: Boolean,
+        searchText: String,
         background: String,
         actionText: {
             type: String,

package/lib/search/index.wxml

@@ -40,7 +40,7 @@
       <smart-icon wx:if="{{ !useLeftIconSlot && leftIcon }}" size="18" name="{{ leftIcon }}" custom-class="smart-search__field__left-icon" slot="left-icon" />
       <slot wx:if="{{ useLeftIconSlot }}" name="left-icon" slot="left-icon" />
       <slot wx:if="{{ useRightIconSlot }}" name="right-icon" slot="right-icon" />
-      <view wx:if="{{ showSearchButton && searchText }}" hover-class="smart-search__hover" bind:tap="goSearch" class="smart-search__submit" slot="button" >{{ searchText }}</view>
+      <view wx:if="{{ searchText }}" hover-class="smart-search__hover" bind:tap="goSearch" class="smart-search__submit" slot="button" >{{ searchText }}</view>
       <slot name="search-button" slot="button" />
     </smart-field>
   </view>

package/lib/search/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-search{align-items:center;background-color:var(--search-background-color,var(--app-B3,#fff));box-sizing:border-box;display:flex;padding:var(--search-padding,12px 16px)}.smart-search__content{align-items:center;background-color:var(--search-body-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));display:flex;flex:1;flex-direction:row;padding:12px 16px}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,var(--app-B4-N1,#000));font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,24px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{--icon-color:var(--search-left-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));margin-left:2px}.smart-search__input{font-size:var(--search-value-font-size,14px)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,24px)}.smart-search__action--hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__action-button{padding:var(--search-action-padding,0 16px 0 12px)}.smart-search__hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__submit{align-items:center;color:var(--search-submit-color,var(--app-M1,#3678e3));display:flex;flex-direction:row;font-size:var(--search-submit-font-size,14px)}.smart-search__submit:before{background-color:var(--search-submit-color,var(--app-M1,#3678e3));content:"";display:block;height:12px;margin-right:12px;width:1px}
+@import '../common/index.wxss';.smart-search{align-items:center;background-color:var(--search-background-color,var(--app-B3,#fff));box-sizing:border-box;display:flex;padding:var(--search-padding,12px 16px)}.smart-search__content{align-items:center;background-color:var(--search-body-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));display:flex;flex:1;flex-direction:row;padding:12px 16px}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,var(--app-B4-N1,#000));font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,24px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{--icon-color:var(--search-left-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));margin-left:2px}.smart-search__input{font-size:var(--search-value-font-size,14px)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,24px)}.smart-search__action--hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:var(--search-btn-hover-opacity,.4)}.smart-search__action-button{padding:var(--search-action-padding,0 16px 0 12px)}.smart-search__hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:var(--search-btn-hover-opacity,.4)}.smart-search__submit{align-items:center;color:var(--search-submit-color,var(--app-M1,#3678e3));display:flex;flex-direction:row;font-size:var(--search-submit-font-size,14px)}.smart-search__submit:before{background-color:var(--search-submit-color,var(--app-M1,#3678e3));content:"";display:block;height:var(--search-submit-line-height,12px);margin-right:12px;width:var(--search-submit-line-width,1px)}

package/lib/sidebar/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/sidebar/demo/index.js

@@ -0,0 +1,14 @@
+"use strict";
+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 toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    methods: {
+        onChange: function (event) {
+            (0, toast_1.default)({ context: this, message: "".concat(I18n.t('switchTo')).concat(event.detail).concat(I18n.t('item')) });
+        },
+    },
+});

package/lib/skeleton/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/skeleton/demo/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        show: false,
+    },
+    methods: {
+        onChange: function (_a) {
+            var detail = _a.detail;
+            this.setData({ show: detail });
+        },
+    },
+});

package/lib/slider/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/slider/demo/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../common/component");
+(0, component_1.SmartComponent)({
+    data: {
+        currentValue: 50,
+    },
+    methods: {
+        onChange: function (event) {
+            wx.showToast({
+                icon: 'none',
+                title: "".concat(I18n.t('currentValue')).concat(event.detail),
+            });
+        },
+        onDrag: function (event) {
+            this.setData({
+                currentValue: event.detail.value,
+            });
+        },
+    },
+});

package/lib/slider/index.js

@@ -111,9 +111,7 @@ var DRAG_STATUS = {
             (0, utils_1.getRect)(this, '.smart-slider').then(function (rect) {
                 var vertical = _this.data.vertical;
                 var touch = event.touches[0];
-                var delta = vertical
-                    ? touch.clientY - rect.top
-                    : touch.clientX - rect.left;
+                var delta = vertical ? touch.clientY - rect.top : touch.clientX - rect.left;
                 var total = vertical ? rect.height : rect.width;
                 var value = Number(min) + (delta / total) * _this.getRange();
                 if (_this.isRange(_this.value)) {

package/lib/stepper/demo/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/stepper/demo/index.js

@@ -0,0 +1,25 @@
+"use strict";
+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 toast_1 = __importDefault(require("../../toast/toast"));
+(0, component_1.SmartComponent)({
+    data: {
+        value: 1,
+    },
+    methods: {
+        onChange: function (event) {
+            var _this = this;
+            toast_1.default.loading({
+                context: this,
+                forbidClick: true,
+            });
+            setTimeout(function () {
+                toast_1.default.clear();
+                _this.setData({ value: event.detail });
+            }, 500);
+        },
+    },
+});

package/lib/steps/demo/index.d.ts

@@ -0,0 +1 @@
+export {};