ui-process-h5 0.1.40 → 1.0.6

package/src/packages/tip/index.js

@@ -1,74 +0,0 @@
-import { defineComponent } from "vue-demi";
-import error from "@/assets/status/error.png";
-import loading from "@/assets/status/loading.png";
-import success from "@/assets/status/success.png";
-
-export default defineComponent({
-    name:"TopTips",
-    props: {
-        text: { default: "", type: String }, // tips文本展示
-        type: { default: "default", type: String }, // tips 类型 (success, error, loading)
-        statusTips: { default: false, type: Boolean }, // 开启状态展示
-    },
-    data() {
-        return {
-            show: false,
-            status: "",
-            timeOut: null,
-        };
-    },
-    computed: {
-        error() {
-            return error;
-        },
-        loading() {
-            return loading;
-        },
-        success() {
-            return success;
-        },
-    },
-    watch: {
-        type: {
-            handler(val, preVal) {
-                if (val == "loading") {
-                    clearInterval(this.timeOut);
-                    return;
-                } else {
-                    this.timeOut = setTimeout(() => {
-                        this.show = false;
-                    }, 1500);
-                }
-            },
-            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.show = true;
-                if (this.type == "loading") {
-                    clearInterval(this.timeOut);
-                } else {
-                    this.timeOut = setTimeout(() => {
-                        this.show = false;
-                    }, 1500);
-                }
-            }
-        },
-        handleClose() {
-            this.show = false;
-        },
-    },
-});

package/src/packages/tip/index.scss

@@ -1,82 +0,0 @@
-.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;
-    font-size: 12px;
-    padding: 10px 5px 0;
-}
-
-@-webkit-keyframes rotation {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}

package/src/packages/tip/index.vue

@@ -1,57 +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="top-tipss-loadinig" v-if="type == 'loading'">
-                    <img :src="loading" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-                <div class="top-tipss-success" v-if="type == 'success'">
-                    <img :src="success" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-                <div class="top-tipss-error" v-if="type == 'error'">
-                    <img :src="error" />
-                    <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 src="./index.js"></script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/src/packages/viewAttchList/index.js

@@ -1,132 +0,0 @@
-import { defineComponent } from "vue-demi";
-// import dsBridge from "dsbridge";
-
-import PreView from "../preview/index.vue";
-import TopPopup from "../popup/index.vue";
-import PreviewImage from "../previewImage/index.vue";
-
-import del from "@/assets/img/del.png";
-import doc from "@/assets/img/doc.png";
-import file from "@/assets/img/file.png";
-import image from "@/assets/img/image.png";
-import pdf from "@/assets/img/pdf.png";
-import xls from "@/assets/img/xls.png";
-import zip from "@/assets/img/zip.png";
-
-export default defineComponent({
-    name: "ViewAttchList",
-    components: {
-        PreView,
-        TopPopup,
-        PreviewImage,
-    },
-    computed: {
-        del() {
-            return del;
-        },
-        doc() {
-            return doc;
-        },
-        file() {
-            return file;
-        },
-        image() {
-            return image;
-        },
-        pdf() {
-            return pdf;
-        },
-        xls() {
-            return xls;
-        },
-        zip() {
-            return zip;
-        },
-    },
-    props: {
-        inList: {
-            type: Array,
-            default: () => [],
-        },
-    },
-    data() {
-        return {
-            listData: [],
-            imgIcon: ["jpg", "jpge", "png", "gif"],
-            docIcon: ["doc", "docx"],
-            xlsIcon: ["xls", "xlsx"],
-            zipIcon: ["zip", "rar", "7z"],
-            preList: [],
-            fileUrl: "",
-            visible: false,
-
-            visibleImg: false,
-            lists: [],
-            indexd: 0,
-        };
-    },
-    watch: {
-        inList: {
-            handler(val, preVal) {
-                if (val.length) {
-                    this.listData = val;
-
-                    this.lists = [];
-                    let arr = [];
-                    val.map((v, i) => {
-                        if (
-                            this.imgIcon.includes(
-                                v.name.substring(v.name.lastIndexOf(".") + 1)
-                            )
-                        ) {
-                        }
-                    });
-                    arr = val.filter((value) => {
-                        return this.imgIcon.includes(
-                            value.name.substring(
-                                value.name.lastIndexOf(".") + 1
-                            )
-                        );
-                    });
-                    arr.forEach((v, i) => {
-                        this.lists.push(v.url);
-                    });
-                }
-            },
-            immediate: true,
-            deep: true,
-        },
-    },
-    methods: {
-        viewFile(val) {
-            if (
-                this.imgIcon.includes(
-                    val.url.substring(val.url.lastIndexOf(".") + 1)
-                )
-            ) {
-                this.visibleImg = true;
-                this.indexd = this.lists.indexOf(val.url);
-            } else {
-                this.fileUrl = val.url;
-                this.visible = true;
-            }
-        },
-        loadFile(val) {
-            console.log("loadFile", val);
-            if (val.url) {
-                if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
-                    window.open("CnSellersApp://"); //ios app协议
-                    window.setTimeout(function () {
-                        window.location.href = val.url;
-                    }, 2000);
-                }
-                if (navigator.userAgent.match(/android/i)) {
-                    window.open("sellingworldapp://"); //android app协议
-                    window.setTimeout(function () {
-                        window.location.href = val.url; // 下载地址
-                    }, 2000);
-                }
-            }
-        },
-    },
-});

package/src/packages/viewAttchList/index.scss

@@ -1,76 +0,0 @@
-.wrap-header {
-    height: 40px;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    padding: 0 10px;
-}
-.wrap-header-back {
-    transform: rotateY(180deg);
-    width: 18px;
-    height: 18px;
-    
-}
-.wrap-header-back img {
-        width: 100%;
-        height: 100%;
-    }
-.wrap-header-title {
-    padding-left: calc(50% - 54px);
-    font-size: 18px;
-    color: #333;
-}
-
-.attch-list {
-    width: 100%;
-}
-.list-items {
-    display: flex;
-    margin-top: 18px;
-    padding: 0 20px 0 10px;
-}
-
-.list-items-icon {
-    width: 36px;
-    height: 40px;
-    margin-right: 10px;
-    line-height: 44px;
-}
-.list-items-icon .icon-img {
-    width: 100%;
-    height: 100%;
-}
-
-.list-items-info {
-    width: 225px;
-}
-
-.info-name {
-    font-size: 15px;
-    color: #333;
-    overflow-wrap: break-word;
-}
-.info-attribute {
-    color: #999;
-    font-size: 13px;
-    margin-top: 4px;
-}
-.info-attribute-time {
-    margin-right: 10px;
-}
-
-.list-items-download {
-    width: 26px;
-    margin-left: auto;
-    color: #1389ff;
-    font-size: 13px;
-    line-height: 44px;
-    white-space: nowrap;
-}
-
-.attch-list--white {
-    text-align: center;
-    margin-top: 50%;
-    font-size: 15px;
-    color: #333;
-}

package/src/packages/viewAttchList/index.vue

@@ -1,112 +0,0 @@
-<template>
-    <div class="process-wrap">
-        <div class="attch-list" v-if="listData.length > 0">
-            <div v-for="(v, i) of listData" :key="v.id" class="list-items">
-                <div class="list-items-icon">
-                    <img
-                        v-if="
-                            xlsIcon.includes(
-                                v.name.substring(v.name.lastIndexOf('.') + 1)
-                            )
-                        "
-                        class="icon-img"
-                        :src="xls"
-                    />
-                    <img
-                        v-else-if="
-                            imgIcon.includes(
-                                v.name.substring(v.name.lastIndexOf('.') + 1)
-                            )
-                        "
-                        class="icon-img"
-                        :src="image"
-                    />
-                    <img
-                        v-else-if="
-                            v.name.substring(v.name.lastIndexOf('.') + 1) ==
-                            'pdf'
-                        "
-                        class="icon-img"
-                        :src="pdf"
-                    />
-                    <img
-                        v-else-if="
-                            docIcon.includes(
-                                v.name.substring(v.name.lastIndexOf('.') + 1)
-                            )
-                        "
-                        class="icon-img"
-                        :src="doc"
-                    />
-                    <img
-                        v-else-if="
-                            zipIcon.includes(
-                                v.name.substring(v.name.lastIndexOf('.') + 1)
-                            )
-                        "
-                        class="icon-img"
-                        :src="zip"
-                    />
-                    <img v-else class="icon-img" :src="file" />
-                </div>
-                <div class="list-items-info" @click="viewFile(v)">
-                    <div class="info-name">
-                        <span class="info-name-text">{{ v.name }}</span>
-                    </div>
-                    <div class="info-attribute">
-                        <span class="info-attribute-time">{{
-                            v.uploadTime
-                        }}</span>
-
-                        <span class="info-attribute-size"
-                            >{{
-                                v.size < 1024
-                                    ? v.size
-                                    : v.size / 1024 > 1024
-                                    ? parseFloat(
-                                          (v.size / 1024 / 1024).toFixed(2)
-                                      )
-                                    : parseFloat((v.size / 1024).toFixed(2))
-                            }}{{
-                                v.size < 1024
-                                    ? "b"
-                                    : parseFloat((v.size / 1024).toFixed(2)) <
-                                      1024
-                                    ? "kb"
-                                    : "M"
-                            }}
-                        </span>
-                    </div>
-                </div>
-                <div class="list-items-download" @click="loadFile(v)">
-                    <span class="download-text">下载</span>
-                </div>
-            </div>
-        </div>
-        <div class="attch-list" v-else>
-            <div class="attch-list--white">
-                <div class="attch-list--label">暂无附件</div>
-            </div>
-        </div>
-        <TopPopup
-            v-bind:visible="visible"
-            v-on:update:visible="(val) => (visible = val)"
-            ref="TopPopup"
-            titleText="附件预览"
-            isDrawer
-            :isIndex="99"
-        >
-            <PreView :file="fileUrl" />
-        </TopPopup>
-        <PreviewImage
-            :images="lists"
-            v-bind:visible="visibleImg"
-            v-on:update:visible="(val) => (visibleImg = val)"
-            :indexd="indexd"
-        />
-    </div>
-</template>
-<script src="./index.js"></script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/src/style.css

@@ -1,80 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}