@v2coding/ui 0.1.6 → 0.1.10

package/src/components/field/field.color.vue

@@ -1,24 +0,0 @@
-<template>
-  <el-color-picker v-bind="$attrs" v-on="$listeners" :value="value" :show-alpha="showAlpha" class="ui-field-color"></el-color-picker>
-</template>
-
-<script>
-import FieldMixin from './field.mixin';
-
-export default {
-  name: 'ui-field-color',
-  mixins: [FieldMixin],
-  props: {
-    showAlpha: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.ui-field-color {
-  width: 100%;
-}
-</style>

package/src/components/field/field.date.vue

@@ -1,145 +0,0 @@
-<template>
-  <el-date-picker
-    v-bind="$attrs"
-    v-on="_listeners"
-    :value="pickerValue"
-    :type="type"
-    :format="format"
-    :value-format="valueFormat"
-    :start-placeholder="startPlaceholder"
-    :end-placeholder="endPlaceholder"
-    :picker-options="realPickerOptions"
-    @input="onChange"
-    class="ui-date-field"
-  />
-</template>
-
-<script>
-  import FieldMixin from './field.mixin';
-  import {DisabledDate, Shortcuts} from './field.date.picker-options';
-
-  export default {
-  name: 'ui-field-date',
-  mixins: [FieldMixin],
-  props: {
-    type: {
-      type: String,
-      default: 'date',
-    },
-    format: {
-      type: String,
-      default() {
-        switch (this.type) {
-          case 'year':
-            return 'yyyy';
-          case 'month':
-          case 'monthrange':
-            return 'yyyy-MM';
-          case 'week':
-            return 'yyyy-WW';
-          case 'datetime':
-          case 'datetimerange':
-            return 'yyyy-MM-dd HH:mm:ss';
-          default:
-            return 'yyyy-MM-dd';
-        }
-      },
-    },
-    valueFormat: {
-      type: String,
-      default() {
-        return this.format;
-      },
-    },
-    startPlaceholder: {
-      type: String,
-      default: '请选择开始时间',
-    },
-    endPlaceholder: {
-      type: String,
-      default: '请选择结束时间',
-    },
-    pickerOptions: {
-      type: Object,
-    },
-    shortcuts: {
-      type: String,
-      default() {
-        if (this.type === 'date') {
-          return 'today,yesterday,lastMonth';
-        }
-        return '';
-      }
-    },
-    disabledDate: {
-      type: String,
-      validator: (val) => ['before', 'after'].includes(val),
-    },
-  },
-  computed: {
-    pickerValue() {
-      return this.getPickerValue(this.value);
-    },
-    realPickerOptions() {
-      if (this.pickerOptions) {
-        return this.pickerOptions;
-      }
-      const options = {};
-      if (this.shortcuts) {
-        const shortcuts = [];
-        this.shortcuts.split(',').reduce((prev, shortcut) => {
-          const sc = Shortcuts[shortcut];
-          if (sc) {
-            prev.push(sc);
-          }
-          return prev;
-        }, shortcuts);
-        shortcuts.length > 0 && (options.shortcuts = shortcuts);
-      }
-      if (this.disabledDate) {
-        const disabledDate = DisabledDate[this.disabledDate];
-        disabledDate && (options.disabledDate = disabledDate);
-      }
-      return options;
-    },
-  },
-  methods: {
-    getPickerValue(value) {
-      switch (this.type) {
-        case 'dates':
-        case 'daterange':
-        case 'monthrange':
-        case 'datetimerange':
-          return value ? value.split(',') : [];
-        default:
-          return value;
-      }
-    },
-    getRealValue(value) {
-      switch (this.type) {
-        case 'dates':
-        case 'daterange':
-        case 'monthrange':
-        case 'datetimerange':
-          return value ? value.join(',') : '';
-        default:
-          return value || '';
-      }
-    },
-    onChange(value) {
-      const _value = this.getRealValue(value);
-      this.emitChange(_value);
-    },
-    focus() {
-      const datepicker = this.$children[0];
-      datepicker && datepicker.focus();
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.ui-date-field.el-date-editor {
-  width: 100%;
-}
-</style>