@tuya-miniapp/smart-ui 2.6.4-beta-7 → 2.6.4-beta-8

package/lib/dialog/dialog.js

@@ -0,0 +1,137 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextRef = void 0;
+var appLog_1 = __importDefault(require("../common/appLog"));
+var utils_1 = require("../common/utils");
+var queueRef = {
+    value: [],
+};
+var defaultOptions = {
+    show: false,
+    title: '',
+    width: null,
+    theme: 'default',
+    message: '',
+    zIndex: 100,
+    overlay: true,
+    selector: '#smart-dialog',
+    beforeClose: null,
+    transition: 'scale',
+    customStyle: '',
+    autoClose: true,
+    messageAlign: '',
+    overlayStyle: '',
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    showConfirmButton: true,
+    showCancelButton: false,
+    closeOnClickOverlay: false,
+    confirmButtonOpenType: '',
+    icon: false,
+    nativeDisabled: false,
+    ignoreQueue: false,
+    value: null,
+    password: false,
+    placeholder: '',
+    maxlength: 20,
+};
+var currentOptions = __assign({}, defaultOptions);
+exports.contextRef = {
+    value: {},
+};
+var Dialog = function (options) {
+    options = __assign(__assign({}, currentOptions), options);
+    var prom = new Promise(function (resolve, reject) {
+        appLog_1.default.info('start open dialog');
+        var context = (typeof options.context === 'function' ? options.context() : options.context) ||
+            exports.contextRef.value[options.selector] ||
+            (0, utils_1.getCurrentPage)();
+        var selector = options.selector;
+        appLog_1.default.info("dialog selector: ".concat(selector));
+        appLog_1.default.info("queue : ".concat(JSON.stringify(queueRef.value)));
+        var dialog = context.selectComponent(options.selector);
+        appLog_1.default.info("dialog component ".concat(dialog ? 'success' : 'fail'));
+        if (!options.ignoreQueue &&
+            queueRef.value.length > 0 &&
+            queueRef.value.find(function (item) { return dialog && item && item.id === dialog.id; })) {
+            console.warn("\u76F8\u540C\u9009\u62E9\u5668\u7684 Dialog \u8C03\u7528\u8FC7\u4E8E\u9891\u7E41\uFF0C".concat(dialog.id, " \u5DF2\u5FFD\u7565\u91CD\u590D\u8C03\u7528"));
+            appLog_1.default.info("\u76F8\u540C\u9009\u62E9\u5668\u7684 Dialog \u8C03\u7528\u8FC7\u4E8E\u9891\u7E41\uFF0C".concat(dialog.id, " \u5DF2\u5FFD\u7565\u91CD\u590D\u8C03\u7528"));
+            return;
+        }
+        delete options.context;
+        delete options.selector;
+        if (dialog) {
+            var optionsWithInputValue = __assign({}, options);
+            if (typeof options.value === 'string') {
+                optionsWithInputValue.inputValue = options.value;
+            }
+            dialog.setData(__assign({ callback: function (action, instance) {
+                    /**
+                     * 在声明式调用的情况下，在 close 后需要手动清空队列
+                     */
+                    queueRef.value = queueRef.value.filter(function (item) { return item.id !== dialog.id; });
+                    action === 'confirm' ? resolve(instance) : reject(instance);
+                    appLog_1.default.info("dialog ".concat(dialog.id, " callback"));
+                } }, optionsWithInputValue));
+            wx.nextTick(function () {
+                appLog_1.default.info("start open dialog ".concat(dialog.id));
+                dialog.setData({ show: true });
+            });
+            queueRef.value.push(dialog);
+        }
+        else {
+            console.warn("\u672A\u627E\u5230 ".concat((selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', ''), " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
+            appLog_1.default.info("\u672A\u627E\u5230 ".concat((selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', ''), " \u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4 selector \u53CA context \u662F\u5426\u6B63\u786E"));
+        }
+    });
+    prom.catch(function (err) {
+        appLog_1.default.info("Dialog promise Error", err);
+        console.log(err, '---Dialog-error');
+        queueRef.value = [];
+    });
+    return prom;
+};
+Dialog.alert = function (options) { return Dialog(options); };
+Dialog.confirm = function (options) {
+    return Dialog(__assign({ showCancelButton: true }, options));
+};
+Dialog.input = (function (options) {
+    return Dialog(__assign({ showCancelButton: true }, options));
+});
+Dialog.close = function () {
+    queueRef.value.forEach(function (dialog) {
+        dialog.close();
+    });
+    queueRef.value = [];
+};
+Dialog.stopLoading = function () {
+    queueRef.value.forEach(function (dialog) {
+        dialog.stopLoading();
+    });
+};
+Dialog.currentOptions = currentOptions;
+Dialog.defaultOptions = defaultOptions;
+Dialog.setDefaultOptions = function (options) {
+    currentOptions = __assign(__assign({}, currentOptions), options);
+    Dialog.currentOptions = currentOptions;
+};
+Dialog.resetDefaultOptions = function () {
+    currentOptions = __assign({}, defaultOptions);
+    Dialog.currentOptions = currentOptions;
+};
+Dialog.resetDefaultOptions();
+exports.default = Dialog;

package/lib/dialog/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-dialog{--button-default-background-color:transparent;--goods-action-background-color:transparent;background-color:var(--dialog-background-color,var(--smart-ui-dialog-background,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:50%;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding:var(--dialog-header-padding,0);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{--hairline-right-width:0;padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{--hairline-right-width:0;height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog__confirm{font-weight:var(--dialog-confirm-font-weight,normal)}.smart-dialog__cancel{font-weight:var(--dialog-cancel-font-weight,normal)}.smart-dialog__cancel,.smart-dialog__confirm{border:0!important;border-radius:0!important}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}.smart-dialog--round-button .smart-dialog__cancel,.smart-dialog--round-button .smart-dialog__confirm{border-radius:var(--dialog--round-button-border-radius,20px)!important}

package/lib/dialog/index.d.ts

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

package/lib/dialog/index.js

@@ -0,0 +1,222 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"));
+var component_1 = require("../common/component");
+var button_1 = require("../mixins/button");
+var appLog_1 = __importDefault(require("../common/appLog"));
+var utils_1 = require("../common/utils");
+var dialog_1 = require("./dialog");
+(0, component_1.SmartComponent)({
+    mixins: [button_1.button],
+    classes: ['cancle-button-class', 'confirm-button-class'],
+    props: {
+        show: {
+            type: Boolean,
+            observer: function (show) {
+                !show && this.stopLoading();
+            },
+        },
+        icon: null,
+        iconColor: {
+            type: String,
+            value: '#F04C4C',
+        },
+        iconSize: String,
+        title: String,
+        message: String,
+        theme: {
+            type: String,
+            value: 'default',
+        },
+        confirmButtonId: String,
+        className: String,
+        customStyle: String,
+        asyncClose: Boolean,
+        messageAlign: String,
+        beforeClose: null,
+        overlayStyle: String,
+        useSlot: Boolean,
+        useTitleSlot: Boolean,
+        useConfirmButtonSlot: Boolean,
+        useCancelButtonSlot: Boolean,
+        showCancelButton: Boolean,
+        closeOnClickOverlay: Boolean,
+        nativeDisabled: Boolean,
+        confirmButtonOpenType: String,
+        width: null,
+        zIndex: {
+            type: Number,
+            value: 2000,
+        },
+        autoClose: {
+            type: Boolean,
+            value: false,
+        },
+        confirmButtonText: {
+            type: String,
+            value: 'Confirm',
+        },
+        cancelButtonText: {
+            type: String,
+            value: 'Cancel',
+        },
+        confirmButtonColor: {
+            type: String,
+        },
+        cancelButtonColor: {
+            type: String,
+        },
+        showConfirmButton: {
+            type: Boolean,
+            value: true,
+        },
+        overlay: {
+            type: Boolean,
+            value: true,
+        },
+        transition: {
+            type: String,
+            value: 'scale',
+        },
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
+        value: null,
+        password: {
+            type: Boolean,
+            value: false,
+        },
+        placeholder: {
+            type: String,
+        },
+        maxlength: {
+            type: Number,
+            value: 20,
+        },
+    },
+    data: {
+        warningIcon: Warning_1.default,
+        inputValue: '',
+        loading: {
+            confirm: false,
+            cancel: false,
+        },
+        actionType: '',
+        callback: (function () { }),
+    },
+    mounted: function () {
+        if (!this.id)
+            return;
+        if (dialog_1.contextRef.value["#".concat(this.id)]) {
+            console.error("Dialog component #".concat(this.id, " repeated!"));
+            appLog_1.default.info("Dialog component #".concat(this.id, " repeated!"));
+        }
+        dialog_1.contextRef.value["#".concat(this.id)] = (0, utils_1.getCurrentPage)();
+        appLog_1.default.info("Dialog #".concat(this.id, " mounted"));
+    },
+    destroyed: function () {
+        if (!this.id)
+            return;
+        dialog_1.contextRef.value["#".concat(this.id)] = null;
+        appLog_1.default.info("dialog #".concat(this.id, " destroyed"));
+    },
+    methods: {
+        onConfirm: function () {
+            this.handleAction('confirm');
+        },
+        onCancel: function () {
+            this.handleAction('cancel');
+        },
+        onClickOverlay: function () {
+            this.close('overlay');
+        },
+        onInput: function (evt) {
+            var _a, _b;
+            this.setData({ inputValue: (_b = (_a = evt === null || evt === void 0 ? void 0 : evt.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '' });
+        },
+        close: function (action) {
+            var _this = this;
+            if (this.data.autoClose) {
+                this.setData({ show: false });
+            }
+            this.setData({ actionType: action });
+            wx.nextTick(function () {
+                _this.$emit('close', action);
+                // const { callback } = this.data;
+                // console.log(callback, 'close');
+                // if (callback) {
+                //   callback(action, this);
+                // }
+            });
+        },
+        stopLoading: function () {
+            this.setData({
+                loading: {
+                    confirm: false,
+                    cancel: false,
+                },
+            });
+        },
+        handleAction: function (action) {
+            var _a;
+            var _this = this;
+            // 避免快速点击时，dialog 已经被关闭了，但是还往下走导致 loading 一直存在
+            // see /tuyarn-kit/base/ray-smart-ui/-/issues/11
+            if (!this.data.show)
+                return;
+            this.$emit(action, { dialog: this, value: this.data.inputValue });
+            var _b = this.data, asyncClose = _b.asyncClose, beforeClose = _b.beforeClose;
+            if (!asyncClose && !beforeClose) {
+                this.close(action);
+                return;
+            }
+            this.setData((_a = {},
+                _a["loading.".concat(action)] = true,
+                _a));
+            if (beforeClose) {
+                (0, utils_1.toPromise)(beforeClose(action, this.data.inputValue)).then(function (value) {
+                    if (value) {
+                        _this.close(action);
+                    }
+                    else {
+                        _this.stopLoading();
+                    }
+                });
+            }
+        },
+        onBeforeEnter: function () {
+            this.$emit('before-enter');
+        },
+        onEnter: function () {
+            this.$emit('enter');
+        },
+        onAfterEnter: function () {
+            this.$emit('after-enter');
+        },
+        onBeforeLeave: function () {
+            this.$emit('before-leave');
+        },
+        onLeave: function () {
+            this.$emit('leave');
+        },
+        onAfterLeave: function () {
+            this.$emit('after-leave');
+            appLog_1.default.info("dialog #".concat(this.id, " after-leave"));
+            var _a = this.data, callback = _a.callback, actionType = _a.actionType;
+            if (callback) {
+                callback(actionType, this);
+            }
+        },
+        // 兜底防止 通过api方式打开组件失败 导致队列没有清除
+        onPopUpError: function () {
+            var _a = this.data, callback = _a.callback, actionType = _a.actionType;
+            if (callback) {
+                callback(actionType, this);
+            }
+        },
+    },
+});

package/lib/dialog/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "smart-popup": "../popup/index",
+    "smart-button": "../button/index",
+    "smart-icon": "../icon/index",
+    "smart-goods-action": "../goods-action/index",
+    "smart-goods-action-button": "../goods-action-button/index"
+  }
+}

package/lib/dialog/index.wxml

@@ -0,0 +1,144 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<smart-popup
+  show="{{ show }}"
+  z-index="{{ zIndex }}"
+  overlay="{{ overlay }}"
+  transition="{{ transition }}"
+  custom-class="smart-dialog smart-dialog--{{ theme }} {{ className }} custom-class"
+  custom-style="width: {{ utils.addUnit(width) }};{{ customStyle }}"
+  overlay-style="{{ overlayStyle }}"
+  native-disabled="{{ nativeDisabled }}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  root-portal="{{ rootPortal }}"
+  bind:close="onClickOverlay"
+  bind:before-enter="onBeforeEnter"
+  bind:enter="onEnter"
+  bind:after-enter="onAfterEnter"
+  bind:before-leave="onBeforeLeave"
+  bind:leave="onLeave"
+  bind:after-leave="onAfterLeave"
+  bind:enter-error="onPopUpError"
+  bind:leave-error="onPopUpError"
+>
+  <view
+    wx:if="{{ title || useTitleSlot }}"
+    class="{{ utils.bem('dialog__header', { isolated: !(message || useSlot) }) }}"
+  >
+    <smart-icon wx:if="{{ icon }}" class="smart-dialog__header-icon" custom-class="header-icon-class" name="{{ icon === true ? warningIcon : icon }}" size="{{iconSize}}" color="{{iconColor}}" />
+    <slot wx:if="{{ useTitleSlot }}" name="title" />
+    <block wx:elif="{{ title }}">{{ title }}</block>
+  </view>
+
+  <input
+    wx:if="{{ value !== null }}"
+    class="smart-dialog__input"
+    value="{{ value }}"
+    type="{{ type }}"
+    password="{{ password }}"
+    placeholder="{{ placeholder }}"
+    maxlength="{{ maxlength }}"
+    bind:input="onInput"
+  />
+
+  <slot wx:if="{{ useSlot }}" />
+  <view
+    wx:elif="{{ message }}"
+    class="{{ utils.bem('dialog__message', [theme, messageAlign, { hasTitle: title }]) }}"
+  >
+    <text class="smart-dialog__message-text">{{ message }}</text>
+  </view>
+
+  <smart-goods-action wx:if="{{ theme === 'round-button' }}" custom-class="smart-dialog__footer--round-button">
+    <smart-goods-action-button
+      wx:if="{{ showCancelButton }}"
+      loading="{{ loaing.cancel }}"
+      class="smart-dialog__button smart-hairline--right"
+      custom-class="smart-dialog__cancel cancle-button-class"
+      custom-style="color: {{ cancelButtonColor }}"
+      bind:click="onCancel"
+    >
+      {{ cancelButtonText }}
+    </smart-goods-action-button>
+    <smart-goods-action-button
+      wx:if="{{ showConfirmButton }}"
+      class="smart-dialog__button"
+      loading="{{ loading.confirm }}"
+      custom-class="smart-dialog__confirm confirm-button-class"
+      custom-style="color: {{ confirmButtonColor }}"
+      button-id="{{ confirmButtonId }}"
+      open-type="{{ confirmButtonOpenType }}"
+      lang="{{ lang }}"
+      business-id="{{ businessId }}"
+      session-from="{{ sessionFrom }}"
+      send-message-title="{{ sendMessageTitle }}"
+      send-message-path="{{ sendMessagePath }}"
+      send-message-img="{{ sendMessageImg }}"
+      show-message-card="{{ showMessageCard }}"
+      app-parameter="{{ appParameter }}"
+      bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
+      bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
+      bind:click="onConfirm"
+      bindgetuserinfo="onGetUserInfo"
+      bindcontact="onContact"
+      bindgetphonenumber="onGetPhoneNumber"
+      binderror="onError"
+      bindlaunchapp="onLaunchApp"
+      bindopensetting="onOpenSetting"
+    >
+      {{ confirmButtonText }}
+    </smart-goods-action-button>
+  </smart-goods-action>
+
+  <view wx:elif="{{ showCancelButton || showConfirmButton }}" class="smart-hairline--top smart-dialog__footer">
+    <block wx:if="{{ showCancelButton }}">
+      <slot wx:if="{{ useCancelButtonSlot }}" name="cancel-button" />
+
+      <smart-button
+        wx:else
+        size="large"
+        loading="{{ loading.cancel }}"
+        class="smart-dialog__button smart-hairline--right"
+        custom-class="smart-dialog__cancel cancle-button-class"
+        custom-style="color: {{ cancelButtonColor || 'var(--dialog-cancel-color, var(--app-B4-N3, rgba(0, 0, 0, 0.5)))' }}"
+        bind:click="onCancel"
+      >
+        {{ cancelButtonText }}
+      </smart-button>
+    </block>
+
+    <block wx:if="{{ showConfirmButton }}">
+      <slot wx:if="{{ useConfirmButtonSlot }}" name="confirm-button" />
+
+      <smart-button
+        wx:else
+        size="large"
+        class="smart-dialog__button"
+        loading="{{ loading.confirm }}"
+        custom-class="smart-dialog__confirm confirm-button-class"
+        custom-style="color: {{ confirmButtonColor || 'var(--dialog-confirm-color, var(--app-B4-N1, rgba(0, 0, 0, 1)))' }}"
+        button-id="{{ confirmButtonId }}"
+        open-type="{{ confirmButtonOpenType }}"
+        lang="{{ lang }}"
+        business-id="{{ businessId }}"
+        session-from="{{ sessionFrom }}"
+        send-message-title="{{ sendMessageTitle }}"
+        send-message-path="{{ sendMessagePath }}"
+        send-message-img="{{ sendMessageImg }}"
+        show-message-card="{{ showMessageCard }}"
+        app-parameter="{{ appParameter }}"
+        bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
+        bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
+        bind:click="onConfirm"
+        bindgetuserinfo="onGetUserInfo"
+        bindcontact="onContact"
+        bindgetphonenumber="onGetPhoneNumber"
+        binderror="onError"
+        bindlaunchapp="onLaunchApp"
+        bindopensetting="onOpenSetting"
+      >
+        {{ confirmButtonText }}
+      </smart-button>
+    </block>
+  </view>
+</smart-popup>

package/lib/dialog/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-dialog{--button-default-background-color:transparent;--goods-action-background-color:transparent;background-color:var(--dialog-background-color,var(--smart-ui-dialog-background,#fff));border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:50%;width:var(--dialog-width,311px)}@media (max-width:321px){.smart-dialog{width:var(--dialog-small-screen-width,90%)}}.smart-dialog__header{color:var(--dialog-header-font-color,var(--app-B4-N1,#000));font-weight:var(--dialog-header-font-weight,400);line-height:var(--dialog-header-line-height,24px);padding:var(--dialog-header-padding,0);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.smart-dialog__header-icon{border-radius:100%;display:block;font-size:var(--dialog-header-icon-size,39px);height:var(--dialog-header-icon-size,39px);margin:auto auto 12px;width:var(--dialog-header-icon-size,39px)}.smart-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.smart-dialog__message{-webkit-overflow-scrolling:touch;color:var(--dialog-message-text-color,var(--app-B4-N1,#000));font-size:var(--dialog-message-font-size,16px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.smart-dialog__message-text{word-wrap:break-word}.smart-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--dialog-has-title-message-font-size,14px);padding-top:var(--dialog-has-title-message-padding-top,8px)}.smart-dialog__message--round-button{--hairline-right-width:0;padding-bottom:16px}.smart-dialog__message--left{text-align:left}.smart-dialog__message--right{text-align:right}.smart-dialog__message--justify{text-align:justify}.smart-dialog__input{background-color:var(--dialog-input-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));border-radius:var(--dialog-input-border-radius,10px);font-size:var(--dialog-input-font-size,14px);height:var(--dialog-input-height,40px);margin:var(--dialog-input-margin,0 16px 24px);padding:var(--dialog-input-padding,0 10px)}.smart-dialog__footer{display:flex}.smart-dialog__footer--round-button{--hairline-right-width:0;height:40px!important;padding:8px 20px 16px!important;position:relative!important}.smart-dialog__button{flex:1}.smart-dialog__confirm{font-weight:var(--dialog-confirm-font-weight,normal)}.smart-dialog__cancel{font-weight:var(--dialog-cancel-font-weight,normal)}.smart-dialog__cancel,.smart-dialog__confirm{border:0!important;border-radius:0!important}.smart-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.smart-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}.smart-dialog--round-button .smart-dialog__cancel,.smart-dialog--round-button .smart-dialog__confirm{border-radius:var(--dialog--round-button-border-radius,20px)!important}

package/lib/divider/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-divider{align-items:center;border-color:var(--divider-border-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-style:solid;border-width:0;color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.smart-divider:after,.smart-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.smart-divider:before{content:""}.smart-divider--hairline:after,.smart-divider--hairline:before{transform:scaleY(.5)}.smart-divider--dashed{border-style:dashed}.smart-divider--center:before,.smart-divider--left:before,.smart-divider--right:before{margin-right:var(--divider-content-padding,16px)}.smart-divider--center:after,.smart-divider--left:after,.smart-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.smart-divider--left:before{max-width:var(--divider-content-left-width,10%)}.smart-divider--right:after{max-width:var(--divider-content-right-width,10%)}

package/lib/divider/index.d.ts

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

package/lib/divider/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+(0, component_1.SmartComponent)({
+    props: {
+        dashed: Boolean,
+        hairline: Boolean,
+        contentPosition: String,
+        fontSize: String,
+        borderColor: String,
+        textColor: String,
+        customStyle: String,
+    },
+});

package/lib/divider/index.json

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

package/lib/divider/index.wxml

@@ -0,0 +1,9 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="custom-class {{ utils.bem('divider', [{ dashed, hairline }, contentPosition]) }}"
+  style="{{ computed.rootStyle({ borderColor, textColor, fontSize, customStyle }) }}"
+>
+  <slot />
+</view>

package/lib/divider/index.wxs

@@ -0,0 +1,18 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style([
+    {
+      'border-color': data.borderColor,
+      color: data.textColor,
+      'font-size': addUnit(data.fontSize),
+    },
+    data.customStyle,
+  ]);
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};

package/lib/divider/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-divider{align-items:center;border-color:var(--divider-border-color,var(--app-B6-N7,rgba(0,0,0,.1)));border-style:solid;border-width:0;color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.smart-divider:after,.smart-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.smart-divider:before{content:""}.smart-divider--hairline:after,.smart-divider--hairline:before{transform:scaleY(.5)}.smart-divider--dashed{border-style:dashed}.smart-divider--center:before,.smart-divider--left:before,.smart-divider--right:before{margin-right:var(--divider-content-padding,16px)}.smart-divider--center:after,.smart-divider--left:after,.smart-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.smart-divider--left:before{max-width:var(--divider-content-left-width,10%)}.smart-divider--right:after{max-width:var(--divider-content-right-width,10%)}

package/lib/dropdown-item/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-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.smart-dropdown-item .smart-dropdown-item__title{font-size:var(--dropdown-menu-item-title-font-size,14px);font-weight:var(--dropdown-menu-item-title-font-weight,normal);line-height:var(--dropdown-menu-item-title-line-height,28px)}.smart-dropdown-item .smart-dropdown-item__icon{font-size:var(--dropdown-menu-item-icon-font-size,28px)}.smart-dropdown-item__option{--cell-border-color:var(--dropdown-menu-item-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));--cell-border-left-position:0;--cell-border-right-position:0;position:relative;text-align:left}.smart-dropdown-item__option--first:after{border-top:1px solid var(--dropdown-menu-item-line-color,var(--app-B6-N7,rgba(0,0,0,.1)));box-sizing:border-box;content:" ";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:scaleY(.5);transform-origin:center}.smart-dropdown-item__option--active .smart-dropdown-item__icon,.smart-dropdown-item__option--active .smart-dropdown-item__title{color:var(--dropdown-menu-option-active-color,var(--app-M1,#3678e3));font-weight:var(--dropdown-menu-item-title-active-font-weight,500)}.smart-dropdown-item--up{top:0}.smart-dropdown-item--down{bottom:0}.smart-dropdown-item__icon{display:block;line-height:inherit}

package/lib/dropdown-item/index.d.ts

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