@smallwei/avue 3.8.5 → 3.8.6

package/es/packages/element-plus/checkbox/index.vue

@@ -1,84 +0,0 @@
-<template>
-  <div :class="b()">
-    <el-checkbox v-if="all"
-                 :class="b('all')"
-                 :disabled="disabled"
-                 :indeterminate="isIndeterminate"
-                 v-model="checkAll"
-                 @change="handleCheckAll">{{t('check.checkAll')}}</el-checkbox>
-    <el-checkbox-group v-model="text"
-                       @change="handleCheckChange"
-                       :disabled="disabled"
-                       :size="size"
-                       :fill="fill"
-                       :text-color="textColor"
-                       :min="min"
-                       :max="max"
-                       @click="handleClick">
-      <component :is="componentName"
-                 v-for="(item,index) in dic"
-                 :border="border"
-                 :size="size"
-                 :value="item[valueKey]"
-                 :readonly="readonly"
-                 :disabled="item[disabledKey]"
-                 :key="index">{{item[labelKey]}}
-      </component>
-    </el-checkbox-group>
-  </div>
-</template>
-
-<script>
-import locale from "../../../core/locale.mjs";
-import create from "../../../core/create.mjs";
-import props from "../../core/common/props.mjs";
-import event from "../../core/common/event.mjs";
-export default create({
-  name: "checkbox",
-  props: {
-    fill: String,
-    textColor: String,
-    all: {
-      type: Boolean,
-      default: false
-    }
-  },
-  mixins: [props(), event(), locale],
-  data () {
-    return {
-      checkAll: false,
-      isIndeterminate: false,
-      name: 'checkbox',
-    };
-  },
-  watch: {
-    dic () {
-      this.handleCheckChange();
-    },
-    text: {
-      handler (val) {
-        this.handleCheckChange();
-      }
-    },
-  },
-  created () { },
-  mounted () { },
-  methods: {
-    handleCheckAll (val) {
-      if (!this.all) return
-      const availableOptions = this.dic.filter(item => !item[this.disabledKey]);
-      this.text = val ? availableOptions.map(ele => ele[this.valueKey]) : [];
-      this.isIndeterminate = false;
-    },
-    handleCheckChange () {
-      let value = this.text;
-      if (!this.all) return
-      const availableCount = this.dic.filter(item => !item[this.disabledKey]).length;
-      let checkedCount = value.length;
-      this.checkAll = checkedCount === availableCount;
-      this.isIndeterminate = checkedCount > 0 && checkedCount < availableCount;
-    }
-  }
-});
-</script>
-

package/es/packages/element-plus/comment/index.vue

@@ -1,76 +0,0 @@
-<template>
-  <div :class="b({'reverse':reverse})">
-    <img :src="avatar"
-         alt=""
-         :class="b('avatar')">
-    <div :class="b('main')">
-      <div :class="b('header')">
-        <div :class="b('author')"
-             v-if="author"
-             v-text="author"></div>
-        <slot></slot>
-      </div>
-      <div :class="b('body')"
-           v-if="body"
-           v-html="body"></div>
-    </div>
-  </div>
-
-</template>
-
-<script>
-import create from "../../../core/create.mjs";
-const propsDefault = {
-  avatar: "avatar",
-  author: "author",
-  body: "body"
-};
-export default create({
-  name: "comment",
-  props: {
-    reverse: {
-      type: Boolean,
-      default: false
-    },
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    props: {
-      type: Object,
-      default: () => {
-        return propsDefault;
-      }
-    },
-    option: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  computed: {
-    avatarKey() {
-      return this.props.avatar || propsDefault.avatar;
-    },
-    authorKey() {
-      return this.props.author || propsDefault.author;
-    },
-    bodyKey() {
-      return this.props.body || propsDefault.body;
-    },
-    avatar() {
-      return this.data[this.avatarKey];
-    },
-    author() {
-      return this.data[this.authorKey];
-    },
-    body() {
-      return this.data[this.bodyKey];
-    }
-  },
-  mounted() {}
-});
-</script>

package/es/packages/element-plus/count-up/index.vue

@@ -1,109 +0,0 @@
-<template>
-  <span>{{end}}</span>
-</template>
-
-<script>
-import * as __avueImportModule0 from "countup.js";
-const CountUp = __avueImportModule0.default || __avueImportModule0;
-import create from "../../../core/create.mjs";
-
-export default create({
-  name: "count-up",
-  props: {
-    animation: {
-      type: Boolean,
-      default: true
-    },
-    start: {
-      type: Number,
-      required: false,
-      default: 0
-    },
-    end: {
-      required: true
-    },
-    decimals: {
-      type: Number,
-      required: false,
-      default: 0
-    },
-    duration: {
-      type: Number,
-      required: false,
-      default: 2
-    },
-    options: {
-      type: Object,
-      required: false,
-      default () {
-        return {};
-      }
-    },
-    callback: {
-      type: Function,
-      required: false,
-      default: () => { }
-    }
-  },
-  data () {
-    return {
-      c: null
-    };
-  },
-  watch: {
-    decimals () {
-      if (this.c && this.c.update) {
-        this.c.update(this.end);
-      }
-    },
-    end (value) {
-      if (this.c && this.c.update) {
-        this.c.update(value);
-      }
-    }
-  },
-  mounted () {
-    if (this.animation) {
-      this.init();
-    }
-
-  },
-  methods: {
-    init () {
-      if (!this.c) {
-        this.c = new CountUp(
-          this.$el,
-          this.start,
-          this.end,
-          this.decimals,
-          this.duration,
-          this.options
-        );
-        this.c.start();
-      }
-    },
-    pauseResume () {
-      if (this.c && this.c.pauseResume) {
-        this.c.pauseResume();
-      }
-    },
-    reset () {
-      if (this.c && this.c.reset) {
-        this.c.reset();
-      }
-    },
-    update (newEndVal) {
-      if (this.c && this.c.update) {
-        this.c.update(newEndVal);
-      }
-    },
-    destroy () {
-      this.c = null;
-    }
-  },
-  beforeUnmount () {
-    this.destroy();
-  },
-
-});
-</script>

package/es/packages/element-plus/crud/column/column-default.vue

@@ -1,128 +0,0 @@
-<template>
-  <!-- 折叠面板  -->
-  <component :is="crud.tableColumnName"
-             v-if="crud.tableOption.expand"
-             type="expand"
-             :class-name="crud.tableOption.expandClassName"
-             :label-class-name="crud.tableOption.expandLabelClassName"
-             :width="crud.tableOption.expandWidth || config.expandWidth"
-             :fixed="validData(crud.tableOption.expandFixed,config.expandFixed)"
-             align="center">
-    <template #="{row}">
-      <slot :row="row"
-            :index="row.$index"
-            name="expand"></slot>
-    </template>
-  </component>
-
-  <!-- 选择框 -->
-  <component :is="crud.tableColumnName"
-             v-if="crud.tableOption.selection"
-             :fixed="validData(crud.tableOption.selectionFixed,config.selectionFixed)"
-             type="selection"
-             :class-name="crud.tableOption.selectionClassName"
-             :label-class-name="crud.tableOption.selectionLabelClassName"
-             :selectable="crud.tableOption.selectable"
-             :reserve-selection="validData(crud.tableOption.reserveSelection)"
-             :width="crud.tableOption.selectionWidth || config.selectionWidth"
-             align="center"></component>
-  <!-- 序号 -->
-  <component :is="crud.tableColumnName"
-             v-if="validData(crud.tableOption.index)"
-             :fixed="validData(crud.tableOption.indexFixed,config.indexFixed)"
-             :label="crud.tableOption.indexLabel || config.indexLabel"
-             type="index"
-             :class-name="crud.tableOption.indexClassName"
-             :label-class-name="crud.tableOption.indexLabelClassName"
-             :width="crud.tableOption.indexWidth || config.indexWidth"
-             :index="indexMethod"
-             align="center">
-    <template #="{$index}">
-      {{ indexMethod($index)}}
-    </template>
-  </component>
-</template>
-
-<script>
-
-import create from "../../../../core/create.mjs";
-import locale from "../../../../core/locale.mjs";
-import config from "../config.mjs";
-import tableItemCard from '../grid/item.vue'
-export default create({
-  name: "crud",
-  data () {
-    return {
-      config: config,
-      rowSortable: null,
-      columnSortable: null,
-    }
-  },
-  components: {
-    tableItemCard
-  },
-  mixins: [locale],
-  inject: ["crud"],
-  watch: {
-    'crud.isSortable' (val) {
-      this.rowDrop(val)
-      this.columnDrop(val)
-    },
-    'crud.isRowSort' (val) {
-      this.rowDrop(val)
-    },
-    'crud.isColumnSort' (val) {
-      this.columnDrop(val)
-    }
-  },
-  mounted () {
-    this.rowDrop()
-    this.columnDrop()
-  },
-  methods: {
-    indexMethod (index) {
-      return (
-        index +
-        1 +
-        ((this.crud.page.currentPage || 1) - 1) *
-        (this.crud.page.pageSize || 10)
-      );
-    },
-    rowDrop (flag) {
-      this.$nextTick(() => {
-        if (flag == false) {
-          this.rowSortable && this.rowSortable.destroy();
-          return
-        }
-        if (!this.crud.$refs.table.$el) return
-        const el = this.crud.$refs.table.$el.querySelectorAll(this.config.dropRowClass)[0]
-        this.rowSortable = this.crud.tableDrop('row', el, evt => {
-          const oldIndex = evt.oldIndex;
-          const newIndex = evt.newIndex;
-          this.crud.$emit('sortable-change', oldIndex, newIndex)
-        })
-      })
-    },
-    columnDrop (flag) {
-      this.$nextTick(() => {
-        if (flag == false) {
-          this.columnSortable && this.columnSortable.destroy();
-          return
-        }
-        if (!this.crud.$refs.table.$el) return
-        const el = this.crud.$refs.table.$el.querySelector(this.config.dropColClass);
-        let noIndexCount = 0;
-        ['selection', 'index', 'expand'].forEach(ele => {
-          if (this.crud.tableOption[ele]) { noIndexCount += 1 }
-        })
-        this.columnSortable = this.crud.tableDrop('column', el, evt => {
-          const newIndex = evt.newIndex - noIndexCount
-          const oldIndex = evt.oldIndex - noIndexCount
-          this.crud.headerSort(oldIndex, newIndex)
-          this.crud.$emit('column-sortable-change', oldIndex, newIndex)
-        })
-      })
-    },
-  }
-})
-</script>

package/es/packages/element-plus/crud/column/column-dynamic.vue

@@ -1,86 +0,0 @@
-<template>
-  <component
-    :is="crud.tableColumnName"
-    v-if="getColumnProp(columnOption, 'hide')"
-    :prop="columnOption.prop"
-    :label="columnOption.label"
-    :class-name="columnOption.className"
-    :label-class-name="columnOption.labelClassName"
-    filter-placement="bottom-end"
-    :filters="getColumnProp(columnOption, 'filters')"
-    :filter-method="
-      columnOption.filters
-        ? (value, row) =>
-            getColumnProp(columnOption, 'filterMethod', {
-              value,
-              row,
-              column: columnOption,
-            })
-        : undefined
-    "
-    :filter-multiple="validData(columnOption.filterMultiple, true)"
-    :show-overflow-tooltip="
-      columnOption.showOverflowTooltip || columnOption.overHidden
-    "
-    :tooltip-formatter="columnOption.tooltipFormatter"
-    :min-width="columnOption.minWidth"
-    :sortable="getColumnProp(columnOption, 'sortable')"
-    :render-header="columnOption.renderHeader"
-    :align="columnOption.align || crud.tableOption.align"
-    :header-align="columnOption.headerAlign || crud.tableOption.headerAlign"
-    :width="getColumnProp(columnOption, 'width')"
-    :fixed="getColumnProp(columnOption, 'fixed')"
-  >
-    <template #header="{ $index }">
-      <slot
-        :name="crud.getSlotName(columnOption, 'H')"
-        v-if="crud.getSlotName(columnOption, 'H', crud.$slots)"
-        v-bind="{ column: columnOption, $index }"
-      ></slot>
-      <span v-else>{{ columnOption.label }}</span>
-    </template>
-    <template v-for="column in columnOption.children">
-      <column-dynamic
-        v-if="column.children && column.children.length > 0"
-        :key="column.label"
-        :columnOption="column"
-      >
-        <template v-for="item in crud.mainSlot" #[item]="scope">
-          <slot v-bind="scope" :name="item"></slot>
-        </template>
-      </column-dynamic>
-      <column-slot
-        v-else
-        :key="column.prop"
-        :column="column"
-        :column-option="columnOption.children"
-      >
-        <template v-for="item in crud.mainSlot" #[item]="scope">
-          <slot v-bind="scope" :name="item"></slot>
-        </template>
-      </column-slot>
-    </template>
-  </component>
-</template>
-
-<script>
-import columnSlot from "./column-slot.vue";
-import tableItemCard from "../grid/item.vue";
-export default {
-  name: "column-dynamic",
-  components: {
-    columnSlot,
-    tableItemCard,
-  },
-  inject: ["dynamic", "crud"],
-  props: {
-    columnOption: Object,
-  },
-  created() {
-    const list = ["getColumnProp"];
-    list.forEach((ele) => {
-      if (this.dynamic) this[ele] = this.dynamic[ele];
-    });
-  },
-};
-</script>