ui-process-h5 0.1.36 → 0.1.40

package/packages/components/process/src/tip.vue

@@ -1,207 +0,0 @@
-<template>
-    <div>
-        <div
-            v-if="!statusTips"
-            class="top-tipss"
-            :style="
-                show
-                    ? 'visibility: visible; opacity: 1;'
-                    : 'visibility: hidden; opacity: 0;'
-            "
-        >
-            <div v-if="text" class="top-tipss-text">{{ text }}</div>
-        </div>
-        <div
-            v-else
-            class="top-tipss"
-            :style="
-                show
-                    ? 'visibility: visible; opacity: 1;'
-                    : 'visibility: hidden; opacity: 0;'
-            "
-        >
-            <div class="top-tipss-status">
-                <div :class="status" v-if="type == 'loading'">
-                    <img src="../theme/status/loading.png" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-                <div :class="status" v-if="type == 'success'">
-                    <img src="../theme/status/success.png" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-                <div :class="status" v-if="type == 'error'">
-                    <img src="../theme/status/error.png" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div
-            class="top-tipss-mask"
-            :style="
-                show && statusTips
-                    ? 'visibility: visible; opacity: .7;'
-                    : 'visibility: hidden; opacity: 0;'
-            "
-        ></div>
-    </div>
-</template>
-<script>
-export default {
-    props: {
-        text: { default: "", type: String },
-        type: { default: "default", type: String },
-        statusTips: { default: false, type: Boolean },
-    },
-    data() {
-        return {
-            show: false,
-            status: "",
-        };
-    },
-    watch: {
-        type: {
-            handler(val, preVal) {
-                switch (val) {
-                    case "loading":
-                        this.status = "top-tipss-loadinig";
-                        break;
-                    case "success":
-                        this.status = "top-tipss-success";
-                        setTimeout(() => {
-                            this.handleClose();
-                        }, 1500);
-                        break;
-                    case "error":
-                        this.status = "top-tipss-error";
-                        setTimeout(() => {
-                            this.handleClose();
-                        }, 1500);
-                        break;
-                }
-            },
-            immediate: true,
-            deep: true,
-        },
-    },
-    mounted() {
-        this.$nextTick(() => {
-            const body = document.querySelector("body");
-            if (body.append) {
-                body.append(this.$el);
-            } else {
-                body.appendChild(this.$el);
-            }
-        });
-    },
-    methods: {
-        handleOpen() {
-            if (
-                !this.show &&
-                (this.type == "success" ||
-                    this.type == "error" ||
-                    this.type == "default")
-            ) {
-                this.show = true;
-                setTimeout(() => {
-                    this.handleClose();
-                }, 1500);
-            } else {
-                this.show = true;
-            }
-        },
-        handleClose() {
-            this.show = false;
-        },
-    },
-};
-</script>
-<style>
-.top-tipss {
-    position: absolute;
-    z-index: 2999;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    text-align: center;
-    max-width: 80%;
-    transition: all 0.3s ease;
-}
-
-.top-tipss-mask {
-    position: fixed;
-    width: 100vw;
-    height: 100vh;
-    background-color: #000;
-    opacity: 0.7;
-    top: 0;
-    left: 0;
-    z-index: 1999;
-    transition: all 0.3s ease;
-}
-
-.top-tipss-text {
-    display: inline-block;
-    vertical-align: middle;
-    color: #fff;
-    padding: 10px 20px;
-    border-radius: 5px;
-    font-size: 13px;
-    text-align: center;
-    max-width: 100%;
-    word-break: break-all;
-    white-space: normal;
-    background-color: rgba(17, 17, 17, 0.7);
-}
-.top-tipss-status {
-    width: 120px;
-    height: 120px;
-    border-radius: 12px;
-    background-color: rgba(17, 17, 17, 0.7);
-    display: flex;
-}
-
-.top-tipss-loadinig,
-.top-tipss-success,
-.top-tipss-error {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-}
-
-.top-tipss-loadinig img,
-.top-tipss-success img,
-.top-tipss-error img {
-    width: 40px;
-    height: 40px;
-}
-
-.top-tipss-loadinig img {
-    -webkit-animation: rotation 0.8s linear infinite;
-    animation: rotation 0.8s linear infinite;
-}
-
-.top-tipss-status-text {
-    color: #fff;
-    padding-top: 10px;
-    font-size: 12px;
-}
-
-@-webkit-keyframes rotation {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
-</style>

package/packages/index.js

@@ -1,4 +0,0 @@
-import TopProcess from "./components/process/index";
-
-export default [TopProcess];
-// export { TopProcess };