@idooel/components 0.0.2 → 0.0.3-beta.2

package/packages/composite-components/modal-table/src/index.vue

@@ -1,156 +1,151 @@
-<template>
-  <ele-modal 
-    :title="buildTitle" 
-    v-on="assignAttrForEvents"
-    :button-group-meta="buildButtonGroupMeta"
-    :value="value"
-    :size="size">
-    <ele-tree-table-model 
-      :over-height="156"
-      v-on="treeTableListeners"
-      @on-change-table-selection="onChangeTableSelection"
-      @x:refresh-exposed="onAbstractEvent"
-      v-bind="buildMeta">
-      <template v-if="$slots['sub-center']" #sub-center>
-        <slot name="sub-center"></slot>
-      </template>
-    </ele-tree-table-model>
-  </ele-modal>
-</template>
-
-<script>
-import { type } from '@idooel/shared'
-import { CONTEXT } from '../../../utils'
-export default {
-  name: 'ele-modal-table',
-  model: {
-    event: 'change',
-    prop: 'value'
-  },
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String
-    },
-    size: {
-      type: String,
-      default: 'big'
-    },
-    meta: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      currentTableSelection: null,
-      currentExposed: {}
-    }
-  },
-  inject: {
-    [CONTEXT]: {
-      default: () => (() => ({}))
-    }
-  },
-  computed: {
-    buildMeta () {
-      const { title, ...rest } = this.meta
-      return rest
-    },
-    buildTitle () {
-      return this.title || this.meta.title
-    },
-    callContext () {
-      return this[CONTEXT].call(this)
-    },
-    exposed () {
-      const mergeExposed = Object.assign({}, this.callContext.exposed, this.currentExposed)
-      return {
-        closeModal: this.closeModal,
-        currentTableSelection: this.currentTableSelection,
-        ...this.callContext,
-        exposed: { 
-          ...mergeExposed,
-          setModalTable: this.setModalTable,
-          showModalTable: this.showModalTable,
-          closeModalTable: this.closeModalTable
-        }
-      }
-    },
-    assignAttrForEvents () {
-      const events = this.footerMetaElements.reduce((ret, ele) => {
-        ret[ele.eventName] = (e) => {
-          this.$emit(ele.eventName || 'click', { ...e, ...this.exposed })
-        }
-        return ret
-      }, {})
-      return {
-        ...this.$listeners,
-        ...events
-      }
-    },
-    treeTableListeners () {
-      const events = this.treeTableButtonGroupElements.reduce((ret, ele) => {
-        ret[ele.eventName] = (e) => {
-          this.$emit(ele.eventName || 'click', { ...e, exposed: this.exposed })
-        }
-        return ret
-      }, {})
-      return {
-        ...this.$listeners,
-        ...events
-      }
-    },
-    footerMetaElements () {
-      const { elements = [] } = this.buttonGroupMeta
-      if (type.isFunction(elements)) {
-        return elements.call(this)
-      }
-      return elements
-    },
-    treeTableButtonGroupElements () {
-      const { buttonGroupMeta = {} } = this.meta
-      const { elements = [] } = buttonGroupMeta
-      if (type.isFunction(elements)) {
-        return elements.call(this)
-      }
-      return elements
-    },
-    buildButtonGroupMeta () {
-      return { ...this.buttonGroupMeta, elements: this.footerMetaElements }
-    },
-    buttonGroupMeta () {
-      const { footerMeta = {} } = this.meta
-      return footerMeta
-    }
-  },
-  methods: {
-    closeModal () {
-      this.$emit('change', false)
-    },
-    setModalTable (arg = false) {
-      this.$emit('change', arg)
-    },
-    showModalTable () {
-      this.$emit('change', true)
-    },
-    closeModalTable () {
-      this.$emit('change', false)
-    },
-    onChangeTableSelection (selection) {
-      this.currentTableSelection = selection
-    },
-    onAbstractEvent (props = {}) {
-      const { exposed } = props
-      this.currentExposed = Object.assign({}, exposed)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
+<template>
+  <ele-modal 
+    :title="buildTitle" 
+    v-on="assignAttrForEvents"
+    :button-group-meta="buildButtonGroupMeta"
+    :value="value"
+    :size="size">
+    <ele-tree-table-model 
+      :over-height="156"
+      v-on="treeTableListeners"
+      @on-change-table-selection="onChangeTableSelection"
+      @x:refresh-exposed="onAbstractEvent"
+      v-bind="buildMeta">
+      <template v-if="$slots['sub-center']" #sub-center>
+        <slot name="sub-center"></slot>
+      </template>
+    </ele-tree-table-model>
+  </ele-modal>
+</template>
+
+<script>
+import { type } from '@idooel/shared'
+export default {
+  name: 'ele-modal-table',
+  model: {
+    event: 'change',
+    prop: 'value'
+  },
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: 'big'
+    },
+    meta: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      currentTableSelection: null,
+      currentExposed: {}
+    }
+  },
+  data() {
+    return {
+      currentTableSelection: null,
+      currentExposed: {}
+    }
+  },
+  computed: {
+    buildMeta () {
+      const { title, ...rest } = this.meta
+      return rest
+    },
+    buildTitle () {
+      return this.title || this.meta.title
+    },
+    exposed () {
+      return {
+        closeModal: this.closeModal,
+        currentTableSelection: this.currentTableSelection,
+        exposed: {
+          ...this.currentExposed,
+          setModalTable: this.setModalTable,
+          showModalTable: this.showModalTable,
+          closeModalTable: this.closeModalTable
+        }
+      }
+    },
+    assignAttrForEvents () {
+      const events = this.footerMetaElements.reduce((ret, ele) => {
+        ret[ele.eventName] = (e) => {
+          this.$emit(ele.eventName || 'click', { ...e, ...this.exposed })
+        }
+        return ret
+      }, {})
+      return {
+        ...this.$listeners,
+        ...events
+      }
+    },
+    treeTableListeners () {
+      const events = this.treeTableButtonGroupElements.reduce((ret, ele) => {
+        ret[ele.eventName] = (e) => {
+          this.$emit(ele.eventName || 'click', { ...e, exposed: this.exposed })
+        }
+        return ret
+      }, {})
+      return {
+        ...this.$listeners,
+        ...events
+      }
+    },
+    footerMetaElements () {
+      const { elements = [] } = this.buttonGroupMeta
+      if (type.isFunction(elements)) {
+        return elements.call(this)
+      }
+      return elements
+    },
+    treeTableButtonGroupElements () {
+      const { buttonGroupMeta = {} } = this.meta
+      const { elements = [] } = buttonGroupMeta
+      if (type.isFunction(elements)) {
+        return elements.call(this)
+      }
+      return elements
+    },
+    buildButtonGroupMeta () {
+      return { ...this.buttonGroupMeta, elements: this.footerMetaElements }
+    },
+    buttonGroupMeta () {
+      const { footerMeta = {} } = this.meta
+      return footerMeta
+    }
+  },
+  methods: {
+    closeModal () {
+      this.$emit('change', false)
+    },
+    setModalTable (arg = false) {
+      this.$emit('change', arg)
+    },
+    showModalTable () {
+      this.$emit('change', true)
+    },
+    closeModalTable () {
+      this.$emit('change', false)
+    },
+    onChangeTableSelection (selection) {
+      this.currentTableSelection = selection
+    },
+    onAbstractEvent (props = {}) {
+      const { exposed } = props
+      this.currentExposed = Object.assign({}, exposed)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
 </style>

package/packages/composite-components/modal-tree/index.js

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

package/packages/composite-components/modal-tree/src/index.vue

@@ -1,76 +1,76 @@
-<template>
-  <ele-modal :title="title" :value="value" :size="size" :buttonGroupMeta="buttonGroupMeta">
-    <ele-tree
-      :checkable="checkable"
-      :tree-data="treeData">
-    </ele-tree>
-  </ele-modal>
-</template>
-
-<script>
-export default {
-  name: 'ele-modal-tree',
-  model: {
-    event: 'input',
-    prop: 'value'
-  },
-  props: {
-    title: {
-      type: String,
-      default: '树形选择'
-    },
-    size: {
-      type: String,
-      default: 'small'
-    },
-    checkable: {
-      type: Boolean,
-      default: true
-    },
-    value: {
-      type: Boolean,
-      default: false
-    },
-    buttonGroupMeta: {
-      type: Object
-    },
-    contextProp: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data () {
-    return {
-      treeData: [
-        {
-          title: 'parent 1',
-          key: 1,
-          scopedSlots: {
-            icon: 'custom',
-            iconName: 'smile-o'
-          },
-          children: [
-            {
-              title: '2',
-              key: 2,
-              scopedSlots: {
-                icon: 'custom',
-                iconName: 'frown-o'
-              }
-            },
-            {
-              title: '3',
-              key: 3,
-            }
-          ]
-        }
-      ]
-    }
-  },
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-
+<template>
+  <ele-modal :title="title" :value="value" :size="size" :buttonGroupMeta="buttonGroupMeta">
+    <ele-tree
+      :checkable="checkable"
+      :tree-data="treeData">
+    </ele-tree>
+  </ele-modal>
+</template>
+
+<script>
+export default {
+  name: 'ele-modal-tree',
+  model: {
+    event: 'input',
+    prop: 'value'
+  },
+  props: {
+    title: {
+      type: String,
+      default: '树形选择'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    },
+    checkable: {
+      type: Boolean,
+      default: true
+    },
+    value: {
+      type: Boolean,
+      default: false
+    },
+    buttonGroupMeta: {
+      type: Object
+    },
+    contextProp: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    return {
+      treeData: [
+        {
+          title: 'parent 1',
+          key: 1,
+          scopedSlots: {
+            icon: 'custom',
+            iconName: 'smile-o'
+          },
+          children: [
+            {
+              title: '2',
+              key: 2,
+              scopedSlots: {
+                icon: 'custom',
+                iconName: 'frown-o'
+              }
+            },
+            {
+              title: '3',
+              key: 3,
+            }
+          ]
+        }
+      ]
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+
 </style>

package/packages/composite-components/search-area/index.js

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