eoss-ui 0.5.98 → 0.6.0

package/packages/main/src/simplicity/settings.vue

@@ -1,119 +0,0 @@
-<template>
-  <el-drawer
-    title="设置"
-    custom-class="es-sets-drawer"
-    size="280px"
-    :visible.sync="show"
-    :append-to-body="true"
-  >
-    <div class="es-setting-item">
-      <div class="es-setting-title">主题色</div>
-      <el-radio-group
-        v-if="themes"
-        v-model="color"
-        size="mini"
-        class="es-setting-theme"
-        @change="handleTheme"
-      >
-        <el-radio-button
-          v-for="(item, index) in themes"
-          :key="index"
-          :label="index"
-          :style="{ backgroundColor: item }"
-        >
-          <i class="el-icon-check"></i>
-        </el-radio-button>
-      </el-radio-group>
-      <div class="es-color-picker" v-else>
-        <el-color-picker
-          v-model="color"
-          :predefine="predefineColor"
-          @change="handleTheme"
-        ></el-color-picker>
-        <div class="el-color-picker-tip">请不要选择偏白或者偏黑的颜色</div>
-      </div>
-    </div>
-  </el-drawer>
-</template>
-<script>
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'Message',
-  props: {
-    visible: Boolean,
-    //主题颜色选择颜色集合
-    themes: Array,
-    //默认主题色
-    theme: String,
-    //颜色板预设颜色
-    predefine: {
-      type: Array,
-      default() {
-        return ['#a60006', '#409eff'];
-      }
-    },
-    layout: {
-      type: String,
-      default: 'default'
-    }
-  },
-  computed: {
-    show: {
-      get() {
-        return this.visible;
-      },
-      set(val) {
-        this.$emit('update:visible', val);
-      }
-    },
-    //颜色板预设颜色
-    predefineColor() {
-      if (
-        this.theme &&
-        this.predefine.indexOf(this.theme.toLowerCase()) === -1
-      ) {
-        let arry = this.predefine;
-        arry.push(this.theme);
-        return arry;
-      }
-      return this.predefine;
-    }
-  },
-  watch: {
-    theme: {
-      immediate: true,
-      handler(val) {
-        if (val) {
-          this.color = val;
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      color: '',
-      activeName: this.layout
-    };
-  },
-  mounted() {},
-  methods: {
-    //选择主题颜色
-    handleTheme(res) {
-      res = res.toLowerCase();
-      // const rgb = util.getRgb(res);
-      // const luma = 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
-      util.updateTheme(res);
-      this.color = res;
-      this.$emit('change', { type: 'theme', value: res });
-      //this.setTheme(res);
-    },
-    //选择菜单布局
-    handleLayout(res) {
-      let old = this.activeName;
-      this.activeName = res;
-      this.$emit('update:layout', res);
-      this.$emit('layout', res, old);
-    }
-  }
-};
-</script>