@smallwei/avue 3.8.2 → 3.8.4

package/lib/packages/element-plus/form/menu.vue

@@ -0,0 +1,63 @@
+<template>
+  <el-col :span="menuSpan"
+          :md="menuSpan"
+          :xs="menuXsSpan"
+          :style="styleName"
+          :class="[b('menu',[formSafe.menuPosition]),'no-print']"
+          v-if="validData(formSafe.tableOption.menuBtn, true)">
+    <slot name="menu-form-before"
+          :disabled="formSafe.allDisabled"
+          :size="formSafe.size"></slot>
+    <el-button type="primary"
+               @click="formSafe.handleMock"
+               :size="formSafe.size"
+               icon="el-icon-edit"
+               :disabled="formSafe.allDisabled"
+               v-if="formSafe.isMock">{{validData(formSafe.tableOption.mockText,t("form.mockBtn"))}}</el-button>
+    <el-button type="primary"
+               @click="formSafe.handlePrint"
+               :size="formSafe.size"
+               icon="el-icon-printer"
+               :disabled="formSafe.allDisabled"
+               v-if="formSafe.isPrint">{{validData(formSafe.tableOption.printText,t("form.printBtn"))}}</el-button>
+    <el-button type="primary"
+               @click="formSafe.submit"
+               :size="formSafe.size"
+               :icon="formSafe.tableOption.submitIcon || 'el-icon-check'"
+               :loading="formSafe.allDisabled"
+               v-if="validData(formSafe.tableOption.submitBtn,true)">{{validData(formSafe.tableOption.submitText,t("form.submitBtn"))}}</el-button>
+    <el-button :icon="formSafe.tableOption.emptyIcon || 'el-icon-delete'"
+               :size="formSafe.size"
+               :disabled="formSafe.allDisabled"
+               v-if="validData(formSafe.tableOption.emptyBtn,true)"
+               @click="formSafe.resetForm">{{validData(formSafe.tableOption.emptyText,t("form.emptyBtn"))}}</el-button>
+    <slot name="menu-form"
+          :disabled="formSafe.allDisabled"
+          :size="formSafe.size"></slot>
+  </el-col>
+</template>
+<script>
+import locale from "../../../core/locale.js";
+import create from "../../../core/create.js";
+export default create({
+  name: 'form',
+  inject: ["formSafe"],
+  mixins: [locale],
+  computed: {
+    menuXsSpan () {
+      return this.formSafe.tableOption.menuXsSpan || this.formSafe.config.xsSpan;
+    },
+    menuSpan () {
+      return this.formSafe.tableOption.menuSpan || this.formSafe.config.xsSpan;
+    },
+    styleName () {
+      if (this.menuSpan !== 24) {
+        return {
+          padding: 0
+        }
+      }
+      return {}
+    }
+  }
+})
+</script>

package/lib/packages/element-plus/group/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <div :class="[b({'header':!isHeader,'arrow':!arrow})]"
+       v-if="display">
+    <slot name="tabs"></slot>
+    <el-collapse @change="handleChange"
+                 v-model="activeName">
+      <el-collapse-item :name="1"
+                        :disabled="!arrow">
+        <template #title
+                  v-if="$slots.header&&header">
+          <div :class="b('header')">
+            <slot name="header"></slot>
+          </div>
+        </template>
+        <template #title
+                  v-else-if="(label || icon)&&header">
+          <div :class="b('header')">
+            <i :class="[icon,b('icon')]"
+               v-if="icon"></i>
+            <h1 :class="b('title')"
+                v-if="label">{{label}}</h1>
+          </div>
+        </template>
+        <slot></slot>
+      </el-collapse-item>
+    </el-collapse>
+  </div>
+</template>
+
+<script>
+import create from "../../../core/create.js";
+export default create({
+  name: "group",
+  empit: ['change'],
+  data () {
+    return {
+      activeName: '',
+    }
+  },
+  props: {
+    arrow: {
+      type: Boolean,
+      default: true
+    },
+    collapse: {
+      type: Boolean,
+      default: true
+    },
+    header: {
+      type: Boolean,
+      default: true
+    },
+    icon: {
+      type: String
+    },
+    display: {
+      type: Boolean,
+      default: true
+    },
+    card: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String
+    }
+  },
+  watch: {
+    text (val) {
+      this.activeName = [val]
+    },
+  },
+  computed: {
+    text () {
+      return this.collapse ? 1 : 0
+    },
+    isHeader () {
+      return this.$slots.header && this.header || ((this.label || this.icon) && this.header)
+    }
+  },
+  created () {
+    this.activeName = [this.text]
+  },
+  methods: {
+    handleChange (activeNames) {
+      this.$emit('change', activeNames)
+    },
+  }
+});
+</script>