vdesign-ui 0.1.17 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdesign-ui",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "private": false,
   "main": "dist/vdesign-ui.umd.js",
   "files": [
@@ -24,10 +24,10 @@
     "amfe-flexible": "^2.2.1",
     "concat": "^1.0.3",
     "core-js": "^3.6.5",
+    "popper.js": "^1.16.1",
     "vant": "^2.12.54",
     "vue": "^2.6.11",
-    "vue-i18n": "^8.28.2",
-    "popper.js": "^1.16.1"
+    "vue-i18n": "^8.28.2"
   },
   "devDependencies": {
     "@commitlint/cli": "16.2.4",

package/dist/components/dialog/index copy.vue

@@ -1,112 +0,0 @@
-<template>
-    <div class="vd-dialog-wrap" v-if="visible">
-        <div v-if="visible && overlay" @click="close">
-            <vd-overlay></vd-overlay>
-        </div>
-        <div class="vd-dialog" :class="`vd-dialog--${className}`">
-            <header class="vd-dialog__header" :class="{ 'vd-dialog__header--img': imgs }">
-                <div class="vd-dialog__header--img-content" v-if="imgs">
-                    <slot name="imgs"></slot>
-                </div>
-                <div class="vd-dialog__title">{{ title }}</div>
-            </header>
-            <div class="vd-dialog__content">
-                <div class="vd-dialog__message" :class="{ 'vd-dialog__message--head': !title }" v-if="message">{{
-                    message
-                }}</div>
-                <slot name="content"></slot>
-            </div>
-            <!-- 这个地方需要加v-if判断吗 -->
-            <footer class="vd-dialog__footer">
-                <div class="vd-dialog__btns" v-if="btns">
-                    <vd-button type="tertiary_grey" size="large" @click="cancel">{{ cancelButtonText ||
-                        $t("alert.cancel") }}</vd-button>
-                    <vd-button type="large" @click="confirm">{{ confirmButtonText || $t("alert.confirm") }} </vd-button>
-                </div>
-                <div class="vd-dialog__btn" v-if="btn">
-                    <vd-button type="large" @click="confirm" block>{{ confirmButtonText || $t("alert.confirm")
-                        }}</vd-button>
-                </div>
-                <div class="vd-dialog__btns--text" v-if="btnsText">
-                    <vd-button type="tertiary" size="large" @click="cancel">{{ cancelButtonText || $t("alert.cancel")
-                        }}</vd-button>
-                    <vd-button type="primary_text" size="large" @click="confirm">{{ confirmButtonText ||
-                        $t("alert.confirm") }}</vd-button>
-                </div>
-                <div class="vd-dialog__btn--text-block" v-if="btnTextBlock">
-                    <vd-button type="primary_text" size="large" block @click="confirm">{{ confirmButtonText ||
-                        $t("alert.confirm") }}</vd-button>
-                </div>
-                <div class="vd-dialog__btns-block" v-if="btnsBlock">
-                    <vd-button type="primary" block size="large" @click="confirm">{{ confirmButtonText ||
-                        $t("alert.confirm") }}</vd-button>
-                    <vd-button type="primary_text" block size="large" @click="cancel">{{ cancelButtonText ||
-                        $t("alert.cancel") }}</vd-button>
-                </div>
-                <div class="vd-dialog__btns--text" v-if="extraBtn">
-                    <slot name="footerBtn"></slot>
-                </div>
-            </footer>
-        </div>
-    </div>
-</template>
-
-<script>
-// const prefixCls = 'vd-dialog'; 
-
-export default {
-    name: 'vd-dialog',
-    props: {
-        value: Boolean,
-        btns: Boolean,
-        btnsBlock: Boolean,
-        btn: Boolean,
-        btnsText: Boolean,
-        btnTextBlock: Boolean,
-        imgs: Boolean,
-        message: String,
-        title: String,
-        className: String,
-        overlay: {
-            type: Boolean,
-            default: true
-        },
-        extraBtn: Boolean,
-        confirmButtonText: String,
-        cancelButtonText: String,
-    },
-    data() {
-        return {
-            visible: this.value,
-        }
-    },
-    watch: {
-        value(val) {
-            this.visible = val;
-        },
-    },
-    computed: {
-    },
-    methods: {
-        close() {
-            this.visible = false;
-            this.$emit('input', false);
-        },
-        cancel() {
-            this.close(); // 调用 close 方法关闭对话框
-            // 触发取消事件，让父组件知道用户点击了取消
-            this.$emit('cancel');
-        },
-        // handleMask () {
-        //     this.close();
-        // },
-        confirm() {
-            this.$emit('confirm');
-        },
-    }
-}
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>