@tuya-miniapp/smart-ui 2.3.8-beta-3 → 2.3.8-beta-5

package/dist/toast/demo/index.js

@@ -0,0 +1,84 @@
+import { SmartComponent } from '../../common/component';
+import ToastInstance from '../../toast/toast';
+SmartComponent({
+    methods: {
+        showToast() {
+            ToastInstance({
+                context: this,
+                message: I18n.t('promptContent'),
+            });
+        },
+        showLongToast() {
+            ToastInstance({
+                context: this,
+                message: I18n.t('toastDemoTip1'),
+            });
+        },
+        showLoadingToast() {
+            ToastInstance.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+            });
+        },
+        showCustomLoadingToast() {
+            ToastInstance.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+                loadingType: 'spinner',
+            });
+        },
+        showSuccessToast() {
+            ToastInstance.success({ context: this, message: I18n.t('successMessage') });
+        },
+        showFailToast() {
+            ToastInstance.fail({ context: this, message: I18n.t('failurePrompt') });
+        },
+        showWarnToast() {
+            ToastInstance.warn({ context: this, message: I18n.t('warningPrompt') });
+        },
+        showCustomizedToast() {
+            const text = (second) => `${I18n.t('countdown')} ${second} ${I18n.t('second')}`;
+            const toast = ToastInstance.loading({
+                context: this,
+                duration: 0,
+                forbidClick: true,
+                message: text(3),
+            });
+            let second = 3;
+            const timer = setInterval(() => {
+                second--;
+                if (second) {
+                    toast === null || toast === void 0 ? void 0 : toast.setData({ message: text(second) });
+                }
+                else {
+                    clearInterval(timer);
+                    ToastInstance.clear();
+                }
+            }, 1000);
+        },
+        showCustomizedWidthToast() {
+            ToastInstance.loading({
+                context: this,
+                message: I18n.t('loading') + '...',
+                forbidClick: true,
+                width: 200,
+            });
+        },
+        showBottomToast() {
+            ToastInstance({
+                context: this,
+                position: 'bottom',
+                message: I18n.t('promptContent'),
+            });
+        },
+        showTopToast() {
+            ToastInstance({
+                context: this,
+                position: 'top',
+                message: I18n.t('promptContent'),
+            });
+        }
+    },
+});

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

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

package/dist/transition/demo/index.js

@@ -0,0 +1,67 @@
+import { SmartComponent } from '../../common/component';
+SmartComponent({
+    data: {
+        show: false,
+        name: 'fade',
+        showCustom: false,
+    },
+    methods: {
+        onClickFade() {
+            this.trigger('fade');
+        },
+        onClickFadeUp() {
+            this.trigger('fade-up');
+        },
+        onClickFadeDown() {
+            this.trigger('fade-down');
+        },
+        onClickFadeLeft() {
+            this.trigger('fade-left');
+        },
+        onClickFadeRight() {
+            this.trigger('fade-right');
+        },
+        onClickSlideUp() {
+            this.trigger('slide-up');
+        },
+        onClickSlideDown() {
+            this.trigger('slide-down');
+        },
+        onClickSlideLeft() {
+            this.trigger('slide-left');
+        },
+        onClickSlideRight() {
+            this.trigger('slide-right');
+        },
+        trigger(name) {
+            this.setData({ name, show: true });
+            setTimeout(() => {
+                this.setData({ show: false });
+            }, 500);
+        },
+        onClickCustom() {
+            this.setData({ showCustom: true });
+            setTimeout(() => {
+                this.setData({ showCustom: false });
+            }, 1000);
+        },
+        onBeforeEnter() {
+            console.log('before enter');
+        },
+        onEnter() {
+            console.log('enter');
+        },
+        onAfterEnter() {
+            console.log('after enter');
+        },
+        onBeforeLeave() {
+            console.log('before leave');
+        },
+        onLeave() {
+            console.log('leave');
+        },
+        onAfterLeave() {
+            console.log('after leave');
+        },
+    },
+});

package/dist/tree-select/demo/index.d.ts

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

package/dist/tree-select/demo/index.js

@@ -0,0 +1,113 @@
+import { SmartComponent } from '../../common/component';
+const config = {
+    pro1Name: I18n.t('zhejiang'),
+    pro1: [
+        {
+            text: I18n.t('hangzhou'),
+            id: 1,
+        },
+        {
+            text: I18n.t('wenzhou'),
+            id: 2,
+        },
+        {
+            text: I18n.t('ningbo'),
+            id: 3,
+            disabled: true,
+        },
+        {
+            text: I18n.t('yiwu'),
+            id: 4,
+        },
+    ],
+    pro2Name: I18n.t('jiangsu'),
+    pro2: [
+        {
+            text: I18n.t('nanjing'),
+            id: 5,
+        },
+        {
+            text: I18n.t('wuxi'),
+            id: 6,
+        },
+        {
+            text: I18n.t('xuzhou'),
+            id: 7,
+        },
+        {
+            text: I18n.t('suzhou'),
+            id: 8,
+        },
+    ],
+    pro3Name: I18n.t('fujian'),
+    pro3: [
+        {
+            text: I18n.t('quanzhou'),
+            id: 9,
+        },
+        {
+            text: I18n.t('xiamen'),
+            id: 10,
+        },
+    ],
+};
+const items = [
+    {
+        text: config.pro1Name,
+        options: config.pro1,
+    },
+    {
+        text: config.pro2Name,
+        options: config.pro2,
+    },
+    {
+        text: config.pro3Name,
+        disabled: true,
+        options: config.pro3,
+    },
+];
+SmartComponent({
+    data: {
+        items,
+        badgeItems: items.slice(0, 2).map((item, index) => {
+            if (index === 0) {
+                return Object.assign(Object.assign({}, item), { dot: true });
+            }
+            if (index === 1) {
+                return Object.assign(Object.assign({}, item), { badge: 5 });
+            }
+            return item;
+        }),
+        mainActiveIndex: 0,
+        activeId: 0,
+        mainActiveIndexMulti: 0,
+        activeIdMulti: [],
+    },
+    methods: {
+        onClickNav({ detail }) {
+            this.setData({
+                mainActiveIndex: detail.index || 0,
+            });
+        },
+        onClickItem({ detail }) {
+            const activeId = this.data.activeId === detail.id ? null : detail.id;
+            this.setData({ activeId });
+        },
+        onClickNavMulti({ detail }) {
+            this.setData({
+                mainActiveIndexMulti: detail.index || 0,
+            });
+        },
+        onClickItemMulti({ detail }) {
+            const { activeIdMulti } = this.data;
+            const idx = activeIdMulti.indexOf(detail.id);
+            if (idx > -1) {
+                activeIdMulti.splice(idx, 1);
+            }
+            else {
+                activeIdMulti.push(detail.id);
+            }
+            this.setData({ activeIdMulti });
+        },
+    },
+});