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

package/dist/dialog/dialog.js

@@ -0,0 +1,116 @@
+import appLog from '../common/appLog';
+import { getCurrentPage } from '../common/utils';
+const queueRef = {
+    value: [],
+};
+const 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,
+};
+let currentOptions = Object.assign({}, defaultOptions);
+export const contextRef = {
+    value: {},
+};
+const Dialog = (options) => {
+    options = Object.assign(Object.assign({}, currentOptions), options);
+    const prom = new Promise((resolve, reject) => {
+        appLog.info('start open dialog');
+        const context = (typeof options.context === 'function' ? options.context() : options.context) ||
+            contextRef.value[options.selector] ||
+            getCurrentPage();
+        const selector = options.selector;
+        appLog.info(`dialog selector: ${selector}`);
+        appLog.info(`queue : ${JSON.stringify(queueRef.value)}`);
+        const dialog = context.selectComponent(options.selector);
+        appLog.info(`dialog component ${dialog ? 'success' : 'fail'}`);
+        if (!options.ignoreQueue &&
+            queueRef.value.length > 0 &&
+            queueRef.value.find(item => dialog && item && item.id === dialog.id)) {
+            console.warn(`相同选择器的 Dialog 调用过于频繁，${dialog.id} 已忽略重复调用`);
+            appLog.info(`相同选择器的 Dialog 调用过于频繁，${dialog.id} 已忽略重复调用`);
+            return;
+        }
+        delete options.context;
+        delete options.selector;
+        if (dialog) {
+            const optionsWithInputValue = Object.assign({}, options);
+            if (typeof options.value === 'string') {
+                optionsWithInputValue.inputValue = options.value;
+            }
+            dialog.setData(Object.assign({ callback: (action, instance) => {
+                    /**
+                     * 在声明式调用的情况下，在 close 后需要手动清空队列
+                     */
+                    queueRef.value = queueRef.value.filter(item => item.id !== dialog.id);
+                    action === 'confirm' ? resolve(instance) : reject(instance);
+                    appLog.info(`dialog ${dialog.id} callback`);
+                } }, optionsWithInputValue));
+            wx.nextTick(() => {
+                appLog.info(`start open dialog ${dialog.id}`);
+                dialog.setData({ show: true });
+            });
+            queueRef.value.push(dialog);
+        }
+        else {
+            console.warn(`未找到 ${(selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', '')} 节点，请确认 selector 及 context 是否正确`);
+            appLog.info(`未找到 ${(selector !== null && selector !== void 0 ? selector : '#smart-dialog').replace('#', '')} 节点，请确认 selector 及 context 是否正确`);
+        }
+    });
+    prom.catch(err => {
+        appLog.info(`Dialog promise Error`, err);
+        console.log(err, '---Dialog-error');
+        queueRef.value = [];
+    });
+    return prom;
+};
+Dialog.alert = (options) => Dialog(options);
+Dialog.confirm = (options) => Dialog(Object.assign({ showCancelButton: true }, options));
+Dialog.input = ((options) => Dialog(Object.assign({ showCancelButton: true }, options)));
+Dialog.close = () => {
+    queueRef.value.forEach(dialog => {
+        dialog.close();
+    });
+    queueRef.value = [];
+};
+Dialog.stopLoading = () => {
+    queueRef.value.forEach(dialog => {
+        dialog.stopLoading();
+    });
+};
+Dialog.currentOptions = currentOptions;
+Dialog.defaultOptions = defaultOptions;
+Dialog.setDefaultOptions = (options) => {
+    currentOptions = Object.assign(Object.assign({}, currentOptions), options);
+    Dialog.currentOptions = currentOptions;
+};
+Dialog.resetDefaultOptions = () => {
+    currentOptions = Object.assign({}, defaultOptions);
+    Dialog.currentOptions = currentOptions;
+};
+Dialog.resetDefaultOptions();
+export default Dialog;

package/dist/dialog/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-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;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__confirm--disabled{opacity:.5;pointer-events:none}.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,301px)!important}

package/dist/dialog/index.d.ts

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

package/dist/dialog/index.js

@@ -0,0 +1,215 @@
+import warningIcon from '@tuya-miniapp/icons/dist/svg/Warning';
+import { SmartComponent } from '../common/component';
+import { button } from '../mixins/button';
+import appLog from '../common/appLog';
+import { getCurrentPage, toPromise } from '../common/utils';
+import { contextRef } from './dialog';
+SmartComponent({
+    mixins: [button],
+    classes: ['cancle-button-class', 'confirm-button-class'],
+    props: {
+        show: {
+            type: Boolean,
+            observer(show) {
+                !show && this.stopLoading();
+            },
+        },
+        icon: null,
+        iconColor: {
+            type: String,
+            value: '#F04C4C',
+        },
+        iconSize: String,
+        title: String,
+        message: String,
+        theme: {
+            type: String,
+            value: 'default',
+        },
+        emptyDisabled: Boolean,
+        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,
+        inputValue: '',
+        loading: {
+            confirm: false,
+            cancel: false,
+        },
+        actionType: '',
+        callback: (() => { }),
+    },
+    mounted: function () {
+        if (!this.id)
+            return;
+        if (contextRef.value[`#${this.id}`]) {
+            console.error(`Dialog component #${this.id} repeated!`);
+            appLog.info(`Dialog component #${this.id} repeated!`);
+        }
+        contextRef.value[`#${this.id}`] = getCurrentPage();
+        appLog.info(`Dialog #${this.id} mounted`);
+    },
+    destroyed: function () {
+        if (!this.id)
+            return;
+        contextRef.value[`#${this.id}`] = null;
+        appLog.info(`dialog #${this.id} destroyed`);
+    },
+    methods: {
+        onConfirm() {
+            this.handleAction('confirm');
+        },
+        onCancel() {
+            this.handleAction('cancel');
+        },
+        onClickOverlay() {
+            this.close('overlay');
+        },
+        onInput(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(action) {
+            if (this.data.autoClose) {
+                this.setData({ show: false });
+            }
+            this.setData({ actionType: action });
+            wx.nextTick(() => {
+                this.$emit('close', action);
+                // const { callback } = this.data;
+                // console.log(callback, 'close');
+                // if (callback) {
+                //   callback(action, this);
+                // }
+            });
+        },
+        stopLoading() {
+            this.setData({
+                loading: {
+                    confirm: false,
+                    cancel: false,
+                },
+            });
+        },
+        handleAction(action) {
+            // 避免快速点击时，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 });
+            const { asyncClose, beforeClose } = this.data;
+            if (!asyncClose && !beforeClose) {
+                this.close(action);
+                return;
+            }
+            this.setData({
+                [`loading.${action}`]: true,
+            });
+            if (beforeClose) {
+                toPromise(beforeClose(action, this.data.inputValue)).then(value => {
+                    if (value) {
+                        this.close(action);
+                    }
+                    else {
+                        this.stopLoading();
+                    }
+                });
+            }
+        },
+        onBeforeEnter() {
+            this.$emit('before-enter');
+        },
+        onEnter() {
+            this.$emit('enter');
+        },
+        onAfterEnter() {
+            this.$emit('after-enter');
+        },
+        onBeforeLeave() {
+            this.$emit('before-leave');
+        },
+        onLeave() {
+            this.$emit('leave');
+        },
+        onAfterLeave() {
+            this.$emit('after-leave');
+            appLog.info(`dialog #${this.id} after-leave`);
+            const { callback, actionType } = this.data;
+            if (callback) {
+                callback(actionType, this);
+            }
+        },
+        // 兜底防止 通过api方式打开组件失败 导致队列没有清除
+        onPopUpError() {
+            const { callback, actionType } = this.data;
+            if (callback) {
+                callback(actionType, this);
+            }
+        },
+    },
+});

package/dist/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/dist/dialog/index.wxml

@@ -0,0 +1,146 @@
+<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 }}"
+      is-first
+      class="smart-dialog__button smart-hairline--right"
+      custom-class="smart-dialog__cancel cancle-button-class"
+      custom-style="{{ cancelButtonColor ? 'color: ' + cancelButtonColor : '' }}"
+      bind:click="onCancel"
+    >
+      {{ cancelButtonText }}
+    </smart-goods-action-button>
+    <smart-goods-action-button
+      wx:if="{{ showConfirmButton }}"
+      class="smart-dialog__button"
+      loading="{{ loading.confirm }}"
+      is-last
+      custom-class="smart-dialog__confirm confirm-button-class"
+      custom-style="{{ confirmButtonColor ? '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 {{ !inputValue && emptyDisabled ? 'smart-dialog__confirm--disabled' : '' }} 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/dist/dialog/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-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;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__confirm--disabled{opacity:.5;pointer-events:none}.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,301px)!important}

package/dist/divider/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-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/dist/divider/index.d.ts

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

package/dist/divider/index.js

@@ -0,0 +1,12 @@
+import { SmartComponent } from '../common/component';
+SmartComponent({
+    props: {
+        dashed: Boolean,
+        hairline: Boolean,
+        contentPosition: String,
+        fontSize: String,
+        borderColor: String,
+        textColor: String,
+        customStyle: String,
+    },
+});

package/dist/divider/index.json

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

package/dist/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/dist/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/dist/divider/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-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/dist/dropdown-item/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-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/dist/dropdown-item/index.d.ts

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