@tuya-miniapp/smart-ui 2.7.1-beta-13 → 2.7.2-beta-0

package/lib/normal-slider/index.json

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

package/lib/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}}"
+bindmove="bindmove"
+bindend="bindend"
+bindstart="bindstart"
+reverse="{{reverse}}"
+hotAreaStyle="{{hotAreaStyle}}"
+hideThumbButton="{{hideThumbButton}}"
+thumbStyleRenderFormatter="{{thumbStyleRenderFormatter}}"
+thumbStyleRenderValueScale="{{thumbStyleRenderValueScale}}"
+thumbStyleRenderValueStart="{{thumbStyleRenderValueStart}}"
+thumbStyleRenderValueReverse="{{thumbStyleRenderValueReverse}}"
+/>
+</view>

package/lib/normal-slider/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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))}.contain{--thumb-active-color:var(--app-B3,#fff)}

package/lib/notice-bar/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-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/lib/notice-bar/index.d.ts

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

package/lib/notice-bar/index.js

@@ -0,0 +1,178 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("../common/utils");
+var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
+var Right_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Right"));
+(0, component_1.SmartComponent)({
+    props: {
+        text: {
+            type: String,
+            value: '',
+            observer: 'init',
+        },
+        btnText: {
+            type: String,
+            value: '',
+            observer: 'init',
+        },
+        btnTextColor: {
+            type: String,
+            value: '',
+            observer: 'init',
+        },
+        mode: {
+            type: String,
+            value: '',
+        },
+        type: {
+            type: String,
+            value: 'info',
+        },
+        url: {
+            type: String,
+            value: '',
+        },
+        openType: {
+            type: String,
+            value: 'navigateTo',
+        },
+        rightIconColor: {
+            type: String,
+            value: '',
+        },
+        leftIconColor: {
+            type: String,
+            value: '',
+        },
+        delay: {
+            type: Number,
+            value: 1,
+        },
+        customStyle: {
+            type: String,
+            value: '',
+        },
+        customHoverClass: {
+            type: String,
+            value: '',
+        },
+        rightIconStyle: {
+            type: String,
+            value: '',
+        },
+        leftIconStyle: {
+            type: String,
+            value: '',
+        },
+        speed: {
+            type: Number,
+            value: 60,
+            observer: 'init',
+        },
+        scrollable: null,
+        leftIcon: {
+            type: String,
+            value: '',
+        },
+        color: String,
+        background: String,
+        wrapable: Boolean,
+    },
+    data: {
+        Xmark: Xmark_1.default,
+        Right: Right_1.default,
+        show: true,
+    },
+    created: function () {
+        this.resetAnimation = wx.createAnimation({
+            duration: 0,
+            timingFunction: 'linear',
+        });
+    },
+    destroyed: function () {
+        this.timer && clearTimeout(this.timer);
+    },
+    mounted: function () {
+        this.init();
+    },
+    methods: {
+        init: function () {
+            var _this = this;
+            (0, utils_1.requestAnimationFrame)(function () {
+                Promise.all([
+                    (0, utils_1.getRect)(_this, '.smart-notice-bar__content'),
+                    (0, utils_1.getRect)(_this, '.smart-notice-bar__wrap'),
+                ]).then(function (rects) {
+                    var contentRect = rects[0], wrapRect = rects[1];
+                    var _a = _this.data, speed = _a.speed, scrollable = _a.scrollable, delay = _a.delay;
+                    if (contentRect == null ||
+                        wrapRect == null ||
+                        !contentRect.width ||
+                        !wrapRect.width ||
+                        scrollable === false) {
+                        return;
+                    }
+                    if (scrollable || wrapRect.width < contentRect.width) {
+                        var duration = ((wrapRect.width + contentRect.width) / speed) * 1000;
+                        _this.wrapWidth = wrapRect.width;
+                        _this.contentWidth = contentRect.width;
+                        _this.duration = duration;
+                        _this.animation = wx.createAnimation({
+                            duration: duration,
+                            timingFunction: 'linear',
+                            delay: delay,
+                        });
+                        _this.scroll(true);
+                    }
+                });
+            });
+        },
+        scroll: function (isInit) {
+            var _this = this;
+            if (isInit === void 0) { isInit = false; }
+            this.timer && clearTimeout(this.timer);
+            this.timer = null;
+            this.setData({
+                animationData: this.resetAnimation
+                    .translateX(isInit ? 0 : this.wrapWidth)
+                    .step()
+                    .export(),
+            });
+            (0, utils_1.requestAnimationFrame)(function () {
+                _this.setData({
+                    animationData: _this.animation.translateX(-_this.contentWidth).step().export(),
+                });
+            });
+            this.timer = setTimeout(function () {
+                _this.scroll();
+            }, this.duration + this.data.delay);
+        },
+        onClickIcon: function (event) {
+            if (this.data.mode === 'closeable') {
+                this.timer && clearTimeout(this.timer);
+                this.timer = null;
+                this.setData({ show: false });
+                this.$emit('close', event.detail);
+            }
+        },
+        onClickBtnText: function (event) {
+            this.$emit('btn-click', event);
+        },
+        onClick: function (event) {
+            var _a = this.data, url = _a.url, mode = _a.mode, openType = _a.openType;
+            if (mode === 'link' && url) {
+                if (openType === 'redirectTo') {
+                    wx.redirectTo({ url: url });
+                }
+                else if (openType === 'navigateTo') {
+                    wx.navigateTo({ url: url });
+                }
+            }
+            this.$emit('click', event);
+        },
+    },
+});

package/lib/notice-bar/index.json

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

package/lib/notice-bar/index.wxml

@@ -0,0 +1,52 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  wx:if="{{ show }}"
+  class="custom-class {{ utils.bem('notice-bar', { wrapable, warning: type === 'warning', error: type === 'error', info: type === 'info' }) }}"
+  hover-class="{{ mode === 'link' ? 'smart-notice-bar--hover' : ''}} {{ customHoverClass }}"
+  style="{{ computed.rootStyle([{ color, background }, customStyle]) }}"
+  bind:tap="onClick"
+>
+  <smart-icon
+    wx:if="{{ leftIcon }}"
+    name="{{ leftIcon }}"
+    class="smart-notice-bar__left-icon"
+    style="{{ computed.rootStyle(leftIconStyle) }}"
+    color="{{ leftIconColor }}"
+  />
+  <slot wx:else name="left-icon" />
+
+  <view class="smart-notice-bar__wrap">
+    <view class="smart-notice-bar__content {{ scrollable === false && !wrapable ? 'smart-ellipsis' : '' }}" animation="{{ animationData }}">
+      {{ text }}
+      <view 
+        wx:if="{{ btnText }}" 
+        class="smart-notice-bar__content__btn" 
+        hover-class="smart-notice-bar--hover"
+        catch:tap="onClickBtnText"
+        style="{{ btnTextColor ? 'color: ' + btnTextColor : ''}}"
+      >
+        {{ btnText }}
+      </view>
+      <slot wx:if="{{ !text }}"></slot>
+    </view>
+  </view>
+
+  <smart-icon
+    wx:if="{{ mode === 'closeable' }}"
+    class="smart-notice-bar__right-icon"
+    name="{{ Xmark }}"
+    style="{{ computed.rootStyle(rightIconStyle) }}"
+    color=" {{ rightIconColor }} "
+    catch:tap="onClickIcon"
+  />
+  <smart-icon 
+    wx:elif="{{ mode === 'link' }}" 
+    color=" {{ rightIconColor }} " 
+    class="smart-notice-bar__right-icon" 
+    name="{{ Right }}" 
+    style="{{ computed.rootStyle(rightIconStyle) }}"
+  />
+  <slot wx:else name="right-icon" />
+</view>

package/lib/notice-bar/index.wxs

@@ -0,0 +1,11 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style(data);
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};

package/lib/notice-bar/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-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/lib/notify/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-notify{word-wrap:break-word;font-size:var(--notify-font-size,14px);line-height:var(--notify-line-height,20px);padding:var(--notify-padding,6px 15px);text-align:center}.smart-notify__container{box-sizing:border-box;left:0;position:fixed;top:0;width:100%}.smart-notify--primary{background-color:var(--notify-primary-background-color,#1989fa)}.smart-notify--success{background-color:var(--notify-success-background-color,#07c160)}.smart-notify--danger{background-color:var(--notify-danger-background-color,#ee0a24)}.smart-notify--warning{background-color:var(--notify-warning-background-color,#ff976a)}

package/lib/notify/index.d.ts

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

package/lib/notify/index.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var color_1 = require("../common/color");
+var utils_1 = require("../common/utils");
+var notify_1 = require("./notify");
+(0, component_1.SmartComponent)({
+    props: {
+        message: String,
+        background: String,
+        type: {
+            type: String,
+            value: 'danger',
+        },
+        color: {
+            type: String,
+            value: color_1.WHITE,
+        },
+        duration: {
+            type: Number,
+            value: 3000,
+        },
+        zIndex: {
+            type: Number,
+            value: 110,
+        },
+        safeAreaInsetTop: {
+            type: Boolean,
+            value: false,
+        },
+        useSlot: {
+            type: Boolean,
+            value: false,
+        },
+        transition: {
+            type: String,
+            value: 'slide-down',
+        },
+        top: null,
+    },
+    data: {
+        show: false,
+        onOpened: null,
+        onClose: null,
+        onClick: null,
+    },
+    created: function () {
+        var statusBarHeight = (0, utils_1.getSystemInfoSync)().statusBarHeight;
+        this.setData({ statusBarHeight: statusBarHeight });
+    },
+    mounted: function () {
+        notify_1.contextRef.value = (0, utils_1.getCurrentPage)();
+    },
+    methods: {
+        show: function () {
+            var _this = this;
+            var _a = this.data, duration = _a.duration, onOpened = _a.onOpened;
+            clearTimeout(this.timer);
+            this.setData({ show: true });
+            wx.nextTick(onOpened);
+            if (duration > 0 && duration !== Infinity) {
+                this.timer = setTimeout(function () {
+                    _this.hide();
+                }, duration);
+            }
+        },
+        hide: function () {
+            var onClose = this.data.onClose;
+            clearTimeout(this.timer);
+            this.setData({ show: false });
+            wx.nextTick(onClose);
+        },
+        onTap: function (event) {
+            var onClick = this.data.onClick;
+            if (onClick) {
+                onClick(event.detail);
+            }
+        },
+    },
+});

package/lib/notify/index.json

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

package/lib/notify/index.wxml

@@ -0,0 +1,22 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<smart-transition
+  name="{{ transition }}"
+  show="{{ show }}"
+  custom-class="smart-notify__container"
+  custom-style="{{ computed.rootStyle({ zIndex, top }) }}"
+  bind:tap="onTap"
+>
+  <view
+    class="smart-notify smart-notify--{{ type }}"
+    style="{{ computed.notifyStyle({ background, color }) }}"
+  >
+    <view
+      wx:if="{{ safeAreaInsetTop }}"
+      style="height: {{ statusBarHeight }}px"
+    />
+    <slot wx:if="{{ useSlot }}" />
+    <text wx:else>{{ message }}</text>
+  </view>
+</smart-transition>

package/lib/notify/index.wxs

@@ -0,0 +1,22 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style({
+    'z-index': data.zIndex,
+    top: addUnit(data.top),
+  });
+}
+
+function notifyStyle(data) {
+  return style({
+    background: data.background,
+    color: data.color,
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+  notifyStyle: notifyStyle,
+};

package/lib/notify/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-notify{word-wrap:break-word;font-size:var(--notify-font-size,14px);line-height:var(--notify-line-height,20px);padding:var(--notify-padding,6px 15px);text-align:center}.smart-notify__container{box-sizing:border-box;left:0;position:fixed;top:0;width:100%}.smart-notify--primary{background-color:var(--notify-primary-background-color,#1989fa)}.smart-notify--success{background-color:var(--notify-success-background-color,#07c160)}.smart-notify--danger{background-color:var(--notify-danger-background-color,#ee0a24)}.smart-notify--warning{background-color:var(--notify-warning-background-color,#ff976a)}

package/lib/notify/notify.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+type NotifyContext = WechatMiniprogram.Component.TrivialInstance | WechatMiniprogram.Page.TrivialInstance;
+interface NotifyOptions {
+    type?: 'primary' | 'success' | 'danger' | 'warning';
+    transition?: 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
+    color?: string;
+    zIndex?: number;
+    top?: number;
+    message: string;
+    context?: any;
+    duration?: number;
+    selector?: string;
+    background?: string;
+    safeAreaInsetTop?: boolean;
+    onClick?: () => void;
+    onOpened?: () => void;
+    onClose?: () => void;
+}
+export declare const contextRef: {
+    value: NotifyContext | null;
+};
+declare function Notify(options: NotifyOptions | string): any;
+declare namespace Notify {
+    var clear: (options?: NotifyOptions | undefined) => void;
+    var setDefaultOptions: (options: NotifyOptions) => void;
+    var resetDefaultOptions: () => void;
+}
+export default Notify;

package/lib/notify/notify.js

@@ -0,0 +1,72 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextRef = void 0;
+var utils_1 = require("../common/utils");
+var color_1 = require("../common/color");
+var defaultOptions = {
+    selector: '#smart-notify',
+    type: 'danger',
+    message: '',
+    background: '',
+    duration: 3000,
+    zIndex: 110,
+    top: 0,
+    color: color_1.WHITE,
+    safeAreaInsetTop: false,
+    onClick: function () { },
+    onOpened: function () { },
+    onClose: function () { },
+};
+var currentOptions = __assign({}, defaultOptions);
+function parseOptions(message) {
+    if (message == null) {
+        return {};
+    }
+    return typeof message === 'string' ? { message: message } : message;
+}
+exports.contextRef = {
+    value: null,
+};
+function Notify(options) {
+    options = __assign(__assign({}, currentOptions), parseOptions(options));
+    var context = (typeof options.context === 'function' ? options.context() : options.context) ||
+        exports.contextRef.value ||
+        (0, utils_1.getCurrentPage)();
+    var notify = context.selectComponent(options.selector);
+    delete options.context;
+    delete options.selector;
+    if (notify) {
+        notify.setData(options);
+        notify.show();
+        return notify;
+    }
+    console.warn('未找到 smart-notify 节点，请确认 selector 及 context 是否正确');
+}
+exports.default = Notify;
+Notify.clear = function (options) {
+    options = __assign(__assign({}, defaultOptions), parseOptions(options));
+    var context = (typeof options.context === 'function' ? options.context() : options.context) ||
+        exports.contextRef.value ||
+        (0, utils_1.getCurrentPage)();
+    var notify = context.selectComponent(options.selector);
+    if (notify) {
+        notify.hide();
+    }
+};
+Notify.setDefaultOptions = function (options) {
+    Object.assign(currentOptions, options);
+};
+Notify.resetDefaultOptions = function () {
+    currentOptions = __assign({}, defaultOptions);
+};

package/lib/overlay/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-overlay{background-color:var(--overlay-background-color,var(--smart-ui-overlay,rgba(0,0,0,.6)));height:100%;left:0;position:fixed;top:0;width:100%}

package/lib/overlay/index.d.ts

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

package/lib/overlay/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+(0, component_1.SmartComponent)({
+    props: {
+        show: Boolean,
+        customStyle: String,
+        duration: {
+            type: null,
+            value: 300,
+        },
+        zIndex: {
+            type: Number,
+            value: 1,
+        },
+        lockScroll: {
+            type: Boolean,
+            value: true,
+        },
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
+    },
+    methods: {
+        onClick: function () {
+            this.$emit('click');
+        },
+        // for prevent touchmove
+        noop: function () { },
+    },
+});

package/lib/overlay/index.json

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

package/lib/overlay/index.wxml

@@ -0,0 +1,7 @@
+<import src="./overlay.wxml" />
+
+<root-portal wx:if="{{ rootPortal }}">
+  <include src="./overlay.wxml" />
+</root-portal>
+
+<include wx:else src="./overlay.wxml" />

package/lib/overlay/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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-overlay{background-color:var(--overlay-background-color,var(--smart-ui-overlay,rgba(0,0,0,.6)));height:100%;left:0;position:fixed;top:0;width:100%}

package/lib/overlay/overlay.wxml

@@ -0,0 +1,10 @@
+<smart-transition
+  show="{{ show }}"
+  custom-class="smart-overlay custom-class"
+  custom-style="z-index: {{ zIndex }}; {{ customStyle }}"
+  duration="{{ duration }}"
+  bind:tap="onClick"
+  catch:touchmove="{{ lockScroll ? 'noop' : ''}}"
+>
+  <slot></slot>
+</smart-transition>

package/lib/picker/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:root{--smart-ui-overlay:rgba(0,0,0,.4);--smart-ui-dialog-background:#fff;--smart-ui-border-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent)}:root[theme=dark]{--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))}:host{width:100%}.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{align-items:center;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}

package/lib/picker/index.d.ts

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