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

package/dist/popup/demo/index.js

@@ -0,0 +1,79 @@
+import rightIcon from '@tuya-miniapp/icons/dist/svg/Right';
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show: {
+            basic: false,
+            top: false,
+            bottom: false,
+            left: false,
+            right: false,
+            round: false,
+            closeIcon: false,
+            customCloseIcon: false,
+            customIconPosition: false,
+        },
+        rightIcon,
+    },
+    methods: {
+        toggle(type, show) {
+            this.setData({
+                [`show.${type}`]: show,
+            });
+        },
+        showBasic() {
+            this.toggle('basic', true);
+        },
+        hideBasic() {
+            this.toggle('basic', false);
+        },
+        showTop() {
+            this.toggle('top', true);
+        },
+        hideTop() {
+            this.toggle('top', false);
+        },
+        showLeft() {
+            this.toggle('left', true);
+        },
+        hideLeft() {
+            this.toggle('left', false);
+        },
+        showRight() {
+            this.toggle('right', true);
+        },
+        hideRight() {
+            this.toggle('right', false);
+        },
+        showBottom() {
+            this.toggle('bottom', true);
+        },
+        hideBottom() {
+            this.toggle('bottom', false);
+        },
+        showRound() {
+            this.toggle('round', true);
+        },
+        hideRound() {
+            this.toggle('round', false);
+        },
+        showCloseIcon() {
+            this.toggle('closeIcon', true);
+        },
+        hideCloseIcon() {
+            this.toggle('closeIcon', false);
+        },
+        showCustomCloseIcon() {
+            this.toggle('customCloseIcon', true);
+        },
+        hideCustomCloseIcon() {
+            this.toggle('customCloseIcon', false);
+        },
+        showCustomIconPosition() {
+            this.toggle('customIconPosition', true);
+        },
+        hideCustomIconPosition() {
+            this.toggle('customIconPosition', false);
+        },
+    },
+});

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

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

package/dist/progress/demo/index.js

@@ -0,0 +1,4 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {},
+});

package/dist/progress/index.js

@@ -36,10 +36,7 @@ SmartComponent({
     },
     methods: {
         setLeft() {
-            Promise.all([
-                getRect(this, '.smart-progress'),
-                getRect(this, '.smart-progress__pivot'),
-            ]).then(([portion, pivot]) => {
+            Promise.all([getRect(this, '.smart-progress'), getRect(this, '.smart-progress__pivot')]).then(([portion, pivot]) => {
                 if (portion && pivot) {
                     this.setData({
                         right: (pivot.width * (this.data.percentage - 100)) / 100,

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

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

package/dist/radio/demo/index.js

@@ -0,0 +1,31 @@
+import { SmartComponent } from '../../common/component';
+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(event) {
+            const { key } = event.currentTarget.dataset;
+            this.setData({ [key]: event.detail });
+        },
+        onClick(event) {
+            const { name } = event.currentTarget.dataset;
+            this.setData({
+                radioCell: name,
+            });
+        },
+    },
+});

package/dist/radio-group/index.js

@@ -16,7 +16,7 @@ SmartComponent({
     },
     methods: {
         updateChildren() {
-            this.children.forEach((child) => child.updateFromParent());
+            this.children.forEach(child => child.updateFromParent());
         },
     },
 });

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

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

package/dist/rate/demo/index.js

@@ -0,0 +1,25 @@
+import Icloud from '@tuya-miniapp/icons/dist/svg/Icloud';
+import XmarkIcloud from '@tuya-miniapp/icons/dist/svg/XmarkIcloud';
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+SmartComponent({
+    data: {
+        value1: 3,
+        value2: 3,
+        value3: 3,
+        value4: 2.5,
+        value5: 4,
+        value6: 3,
+        value8: 2,
+        icon: Icloud,
+        voidIcon: XmarkIcloud,
+    },
+    methods: {
+        onChange(event) {
+            Toast({
+                context: this,
+                message: I18n.t('currentValue') + event.detail,
+            });
+        },
+    },
+});

package/dist/rate/index.js

@@ -76,10 +76,10 @@ SmartComponent({
             if (!touchable)
                 return;
             const { clientX } = event.touches[0];
-            getAllRect(this, '.smart-rate__icon').then((list) => {
+            getAllRect(this, '.smart-rate__icon').then(list => {
                 const target = list
                     .sort((cur, next) => cur.dataset.score - next.dataset.score)
-                    .find((item) => clientX >= item.left && clientX <= item.right);
+                    .find(item => clientX >= item.left && clientX <= item.right);
                 if (target != null) {
                     this.onSelect(Object.assign(Object.assign({}, event), { currentTarget: target }));
                 }

package/dist/row/index.js

@@ -15,7 +15,7 @@ SmartComponent({
     },
     methods: {
         setGutter() {
-            this.children.forEach((col) => {
+            this.children.forEach(col => {
                 col.setData(this.data);
             });
         },

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

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

package/dist/search/demo/index.js

@@ -0,0 +1,43 @@
+import { SmartComponent } from '../../common/component';
+import TriangleDown from '@tuya-miniapp/icons/dist/svg/TriangleDown';
+SmartComponent({
+    data: {
+        value: '',
+        icon: TriangleDown,
+    },
+    methods: {
+        onChange(e) {
+            this.setData({
+                value: e.detail,
+            });
+        },
+        onSearch(event) {
+            if (event.detail) {
+                wx.showToast({
+                    title: I18n.t('searchText') + ': ' + event.detail,
+                    icon: 'none',
+                });
+            }
+        },
+        onClick() {
+            if (this.data.value) {
+                wx.showToast({
+                    title: I18n.t('searchText') + ': ' + this.data.value,
+                    icon: 'none',
+                });
+            }
+        },
+        onCancel() {
+            wx.showToast({
+                title: I18n.t('cancel'),
+                icon: 'none',
+            });
+        },
+        onClear() {
+            wx.showToast({
+                title: I18n.t('clear'),
+                icon: 'none',
+            });
+        },
+    },
+});

package/dist/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/dist/search/index.js

@@ -27,11 +27,7 @@ SmartComponent({
         rightIcon: String,
         placeholder: String,
         placeholderStyle: String,
-        searchText: {
-            type: String,
-            value: 'Search',
-        },
-        showSearchButton: Boolean,
+        searchText: String,
         background: String,
         actionText: {
             type: String,

package/dist/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/dist/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/dist/sidebar/demo/index.d.ts

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

package/dist/sidebar/demo/index.js

@@ -0,0 +1,9 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+SmartComponent({
+    methods: {
+        onChange(event) {
+            Toast({ context: this, message: `${I18n.t('switchTo')}${event.detail}${I18n.t('item')}` });
+        },
+    },
+});

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

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

package/dist/skeleton/demo/index.js

@@ -0,0 +1,11 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show: false,
+    },
+    methods: {
+        onChange({ detail }) {
+            this.setData({ show: detail });
+        },
+    },
+});

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

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

package/dist/slider/demo/index.js

@@ -0,0 +1,19 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        currentValue: 50,
+    },
+    methods: {
+        onChange(event) {
+            wx.showToast({
+                icon: 'none',
+                title: `${I18n.t('currentValue')}${event.detail}`,
+            });
+        },
+        onDrag(event) {
+            this.setData({
+                currentValue: event.detail.value,
+            });
+        },
+    },
+});

package/dist/slider/index.js

@@ -57,7 +57,7 @@ SmartComponent({
             this.startValue = this.format(this.value);
             this.newValue = this.value;
             if (this.isRange(this.newValue)) {
-                this.startValue = this.newValue.map((val) => this.format(val));
+                this.startValue = this.newValue.map(val => this.format(val));
             }
             else {
                 this.startValue = this.format(this.newValue);
@@ -72,7 +72,7 @@ SmartComponent({
             }
             this.touchMove(event);
             this.dragStatus = DRAG_STATUS.MOVING;
-            getRect(this, '.smart-slider').then((rect) => {
+            getRect(this, '.smart-slider').then(rect => {
                 const { vertical } = this.data;
                 const delta = vertical ? this.deltaY : this.deltaX;
                 const total = vertical ? rect.height : rect.width;
@@ -102,12 +102,10 @@ SmartComponent({
             if (this.data.disabled)
                 return;
             const { min } = this.data;
-            getRect(this, '.smart-slider').then((rect) => {
+            getRect(this, '.smart-slider').then(rect => {
                 const { vertical } = this.data;
                 const touch = event.touches[0];
-                const delta = vertical
-                    ? touch.clientY - rect.top
-                    : touch.clientX - rect.left;
+                const delta = vertical ? touch.clientY - rect.top : touch.clientX - rect.left;
                 const total = vertical ? rect.height : rect.width;
                 const value = Number(min) + (delta / total) * this.getRange();
                 if (this.isRange(this.value)) {
@@ -137,7 +135,7 @@ SmartComponent({
         },
         updateValue(value, end, drag) {
             if (this.isRange(value)) {
-                value = this.handleOverlap(value).map((val) => this.format(val));
+                value = this.handleOverlap(value).map(val => this.format(val));
             }
             else {
                 value = this.format(value);

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

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

package/dist/stepper/demo/index.js

@@ -0,0 +1,19 @@
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+SmartComponent({
+    data: {
+        value: 1,
+    },
+    methods: {
+        onChange(event) {
+            Toast.loading({
+                context: this,
+                forbidClick: true,
+            });
+            setTimeout(() => {
+                Toast.clear();
+                this.setData({ value: event.detail });
+            }, 500);
+        },
+    },
+});

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

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

package/dist/steps/demo/index.js

@@ -0,0 +1,42 @@
+import { CheckmarkCircle, Right } from '@tuya-miniapp/icons';
+import { SmartComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+const steps = [
+    {
+        text: I18n.t('step1'),
+        desc: I18n.t('descriptionInformation'),
+    },
+    {
+        text: I18n.t('stepTwo'),
+        desc: I18n.t('descriptionInformation'),
+    },
+    {
+        text: I18n.t('stepThree'),
+        desc: I18n.t('descriptionInformation'),
+    },
+    {
+        text: I18n.t('stepFour'),
+        desc: I18n.t('descriptionInformation'),
+    },
+];
+SmartComponent({
+    data: {
+        active: 1,
+        steps,
+        customIcon: CheckmarkCircle,
+        inActiveIcon: Right,
+    },
+    methods: {
+        nextStep() {
+            this.setData({
+                active: ++this.data.active % 4,
+            });
+        },
+        onClick(event) {
+            Toast({
+                context: this,
+                message: `Index: ${event.detail}`,
+            });
+        },
+    },
+});

package/dist/sticky/demo/index.d.ts

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

package/dist/sticky/demo/index.js

@@ -0,0 +1,26 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        container: () => { },
+        scrollTop: 0,
+        offsetTop: 0,
+    },
+    mounted() {
+        this.setData({
+            container: () => this.createSelectorQuery().select('#container'),
+        });
+    },
+    methods: {
+        onScroll(event) {
+            this.createSelectorQuery()
+                .select('#scroller')
+                .boundingClientRect((res) => {
+                this.setData({
+                    scrollTop: event.detail.scrollTop,
+                    offsetTop: res.top,
+                });
+            })
+                .exec();
+        },
+    },
+});

package/dist/sticky/index.js

@@ -79,7 +79,7 @@ SmartComponent({
                     .catch(() => { });
                 return;
             }
-            getRect(this, ROOT_ELEMENT).then((root) => {
+            getRect(this, ROOT_ELEMENT).then(root => {
                 if (!isDef(root) || (!root.width && !root.height)) {
                     return;
                 }
@@ -114,7 +114,7 @@ SmartComponent({
             if (!nodesRef) {
                 return Promise.reject(new Error('not found container'));
             }
-            return new Promise((resolve) => nodesRef.boundingClientRect(resolve).exec());
+            return new Promise(resolve => nodesRef.boundingClientRect(resolve).exec());
         },
     },
 });

package/dist/swipe-cell/demo/index.d.ts

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

package/dist/swipe-cell/demo/index.js

@@ -0,0 +1,45 @@
+import { SmartComponent } from '../../common/component';
+import Dialog from '../../dialog/dialog';
+import Toast from '../../toast/toast';
+SmartComponent({
+    methods: {
+        onClose(event) {
+            const { position, instance } = event.detail;
+            switch (position) {
+                case 'left':
+                case 'cell':
+                    instance.close();
+                    break;
+                case 'right':
+                    Dialog.confirm({
+                        context: this,
+                        message: I18n.t('areYouSureYouWantToDelete'),
+                    })
+                        .then(() => {
+                        instance.close();
+                    })
+                        .catch(() => {
+                        console.log('cancel');
+                    });
+                    break;
+            }
+        },
+        onOpen(event) {
+            const { position, name } = event.detail;
+            switch (position) {
+                case 'left':
+                    Toast({
+                        context: this,
+                        message: `${name}${position}${I18n.t('partialOpenEventTriggered')}`,
+                    });
+                    break;
+                case 'right':
+                    Toast({
+                        context: this,
+                        message: `${name}${position}${I18n.t('partialDisplayOpenEventTriggered')}`,
+                    });
+                    break;
+            }
+        },
+    },
+});

package/dist/swipe-cell/index.js

@@ -40,7 +40,7 @@ SmartComponent({
         ARRAY.push(this);
     },
     destroyed() {
-        ARRAY = ARRAY.filter((item) => item !== this);
+        ARRAY = ARRAY.filter(item => item !== this);
     },
     methods: {
         open(position) {
@@ -58,9 +58,7 @@ SmartComponent({
         swipeMove(offset = 0) {
             this.offset = range(offset, -this.data.rightWidth, this.data.leftWidth);
             const transform = `translate3d(${this.offset}px, 0, 0)`;
-            const transition = this.dragging
-                ? 'none'
-                : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
+            const transition = this.dragging ? 'none' : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
             this.setData({
                 wrapperStyle: `
         -webkit-transform: ${transform};
@@ -101,7 +99,7 @@ SmartComponent({
                 return;
             }
             this.dragging = true;
-            ARRAY.filter((item) => item !== this && item.offset !== 0).forEach((item) => item.close());
+            ARRAY.filter(item => item !== this && item.offset !== 0).forEach(item => item.close());
             this.setData({ catchMove: true });
             this.swipeMove(this.startOffset + this.deltaX);
         },

package/dist/switch/demo/index.d.ts

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

package/dist/switch/demo/index.js

@@ -0,0 +1,29 @@
+import { SmartComponent } from '../../common/component';
+import Dialog from '../../dialog/dialog';
+SmartComponent({
+    data: {
+        checked: true,
+        checked2: true,
+    },
+    methods: {
+        onChange({ detail }) {
+            this.setData({ checked: detail });
+        },
+        onChange2({ detail }) {
+            Dialog.confirm({
+                context: this,
+                title: I18n.t('prompt'),
+                message: I18n.t('doYouWantToToggleTheSwitch'),
+            }).then(() => {
+                this.setData({ checked2: detail });
+            });
+        },
+        onClick() {
+            Dialog.confirm({
+                context: this,
+                title: I18n.t('hint'),
+                message: I18n.t('bubbleEvent'),
+            });
+        },
+    },
+});

package/dist/switch/index.css

@@ -1 +1 @@
-@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-color:transparent;border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/dist/switch/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
+@import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-color:transparent;border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}

package/dist/tab/demo/index.d.ts

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