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

package/dist/cascader/demo/index.js

@@ -1,191 +0,0 @@
-import { SmartComponent } from '../../common/component';
-const zhCNOptions = [
-    {
-        text: I18n.t('zhejiangProvince'),
-        value: '330000',
-        options: [
-            {
-                text: I18n.t('hangzhou'),
-                value: '330100',
-                options: [
-                    {
-                        text: I18n.t('upperCityDistrict'),
-                        value: '330102',
-                    },
-                    {
-                        text: I18n.t('downtownDistrict'),
-                        value: '330103',
-                    },
-                    {
-                        text: I18n.t('jiangganDistrict'),
-                        value: '330104',
-                    },
-                ],
-            },
-            {
-                text: I18n.t('ningboCity'),
-                value: '330200',
-                options: [
-                    {
-                        text: I18n.t('haishuDistrict'),
-                        value: '330203',
-                    },
-                    {
-                        text: I18n.t('jiangbeiDistrict'),
-                        value: '330205',
-                    },
-                    {
-                        text: I18n.t('beilunDistrict'),
-                        value: '330206',
-                    },
-                ],
-            },
-            {
-                text: I18n.t('wenzhou'),
-                value: '330300',
-                options: [
-                    {
-                        text: I18n.t('luchengDistrict'),
-                        value: '330302',
-                    },
-                    {
-                        text: I18n.t('longwanDistrict'),
-                        value: '330303',
-                    },
-                    {
-                        text: I18n.t('ouhaiDistrict'),
-                        value: '330304',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        text: I18n.t('jiangsuProvince'),
-        value: '320000',
-        options: [
-            {
-                text: I18n.t('nanjing'),
-                value: '320100',
-                options: [
-                    {
-                        text: I18n.t('xuanwuDistrict'),
-                        value: '320102',
-                    },
-                    {
-                        text: I18n.t('qinhuaiDistrict'),
-                        value: '320104',
-                    },
-                    {
-                        text: I18n.t('jianyeDistrict'),
-                        value: '320105',
-                    },
-                ],
-            },
-            {
-                text: I18n.t('wuxi'),
-                value: '320200',
-                options: [
-                    {
-                        text: I18n.t('xishanDistrict'),
-                        value: '320205',
-                    },
-                    {
-                        text: I18n.t('huishanDistrict'),
-                        value: '320206',
-                    },
-                    {
-                        text: I18n.t('binhuDistrict'),
-                        value: '320211',
-                    },
-                ],
-            },
-            {
-                text: I18n.t('xuzhou'),
-                value: '320300',
-                options: [
-                    {
-                        text: I18n.t('gulouDistrict'),
-                        value: '320302',
-                    },
-                    {
-                        text: I18n.t('yunlongDistrict'),
-                        value: '320303',
-                    },
-                    {
-                        text: I18n.t('jiawangDistrict'),
-                        value: '320305',
-                    },
-                ],
-            },
-        ],
-    },
-];
-const asyncOptions1 = [
-    {
-        text: I18n.t('zhejiangProvince'),
-        value: '330000',
-        options: [],
-    },
-];
-const asyncOptions2 = [
-    { text: I18n.t('hangzhou'), value: '330100' },
-    { text: I18n.t('ningboCity'), value: '330200' },
-];
-SmartComponent({
-    data: {
-        area: I18n.t('region'),
-        options: zhCNOptions,
-        selectArea: I18n.t('pleaseSelectARegion'),
-        baseState: {
-            show: false,
-            value: '',
-            result: '',
-        },
-        asyncState: {
-            show: false,
-            value: undefined,
-            result: '',
-            options: asyncOptions1,
-        },
-        customFieldState: {
-            show: false,
-            value: '',
-            result: '',
-        },
-    },
-    methods: {
-        onClick(e) {
-            const { stateKey } = e.currentTarget.dataset;
-            this.setData({
-                [`${stateKey}.show`]: true,
-            });
-        },
-        onClose(e) {
-            const { stateKey } = e.currentTarget.dataset;
-            this.setData({
-                [`${stateKey}.show`]: false,
-            });
-        },
-        onFinish(e) {
-            const { stateKey } = e.currentTarget.dataset;
-            const { selectedOptions, value } = e.detail;
-            const result = selectedOptions.map((option) => option.text).join('/');
-            this.setData({
-                [`${stateKey}.value`]: value,
-                [`${stateKey}.result`]: result,
-            });
-            this.onClose(e);
-        },
-        loadDynamicOptions(e) {
-            const { value } = e.detail;
-            if (value === '330000') {
-                setTimeout(() => {
-                    this.setData({
-                        'asyncState.options[0].options': asyncOptions2,
-                    });
-                }, 500);
-            }
-        },
-    },
-});

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

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

package/dist/cell/demo/index.js

@@ -1,15 +0,0 @@
-import Sun from '@tuya-miniapp/icons/dist/svg/Sun';
-import Checkmark from '@tuya-miniapp/icons/dist/svg/Checkmark';
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        sunMaxFill: Sun,
-        checkMark: Checkmark,
-    },
-    methods: {
-        onNavTo() {
-            // @ts-ignore
-            ty.openInnerH5({ url: 'https://www.tuya.com', title: 'Tuya' });
-        },
-    },
-});

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

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

package/dist/checkbox/demo/index.js

@@ -1,34 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        checkbox1: true,
-        checkbox2: true,
-        checkbox3: true,
-        checkboxLabel: true,
-        checkboxSize: true,
-        checkboxShape: true,
-        list: ['a', 'b', 'c'],
-        result: ['a', 'b'],
-        result2: [],
-        result3: [],
-        result4: [],
-        activeIcon: 'https://images.tuyacn.com/content-platform/hestia/1730877912e76cbdb7563.png',
-        inactiveIcon: '',
-    },
-    methods: {
-        onChange(event) {
-            const { key } = event.currentTarget.dataset;
-            this.setData({ [key]: event.detail });
-        },
-        onChange2(event) {
-            const { key } = event.currentTarget.dataset;
-            this.setData({ [key]: !event.detail });
-        },
-        toggle(event) {
-            const { index } = event.currentTarget.dataset;
-            const checkbox = this.selectComponent(`.checkboxes-${index}`);
-            checkbox.toggle();
-        },
-        noop() { },
-    },
-});

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

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

package/dist/circle/demo/index.js

@@ -1,26 +0,0 @@
-import { SmartComponent } from '../../common/component';
-const format = rate => Math.min(Math.max(rate, 0), 100);
-SmartComponent({
-    data: {
-        value: 25,
-        gradientColor: {
-            '0%': '#2361DE',
-            '50%': '#23DEB5',
-        },
-    },
-    mounted() {
-        setInterval(() => {
-            this.setData({
-                value: Math.min(this.data.value + 1, 100),
-            });
-        }, 1000);
-    },
-    methods: {
-        run(e) {
-            const step = parseFloat(e.currentTarget.dataset.step);
-            this.setData({
-                value: format((this.data.value += step)),
-            });
-        },
-    },
-});

package/dist/circle/index.rjs

@@ -1,230 +0,0 @@
-export default Render({
-  canvas: null,
-  lineWidth: 10,
-  maskColor: '#ffffff',
-  trackColor: '#d3d3d3',
-  fillColorStops: null,
-  dpr: 1,
-  fillColor: '#007AFF',
-
-  async init(data) {
-    let canvas = this.canvas;
-    if (!canvas) {
-      canvas = await getCanvasById(data.canvasId);
-      this.canvas = canvas;
-    }
-    if (!canvas) {
-      console.error('canvas not found');
-      return;
-    }
-
-    const canvaswidth = data.width * data.dpr;
-    const canvasheight = data.height * data.dpr;
-    canvas.width = canvaswidth;
-    canvas.height = canvasheight;
-    canvas.style.width = `${data.width}px`;
-    canvas.style.height = `${data.height}px`;
-
-    const ctx = canvas.getContext('2d');
-
-    this.width = data.width;
-    this.height = data.height;
-
-    this.dpr = data.dpr;
-    this.lineWidth = data.trackWidth;
-    this.maskColor = data.maskColor;
-    this.trackColor = data.trackColor;
-    this.fillColorStops = data.fillColorStops;
-    this.dpr = data.dpr;
-    this.fillColor = data.fillColor;
-    this.mode = data.mode;
-    this.gradientColor = data.gradientColor;
-
-    ctx.scale(this.dpr, this.dpr);
-    this.render(data.percent);
-  },
-  percentToDecimal(percent) {
-    percent = percent.replace('%', '');
-    return percent / 100;
-  },
-  renderAll(
-    progress,
-    ops = {
-      lineCap: 'round',
-    }
-  ) {
-    const canvas = this.canvas;
-    const ctx = canvas.getContext('2d');
-
-    const lineWidth = this.lineWidth; // 进度条宽度
-    const radius = ((this.width - lineWidth) * 0.9) / 2; // 圆形半径
-    const startAngle = Math.PI; // 起始角度（3点钟方向）
-    const endAngle = 4 * Math.PI; // 结束角度（360度）
-
-    // 绘制环形进度条的函数
-    const drawProgressBar = (progress, color) => {
-      ctx.clearRect(0, 0, this.width, this.height); // 清除画布
-      // 绘制灰色背景
-      ctx.beginPath();
-      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, endAngle);
-      ctx.lineWidth = lineWidth;
-      // 填充颜色
-      ctx.fillStyle = this.maskColor; // 你想填充的颜色
-      ctx.fill(); // 填充路径
-      ctx.strokeStyle = this.trackColor; // 灰色背景
-      ctx.lineCap = ops.lineCap; // 设置圆角效果
-      ctx.stroke();
-
-      // 绘制进度条
-      const progressAngle = progress * (Math.PI * 2); // 根据进度计算角度
-      ctx.beginPath();
-      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
-      ctx.lineWidth = lineWidth;
-
-      if (this.fillColorStops) {
-        // 创建线性渐变（起点x,y 到 终点x,y）
-        const gradient = ctx.createLinearGradient(0, 0, this.width, 0);
-
-        for (const stop in this.fillColorStops) {
-          // 添加渐变色
-          gradient.addColorStop(this.percentToDecimal(stop), this.fillColorStops[stop]);
-        }
-
-        ctx.strokeStyle = gradient; // 自定义颜色
-      } else {
-        ctx.strokeStyle = color; // 自定义颜色
-      }
-
-      ctx.lineCap = ops.lineCap; // 设置圆角效果
-      ctx.stroke();
-    };
-
-    drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
-  },
-
-  renderHalf(
-    progress,
-    ops = {
-      lineCap: 'round',
-    }
-  ) {
-    const canvas = this.canvas;
-    const ctx = canvas.getContext('2d');
-
-    const lineWidth = this.lineWidth; // 进度条宽度
-    const radius = ((this.width - lineWidth) * 0.9) / 2; // 圆形半径
-    const startAngle = 1 * Math.PI; // 起始角度（3点钟方向）
-    const endAngle = 2 * Math.PI; // 结束角度（360度）
-
-    // 绘制环形进度条的函数
-    const drawProgressBar = (progress, color) => {
-      ctx.clearRect(0, 0, this.width, this.height); // 清除画布
-
-      // 绘制灰色背景
-      ctx.beginPath();
-      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, endAngle);
-      // 填充颜色
-      ctx.fillStyle = this.maskColor; // 你想填充的颜色
-      ctx.fill(); // 填充路径
-      ctx.lineWidth = lineWidth;
-      ctx.strokeStyle = this.trackColor; // 灰色背景
-      ctx.lineCap = ops.lineCap; // 设置圆角效果
-      ctx.stroke();
-
-      // 绘制进度条
-      const progressAngle = progress * (Math.PI * 2); // 根据进度计算角度
-      ctx.beginPath();
-      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
-      ctx.lineWidth = lineWidth;
-
-      if (this.fillColorStops) {
-        // 创建线性渐变（起点x,y 到 终点x,y）
-        const gradient = ctx.createLinearGradient(0, 0, this.width, 0);
-
-        for (const stop in this.fillColorStops) {
-          // 添加渐变色
-          gradient.addColorStop(this.percentToDecimal(stop), this.fillColorStops[stop]);
-        }
-
-        ctx.strokeStyle = gradient; // 自定义颜色
-      } else {
-        ctx.strokeStyle = color; // 自定义颜色
-      }
-
-      ctx.lineCap = ops.lineCap; // 设置圆角效果
-      ctx.stroke();
-    };
-
-    // 示例：绘制不同的进度条
-    drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
-  },
-
-  renderHalf2(
-    progress,
-    ops = {
-      lineCap: 'round',
-    }
-  ) {
-    const canvas = this.canvas;
-    const ctx = canvas.getContext('2d');
-
-    const radius = ((this.width - lineWidth) * 0.9) / 2; // 圆形半径
-    const lineWidth = canvas.lineWidth; // 进度条宽度
-
-    const startAngle = 0.8 * Math.PI; // 起始角度（3点钟方向）
-    const endAngle = 2.2 * Math.PI; // 结束角度（360度）
-
-    // 绘制环形进度条的函数
-    const drawProgressBar = (progress, color) => {
-      ctx.clearRect(0, 0, this.width, this.height); // 清除画布
-
-      // 绘制灰色背景
-      ctx.beginPath();
-      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, endAngle);
-      // 填充颜色
-      ctx.fillStyle = this.maskColor; // 你想填充的颜色
-      ctx.fill(); // 填充路径
-      ctx.lineWidth = lineWidth;
-      ctx.strokeStyle = this.trackColor; // 灰色背景
-      ctx.lineCap = ops.lineCap; // 设置圆角效果
-      ctx.stroke();
-
-      // 绘制进度条
-      const progressAngle = progress * (Math.PI * 2); // 根据进度计算角度
-      ctx.beginPath();
-      ctx.arc(this.width / 2, this.height / 2, radius, startAngle, startAngle + progressAngle);
-      ctx.lineWidth = lineWidth;
-
-      if (this.fillColorStops) {
-        // 创建线性渐变（起点x,y 到 终点x,y）
-        const gradient = ctx.createLinearGradient(0, 0, this.width, 0);
-
-        for (const stop in this.fillColorStops) {
-          // 添加渐变色
-          gradient.addColorStop(this.percentToDecimal(stop), this.fillColorStops[stop]);
-        }
-
-        ctx.strokeStyle = gradient; // 自定义颜色
-      } else {
-        ctx.strokeStyle = color; // 自定义颜色
-      }
-
-      ctx.lineCap = ops.lineCap; // 设置圆角效果
-      ctx.stroke();
-    };
-
-    // 示例：绘制不同的进度条
-    drawProgressBar(progress, this.fillColor); // 25%的蓝色进度条
-  },
-  render(val) {
-    if (this.mode === 'basic') {
-      this.renderAll(val / 100, this.round ? { lineCap: 'round' } : { lineCap: '' });
-    }
-    if (this.mode === 'angle') {
-      this.renderHalf(val / 200, this.round ? { lineCap: 'round' } : { lineCap: '' });
-    }
-    if (this.mode === 'angle2') {
-      this.renderHalf2(val / 150, this.round ? { lineCap: 'round' } : { lineCap: '' });
-    }
-  },
-});

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

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

package/dist/col/demo/index.js

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

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

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

package/dist/collapse/demo/index.js

@@ -1,38 +0,0 @@
-import { SmartComponent } from '../../common/component';
-import Toast from '../../toast/toast';
-SmartComponent({
-    data: {
-        active1: [0],
-        active2: 0,
-        active3: [],
-        active4: [],
-        title1: I18n.t('title') + '1',
-        title2: I18n.t('title') + '2',
-        title3: I18n.t('title') + '3',
-        content1: I18n.t('codeIsWrittenForHumansToReadAndIncidentallyToRunOnMachines'),
-        content2: I18n.t('codeIsWrittenForHumansToReadAndIncidentallyToRunOnMachines'),
-        content3: I18n.t('codeIsWrittenForHumansToReadAndIncidentallyToRunOnMachines'),
-    },
-    methods: {
-        onChange(event) {
-            const { key } = event.currentTarget.dataset;
-            this.setData({
-                [key]: event.detail,
-            });
-        },
-        onOpen(event) {
-            Toast({
-                context: this,
-                selector: '#smart-toast-collapse',
-                message: `${I18n.t('expand')}: ${event.detail}`,
-            });
-        },
-        onClose(event) {
-            Toast({
-                context: this,
-                selector: '#smart-toast-collapse',
-                message: `${I18n.t('close')}: ${event.detail}`,
-            });
-        },
-    },
-});

package/dist/config-provider/demo/index.d.ts

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

package/dist/config-provider/demo/index.js

@@ -1,22 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        rate: 4,
-        slider: 50,
-        themeVars: {
-            buttonPrimaryBorderColor: 'red',
-            buttonPrimaryBackgroundColor: 'red',
-        },
-    },
-    methods: {
-        onChange(event) {
-            const { color } = event.currentTarget.dataset;
-            this.setData({
-                themeVars: {
-                    buttonPrimaryBorderColor: color,
-                    buttonPrimaryBackgroundColor: color,
-                },
-            });
-        },
-    },
-});

package/dist/count-down/demo/index.d.ts

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

package/dist/count-down/demo/index.js

@@ -1,34 +0,0 @@
-import { SmartComponent } from '../../common/component';
-import Toast from '../../toast/toast';
-SmartComponent({
-    data: {
-        time: 30 * 60 * 60 * 1000,
-        timeData: {},
-    },
-    methods: {
-        onChange(e) {
-            this.setData({
-                timeData: e.detail,
-            });
-        },
-        start() {
-            const countDown = this.selectComponent('.control-count-down');
-            countDown.start();
-        },
-        pause() {
-            const countDown = this.selectComponent('.control-count-down');
-            countDown.pause();
-        },
-        reset() {
-            const countDown = this.selectComponent('.control-count-down');
-            countDown.reset();
-        },
-        finished() {
-            Toast({
-                context: this,
-                selector: '#smart-toast-count-down',
-                message: I18n.t('countdownEnded'),
-            });
-        },
-    },
-});

package/dist/custom-keyboard/demo/index.d.ts

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

package/dist/custom-keyboard/demo/index.js

@@ -1,17 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        value: '222',
-    },
-    methods: {
-        onChange(v) {
-            console.log('onChange value =====>', v.detail);
-        },
-        onConfirm(v) {
-            console.log('onConfirm value ====>', v.detail);
-        },
-        handleBtn() {
-            this.setData({ value: '1234' });
-        },
-    },
-});

package/dist/datetime-picker/demo/index.d.ts

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