@ddwl/ddwl-ui 1.1.5 → 1.1.7

package/src/packages/dialog-confirm/index.vue

@@ -1,99 +1,99 @@
-<!-- 二次确认弹窗 -->
-<template>
-  <div class="inline">
-    <span
-      v-if="button === 'text'"
-      slot="reference"
-      :class="`${buttonType || 'primary'}-text-btn ${disabled ? 'disabled': ''}`"
-      @click="() => { visible = true }"
-    >
-      {{ buttonName }}
-    </span>
-    <el-button
-      v-else
-      :disabled="disabled"
-      :icon="buttonIcon"
-      :type="buttonType"
-      @click="() => { visible = true }"
-    >
-      {{ buttonName }}
-    </el-button>
-    <d-dialog
-      v-model="visible"
-      :title="title"
-      width="374px"
-      append-to-body
-      @submit="submit"
-    >
-      <div class="d-dialog-confirm-container">
-        <i class="el-icon-warning" />
-        <p class="d-dialog-confirm-content">
-          <slot>您确定删除该信息？</slot>
-        </p>
-      </div>
-    </d-dialog>
-  </div>
-</template>
-
-<script>
-import DDialog from '../dialog'
-
-export default {
-  name: 'DDialogConfirm',
-  components: { DDialog },
-  props: {
-    buttonName: {
-      default: '批量删除',
-      type: String
-    },
-    buttonIcon: {
-      default: '',
-      type: String
-    },
-    buttonType: {
-      default: '',
-      type: String
-    },
-    title: {
-      default: '提示',
-      type: String
-    },
-    disabled: {
-      default: false,
-      type: Boolean
-    },
-    button: {
-      default: 'button',
-      type: String
-    }
-  },
-  data () {
-    return {
-      visible: false
-    }
-  },
-  methods: {
-    submit (callback) {
-      this.$emit('submit', callback)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.d-dialog-confirm-container {
-  display: flex;
-  align-items: center;
-  & > i {
-    font-size: 28px;
-    color: rgb(255, 153, 0);
-    margin-right: 8px;
-  }
-  & > div {
-    flex: 1;
-  }
-  .d-dialog-confirm-content {
-    white-space: normal;
-  }
-}
-</style>
+<!-- 二次确认弹窗 -->
+<template>
+  <div class="inline">
+    <span
+      v-if="button === 'text'"
+      slot="reference"
+      :class="`${buttonType || 'primary'}-text-btn ${disabled ? 'disabled': ''}`"
+      @click="() => { visible = true }"
+    >
+      {{ buttonName }}
+    </span>
+    <el-button
+      v-else
+      :disabled="disabled"
+      :icon="buttonIcon"
+      :type="buttonType"
+      @click="() => { visible = true }"
+    >
+      {{ buttonName }}
+    </el-button>
+    <d-dialog
+      v-model="visible"
+      :title="title"
+      width="374px"
+      append-to-body
+      @submit="submit"
+    >
+      <div class="d-dialog-confirm-container">
+        <i class="el-icon-warning" />
+        <p class="d-dialog-confirm-content">
+          <slot>您确定删除该信息？</slot>
+        </p>
+      </div>
+    </d-dialog>
+  </div>
+</template>
+
+<script>
+import DDialog from '../dialog'
+
+export default {
+  name: 'DDialogConfirm',
+  components: { DDialog },
+  props: {
+    buttonName: {
+      default: '批量删除',
+      type: String
+    },
+    buttonIcon: {
+      default: '',
+      type: String
+    },
+    buttonType: {
+      default: '',
+      type: String
+    },
+    title: {
+      default: '提示',
+      type: String
+    },
+    disabled: {
+      default: false,
+      type: Boolean
+    },
+    button: {
+      default: 'button',
+      type: String
+    }
+  },
+  data () {
+    return {
+      visible: false
+    }
+  },
+  methods: {
+    submit (callback) {
+      this.$emit('submit', callback)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.d-dialog-confirm-container {
+  display: flex;
+  align-items: center;
+  & > i {
+    font-size: 28px;
+    color: rgb(255, 153, 0);
+    margin-right: 8px;
+  }
+  & > div {
+    flex: 1;
+  }
+  .d-dialog-confirm-content {
+    white-space: normal;
+  }
+}
+</style>

package/src/packages/drawer/index.vue

@@ -1,136 +1,136 @@
-<!-- 抽屉 -->
-<template>
-  <el-drawer
-    v-bind="$attrs"
-    :title="title"
-    :close-on-click-modal="false"
-    :visible.sync="visible"
-    :size="width"
-    v-on="$listeners"
-    @closed="closed"
-  >
-    <template slot="title">
-      <slot name="title" />
-    </template>
-    <div class="flex-col hf">
-      <div class="flex-1">
-        <slot />
-      </div>
-      <div v-if="showButton" class="ar mt16">
-        <el-button
-          type="primary"
-          :icon="submitButtonIcon"
-          :loading="loading"
-          @click="submit"
-        >
-          {{ submitButtonText }}
-        </el-button>
-        <el-button @click="cancel">
-          {{ cancelButtonText }}
-        </el-button>
-      </div>
-    </div>
-  </el-drawer>
-</template>
-
-<script>
-export default {
-  name: 'DDrawer',
-  components: {},
-  model: {
-    prop: 'modelValue',
-    event: 'change'
-  },
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    showButton: {
-      type: Boolean,
-      default: true
-    },
-    submitButtonText: {
-      type: String,
-      default: '确定'
-    },
-    submitButtonIcon: {
-      type: String,
-      default: ''
-    },
-    cancelButtonText: {
-      type: String,
-      default: '取消'
-    },
-    // 需要重置的表单ref
-    formRefs: {
-      type: [String, Array],
-      default: ''
-    },
-    width: {
-      type: String,
-      default: '70%'
-    }
-  },
-  data () {
-    return {
-      loading: false
-    }
-  },
-  computed: {
-    visible: {
-      get () {
-        return this.modelValue
-      },
-      set (value) {
-        this.$emit('change', value)
-      }
-    }
-  },
-  methods: {
-    getRef (ref) {
-      return typeof ref === 'string' ? this.$parent.$refs[ref] : ref
-    },
-    async submit () {
-      // 是否需要进行表单校验
-      if (this.formRefs) {
-        // 多表单校验
-        if (Array.isArray(this.formRefs)) {
-          await Promise.all(this.formRefs.map(ref => this.getRef(ref)?.validate()))
-        } else {
-          await this.getRef(this.formRefs)?.validate()
-        }
-      }
-      this.loading = true
-      this.$emit('submit', (status) => {
-        this.loading = false
-        if (!status) {
-          this.visible = false
-        }
-      })
-    },
-    cancel () {
-      this.$emit('cancel')
-      this.visible = false
-    },
-    /**
-     * @description: 弹窗关闭时清除表单校验
-     */
-    closed () {
-      this.$emit('closed')
-      if (this.formRefs) {
-        // 多表单校验
-        if (Array.isArray(this.formRefs)) {
-          this.formRefs.forEach(ref => this.getRef(ref)?.resetFields())
-        } else {
-          this.getRef(this.formRefs)?.resetFields()
-        }
-      }
-    }
-  }
-}
-</script>
+<!-- 抽屉 -->
+<template>
+  <el-drawer
+    v-bind="$attrs"
+    :title="title"
+    :close-on-click-modal="false"
+    :visible.sync="visible"
+    :size="width"
+    v-on="$listeners"
+    @closed="closed"
+  >
+    <template slot="title">
+      <slot name="title" />
+    </template>
+    <div class="flex-col hf">
+      <div class="flex-1">
+        <slot />
+      </div>
+      <div v-if="showButton" class="ar mt16">
+        <el-button
+          type="primary"
+          :icon="submitButtonIcon"
+          :loading="loading"
+          @click="submit"
+        >
+          {{ submitButtonText }}
+        </el-button>
+        <el-button @click="cancel">
+          {{ cancelButtonText }}
+        </el-button>
+      </div>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'DDrawer',
+  components: {},
+  model: {
+    prop: 'modelValue',
+    event: 'change'
+  },
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    showButton: {
+      type: Boolean,
+      default: true
+    },
+    submitButtonText: {
+      type: String,
+      default: '确定'
+    },
+    submitButtonIcon: {
+      type: String,
+      default: ''
+    },
+    cancelButtonText: {
+      type: String,
+      default: '取消'
+    },
+    // 需要重置的表单ref
+    formRefs: {
+      type: [String, Array],
+      default: ''
+    },
+    width: {
+      type: String,
+      default: '70%'
+    }
+  },
+  data () {
+    return {
+      loading: false
+    }
+  },
+  computed: {
+    visible: {
+      get () {
+        return this.modelValue
+      },
+      set (value) {
+        this.$emit('change', value)
+      }
+    }
+  },
+  methods: {
+    getRef (ref) {
+      return typeof ref === 'string' ? this.$parent.$refs[ref] : ref
+    },
+    async submit () {
+      // 是否需要进行表单校验
+      if (this.formRefs) {
+        // 多表单校验
+        if (Array.isArray(this.formRefs)) {
+          await Promise.all(this.formRefs.map(ref => this.getRef(ref)?.validate()))
+        } else {
+          await this.getRef(this.formRefs)?.validate()
+        }
+      }
+      this.loading = true
+      this.$emit('submit', (status) => {
+        this.loading = false
+        if (!status) {
+          this.visible = false
+        }
+      })
+    },
+    cancel () {
+      this.$emit('cancel')
+      this.visible = false
+    },
+    /**
+     * @description: 弹窗关闭时清除表单校验
+     */
+    closed () {
+      this.$emit('closed')
+      if (this.formRefs) {
+        // 多表单校验
+        if (Array.isArray(this.formRefs)) {
+          this.formRefs.forEach(ref => this.getRef(ref)?.resetFields())
+        } else {
+          this.getRef(this.formRefs)?.resetFields()
+        }
+      }
+    }
+  }
+}
+</script>