first commit

衣莎项目/源码/YiShaXiYi/extend/wux/dist/toast/.pydio

@@ -0,0 +1 @@
+bba851a0-c098-44f4-b2cc-30190d8f4da0

衣莎项目/源码/YiShaXiYi/extend/wux/dist/toast/index.js

@@ -0,0 +1,174 @@
+import baseComponent from '../helpers/baseComponent'
+import classNames from '../helpers/classNames'
+import { $wuxBackdrop } from '../index'
+
+const defaults = {
+    prefixCls: 'wux-toast',
+    classNames: 'wux-animate--fadeIn',
+    type: 'default',
+    duration: 1500,
+    color: '#fff',
+    text: '',
+    icon: '',
+    mask: true,
+    transparent: true,
+    success() {},
+}
+
+const iconTypes = {
+    success: 'ios-checkmark-circle-outline',
+    cancel: 'ios-close-circle-outline',
+    forbidden: 'ios-alert',
+    text: '',
+    'default': '',
+}
+
+let _toast = null
+
+baseComponent({
+    useFunc: true,
+    data: defaults,
+    computed: {
+        classes: ['prefixCls, icon', function(prefixCls, hasIcon) {
+            const wrap = classNames(prefixCls)
+            const content = classNames(`${prefixCls}__content`, {
+                [`${prefixCls}__content--has-icon`]: hasIcon,
+            })
+            const icon = `${prefixCls}__icon`
+            const text = `${prefixCls}__text`
+
+            return {
+                wrap,
+                content,
+                icon,
+                text,
+            }
+        }],
+    },
+    methods: {
+        /**
+         * 隐藏
+         */
+        hide() {
+            if (this.removed) return false
+            this.removed = true
+            if (_toast) {
+                clearTimeout(_toast.timeout)
+                _toast = null
+            }
+            this.$$setData({ in: false })
+            this.$wuxBackdrop && this.$wuxBackdrop.release()
+            if (typeof this.fns.success === 'function') {
+                this.fns.success()
+            }
+        },
+        /**
+         * 显示
+         */
+        show(opts) {
+            if (typeof opts === 'string') {
+                opts = Object.assign({}, {
+                    text: arguments[0],
+                }, arguments[1])
+            }
+
+            const closePromise = new Promise((resolve) => {
+                const options = this.$$mergeOptionsAndBindMethods(Object.assign({}, defaults, opts))
+                const iconType = iconTypes[options.type] || options.icon
+                const callback = () => {
+                    this.hide()
+                    return resolve(true)
+                }
+
+                options.icon = iconType
+
+                this.removed = false
+                this.$$setData({ in: true, ...options })
+                this.$wuxBackdrop && this.$wuxBackdrop.retain()
+
+                if (_toast) {
+                    clearTimeout(_toast.timeout)
+                    _toast = null
+                }
+
+                _toast = {
+                    hide: this.hide,
+                }
+
+                _toast.timeout = setTimeout(callback, Math.max(0, options.duration))
+            })
+
+            const result = () => {
+                if (_toast) {
+                    _toast.hide.call(this)
+                }
+            }
+
+            result.then = (resolve, reject) => closePromise.then(resolve, reject)
+            result.promise = closePromise
+
+            return result
+        },
+        /**
+         * 成功提示
+         */
+        success(opts) {
+            if (typeof opts === 'string') {
+                opts = Object.assign({}, {
+                    text: arguments[0],
+                }, arguments[1])
+            }
+
+            return this.show(Object.assign({
+                type: 'success',
+            }, opts))
+        },
+        /**
+         * 警告提示
+         */
+        warning(opts) {
+            if (typeof opts === 'string') {
+                opts = Object.assign({}, {
+                    text: arguments[0],
+                }, arguments[1])
+            }
+
+            return this.show(Object.assign({
+                type: 'forbidden',
+            }, opts))
+        },
+        /**
+         * 错误提示
+         */
+        error(opts) {
+            if (typeof opts === 'string') {
+                opts = Object.assign({}, {
+                    text: arguments[0],
+                }, arguments[1])
+            }
+
+            return this.show(Object.assign({
+                type: 'cancel',
+            }, opts))
+        },
+        /**
+         * 文本提示
+         */
+        info(opts) {
+            if (typeof opts === 'string') {
+                opts = Object.assign({}, {
+                    text: arguments[0],
+                }, arguments[1])
+            }
+
+            return this.show(Object.assign({
+                type: 'text',
+            }, opts))
+        },
+    },
+    created() {
+        if (this.data.mask) {
+            this.$wuxBackdrop = $wuxBackdrop('#wux-backdrop', this)
+        }
+    },
+})

衣莎项目/源码/YiShaXiYi/extend/wux/dist/toast/index.json

@@ -0,0 +1,8 @@
+{
+    "component": true,
+    "usingComponents": {
+        "wux-animation-group": "../animation-group/index",
+        "wux-backdrop": "../backdrop/index",
+        "wux-icon": "../icon/index"
+    }
+}

衣莎项目/源码/YiShaXiYi/extend/wux/dist/toast/index.wxml

@@ -0,0 +1,7 @@
+<wux-backdrop id="wux-backdrop" transparent="{{ transparent }}" wx:if="{{ mask }}" />
+<wux-animation-group wux-class="{{ classes.wrap }}" in="{{ in }}" classNames="{{ classNames }}">
+    <view class="{{ classes.content }}">
+        <wux-icon wux-class="{{ classes.icon }}" type="{{ icon }}" size="55" color="{{ color }}" wx:if="{{ icon }}" />
+        <view class="{{ classes.text }}">{{ text }}</view>
+    </view>
+</wux-animation-group>

衣莎项目/源码/YiShaXiYi/extend/wux/dist/toast/index.wxss

@@ -0,0 +1,28 @@
+.wux-toast {
+  position: fixed;
+  z-index: 5000;
+  top: 50%;
+  left: 50%;
+  background: rgba(40,40,40,.75);
+  font-size: 28rpx;
+  line-height: 1.5;
+  text-align: center;
+  border-radius: 8rpx;
+  color: #fff;
+  transform: translate3d(-50%,-50%,0)
+}
+.wux-toast__content {
+  min-width: 236rpx;
+  padding: 18rpx 30rpx;
+  box-sizing: border-box
+}
+.wux-toast__content--has-icon {
+  padding: 30rpx
+}
+.wux-toast__content--has-icon .wux-toast__text {
+  margin-top: 12rpx
+}
+.wux-toast__icon {
+  margin: 0;
+  display: block
+}