eoss-ui 0.7.99 → 0.8.0

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

@@ -1,84 +1,84 @@
-<template>
-  <div v-for="(item, index) in data" :key="item.id" @click="handleClick(item)">
-    <div
-      class="es-simplicity-menus-item"
-      :class="{
-        'is-active': active === item.id,
-        'is-open': openId === item.id
-      }"
-    >
-      <es-icon
-        class="es-simplicity_apps-icon"
-        :style="setStyle(index)"
-        :contents="item.icons || item.icon || menuIcon"
-      ></es-icon>
-      <div class="es-simplicity-menus-tips" v-if="item.tips">
-        {{ item.tips > 99 ? '99+' : item.tips }}
-      </div>
-      <div class="es-simplicity_apps-text">
-        {{ item.text || item.name }}
-      </div>
-    </div>
-    <lists
-      v-if="
-        (item.children && item.children.length) ||
-        (item.fourthTabs && item.fourthTabs.length)
-      "
-      :menuIcon="menuIcon"
-      :color="color"
-      :backgroundColor="backgroundColor"
-      :data="[...(item.children || []), ...(item.fourthTabs || [])]"
-    ></lists>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Lists',
-  components: {},
-  props: {
-    menuIcon: String,
-    color: [String, Array],
-    backgroundColor: [String, Array],
-    data: Array
-  },
-  data() {
-    return {
-      active: '',
-      openId: ''
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {},
-  mounted() {},
-  methods: {
-    setStyle(num) {
-      let obj = {};
-      if (this.color) {
-        obj.color = this.color;
-        if (Array.isArray(this.color)) {
-          obj.color = this.color[num % this.color.length];
-        } else {
-          obj.color = this.color;
-        }
-      }
-      if (this.backgroundColor) {
-        if (Array.isArray(this.backgroundColor)) {
-          obj.backgroundColor =
-            this.backgroundColor[num % this.backgroundColor.length];
-        } else {
-          obj.backgroundColor = this.backgroundColor;
-        }
-      }
-      return obj;
-    },
-    handleClick(res) {
-      this.active = res.id;
-      this.$emit('command', res);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div v-for="(item, index) in data" :key="item.id" @click="handleClick(item)">
+    <div
+      class="es-simplicity-menus-item"
+      :class="{
+        'is-active': active === item.id,
+        'is-open': openId === item.id
+      }"
+    >
+      <es-icon
+        class="es-simplicity_apps-icon"
+        :style="setStyle(index)"
+        :contents="item.icons || item.icon || menuIcon"
+      ></es-icon>
+      <div class="es-simplicity-menus-tips" v-if="item.tips">
+        {{ item.tips > 99 ? '99+' : item.tips }}
+      </div>
+      <div class="es-simplicity_apps-text">
+        {{ item.text || item.name }}
+      </div>
+    </div>
+    <lists
+      v-if="
+        (item.children && item.children.length) ||
+        (item.fourthTabs && item.fourthTabs.length)
+      "
+      :menuIcon="menuIcon"
+      :color="color"
+      :backgroundColor="backgroundColor"
+      :data="[...(item.children || []), ...(item.fourthTabs || [])]"
+    ></lists>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Lists',
+  components: {},
+  props: {
+    menuIcon: String,
+    color: [String, Array],
+    backgroundColor: [String, Array],
+    data: Array
+  },
+  data() {
+    return {
+      active: '',
+      openId: ''
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    setStyle(num) {
+      let obj = {};
+      if (this.color) {
+        obj.color = this.color;
+        if (Array.isArray(this.color)) {
+          obj.color = this.color[num % this.color.length];
+        } else {
+          obj.color = this.color;
+        }
+      }
+      if (this.backgroundColor) {
+        if (Array.isArray(this.backgroundColor)) {
+          obj.backgroundColor =
+            this.backgroundColor[num % this.backgroundColor.length];
+        } else {
+          obj.backgroundColor = this.backgroundColor;
+        }
+      }
+      return obj;
+    },
+    handleClick(res) {
+      this.active = res.id;
+      this.$emit('command', res);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

package/packages/main/src/simplicity/router-page.vue

@@ -1,45 +1,45 @@
-<template>
-  <div style="height: 100%">
-    <router-view :key="keys || appCode" :name="appCode" />
-  </div>
-</template>
-
-<script>
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'RouterPage',
-  components: {},
-  props: {
-    appCode: String,
-    path: String,
-    url: String,
-    query: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    keys: String
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  watch: {},
-  created() {},
-  mounted() {
-    this.jump();
-  },
-  methods: {
-    jump() {
-      let params = util.getParams({ url: this.url });
-      this.$router.push({
-        path: this.path,
-        query: { ...this.query, ...params }
-      });
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div style="height: 100%">
+    <router-view :key="keys || appCode" :name="appCode" />
+  </div>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'RouterPage',
+  components: {},
+  props: {
+    appCode: String,
+    path: String,
+    url: String,
+    query: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    keys: String
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {
+    this.jump();
+  },
+  methods: {
+    jump() {
+      let params = util.getParams({ url: this.url });
+      this.$router.push({
+        path: this.path,
+        query: { ...this.query, ...params }
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>