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

package/example/dist/image/demo/index.js

@@ -1,20 +0,0 @@
-import { SmartComponent } from '../../common/component';
-SmartComponent({
-    data: {
-        fits: [
-            'contain',
-            'cover',
-            'fill',
-            'none',
-            'scale-down',
-            'widthFix',
-            'heightFix',
-        ],
-        tintColor: 'rgba(255, 255, 25, 0.4)',
-        src4: 'https://images.tuyacn.com/rms-static/40863330-00b6-11f0-9ab9-bf07ac3388bc-1741944321507.png?tyName=lampCircleBg%403x.png',
-        src3: 'https://images.tuyacn.com/rms-static/e6c9e630-00b4-11f0-9ab9-bf07ac3388bc-1741943741459.png?tyName=a.png',
-        src2: 'https://images.tuyacn.com/rms-static/b0b15a90-ae04-11ef-aa47-ab559e071ba6-1732852063929.png?tyName=miniapp-smart-ui-1.x.png',
-        src1: 'https://images.tuyacn.com/rms-static/778f4440-00af-11f0-b5de-11ed08c4d406-1741941407364.png?tyName=musicBg1%402x.png',
-        src: 'https://images.tuyacn.com/rms-static/f350c8a0-0eb2-11ef-8f06-49ae7b2fadcf-1715334722090.jpeg?tyName=cat.jpeg',
-    },
-});

package/example/dist/image/demo/index.json

@@ -1,10 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "smart-row": "../../row/index",
-    "smart-col": "../../col/index",
-    "smart-image": "../../image/index",
-    "smart-loading": "../../loading/index",
-    "demo-block": "../../../components/demo-block/index"
-  }
-}

package/example/dist/image/demo/index.wxml

@@ -1,112 +0,0 @@
-<demo-block title="{{I18n.t('basicUsage')}}" padding>
-  <smart-row>
-    <smart-image
-      width="100"
-      height="100"
-      src="{{ src }}"
-    />
-  </smart-row>
-</demo-block>
-
-<demo-block title="{{I18n.t('fillMode')}}" padding>
-  <smart-row gutter="20">
-    <smart-col
-      wx:for="{{ fits }}"
-      wx:for-item="fit"
-      wx:key="fit"
-      span="8"
-    >
-      <smart-image
-        fit="{{ fit }}"
-        width="100%"
-        height="27vw"
-        src="{{ src }}"
-      />
-      <view class="text">{{ fit }}</view>
-    </smart-col>
-  </smart-row>
-</demo-block>
-
-<demo-block title="{{I18n.t('roundImage')}}" padding>
-  <smart-row gutter="20">
-    <smart-col
-      wx:for="{{ fits }}"
-      wx:for-item="fit"
-      wx:key="fit"
-      span="8"
-    >
-      <smart-image
-        round
-        fit="{{ fit }}"
-        width="100%"
-        height="27vw"
-        src="{{ src }}"
-      />
-      <view class="text">{{ fit }}</view>
-    </smart-col>
-  </smart-row>
-</demo-block>
-
-<demo-block title="{{I18n.t('loading')}}" padding>
-  <smart-row gutter="20">
-    <smart-col span="8">
-      <smart-image
-        width="100%"
-        height="27vw"
-      />
-      <view class="text">{{I18n.t('defaultPrompt')}}</view>
-    </smart-col>
-
-    <smart-col span="8">
-      <smart-image
-        width="100%"
-        height="27vw"
-        use-loading-slot
-      >
-        <smart-loading
-          slot="loading"
-          type="spinner"
-          size="20"
-          vertical
-        />
-      </smart-image>
-      <view class="text">{{I18n.t('customPrompt')}}</view>
-    </smart-col>
-  </smart-row>
-</demo-block>
-
-<demo-block title="{{I18n.t('loadFailed')}}" padding>
-  <smart-row gutter="20">
-    <smart-col span="8">
-      <smart-image
-        width="100%"
-        height="27vw"
-        src="x"
-      />
-      <view class="text">{{I18n.t('defaultPrompt')}}</view>
-    </smart-col>
-
-    <smart-col span="8">
-      <smart-image
-        width="100%"
-        height="27vw"
-        src="x"
-        use-error-slot
-      >
-        <text slot="error">{{I18n.t('loadingFailed')}}</text>
-      </smart-image>
-      <view class="text">{{I18n.t('customPrompt')}}</view>
-    </smart-col>
-  </smart-row>
-</demo-block>
-
-<demo-block title="{{I18n.t('tintColor')}}" padding>
-  <smart-row>
-    <smart-image
-      width="100"
-      height="100"
-      tint-color="{{ tintColor }}"
-      src="{{ src3 }}"
-    />
-  </smart-row>
-</demo-block>

package/example/dist/image/demo/index.wxss

@@ -1 +0,0 @@
-@import '../../common/index.wxss';.text{color:#7d7e80;font-size:14px;margin:5px 0 20px;text-align:center;width:100%}

package/example/dist/image/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';.smart-image{display:inline-block;position:relative;vertical-align:middle}.smart-image__tint-color{display:inline-block;height:100%;left:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:0;width:100%}.smart-image--round{border-radius:50%;overflow:hidden}.smart-image--round .smart-image__img{border-radius:inherit}.smart-image__error,.smart-image__img,.smart-image__loading{display:block;height:100%;width:100%}.smart-image__error,.smart-image__loading{align-items:center;background-color:var(--image-placeholder-background-color,#f7f8fa);color:var(--image-placeholder-text-color,#969799);display:flex;flex-direction:column;font-size:var(--image-placeholder-font-size,14px);justify-content:center;left:0;position:absolute;top:0}.smart-image__loading-icon{--icon-color:var(--image-loading-icon-color,#dcdee0);color:var(--image-loading-icon-color,#dcdee0);font-size:var(--image-loading-icon-size,32px)!important}.smart-image__error-img{height:var(--image-error-size,32px);width:var(--image-error-size,32px)}

package/example/dist/image/index.d.ts

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

package/example/dist/image/index.js

@@ -1,70 +0,0 @@
-import { SmartComponent } from '../common/component';
-import { button } from '../mixins/button';
-import LoadingSvg from '@tuya-miniapp/icons/dist/svg/Loading';
-SmartComponent({
-    mixins: [button],
-    classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
-    props: {
-        src: {
-            type: String,
-            observer() {
-                this.setData({
-                    error: false,
-                    loading: true,
-                });
-            },
-        },
-        round: Boolean,
-        width: null,
-        height: null,
-        radius: null,
-        lazyLoad: Boolean,
-        useErrorSlot: Boolean,
-        useLoadingSlot: Boolean,
-        showMenuByLongpress: Boolean,
-        fit: {
-            type: String,
-            value: 'fill',
-        },
-        webp: {
-            type: Boolean,
-            value: false,
-        },
-        showError: {
-            type: Boolean,
-            value: true,
-        },
-        showLoading: {
-            type: Boolean,
-            value: true,
-        },
-        tintColor: {
-            type: String,
-            value: '',
-        },
-    },
-    data: {
-        error: false,
-        loading: true,
-        loadingSvg: LoadingSvg,
-        viewStyle: '',
-    },
-    methods: {
-        onLoad(event) {
-            this.setData({
-                loading: false,
-            });
-            this.$emit('load', event.detail);
-        },
-        onError(event) {
-            this.setData({
-                loading: false,
-                error: true,
-            });
-            this.$emit('error', event.detail);
-        },
-        onClick(event) {
-            this.$emit('click', event.detail);
-        },
-    },
-});

package/example/dist/image/index.json

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "smart-icon": "../icon/index",
-    "smart-loading": "../loading/index"
-  }
-}

package/example/dist/image/index.wxml

@@ -1,40 +0,0 @@
-<wxs src="../wxs/utils.wxs" module="utils" />
-<wxs src="./index.wxs" module="computed" />
-
-<view
-  style="{{ computed.rootStyle({ width, height, radius }) }}"
-  class="custom-class {{ utils.bem('image', { round })}}"
-  bind:tap="onClick"
->
-  <image
-    wx:if="{{ !error }}"
-    src="{{ src }}"
-    mode="{{ computed.mode(fit) }}"
-    lazy-load="{{ lazyLoad }}"
-    style="visibility:{{ tintColor ? 'hidden' : '' }};"
-    webp="{{ webp }}"
-    class="image-class smart-image__img"
-    show-menu-by-longpress="{{ showMenuByLongpress }}"
-    bind:load="onLoad"
-    bind:error="onError"
-  />
-  <view 
-    wx:if="{{ tintColor }}" 
-    class="image-class smart-image__img smart-image__tint-color"
-    style="{{ computed.maskStyle(src, tintColor) }}"
-  ></view>
-  <view
-    wx:if="{{ loading && showLoading }}"
-    class="loading-class smart-image__loading"
-  >
-    <slot wx:if="{{ useLoadingSlot }}" name="loading" />
-    <smart-icon wx:else name="{{ loadingSvg }}" custom-class="smart-image__loading-icon" />
-  </view>
-  <view
-    wx:if="{{ error && showError }}"
-    class="error-class smart-image__error"
-  >
-    <slot wx:if="{{ useErrorSlot }}" name="error" />
-    <image wx:else src="{{ computed.defaultErrorImg }}" class="smart-image__error-img" />
-  </view>
-</view>

package/example/dist/image/index.wxs

@@ -1,42 +0,0 @@
-/* eslint-disable */
-var style = require('../wxs/style.wxs');
-var addUnit = require('../wxs/add-unit.wxs');
-/* eslint-disable */
-var defaultErrorImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAACRQTFRFR3BM2Nzf3t/f2t/f29zf293g3N7g3d/g3N/g3N7g3N7g3N7gsU8N3gAAAAt0Uk5TABAgMEJihqHE3+9M4B8/AAABhUlEQVR42u2XwY7DIAwFbQewzfv//1012+ipClCVvfSwc6iihBkoB6LIP9+E2pjJU5UXSusYU+XBcX+cbpy8YUajf6ddfuz5gMuJA4iq8hFW85qgnhefow6giEgALhtcpgI4ZIsC9PM3ZZMOmFQgZJMEyjcGtHp41e1Aw0nWzYDjom4FKkjZCSRIbAQKQPpGoAIg9teAfh4wgOTOJgaI7wQK/bSbUKKVNwHuQh5yQxPIug6IBR6EyQvG49V1GCBWalEhv2blAkNvgRn0r0HOwi2w9vW64h9k4L2fRv9B2jKgC5+FSUBbAIg68C1B0saB4xrkOvFZGAW4SIQ+b/SD/muBAfog8bwx8YHsYIA+8fNGpT+AAfrE1z4D9G80+ovAps/Aps/AzHf668Cmz8DYD71OobeBoZ+/fuB9oA99o78MHBjSjcf8ChXps/SDhjXBMXtLqCKifR4XsY4FybfRgMaDHMtVSsnVNjhm8OVlvphAJ/neVIiV5neenys+oFX9/0z8Hn4AdL9D/Fg+REQAAAAASUVORK5CYII="
-
-function rootStyle(data) {
-  return style([
-    {
-      width: addUnit(data.width),
-      height: addUnit(data.height),
-      'border-radius': addUnit(data.radius),
-    },
-    data.radius ? 'overflow: hidden' : null,
-  ]);
-}
-
-var FIT_MODE_MAP = {
-  none: 'center',
-  fill: 'scaleToFill',
-  cover: 'aspectFill',
-  contain: 'aspectFit',
-  widthFix: 'widthFix',
-  heightFix: 'heightFix',
-};
-
-function mode(fit) {
-  return FIT_MODE_MAP[fit];
-}
-
-
-function maskStyle(url, color) {
-  const str = 'mask-image: url(' + url + ');-webkit-mask-image: url(' + url + ');background: ' + color + ';'
-  return str
-}
-
-module.exports = {
-  rootStyle: rootStyle,
-  mode: mode,
-  defaultErrorImg: defaultErrorImg,
-  maskStyle: maskStyle
-};

package/example/dist/image/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';.smart-image{display:inline-block;position:relative;vertical-align:middle}.smart-image__tint-color{display:inline-block;height:100%;left:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:0;width:100%}.smart-image--round{border-radius:50%;overflow:hidden}.smart-image--round .smart-image__img{border-radius:inherit}.smart-image__error,.smart-image__img,.smart-image__loading{display:block;height:100%;width:100%}.smart-image__error,.smart-image__loading{align-items:center;background-color:var(--image-placeholder-background-color,#f7f8fa);color:var(--image-placeholder-text-color,#969799);display:flex;flex-direction:column;font-size:var(--image-placeholder-font-size,14px);justify-content:center;left:0;position:absolute;top:0}.smart-image__loading-icon{--icon-color:var(--image-loading-icon-color,#dcdee0);color:var(--image-loading-icon-color,#dcdee0);font-size:var(--image-loading-icon-size,32px)!important}.smart-image__error-img{height:var(--image-error-size,32px);width:var(--image-error-size,32px)}

package/example/dist/index-anchor/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';.smart-index-anchor{background-color:var(--index-anchor-background-color,transparent);color:var(--index-anchor-text-color,var(--app-B6-N1,#000));font-size:var(--index-anchor-font-size,14px);font-weight:var(--index-anchor-font-weight,500);line-height:var(--index-anchor-line-height,32px);padding:var(--index-anchor-padding,0 16px)}.smart-index-anchor--active{background-color:var(--index-anchor-active-background-color,var(--app-B3,#fff));color:var(--index-anchor-active-text-color,var(--app-M1,#3678e3));left:0;right:0}

package/example/dist/index-anchor/index.d.ts

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

package/example/dist/index-anchor/index.js

@@ -1,25 +0,0 @@
-import { getRect } from '../common/utils';
-import { SmartComponent } from '../common/component';
-import { useParent } from '../common/relation';
-SmartComponent({
-    relation: useParent('index-bar'),
-    props: {
-        useSlot: Boolean,
-        index: null,
-    },
-    data: {
-        active: false,
-        wrapperStyle: '',
-        anchorStyle: '',
-    },
-    methods: {
-        scrollIntoView(scrollTop) {
-            getRect(this, '.smart-index-anchor-wrapper').then(rect => {
-                wx.pageScrollTo({
-                    duration: 0,
-                    scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop,
-                });
-            });
-        },
-    },
-});

package/example/dist/index-anchor/index.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

package/example/dist/index-anchor/index.wxml

@@ -1,14 +0,0 @@
-<view
-  class="smart-index-anchor-wrapper"
-  style="{{ wrapperStyle }}"
->
-  <view
-    class="smart-index-anchor {{ active ? 'smart-index-anchor--active smart-hairline--bottom' : '' }}"
-    style="{{ anchorStyle }}"
-  >
-    <slot wx:if="{{ useSlot }}"/>
-    <block wx:else>
-      <text>{{ index }}</text>
-    </block>
-  </view>
-</view>

package/example/dist/index-anchor/index.wxss

@@ -1 +0,0 @@
-@import '../common/index.wxss';.smart-index-anchor{background-color:var(--index-anchor-background-color,transparent);color:var(--index-anchor-text-color,var(--app-B6-N1,#000));font-size:var(--index-anchor-font-size,14px);font-weight:var(--index-anchor-font-weight,500);line-height:var(--index-anchor-line-height,32px);padding:var(--index-anchor-padding,0 16px)}.smart-index-anchor--active{background-color:var(--index-anchor-active-background-color,var(--app-B3,#fff));color:var(--index-anchor-active-text-color,var(--app-M1,#3678e3));left:0;right:0}

package/example/dist/index-bar/demo/index.d.ts

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

package/example/dist/index-bar/demo/index.js

@@ -1,21 +0,0 @@
-import { SmartComponent } from '../../common/component';
-const indexList = [];
-const charCodeOfA = 'A'.charCodeAt(0);
-for (let i = 0; i < 26; i++) {
-    indexList.push(String.fromCharCode(charCodeOfA + i));
-}
-SmartComponent({
-    data: {
-        activeTab: 0,
-        indexList,
-        customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10],
-        scrollTop: 0,
-    },
-    methods: {
-        onChange(event) {
-            this.setData({
-                activeTab: event.detail.name,
-            });
-        },
-    },
-});

package/example/dist/index-bar/demo/index.json

@@ -1,11 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "smart-tab": "../../tab/index",
-    "smart-tabs": "../../tabs/index",
-    "smart-cell": "../../cell/index",
-    "smart-index-bar": "../../index-bar/index",
-    "smart-index-anchor": "../../index-anchor/index",
-    "demo-block": "../../../components/demo-block/index"
-  }
-}

package/example/dist/index-bar/demo/index.wxml

@@ -1,43 +0,0 @@
-<smart-tabs
-  active="{{ activeTab }}"
-  bind:change="onChange"
->
-  <smart-tab title="{{I18n.t('basicUsage')}}">
-    <smart-index-bar
-      wx:if="{{ activeTab === 0 }}"
-    >
-      <view
-        wx:for="{{ indexList }}"
-        wx:for-item="item"
-        wx:key="item"
-      >
-        <smart-index-anchor index="{{ item }}" />
-        <smart-cell title="{{I18n.t('text')}}" />
-        <smart-cell title="{{I18n.t('text')}}" />
-        <smart-cell title="{{I18n.t('text')}}" />
-      </view>
-    </smart-index-bar>
-  </smart-tab>
-
-  <smart-tab title="{{I18n.t('customIndexList')}}">
-    <smart-index-bar
-      wx:if="{{ activeTab === 1 }}"
-      index-list="{{ customIndexList }}"
-    >
-      <view
-        wx:for="{{ customIndexList }}"
-        wx:key="index"
-      >
-        <smart-index-anchor
-          use-slot
-          index="{{ item }}"
-        >
-          <text>{{I18n.t('title')}}{{ item }}</text>
-        </smart-index-anchor>
-        <smart-cell title="{{I18n.t('text')}}" />
-        <smart-cell title="{{I18n.t('text')}}" />
-        <smart-cell title="{{I18n.t('text')}}" />
-      </view>
-    </smart-index-bar>
-  </smart-tab>
-</smart-tabs>

package/example/dist/index-bar/index.css

@@ -1 +0,0 @@
-@import '../common/index.css';.smart-index-bar{position:relative}.smart-index-bar__sidebar{display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.smart-index-bar__index{font-size:var(--index-bar-index-font-size,10px);font-weight:500;line-height:var(--index-bar-index-line-height,14px);padding:0 var(--padding-base,4px) 0 var(--padding-md,16px)}

package/example/dist/index-bar/index.d.ts

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