@tuya-miniapp/smart-ui 2.7.2-beta-11 → 2.7.2-beta-13

package/dist/mixins/transition.js

@@ -0,0 +1,163 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// @ts-nocheck
+import { requestAnimationFrame } from '../common/utils';
+import { isObj } from '../common/validator';
+import ty from '../common/ty';
+const getClassNames = (name) => ({
+    enter: `smart-${name}-enter smart-${name}-enter-active enter-class enter-active-class`,
+    'enter-to': `smart-${name}-enter-to smart-${name}-enter-active enter-to-class enter-active-class`,
+    leave: `smart-${name}-leave smart-${name}-leave-active leave-class leave-active-class`,
+    'leave-to': `smart-${name}-leave-to smart-${name}-leave-active leave-to-class leave-active-class`,
+});
+export function transition(showDefaultValue) {
+    return Behavior({
+        properties: {
+            nativeDisabled: Boolean,
+            customStyle: String,
+            // @ts-ignore
+            show: {
+                type: Boolean,
+                value: showDefaultValue,
+                observer: 'observeShow',
+            },
+            // @ts-ignore
+            duration: {
+                type: null,
+                value: 300,
+            },
+            name: {
+                type: String,
+                value: 'fade',
+            },
+        },
+        data: {
+            type: '',
+            inited: false,
+            display: false,
+            animating: false,
+            status: '',
+        },
+        ready() {
+            if (this.data.show === true) {
+                this.observeShow(true, false);
+            }
+        },
+        methods: {
+            observeShow(value, old) {
+                if (value === old) {
+                    return;
+                }
+                value ? this.enter() : this.leave();
+            },
+            enter() {
+                if (this.enterFinishedPromise || this.data.animating)
+                    return;
+                this.setData({
+                    animating: true,
+                    status: 'enter',
+                });
+                // eslint-disable-next-line no-async-promise-executor
+                this.enterFinishedPromise = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                    const { duration, name } = this.data;
+                    const classNames = getClassNames(name);
+                    const currentDuration = isObj(duration) ? duration.enter : duration;
+                    if (this.data.nativeDisabled) {
+                        ty.nativeDisabled(true);
+                    }
+                    this.$emit('before-enter');
+                    yield requestAnimationFrame();
+                    this.$emit('enter');
+                    this.setData({
+                        inited: true,
+                        display: true,
+                        classes: classNames.enter,
+                        currentDuration,
+                    });
+                    yield requestAnimationFrame();
+                    this.transitionEnded = false;
+                    this.setData({ classes: classNames['enter-to'] });
+                    clearTimeout(this.timer);
+                    this.timer = setTimeout(() => {
+                        this.$emit('after-enter');
+                        this.setData({
+                            animating: false,
+                        });
+                        this.checkShowStatus();
+                    }, currentDuration + 20);
+                    resolve();
+                }));
+                this.enterFinishedPromise.catch(err => {
+                    this.enterFinishedPromise = null;
+                    this.setData({ animating: false });
+                    console.log(err, '---error-enter');
+                    this.$emit('enter-error', err);
+                });
+            },
+            leave() {
+                return __awaiter(this, void 0, void 0, function* () {
+                    if (!this.enterFinishedPromise || this.data.animating)
+                        return;
+                    this.setData({
+                        animating: true,
+                        status: 'leave',
+                    });
+                    this.enterFinishedPromise
+                        .then(() => __awaiter(this, void 0, void 0, function* () {
+                        const { duration, name } = this.data;
+                        const classNames = getClassNames(name);
+                        const currentDuration = isObj(duration) ? duration.leave : duration;
+                        this.$emit('before-leave');
+                        yield requestAnimationFrame();
+                        this.$emit('leave');
+                        this.setData({
+                            classes: classNames.leave,
+                            currentDuration,
+                        });
+                        yield requestAnimationFrame();
+                        this.transitionEnded = false;
+                        clearTimeout(this.timer);
+                        setTimeout(() => {
+                            this.enterFinishedPromise = null;
+                            if (this.data.nativeDisabled) {
+                                ty.nativeDisabled(false);
+                            }
+                            this.$emit('after-leave');
+                            this.setData({
+                                display: false,
+                                animating: false,
+                            });
+                            this.checkShowStatus();
+                        }, currentDuration + 20);
+                        this.setData({ classes: classNames['leave-to'] });
+                    }))
+                        .catch(err => {
+                        this.enterFinishedPromise = null;
+                        this.setData({ animating: false });
+                        console.log(err, '---error-leave');
+                        this.$emit('leave-error', err);
+                        if (this.data.nativeDisabled) {
+                            ty.nativeDisabled(false);
+                        }
+                    });
+                });
+            },
+            checkShowStatus() {
+                return __awaiter(this, void 0, void 0, function* () {
+                    const { status, show } = this.data;
+                    yield requestAnimationFrame();
+                    if ((status === 'enter' && show) || (status === 'leave' && !show))
+                        return;
+                    show ? this.enter() : this.leave();
+                });
+            },
+        },
+    });
+}

package/dist/nav-bar/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,var(--app-device-navbar-height,46px));line-height:var(--nav-bar-height,var(--app-device-navbar-height,46px));position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N2,rgba(0,0,0,.7)));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);font-weight:var(--nav-bar-text-font-weight,600);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.smart-nav-bar .smart-nav-bar__icon--hover,.smart-nav-bar .smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;justify-content:center}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));flex:1;font-size:var(--nav-bar-title-font-size,17px);font-weight:var(--nav-bar-title-font-weight,600);margin:var(--nav-bar-title-margin,0 16px);text-align:center}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;display:flex;width:var(--nav-bar-side-width,98px)}.smart-nav-bar__left{padding-left:var(--nav-bar-icon-padding,16px)}.smart-nav-bar__left--home{max-width:var(--nav-bar-home-max-width,calc(100% - 114px));width:auto}.smart-nav-bar__left--home .smart-nav-bar__text{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__left--title{max-width:var(--nav-bar-title-max-width,calc(100% - 114px));width:auto}.smart-nav-bar__left--title .smart-nav-bar__text{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-title-font-weight,600);padding-left:var(--nav-bar-left-title-padding,8px)}.smart-nav-bar__left--text{padding-left:var(--nav-bar-text-padding,20px)}.smart-nav-bar__left--icon{padding-left:var(--nav-bar-icon-padding,16px)}.smart-nav-bar__right{flex-direction:row-reverse;padding-right:var(--nav-bar-icon-padding,16px)}.smart-nav-bar__right .smart-nav-bar__text{color:var(--nav-bar-right-text-color,var(--nav-bar-text-color,var(--app-B2-N2,rgba(0,0,0,.7))));text-align:right}.smart-nav-bar__right--text{padding-right:var(--nav-bar-text-padding,20px)}

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

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

package/dist/nav-bar/index.js

@@ -0,0 +1,110 @@
+import Left from '@tuya-miniapp/icons/dist/svg/Left';
+import { SmartComponent } from '../common/component';
+import { getRect, getSystemInfoSync } from '../common/utils';
+SmartComponent({
+    classes: [
+        'title-class',
+        'right-text-class',
+        'left-icon-class',
+        'right-icon-class',
+        'left-text-class',
+    ],
+    props: {
+        title: String,
+        fixed: {
+            type: Boolean,
+            observer: 'setHeight',
+        },
+        placeholder: {
+            type: Boolean,
+            observer: 'setHeight',
+        },
+        background: String,
+        leftTextType: {
+            type: String,
+            value: 'back',
+        },
+        leftText: String,
+        leftIcon: String,
+        leftIconColor: String,
+        leftIconSize: {
+            type: null,
+            value: 32,
+        },
+        rightText: String,
+        rightTextColor: String,
+        rightIcon: String,
+        rightIconColor: String,
+        rightIconSize: {
+            type: null,
+            value: 32,
+        },
+        customStyle: String,
+        leftArrow: Boolean,
+        border: {
+            type: Boolean,
+            value: false,
+        },
+        round: {
+            type: Boolean,
+            value: false,
+        },
+        zIndex: {
+            type: Number,
+            value: 1,
+        },
+        safeAreaInsetTop: {
+            type: Boolean,
+            value: true,
+        },
+    },
+    data: {
+        height: 46,
+        leftArrowIcon: Left,
+    },
+    created() {
+        const { statusBarHeight } = getSystemInfoSync();
+        this.setData({
+            statusBarHeight,
+            height: 46 + statusBarHeight,
+        });
+    },
+    mounted() {
+        this.setHeight();
+    },
+    methods: {
+        onClickLeft() {
+            this.$emit('click-left');
+        },
+        onClickRight() {
+            this.$emit('click-right');
+        },
+        onClickTitle() {
+            this.$emit('click-title');
+        },
+        onClickRightIcon() {
+            this.$emit('click-right-icon');
+        },
+        onClickLeftIcon() {
+            this.$emit('click-left-icon');
+        },
+        onClickLeftText() {
+            this.$emit('click-left-text');
+        },
+        onClickRightText() {
+            this.$emit('click-right-text');
+        },
+        setHeight() {
+            if (!this.data.fixed || !this.data.placeholder) {
+                return;
+            }
+            wx.nextTick(() => {
+                getRect(this, '.smart-nav-bar').then(res => {
+                    if (res && 'height' in res) {
+                        this.setData({ height: res.height });
+                    }
+                });
+            });
+        },
+    },
+});

package/dist/nav-bar/index.json

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

package/dist/nav-bar/index.wxml

@@ -0,0 +1,70 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
+
+<view
+  class="{{ utils.bem('nav-bar', { fixed, round, safe: safeAreaInsetTop }) }} custom-class {{ border ? 'smart-hairline--bottom' : '' }}"
+  style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop, background }) }}; {{ customStyle }}"
+>
+  <view class="smart-nav-bar__content">
+    <view class="{{ utils.bem('nav-bar__left', { home: leftTextType === 'home', title: leftTextType === 'title', text: !!leftText, icon: leftArrow || leftIcon }) }}" bind:tap="onClickLeft">
+      <smart-icon
+        wx:if="{{ leftArrow }}"
+        size="24px"
+        hover-class="smart-nav-bar__icon--hover"
+        hover-stay-time="70"
+        name="{{ leftArrowIcon }}"
+        data-type="leftArrow"
+        custom-class="smart-nav-bar__arrow"
+      />
+      <view
+        wx:if="{{ leftIcon }}"
+        data-type="leftIcon"
+        hover-class="smart-nav-bar__icon--hover"
+        hover-stay-time="70"
+        class="smart-nav-bar__icon-wrap"
+        catch:tap="onClickLeftIcon"
+      >
+        <smart-icon class="left-icon-class" custom-class="smart-nav-bar__icon" size="{{ leftIconSize }}" name="{{ leftIcon }}" color="{{ leftIconColor }}" />
+      </view>
+      <view
+        wx:if="{{ leftText }}"
+        class="smart-nav-bar__text left-text-class"
+        catch:tap="onClickLeftText"
+        hover-class="{{ leftTextType === 'back' ? 'smart-nav-bar__text--hover' : '' }}"
+        hover-stay-time="70"
+      >
+        {{ leftText }}
+      </view>
+      <slot name="left" />
+    </view>
+    <view class="smart-nav-bar__title title-class smart-ellipsis" bind:tap="onClickTitle">
+      <block>{{ title }}</block>
+      <slot name="title" />
+    </view>
+    <view class="{{utils.bem('nav-bar__right', { text: !!rightText })}}" bind:tap="onClickRight">
+      <view
+        wx:if="{{ rightIcon }}"
+        data-type="rightIcon"
+        hover-class="smart-nav-bar__icon--hover"
+        hover-stay-time="70"
+        class="smart-nav-bar__icon-wrap"
+        bind:tap="onClickRightIcon"
+      >
+        <smart-icon class="right-icon-class" custom-class="smart-nav-bar__icon" size="{{ rightIconSize }}" name="{{ rightIcon }}" color="{{ rightIconColor }}" />
+      </view>
+      <view
+        wx:if="{{ rightText }}"
+        class="smart-nav-bar__text right-text-class"
+        style="color: {{ rightTextColor }};"
+        hover-class="smart-nav-bar__text--hover"
+        hover-stay-time="70"
+        bind:tap="onClickRightText"
+      >
+        {{ rightText }}
+      </view>
+      <slot name="right" />
+    </view>
+  </view>
+</view>

package/dist/nav-bar/index.wxs

@@ -0,0 +1,14 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function barStyle(data) {
+  return style({
+    'z-index': data.zIndex,
+    'padding-top': data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0,
+    background: data.background,
+  });
+}
+
+module.exports = {
+  barStyle: barStyle,
+};

package/dist/nav-bar/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-nav-bar{background-color:var(--nav-bar-background-color,var(--app-B2,#fff));box-sizing:initial;height:var(--nav-bar-height,var(--app-device-navbar-height,46px));line-height:var(--nav-bar-height,var(--app-device-navbar-height,46px));position:relative;text-align:center;-webkit-user-select:none;user-select:none}.smart-nav-bar__content{align-items:center;display:flex;height:100%;position:relative}.smart-nav-bar__text{color:var(--nav-bar-text-color,var(--app-B2-N2,rgba(0,0,0,.7)));display:inline-block;font-size:var(--nav-bar-text-font-size,16px);font-weight:var(--nav-bar-text-font-weight,600);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.smart-nav-bar .smart-nav-bar__icon--hover,.smart-nav-bar .smart-nav-bar__text--hover{opacity:.3}.smart-nav-bar__arrow{vertical-align:middle}.smart-nav-bar__arrow>view{background:var(--nav-bar-arrow-color,var(--app-B2-N1,#000))}.smart-nav-bar__icon-wrap{align-items:center;display:flex;justify-content:center}.smart-nav-bar__icon>view{background:var(--nav-bar-icon-color,var(--app-B2-N1,#000))}.smart-nav-bar--safe{padding-top:var(--app-device-status-height,20px)}.smart-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.smart-nav-bar--round{border-radius:var(--nav-bar-round-border-radius,16px 16px 0 0);min-height:var(--nav-bar-round-min-height,56px)}.smart-nav-bar__title{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));flex:1;font-size:var(--nav-bar-title-font-size,17px);font-weight:var(--nav-bar-title-font-weight,600);margin:var(--nav-bar-title-margin,0 16px);text-align:center}.smart-nav-bar__left,.smart-nav-bar__right{align-items:center;display:flex;width:var(--nav-bar-side-width,98px)}.smart-nav-bar__left{padding-left:var(--nav-bar-icon-padding,16px)}.smart-nav-bar__left--home{max-width:var(--nav-bar-home-max-width,calc(100% - 114px));width:auto}.smart-nav-bar__left--home .smart-nav-bar__text{color:var(--nav-bar-home-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-home-font-weight,600)}.smart-nav-bar__left--title{max-width:var(--nav-bar-title-max-width,calc(100% - 114px));width:auto}.smart-nav-bar__left--title .smart-nav-bar__text{color:var(--nav-bar-title-text-color,var(--app-B2-N1,#000));font-size:var(--nav-bar-home-font-size,22px);font-weight:var(--nav-bar-title-font-weight,600);padding-left:var(--nav-bar-left-title-padding,8px)}.smart-nav-bar__left--text{padding-left:var(--nav-bar-text-padding,20px)}.smart-nav-bar__left--icon{padding-left:var(--nav-bar-icon-padding,16px)}.smart-nav-bar__right{flex-direction:row-reverse;padding-right:var(--nav-bar-icon-padding,16px)}.smart-nav-bar__right .smart-nav-bar__text{color:var(--nav-bar-right-text-color,var(--nav-bar-text-color,var(--app-B2-N2,rgba(0,0,0,.7))));text-align:right}.smart-nav-bar__right--text{padding-right:var(--nav-bar-text-padding,20px)}

package/dist/normal-slider/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.contain{--thumb-active-color:var(--app-B3,#fff)}

package/dist/normal-slider/index.d.ts

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

package/dist/normal-slider/index.js

@@ -0,0 +1,158 @@
+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 === null || event === void 0 ? void 0 : event.detail);
+        },
+        bindmove(event) {
+            this.triggerEvent('change', event === null || event === void 0 ? void 0 : event.detail);
+        },
+        bindstart(event) {
+            this.triggerEvent('start', event === null || event === void 0 ? void 0 : event.detail);
+        },
+    },
+});

package/dist/normal-slider/index.json

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

package/dist/normal-slider/index.wxml

@@ -0,0 +1,35 @@
+<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}}"
+bindchange="bindmove"
+bindend="bindend"
+bindstart="bindstart"
+reverse="{{reverse}}"
+hotAreaStyle="{{hotAreaStyle}}"
+hideThumbButton="{{hideThumbButton}}"
+thumbStyleRenderFormatter="{{thumbStyleRenderFormatter}}"
+thumbStyleRenderValueScale="{{thumbStyleRenderValueScale}}"
+thumbStyleRenderValueStart="{{thumbStyleRenderValueStart}}"
+thumbStyleRenderValueReverse="{{thumbStyleRenderValueReverse}}"
+/>
+</view>

package/dist/normal-slider/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.contain{--thumb-active-color:var(--app-B3,#fff)}

package/dist/notice-bar/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-bottom-sheet-dragger-node-background:rgba(0,0,0,.3);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--smart-ui-bottom-sheet-dragger-node-background:hsla(0,0%,100%,.3);--smart-ui-overlay:rgba(0,0,0,.7);--smart-ui-dialog-background:#333;--smart-ui-border-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0))}.smart-manrope{font-family:Manrope,sans-serif}.smart-notice-bar{align-items:center;background-color:var(--notice-bar-background-color,#e7f3fe);color:var(--notice-bar-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));display:flex;font-size:var(--notice-bar-font-size,12px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,14px);padding:var(--notice-bar-padding,0 16px)}.smart-notice-bar--info{--icon-color:var(--notice-bar-info-color,#1989fa)}.smart-notice-bar--warning{--icon-color:var(--notice-bar-warning-color,#ffa000);background-color:var(--notice-bar-background-warning-color,#fff5e5)}.smart-notice-bar--error{--icon-color:var(--notice-bar-error-color,#f04c4c);background-color:var(--notice-bar-background-error-color,#fdeded)}.smart-notice-bar--hover{opacity:.6}.smart-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.smart-notice-bar--wrapable .smart-notice-bar__wrap{height:auto}.smart-notice-bar--wrapable .smart-notice-bar__content{position:relative;white-space:normal}.smart-notice-bar__left-icon{align-items:center;display:flex;font-size:var(--notice-bar-icon-size,16px);margin-right:var(--notice-bar-left-icon-margin-right,8px);vertical-align:middle}.smart-notice-bar__right-icon{--icon-color:var(--notice-bar-right-icon-color,rgba(0,0,0,.2));font-size:var(--notice-bar-icon-size,16px);margin-left:var(--notice-bar-right-icon-margin-left,8px)}.smart-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,14px);overflow:hidden;position:relative}.smart-notice-bar__content{position:absolute;white-space:nowrap}.smart-notice-bar__content.smart-ellipsis{max-width:100%}.smart-notice-bar__content__btn{color:var(--notice-bar-btn-color,var(--app-M4,#1989fa));display:inline-block}

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

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