@idooel/components 0.0.2-beta.3 → 0.0.2-beta.31

package/packages/select/src/index.vue

@@ -1,106 +1,114 @@
-<template>
-  <a-select :disabled="disabled" :mode="getMode" :value="value" style="width: 100%" @change="onChange">
-    <a-select-option v-for="item in innerDataSource" :key="item.value" :value="item.value">
-      {{ item.label }}
-    </a-select-option>
-  </a-select>
-</template>
-
-<script>
-import { net, type } from '@idooel/shared'
-export default {
-  name: 'ele-select',
-  props: {
-    init: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    value: {
-      type: [String, Array, Number]
-    },
-    defaultValue: {
-      type: [String, Array, Number]
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    url: {
-      type: String,
-      default: 'api-basic/workbench/dicttype/enum/selectList'
-    },
-    code: {
-      type: String,
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    mode: {
-      type: String
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data () {
-    return {
-      innerDataSource: []
-    }
-  },
-  computed: {
-    isInitRequest () {
-      if (this.init) {
-        return true
-      }
-      if (this.code || !type.isEmpty(this.params)) {
-        return true
-      }
-      return false
-    },
-    getMode () {
-      if (this.multiple) {
-        return 'multiple'
-      }
-      return this.mode
-    }
-  },
-  watch: {
-    dataSource: {
-      handler (dataSource) {
-        this.innerDataSource = dataSource
-      },
-      immediate: true
-    }
-  },
-  created () {
-    this.isInitRequest && this.fetchDataSourceByUrl()
-  },
-  methods: {
-    fetchDataSourceByUrl () {
-      net.get(this.url, { code: this.code, ...this.params }).then(resp => {
-        const { data } = resp
-        this.innerDataSource = data.map(item => {
-          return {
-            label: item.name,
-            value: item.code
-          }
-        })
-      })
-    },
-    onChange (value) {
-      this.$emit('change', value)
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
+<template>
+  <a-select :disabled="disabled" :mode="getMode" :value="value" style="width: 100%" @change="onChange">
+    <template v-for="item in innerDataSource">
+      <a-select-option v-if="item._show" :key="item.value" :value="item.value">
+        {{ item.label }}
+      </a-select-option>
+      <a-select-option v-if="isUndefined(item._show)" :key="item.value" :value="item.value">
+        {{ item.label }}
+      </a-select-option>
+    </template>
+  </a-select>
+</template>
+
+<script>
+import { net, type } from '@idooel/shared'
+export default {
+  name: 'ele-select',
+  props: {
+    init: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: [String, Array, Number]
+    },
+    defaultValue: {
+      type: [String, Array, Number]
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    },
+    url: {
+      type: String,
+      default: 'api-basic/workbench/dicttype/enum/selectList'
+    },
+    code: {
+      type: String,
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    mode: {
+      type: String
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      innerDataSource: []
+    }
+  },
+  computed: {
+    isInitRequest () {
+      if (this.init) {
+        return true
+      }
+      if (this.code || !type.isEmpty(this.params)) {
+        return true
+      }
+      return false
+    },
+    getMode () {
+      if (this.multiple) {
+        return 'multiple'
+      }
+      return this.mode
+    }
+  },
+  watch: {
+    dataSource: {
+      handler (dataSource) {
+        this.innerDataSource = dataSource
+      },
+      immediate: true
+    }
+  },
+  created () {
+    this.isInitRequest && this.fetchDataSourceByUrl()
+  },
+  methods: {
+    isUndefined (arg) {
+      return type.isUndefined(arg)
+    },
+    fetchDataSourceByUrl () {
+      net.get(this.url, { code: this.code, ...this.params }).then(resp => {
+        const { data } = resp
+        this.innerDataSource = data.map(item => {
+          return {
+            label: item.name,
+            value: item.code
+          }
+        })
+      })
+    },
+    onChange (value) {
+      this.$emit('change', value)
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
 </style>

package/packages/select-entity/index.js

@@ -1,5 +1,5 @@
-import EleSelectEntity from './src/index.vue'
-
-EleSelectEntity.install = Vue => Vue.component(EleSelectEntity.name, EleSelectEntity)
-
+import EleSelectEntity from './src/index.vue'
+
+EleSelectEntity.install = Vue => Vue.component(EleSelectEntity.name, EleSelectEntity)
+
 export default EleSelectEntity

package/packages/select-entity/src/index.vue

@@ -1,120 +1,120 @@
-<template>
-  <div class="g-select-entity__wrapper" :class="disabled ? 'g-select-entity__disabled' : ''">
-    <span class="select-entity__input">
-      <a-tag
-        v-for="(item, inx) in getValueList"
-        :key="item.value"
-        :closable="!disabled && !getIsMaxCount"
-        @close="onClose(...arguments, inx, item)"
-      >
-        {{ item.label }}
-      </a-tag>
-      <a-tag v-if="getIsMaxCount">......</a-tag>
-    </span>
-    <span class="select-entity__addon" @click="onChange">{{ addonAfter }}</span>
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-import { type } from '@idooel/shared'
-export default {
-  name: 'ele-select-entity',
-  props: {
-    value: {
-      type: [Array, Object]
-    },
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    maxCount: {
-      type: Number,
-      default: 7
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    addonAfter: {
-      type: String,
-      default: '选择'
-    }
-  },
-  computed: {
-    getValueList () {
-      if (this.value) {
-        if (this.multiple) {
-          return this.getIsMaxCount ? this.value.slice(0, this.maxCount) : this.value
-        }
-        return type.isArray(this.value) ? this.value : [this.value]
-      }
-      return []
-    },
-    getIsMaxCount () {
-      if (this.value && this.multiple) {
-        return this.value.length >= this.maxCount
-      }
-      return false
-    }
-  },
-  methods: {
-    onChange () {
-      if (this.disabled) return
-      this.$emit('change', this.value)
-      this.$emit('evoke')
-    },
-    onClose (e, inx, props) {
-      e = window.event || e
-      e.preventDefault()
-      if (!this.multiple) {
-        this.$emit('close', props)
-        this.$emit('change', null)
-        return
-      }
-      this.value.splice(inx, 1)
-      this.$emit('close', props)
-      this.$emit('change', this.value)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.g-select-entity__wrapper {
-  font-size: 14px;
-  line-height: 30px;
-  position: relative;
-  width: 100%;
-  display: flex;
-  color: var(--idoole-black-07);
-  border-radius: 4px;
-  border: 1px solid var(--idooel-form-title-border-color);
-  &:hover {
-    border-color: var(--idooel-primary-color);
-  }
-  .select-entity__input {
-    padding: 0 11px;
-    background-color: #fff;
-    border-radius: 4px;
-    flex-grow: 1;
-    min-height: 30px;
-    text-align: left;
-  }
-  .select-entity__addon {
-    padding: 0 11px;
-    color: var(--idoole-black-07);
-    background-color: var(--idoole-black-02);
-    border-left: 1px solid var(--idooel-form-title-border-color);
-    cursor: pointer;
-    min-height: 30px;
-    white-space: nowrap;
-  }
-}
-.has-error .g-select-entity__wrapper {
-  border-color: var(--idooel-form-border-err-color);
-}
-.g-select-entity__disabled .select-entity__input {
-  background-color: var(--idoole-black-02);
-}
+<template>
+  <div class="g-select-entity__wrapper" :class="disabled ? 'g-select-entity__disabled' : ''">
+    <span class="select-entity__input">
+      <a-tag
+        v-for="(item, inx) in getValueList"
+        :key="item.value"
+        :closable="!disabled && !getIsMaxCount"
+        @close="onClose(...arguments, inx, item)"
+      >
+        {{ item.label }}
+      </a-tag>
+      <a-tag v-if="getIsMaxCount">......</a-tag>
+    </span>
+    <span class="select-entity__addon" @click="onChange">{{ addonAfter }}</span>
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import { type } from '@idooel/shared'
+export default {
+  name: 'ele-select-entity',
+  props: {
+    value: {
+      type: [Array, Object]
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    maxCount: {
+      type: Number,
+      default: 7
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    addonAfter: {
+      type: String,
+      default: '选择'
+    }
+  },
+  computed: {
+    getValueList () {
+      if (this.value) {
+        if (this.multiple) {
+          return this.getIsMaxCount ? this.value.slice(0, this.maxCount) : this.value
+        }
+        return type.isArray(this.value) ? this.value : [this.value]
+      }
+      return []
+    },
+    getIsMaxCount () {
+      if (this.value && this.multiple) {
+        return this.value.length >= this.maxCount
+      }
+      return false
+    }
+  },
+  methods: {
+    onChange () {
+      if (this.disabled) return
+      this.$emit('change', this.value)
+      this.$emit('evoke')
+    },
+    onClose (e, inx, props) {
+      e = window.event || e
+      e.preventDefault()
+      if (!this.multiple) {
+        this.$emit('close', props)
+        this.$emit('change', null)
+        return
+      }
+      this.value.splice(inx, 1)
+      this.$emit('close', props)
+      this.$emit('change', this.value)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.g-select-entity__wrapper {
+  font-size: 14px;
+  line-height: 30px;
+  position: relative;
+  width: 100%;
+  display: flex;
+  color: var(--idoole-black-07);
+  border-radius: 4px;
+  border: 1px solid var(--idooel-form-title-border-color);
+  &:hover {
+    border-color: var(--idooel-primary-color);
+  }
+  .select-entity__input {
+    padding: 0 11px;
+    background-color: #fff;
+    border-radius: 4px;
+    flex-grow: 1;
+    min-height: 30px;
+    text-align: left;
+  }
+  .select-entity__addon {
+    padding: 0 11px;
+    color: var(--idoole-black-07);
+    background-color: var(--idoole-black-02);
+    border-left: 1px solid var(--idooel-form-title-border-color);
+    cursor: pointer;
+    min-height: 30px;
+    white-space: nowrap;
+  }
+}
+.has-error .g-select-entity__wrapper {
+  border-color: var(--idooel-form-border-err-color);
+}
+.g-select-entity__disabled .select-entity__input {
+  background-color: var(--idoole-black-02);
+}
 </style>

package/packages/table/index.js

@@ -1,5 +1,5 @@
-import EleTable from './src/index.vue'
-
-EleTable.install = Vue => Vue.component(EleTable.name, EleTable)
-
+import EleTable from './src/index.vue'
+
+EleTable.install = Vue => Vue.component(EleTable.name, EleTable)
+
 export default EleTable