eoss-ui 0.7.24 → 0.7.26

package/packages/selector-panel/src/selection.vue

@@ -1,170 +1,170 @@
-<template>
-  <div class="es-selection">
-    <el-scrollbar class="es-scrollbar">
-      <el-radio-group
-        v-if="!multiple"
-        v-bind="$attrs"
-        size="small"
-        v-on="$listeners"
-        v-model="selectes"
-      >
-        <el-radio
-          v-for="(item, index) in data"
-          :key="index"
-          v-show="item.disabled ? showDisabled : true"
-          v-bind="getprops($attrs, item)"
-          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
-          :disabled="isDisabled(item)"
-          :class="{ 'es-radio-delete': genre === 'delete' }"
-          :value-key="valueKey"
-          :tooltip="item[tipKey]"
-        >
-          {{ typeof item == 'string' ? item : getLabel(item) }}</el-radio
-        >
-      </el-radio-group>
-      <el-checkbox-group
-        v-else
-        v-bind="$attrs"
-        :max="max"
-        size="small"
-        v-on="$listeners"
-        v-model="selectes"
-        ref="sortable"
-      >
-        <el-checkbox
-          v-for="(item, index) in data"
-          :key="index"
-          v-show="item.disabled ? showDisabled : true"
-          v-bind="getprops($attrs, item)"
-          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
-          :disabled="isDisabled(item)"
-          :class="{ 'es-checkbox-delete': genre === 'delete' }"
-          :value-key="valueKey"
-          :tooltip="item[tipKey]"
-        >
-          {{ typeof item == 'string' ? item : getLabel(item) }}
-          <i v-show="genre === 'delete'" class="el-icon-circle-close"></i>
-        </el-checkbox>
-      </el-checkbox-group>
-    </el-scrollbar>
-  </div>
-</template>
-<script>
-import Sortable from 'sortablejs';
-import util from 'eoss-ui/src/utils/util.js';
-export default {
-  name: 'Selection',
-  props: {
-    value: [String, Array, Object],
-    showDisabled: {
-      type: Boolean,
-      default: true
-    },
-    genre: String,
-    valueKey: {
-      type: String,
-      default: 'showid'
-    },
-    labelKey: {
-      type: String,
-      default: 'showname'
-    },
-    tipKey: {
-      type: String,
-      default: 'pathname'
-    },
-    valueType: {
-      type: String,
-      default: 'object',
-      validator: function (value) {
-        return ['string', 'object'].includes(value);
-      }
-    },
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    max: Number,
-    mix: Boolean,
-    disableds: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    isObject() {
-      if (
-        this.selectes &&
-        Array.isArray(this.selectes) &&
-        this.selectes.length > 0 &&
-        util.isObject(this.selectes[0])
-      ) {
-        return true;
-      } else {
-        if (this.valueType === 'object') {
-          return true;
-        } else {
-          return false;
-        }
-      }
-    },
-    selectes: {
-      get() {
-        if (!this.multiple && this.value && this.value.length) {
-          return this.value[0];
-        }
-        return this.value;
-      },
-      set(val) {
-        return val;
-      }
-    }
-  },
-  mounted() {
-    if (this.multiple && this.genre === 'delete') {
-      this._sortable = new Sortable(this.$refs.sortable.$el, {
-        animation: 150,
-        onUpdate: this.handleSort
-      });
-    }
-  },
-  methods: {
-    getLabel(res) {
-      return res[this.labelKey]
-        ? res[this.labelKey]
-        : res.label || res[this.valueKey];
-    },
-    handleSort(res) {
-      this.$emit('sort', res);
-    },
-    getprops(attrs, res) {
-      return util.isObject(res) ? { ...attrs, ...res } : attrs;
-    },
-    isDisabled(res) {
-      if (typeof res == 'string') {
-        return false;
-      }
-      if (this.disableds && this.disableds.length > 0) {
-        if (this.disableds.includes(res[this.valueKey])) {
-          return true;
-        }
-      }
-      return res.disabled;
-    }
-  },
-  beforeDestroy() {
-    if (this._sortable !== undefined) this._sortable.destroy();
-  }
-};
-</script>
+<template>
+  <div class="es-selection">
+    <el-scrollbar class="es-scrollbar">
+      <el-radio-group
+        v-if="!multiple"
+        v-bind="$attrs"
+        size="small"
+        v-on="$listeners"
+        v-model="selectes"
+      >
+        <el-radio
+          v-for="(item, index) in data"
+          :key="index"
+          v-show="item.disabled ? showDisabled : true"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
+          :disabled="isDisabled(item)"
+          :class="{ 'es-radio-delete': genre === 'delete' }"
+          :value-key="valueKey"
+          :tooltip="item[tipKey]"
+        >
+          {{ typeof item == 'string' ? item : getLabel(item) }}</el-radio
+        >
+      </el-radio-group>
+      <el-checkbox-group
+        v-else
+        v-bind="$attrs"
+        :max="max"
+        size="small"
+        v-on="$listeners"
+        v-model="selectes"
+        ref="sortable"
+      >
+        <el-checkbox
+          v-for="(item, index) in data"
+          :key="index"
+          v-show="item.disabled ? showDisabled : true"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
+          :disabled="isDisabled(item)"
+          :class="{ 'es-checkbox-delete': genre === 'delete' }"
+          :value-key="valueKey"
+          :tooltip="item[tipKey]"
+        >
+          {{ typeof item == 'string' ? item : getLabel(item) }}
+          <i v-show="genre === 'delete'" class="el-icon-circle-close"></i>
+        </el-checkbox>
+      </el-checkbox-group>
+    </el-scrollbar>
+  </div>
+</template>
+<script>
+import Sortable from 'sortablejs';
+import util from 'eoss-ui/src/utils/util.js';
+export default {
+  name: 'Selection',
+  props: {
+    value: [String, Array, Object],
+    showDisabled: {
+      type: Boolean,
+      default: true
+    },
+    genre: String,
+    valueKey: {
+      type: String,
+      default: 'showid'
+    },
+    labelKey: {
+      type: String,
+      default: 'showname'
+    },
+    tipKey: {
+      type: String,
+      default: 'pathname'
+    },
+    valueType: {
+      type: String,
+      default: 'object',
+      validator: function (value) {
+        return ['string', 'object'].includes(value);
+      }
+    },
+    data: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    max: Number,
+    mix: Boolean,
+    disableds: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    isObject() {
+      if (
+        this.selectes &&
+        Array.isArray(this.selectes) &&
+        this.selectes.length > 0 &&
+        util.isObject(this.selectes[0])
+      ) {
+        return true;
+      } else {
+        if (this.valueType === 'object') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    },
+    selectes: {
+      get() {
+        if (!this.multiple && this.value && this.value.length) {
+          return this.value[0];
+        }
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  },
+  mounted() {
+    if (this.multiple && this.genre === 'delete') {
+      this._sortable = new Sortable(this.$refs.sortable.$el, {
+        animation: 150,
+        onUpdate: this.handleSort
+      });
+    }
+  },
+  methods: {
+    getLabel(res) {
+      return res[this.labelKey]
+        ? res[this.labelKey]
+        : res.label || res[this.valueKey];
+    },
+    handleSort(res) {
+      this.$emit('sort', res);
+    },
+    getprops(attrs, res) {
+      return util.isObject(res) ? { ...attrs, ...res } : attrs;
+    },
+    isDisabled(res) {
+      if (typeof res == 'string') {
+        return false;
+      }
+      if (this.disableds && this.disableds.length > 0) {
+        if (this.disableds.includes(res[this.valueKey])) {
+          return true;
+        }
+      }
+      return res.disabled;
+    }
+  },
+  beforeDestroy() {
+    if (this._sortable !== undefined) this._sortable.destroy();
+  }
+};
+</script>

package/packages/selector-panel/src/tree.vue

@@ -1,129 +1,129 @@
-<template>
-  <div class="es-selector-tree">
-    <el-input
-      v-model="seachkey"
-      placeholder="请输入搜索关键字"
-      class="es-selector-tree-search"
-      @change="handleChangeSearch"
-    >
-      <template slot="append">
-        <el-button
-          icon="el-icon-search"
-          type="primary"
-          @click="handleSearch"
-        ></el-button>
-      </template>
-    </el-input>
-    <div
-      v-loading="loading"
-      element-loading-text="加载中..."
-      element-loading-spinner="el-icon-loading"
-      element-loading-background="rgba(0, 0, 0, 0.8)"
-      class="es-tree-content"
-    >
-      <el-scrollbar class="es-scrollbar">
-        <el-tree
-          ref="tree"
-          class="es-filter-tree"
-          empty-text="暂无数据"
-          node-key="id"
-          :indent="12"
-          :data="contents"
-          :props="props"
-          :filter-node-method="filterNode"
-          :expand-on-click-node="false"
-          :highlight-current="true"
-          @node-expand="handleExpand"
-          @node-click="handleClick"
-        >
-          <el-tooltip
-            :content="node.label"
-            placement="right"
-            :auto="true"
-            slot-scope="{ node, data }"
-          >
-            <div
-              :class="[
-                {
-                  'es-icon-node': icon,
-                  'es-icon-group':
-                    data.attributes && data.attributes.isentity === '0',
-                  'es-icon-open': node.expanded
-                },
-                data.attributes && data.attributes.orgType
-                  ? 'es-icon-' + data.attributes.orgType
-                  : ''
-              ]"
-            >
-              {{ node.label }}
-            </div>
-          </el-tooltip>
-        </el-tree>
-      </el-scrollbar>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'Tree',
-  props: {
-    data: {
-      type: [Array, Object],
-      default() {
-        return [];
-      }
-    },
-    icon: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      props: {
-        label: 'name',
-        children: 'children'
-      },
-      seachkey: '',
-      chooseNode: ''
-    };
-  },
-  computed: {
-    contents() {
-      return this.data;
-    }
-  },
-  watch: {},
-  mounted() {},
-  methods: {
-    // 树节点展开
-    handleExpand(data, node) {
-      this.$emit('loadsub', data, node);
-    },
-    handleClick(data, node) {
-      this.$emit('loadsub', data, node, true);
-    },
-    filterNode(value, data) {
-      if (!value) return true;
-      return data.label.indexOf(value) !== -1;
-    },
-    loadNode(node, resolve) {
-      this.$emit('load', node, resolve);
-    },
-    handleChangeSearch() {
-      if (this.seachkey === '') {
-        this.$emit('search', '');
-      }
-    },
-    handleSearch() {
-      if (this.seachkey !== '') {
-        this.$emit('search', this.seachkey);
-      }
-    }
-  }
-};
-</script>
+<template>
+  <div class="es-selector-tree">
+    <el-input
+      v-model="seachkey"
+      placeholder="请输入搜索关键字"
+      class="es-selector-tree-search"
+      @change="handleChangeSearch"
+    >
+      <template slot="append">
+        <el-button
+          icon="el-icon-search"
+          type="primary"
+          @click="handleSearch"
+        ></el-button>
+      </template>
+    </el-input>
+    <div
+      v-loading="loading"
+      element-loading-text="加载中..."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+      class="es-tree-content"
+    >
+      <el-scrollbar class="es-scrollbar">
+        <el-tree
+          ref="tree"
+          class="es-filter-tree"
+          empty-text="暂无数据"
+          node-key="id"
+          :indent="12"
+          :data="contents"
+          :props="props"
+          :filter-node-method="filterNode"
+          :expand-on-click-node="false"
+          :highlight-current="true"
+          @node-expand="handleExpand"
+          @node-click="handleClick"
+        >
+          <el-tooltip
+            :content="node.label"
+            placement="right"
+            :auto="true"
+            slot-scope="{ node, data }"
+          >
+            <div
+              :class="[
+                {
+                  'es-icon-node': icon,
+                  'es-icon-group':
+                    data.attributes && data.attributes.isentity === '0',
+                  'es-icon-open': node.expanded
+                },
+                data.attributes && data.attributes.orgType
+                  ? 'es-icon-' + data.attributes.orgType
+                  : ''
+              ]"
+            >
+              {{ node.label }}
+            </div>
+          </el-tooltip>
+        </el-tree>
+      </el-scrollbar>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Tree',
+  props: {
+    data: {
+      type: [Array, Object],
+      default() {
+        return [];
+      }
+    },
+    icon: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      props: {
+        label: 'name',
+        children: 'children'
+      },
+      seachkey: '',
+      chooseNode: ''
+    };
+  },
+  computed: {
+    contents() {
+      return this.data;
+    }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    // 树节点展开
+    handleExpand(data, node) {
+      this.$emit('loadsub', data, node);
+    },
+    handleClick(data, node) {
+      this.$emit('loadsub', data, node, true);
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    loadNode(node, resolve) {
+      this.$emit('load', node, resolve);
+    },
+    handleChangeSearch() {
+      if (this.seachkey === '') {
+        this.$emit('search', '');
+      }
+    },
+    handleSearch() {
+      if (this.seachkey !== '') {
+        this.$emit('search', this.seachkey);
+      }
+    }
+  }
+};
+</script>

package/packages/sizer/index.js

@@ -1,5 +1,5 @@
-import EsSizer from './src/main';
-
-EsSizer.install = Vue => Vue.component(EsSizer.name, EsSizer);
-
-export default EsSizer;
+import EsSizer from './src/main';
+
+EsSizer.install = Vue => Vue.component(EsSizer.name, EsSizer);
+
+export default EsSizer;