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

package/packages/normal-slider/demo/index.wxml

@@ -1,114 +0,0 @@
-<view style="padding: 0 24px;">
-  <demo-block title="{{I18n.t('standardSlider')}}">
-    <smart-slider
-    instanceId="slider1"
-      trackStyle="height:4px"
-      barStyle="height:4px"
-      value="{{currentValue}}"
-    />
-  </demo-block>
-
-  <demo-block title="{{I18n.t('intervalSlider')}}">
-    <smart-slider
-    instanceId="slider2"
-    trackStyle="height:8px"
-    barStyle="height:8px"
-    thumbStyle="width:18px;height:18px;"
-    stepStyle="width:4px;height:4px;"
-    activeStepStyle="background:#fff;"
-    showSteps="{{true}}"
-    step="{{10}}"
-    min="{{0}}"
-    max="{{100}}"
-    value="{{currentValue}}"
-    />
-  </demo-block>
-
-  <demo-block title="{{I18n.t('intervalSlider')}}">
-    <smart-slider
-    instanceId="slider3"
-    trackStyle="height:40px;border-radius:16px;"
-    barStyle="height:40px;border-radius:16px;"
-    thumbStyle="width:18px;height:18px;"
-    stepStyle="width:4px;height:12px;border-radius:4px;"
-    activeStepStyle="width:4px;height:12px;border-radius:4px;background:#fff;"
-    hideThumbButton="{{true}}"
-    showSteps="{{true}}"
-    step="{{30}}"
-    min="{{0}}"
-    max="{{90}}"
-    value="{{currentValue}}"
-    />
-  </demo-block>
-
-    <demo-block title="{{I18n.t('dragTheSlider')}}">
-    <smart-slider
-    instanceId="slider4"
-    parcel="{{true}}"
-    parcelMargin="{{2}}"
-    trackStyle="height:26px;border-radius:13px;"
-    barStyle="height:22px;border-radius:13px;"
-    thumbStyle="width:20px;height:20px;background:#fff;border-radius:50%;"
-    parcelThumbWidth="{{18}}"
-    parcelThumbHeight="{{18}}"
-    value="{{currentValue}}"
-    />
-  </demo-block>
-
-  <demo-block title="{{I18n.t('dragTheSlider')}}">
-    <smart-slider
-    instanceId="slider5"
-    trackStyle="height:45px;border-radius:8px;"
-    barStyle="height:45px;border-radius:8px;"
-    thumbStyle="width:15px;height:50px;background:#BBC5D4;border:2px solid #FFFFFF;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.5);border-radius:2px;"
-    value="{{currentValue}}"
-    />
-  </demo-block>
-
-  <demo-block title="{{I18n.t('dragTheSlider')}}">
-    <smart-slider
-    instanceId="slider6"
-    parcel="{{true}}"
-    parcelMargin="{{2}}"
-    trackStyle="height:26px;border-radius:5px;"
-    barStyle="height:22px;border-radius:5px;"
-    parcelThumbWidth="{{3}}"
-    parcelThumbHeight="{{16}}"
-    thumbStyle="width:5px;height:16px;background:#fff;"
-    value="{{currentValue}}"
-    />
-  </demo-block>
-
-  <demo-block title="{{I18n.t('dualSlider')}}">
-    <smart-range-slider
-    min="{{0}}"
-    max="{{100}}"
-    value="{{range}}"
-    bind:change="onRangeChange"
-    bar-height="4px"
-    inactive-color="#D8D9DC"
-    active-color="#007AFF"
-    />
-  </demo-block>
-  
-  <demo-block title="{{I18n.t('vertical')}}">
-    <smart-slider
-      instanceId="slider7"
-      direction="vertical"
-      reverse
-      step="{{5}}"
-      min="{{0}}"
-      max="{{100}}"
-      parcel
-      parcelMargin="{{2}}"
-      useParcelPadding="{{false}}"
-      parcelThumbWidth="{{12}}"
-      parcelThumbHeight="{{2}}"
-      thumbStyle="width: 12px;height:2px;border-radius:2px;background: #FFFFFF;"
-      trackStyle="width:48px;height:203px;border-radius:10px;background:rgba(0, 0, 0, 0.08);"
-      barStyle="width:48px;height:114px;background:#1989FA;"
-    />
-  </demo-block>
-
-</view>
-

package/packages/normal-slider/index.json

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "ty-slider": "@ray-js/components-ty-slider/lib/slider/index"
-  }
-}

package/packages/normal-slider/index.less

@@ -1,5 +0,0 @@
-@import '../common/style/var.less';
-
-.contain {
-  --thumb-active-color: @slider-thumb-color;
-}

package/packages/normal-slider/index.ts

@@ -1,159 +0,0 @@
-import { SmartComponent } from '../common/component';
-
-SmartComponent({
-  props: {
-    className: {
-      type: String,
-      value: '',
-    },
-    disable: {
-      type: Boolean,
-      value: false,
-    },
-    // 右滑块初始值/单向滑条初始值
-    value: {
-      type: Number,
-      value: 0,
-    },
-    // 最小值
-    min: {
-      type: Number,
-      value: 0,
-    },
-    // 最大值
-    max: {
-      type: Number,
-      value: 100,
-    },
-    // 阶段值
-    step: {
-      type: Number,
-      value: 1,
-    },
-    // 滑块样式
-    thumbStyle: {
-      type: String,
-    },
-    thumbWrapStyle: {
-      type: null,
-    },
-    // 轨道样式
-    trackStyle: {
-      type: String,
-    },
-    // 滑条样式
-    barStyle: {
-      type: String,
-    },
-    // step样式
-    stepStyle: {
-      type: String,
-    },
-    // step样式
-    activeStepStyle: {
-      type: String,
-    },
-    // 方向 "horizontal" | "vertical"
-    direction: {
-      type: String,
-    },
-    // 隐藏滑块
-    hideThumb: {
-      type: Boolean,
-      value: false,
-    },
-    // 显示阶段提示
-    showSteps: {
-      type: Boolean,
-      value: false,
-    },
-    // 反转
-    reverse: {
-      type: Boolean,
-      value: false,
-    },
-    // 使用触摸跳跃
-    enableTouch: {
-      type: Boolean,
-      value: true,
-    },
-    // 使用触摸bar增加偏移
-    enableTouchBar: {
-      type: Boolean,
-      value: false,
-    },
-    // 唯一ID
-    instanceId: {
-      type: String,
-    },
-    // 在bar上显示文本
-    showText: {
-      type: Boolean,
-    },
-    // bar文本样式
-    textStyle: {
-      type: String,
-    },
-    // 文本格式化，例如 textTemplate="比率 {{text}} %"
-    textTemplate: {
-      type: String,
-    },
-    // 动态计算thumb样式，如 { background: "rgba(0,0,0, {{text}}/100)" }
-    thumbStyleCalc: {
-      type: null,
-    },
-    // 首次渲染时隐藏bar
-    hideBarOnFirstRender: {
-      type: Boolean,
-      value: false,
-    },
-    // 点击热区样式
-    hotAreaStyle: {
-      type: String,
-    },
-    hideThumbButton: {
-      type: Boolean,
-      value: false,
-    },
-    thumbStyleRenderFormatter: {
-      type: null,
-    },
-    thumbStyleRenderValueScale: {
-      type: Number,
-      value: 1,
-    },
-    thumbStyleRenderValueStart: {
-      type: Number,
-      value: 1,
-    },
-    thumbWidth: Number,
-    thumbHeight: Number,
-    thumbStyleRenderValueReverse: {
-      type: Boolean,
-      value: false,
-    },
-    hidden: Boolean,
-    parcel: {
-      type: Boolean,
-      value: false,
-    },
-    parcelThumbWidth: Number,
-    parcelThumbHeight: Number,
-    parcelMargin: {
-      type: Number,
-      value: 0,
-    },
-  },
-  created() {},
-  methods: {
-    bindend(event) {
-      this.triggerEvent('end', event?.detail);
-    },
-    bindmove(event) {
-      this.triggerEvent('change', event?.detail);
-    },
-    bindstart(event) {
-      this.triggerEvent('start', event?.detail);
-    },
-  },
-});

package/packages/normal-slider/index.wxml

@@ -1,35 +0,0 @@
-<view class="contain">
-<ty-slider 
-instanceId="{{instanceId}}"
-className="{{className}}"
-disable="{{disable}}"
-end="{{value}}"
-min="{{min}}"
-max="{{max}}"
-step="{{step}}"
-thumbStyle="{{thumbStyle}}"
-thumbWrapStyle="{{thumbWrapStyle}}"
-enableTouch="{{enableTouch}}"
-trackStyle="{{trackStyle}}"
-barStyle="{{barStyle}}"
-hidden="{{hidden}}"
-parcelMargin="{{parcelMargin}}"
-parcel="{{parcel}}"
-parcelThumbHeight="{{parcelThumbHeight}}"
-parcelThumbWidth="{{parcelThumbWidth}}"
-stepStyle="{{stepStyle}}"
-activeStepStyle="{{activeStepStyle}}"
-showSteps="{{showSteps}}"
-direction="{{direction}}"
-bindmove="bindmove"
-bindend="bindend"
-bindstart="bindstart"
-reverse="{{reverse}}"
-hotAreaStyle="{{hotAreaStyle}}"
-hideThumbButton="{{hideThumbButton}}"
-thumbStyleRenderFormatter="{{thumbStyleRenderFormatter}}"
-thumbStyleRenderValueScale="{{thumbStyleRenderValueScale}}"
-thumbStyleRenderValueStart="{{thumbStyleRenderValueStart}}"
-thumbStyleRenderValueReverse="{{thumbStyleRenderValueReverse}}"
-/>
-</view>

package/packages/normal-slider/test/__snapshots__/demo.spec.ts.snap

@@ -1,380 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render demo and match snapshot 1`] = `
-<main>
-  <wx-view
-    style="padding: 0 24px;"
-  >
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider>
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle=""
-              barStyle="height:4px"
-              className=""
-              direction=""
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{50}}"
-              hidden="{{false}}"
-              hideThumbButton="{{false}}"
-              hotAreaStyle=""
-              instanceId="slider1"
-              max="{{100}}"
-              min="{{0}}"
-              parcel="{{false}}"
-              parcelMargin="{{0}}"
-              parcelThumbHeight="{{0}}"
-              parcelThumbWidth="{{0}}"
-              reverse="{{false}}"
-              showSteps="{{false}}"
-              step="{{1}}"
-              stepStyle=""
-              thumbStyle=""
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="height:4px"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider>
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle="background:#fff;"
-              barStyle="height:8px"
-              className=""
-              direction=""
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{50}}"
-              hidden="{{false}}"
-              hideThumbButton="{{false}}"
-              hotAreaStyle=""
-              instanceId="slider2"
-              max="{{100}}"
-              min="{{0}}"
-              parcel="{{false}}"
-              parcelMargin="{{0}}"
-              parcelThumbHeight="{{0}}"
-              parcelThumbWidth="{{0}}"
-              reverse="{{false}}"
-              showSteps="{{true}}"
-              step="{{10}}"
-              stepStyle="width:4px;height:4px;"
-              thumbStyle="width:18px;height:18px;"
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="height:8px"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider>
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle="width:4px;height:12px;border-radius:4px;background:#fff;"
-              barStyle="height:40px;border-radius:16px;"
-              className=""
-              direction=""
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{50}}"
-              hidden="{{false}}"
-              hideThumbButton="{{true}}"
-              hotAreaStyle=""
-              instanceId="slider3"
-              max="{{90}}"
-              min="{{0}}"
-              parcel="{{false}}"
-              parcelMargin="{{0}}"
-              parcelThumbHeight="{{0}}"
-              parcelThumbWidth="{{0}}"
-              reverse="{{false}}"
-              showSteps="{{true}}"
-              step="{{30}}"
-              stepStyle="width:4px;height:12px;border-radius:4px;"
-              thumbStyle="width:18px;height:18px;"
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="height:40px;border-radius:16px;"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider>
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle=""
-              barStyle="height:22px;border-radius:13px;"
-              className=""
-              direction=""
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{50}}"
-              hidden="{{false}}"
-              hideThumbButton="{{false}}"
-              hotAreaStyle=""
-              instanceId="slider4"
-              max="{{100}}"
-              min="{{0}}"
-              parcel="{{true}}"
-              parcelMargin="{{2}}"
-              parcelThumbHeight="{{18}}"
-              parcelThumbWidth="{{18}}"
-              reverse="{{false}}"
-              showSteps="{{false}}"
-              step="{{1}}"
-              stepStyle=""
-              thumbStyle="width:20px;height:20px;background:#fff;border-radius:50%;"
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="height:26px;border-radius:13px;"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider>
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle=""
-              barStyle="height:45px;border-radius:8px;"
-              className=""
-              direction=""
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{50}}"
-              hidden="{{false}}"
-              hideThumbButton="{{false}}"
-              hotAreaStyle=""
-              instanceId="slider5"
-              max="{{100}}"
-              min="{{0}}"
-              parcel="{{false}}"
-              parcelMargin="{{0}}"
-              parcelThumbHeight="{{0}}"
-              parcelThumbWidth="{{0}}"
-              reverse="{{false}}"
-              showSteps="{{false}}"
-              step="{{1}}"
-              stepStyle=""
-              thumbStyle="width:15px;height:50px;background:#BBC5D4;border:2px solid #FFFFFF;box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.5);border-radius:2px;"
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="height:45px;border-radius:8px;"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider>
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle=""
-              barStyle="height:22px;border-radius:5px;"
-              className=""
-              direction=""
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{50}}"
-              hidden="{{false}}"
-              hideThumbButton="{{false}}"
-              hotAreaStyle=""
-              instanceId="slider6"
-              max="{{100}}"
-              min="{{0}}"
-              parcel="{{true}}"
-              parcelMargin="{{2}}"
-              parcelThumbHeight="{{16}}"
-              parcelThumbWidth="{{3}}"
-              reverse="{{false}}"
-              showSteps="{{false}}"
-              step="{{1}}"
-              stepStyle=""
-              thumbStyle="width:5px;height:16px;background:#fff;"
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="height:26px;border-radius:5px;"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-range-slider
-          bind:change="onRangeChange"
-        >
-          <wx-view
-            class="custom-class smart-slider"
-            style="
-          background: #D8D9DC;
-          height: 4px;
-        "
-            bind:tap="onClick"
-          >
-            <wx-view
-              class="smart-slider__bar"
-              style="
-          width: 30%;
-          left: 10%;
-          top: 0;
-          
-        ; background-color:#007AFF"
-            >
-              <wx-view
-                class="smart-slider__button-wrapper-left"
-                data-index="{{0}}"
-                bind:touchcancel="onTouchEnd"
-                bind:touchend="onTouchEnd"
-                catch:touchmove="onTouchMove"
-                bind:touchstart="onTouchStart"
-              >
-                <wx-view
-                  class="smart-slider__button"
-                />
-              </wx-view>
-              <wx-view
-                class="smart-slider__button-wrapper-right"
-                data-index="{{1}}"
-                bind:touchcancel="onTouchEnd"
-                bind:touchend="onTouchEnd"
-                catch:touchmove="onTouchMove"
-                bind:touchstart="onTouchStart"
-              >
-                <wx-view
-                  class="smart-slider__button"
-                />
-              </wx-view>
-            </wx-view>
-          </wx-view>
-        </smart-range-slider>
-      </wx-view>
-    </demo-block>
-    <demo-block>
-      <wx-view
-        class="custom-class demo-block smart-clearfix "
-      >
-        <smart-slider
-          useParcelPadding="{{false}}"
-        >
-          <wx-view
-            class="contain"
-          >
-            <ty-slider
-              activeStepStyle=""
-              barStyle="width:48px;height:114px;background:#1989FA;"
-              className=""
-              direction="vertical"
-              disable="{{false}}"
-              enableTouch="{{true}}"
-              end="{{0}}"
-              hidden="{{false}}"
-              hideThumbButton="{{false}}"
-              hotAreaStyle=""
-              instanceId="slider7"
-              max="{{100}}"
-              min="{{0}}"
-              parcel="{{true}}"
-              parcelMargin="{{2}}"
-              parcelThumbHeight="{{2}}"
-              parcelThumbWidth="{{12}}"
-              reverse="{{true}}"
-              showSteps="{{false}}"
-              step="{{5}}"
-              stepStyle=""
-              thumbStyle="width: 12px;height:2px;border-radius:2px;background: #FFFFFF;"
-              thumbStyleRenderFormatter="{{null}}"
-              thumbStyleRenderValueReverse="{{false}}"
-              thumbStyleRenderValueScale="{{1}}"
-              thumbStyleRenderValueStart="{{1}}"
-              thumbWrapStyle="{{null}}"
-              trackStyle="width:48px;height:203px;border-radius:10px;background:rgba(0, 0, 0, 0.08);"
-              bind:end="bindend"
-              bind:move="bindmove"
-              bind:start="bindstart"
-            />
-          </wx-view>
-        </smart-slider>
-      </wx-view>
-    </demo-block>
-  </wx-view>
-</main>
-`;