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

package/packages/icon/index.js

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

package/packages/icon/src/index.vue

@@ -1,32 +1,32 @@
-<template>
-  <a-icon
-    v-if="isAntIcon"
-    :type="type"
-    :theme="theme">
-  </a-icon>
-  <i :class="['iconfont', type]" v-else></i>
-</template>
-
-<script>
-export default {
-  name: 'ele-icon',
-  props: {
-    type: {
-      type: String,
-      default: ''
-    },
-    theme: {
-      type: String
-    }
-  },
-  computed: {
-    isAntIcon() {
-      const prefix = this.type.slice(0, 5)
-      if (prefix === 'icon-') {
-        return false
-      }
-      return true
-    }
-  }
-}
+<template>
+  <a-icon
+    v-if="isAntIcon"
+    :type="type"
+    :theme="theme">
+  </a-icon>
+  <i :class="['iconfont', type]" v-else></i>
+</template>
+
+<script>
+export default {
+  name: 'ele-icon',
+  props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    theme: {
+      type: String
+    }
+  },
+  computed: {
+    isAntIcon() {
+      const prefix = this.type.slice(0, 5)
+      if (prefix === 'icon-') {
+        return false
+      }
+      return true
+    }
+  }
+}
 </script>

package/packages/index.js

@@ -1,154 +1,160 @@
-import EleButton from './button/index.js'
-import EleDate from './date/index.js'
-import EleInput from './input/index.js'
-import EleSelect from './select/index.js'
-import EleTable from './table/index.js'
-import EleTree from './tree/index.js'
-import EleTpl from './tpl/index.js'
-import EleForm from './form/index.js'
-import EleAlert from './alert/index.js'
-import EleUpload from './upload/index.js'
-import EleSelectEntity from './select-entity/index.js'
-import EleIcon from './icon/index.js'
-import EleInputNumber from './input-number/index.js'
-import EleModal from './modal/index.js'
-import EleCheckbox from './checkbox/index.js'
-import EleRadio from './radio/index.js'
-import EleBatchExport from './batch-export/index.js'
-import EleDateRange from './date-range/index.js'
-import EleTimeline from './timeline/index.js'
-import EleText from './text/index.js'
-import EleTabs from './tabs/index.js'
-import EleModalImgCrop from './composite-components/modal-img-crop/index.js'
-import EleTextEditor from './text-editor/index.js'
-import EleTextarea from './textarea/index.js'
-import EleLoading from './loading/index.js'
-import EleTreeSelect from './tree-select/index.js'
-
-import EleSearchArea from './composite-components/search-area/index.js'
-import EleButtonGroup from './composite-components/button-group/index.js'
-import EleModalForm from './composite-components/modal-form/index.js'
-import EleModalTree from './composite-components/modal-tree/index.js'
-import EleModalConfirm from './composite-components/modal-confirm/index.js'
-import EleModalTable from './composite-components/modal-table/index.js'
-import EleFormImgCrop from './composite-components/form-img-crop/index.js'
-import EleSelectEntityModalTable from './composite-components/select-entity-modal-table/index.js'
-
-import EleModalImport from './business-components/modal-import/index.js'
-import EleModalTimeline from './business-components/modal-timeline/index.js'
-import EleModalFsm from './business-components/modal-fsm/index.js'
-import EleTabsSubCenter from './business-components/tabs-sub-center/index.js'
-
-import EleTreeTableModel from './models/tree-table-model/index.js'
-import EleFormPageModel from './models/form-model/index.js'
-import EleFormGroupModel from './models/form-group-model/index.js'
-import EleStepModel from './models/step-model/index.js'
-
-const compositeComponents = [
-  EleButtonGroup,
-  EleSearchArea,
-  EleModalForm,
-  EleModalTree,
-  EleModalImgCrop,
-  EleModalConfirm,
-  EleModalTable,
-  EleFormImgCrop,
-  EleSelectEntityModalTable
-]
-const businessComponents = [
-  EleModalImport,
-  EleModalTimeline,
-  EleModalFsm,
-  EleTabsSubCenter
-]
-
-export const models = [
-  EleTreeTableModel,
-  EleFormPageModel,
-  EleFormGroupModel,
-  EleStepModel
-]
-
-const components = [
-  EleButton,
-  EleDate,
-  EleInput,
-  EleSelect,
-  EleTable,
-  EleTree,
-  EleTpl,
-  EleForm,
-  EleAlert,
-  EleUpload,
-  EleSelectEntity,
-  EleIcon,
-  EleInputNumber,
-  EleModal,
-  EleCheckbox,
-  EleRadio,
-  EleBatchExport,
-  EleDateRange,
-  EleTimeline,
-  EleText,
-  EleTabs,
-  EleTextEditor,
-  EleTextarea,
-  EleLoading,
-  EleTreeSelect,
-  ...compositeComponents,
-  ...businessComponents,
-  ...models,
-]
-
-const install = (Vue) => {
-  if (install.installed) return
-  install.installed = true
-  components.forEach(component => {
-    Vue.component(component.name, component)
-  })
-}
-export default install
-export {
-  EleButton,
-  EleDate,
-  EleInput,
-  EleSelect,
-  EleTable,
-  EleTree,
-  EleTpl,
-  EleForm,
-  EleAlert,
-  EleUpload,
-  EleSelectEntity,
-  EleIcon,
-  EleInputNumber,
-  EleModal,
-  EleCheckbox,
-  EleRadio,
-  EleTreeSelect,
-  EleBatchExport,
-  EleDateRange,
-  EleTimeline,
-  EleText,
-  EleTabs,
-  EleTextEditor,
-  EleButtonGroup,
-  EleSearchArea,
-  EleModalForm,
-  EleModalTree,
-  EleModalImgCrop,
-  EleModalImport,
-  EleModalTimeline,
-  EleTreeTableModel,
-  EleFormPageModel,
-  EleFormGroupModel,
-  EleStepModel,
-  EleModalConfirm,
-  EleModalFsm,
-  EleTextarea,
-  EleModalTable,
-  EleLoading,
-  EleTabsSubCenter,
-  EleFormImgCrop,
-  EleSelectEntityModalTable
+// 初始化全局数据池（必须在其他组件之前）
+import './utils/runtime-context/globalDataPool.js'
+
+import EleButton from './button/index.js'
+import EleDate from './date/index.js'
+import EleInput from './input/index.js'
+import EleSelect from './select/index.js'
+import EleTable from './table/index.js'
+import EleTree from './tree/index.js'
+import EleTpl from './tpl/index.js'
+import EleForm from './form/index.js'
+import EleAlert from './alert/index.js'
+import EleUpload from './upload/index.js'
+import EleSelectEntity from './select-entity/index.js'
+import EleIcon from './icon/index.js'
+import EleInputNumber from './input-number/index.js'
+import EleModal from './modal/index.js'
+import EleCheckbox from './checkbox/index.js'
+import EleRadio from './radio/index.js'
+import EleBatchExport from './batch-export/index.js'
+import EleDateRange from './date-range/index.js'
+import EleTimeline from './timeline/index.js'
+import EleText from './text/index.js'
+import EleTabs from './tabs/index.js'
+import EleModalImgCrop from './composite-components/modal-img-crop/index.js'
+import EleTextEditor from './text-editor/index.js'
+import EleTextarea from './textarea/index.js'
+import EleLoading from './loading/index.js'
+import EleTreeSelect from './tree-select/index.js'
+import ElePagination from './pagination/index.js'
+
+import EleSearchArea from './composite-components/search-area/index.js'
+import EleButtonGroup from './composite-components/button-group/index.js'
+import EleModalForm from './composite-components/modal-form/index.js'
+import EleModalTree from './composite-components/modal-tree/index.js'
+import EleModalConfirm from './composite-components/modal-confirm/index.js'
+import EleModalTable from './composite-components/modal-table/index.js'
+import EleFormImgCrop from './composite-components/form-img-crop/index.js'
+import EleSelectEntityModalTable from './composite-components/select-entity-modal-table/index.js'
+
+import EleModalImport from './business-components/modal-import/index.js'
+import EleModalTimeline from './business-components/modal-timeline/index.js'
+import EleModalFsm from './business-components/modal-fsm/index.js'
+import EleTabsSubCenter from './business-components/tabs-sub-center/index.js'
+
+import EleTreeTableModel from './models/tree-table-model/index.js'
+import EleFormPageModel from './models/form-model/index.js'
+import EleFormGroupModel from './models/form-group-model/index.js'
+import EleStepModel from './models/step-model/index.js'
+
+const compositeComponents = [
+  EleButtonGroup,
+  EleSearchArea,
+  EleModalForm,
+  EleModalTree,
+  EleModalImgCrop,
+  EleModalConfirm,
+  EleModalTable,
+  EleFormImgCrop,
+  EleSelectEntityModalTable
+]
+const businessComponents = [
+  EleModalImport,
+  EleModalTimeline,
+  EleModalFsm,
+  EleTabsSubCenter
+]
+
+export const models = [
+  EleTreeTableModel,
+  EleFormPageModel,
+  EleFormGroupModel,
+  EleStepModel
+]
+
+const components = [
+  EleButton,
+  EleDate,
+  EleInput,
+  EleSelect,
+  EleTable,
+  EleTree,
+  EleTpl,
+  EleForm,
+  EleAlert,
+  EleUpload,
+  EleSelectEntity,
+  EleIcon,
+  EleInputNumber,
+  EleModal,
+  EleCheckbox,
+  EleRadio,
+  EleBatchExport,
+  EleDateRange,
+  EleTimeline,
+  EleText,
+  EleTabs,
+  EleTextEditor,
+  EleTextarea,
+  EleLoading,
+  EleTreeSelect,
+  ElePagination,
+  ...compositeComponents,
+  ...businessComponents,
+  ...models,
+]
+
+const install = (Vue) => {
+  if (install.installed) return
+  install.installed = true
+  components.forEach(component => {
+    Vue.component(component.name, component)
+  })
+}
+export default install
+export {
+  EleButton,
+  EleDate,
+  EleInput,
+  EleSelect,
+  EleTable,
+  EleTree,
+  EleTpl,
+  EleForm,
+  EleAlert,
+  EleUpload,
+  EleSelectEntity,
+  EleIcon,
+  EleInputNumber,
+  EleModal,
+  EleCheckbox,
+  EleRadio,
+  EleTreeSelect,
+  EleBatchExport,
+  EleDateRange,
+  EleTimeline,
+  EleText,
+  EleTabs,
+  EleTextEditor,
+  EleButtonGroup,
+  EleSearchArea,
+  EleModalForm,
+  EleModalTree,
+  EleModalImgCrop,
+  EleModalImport,
+  EleModalTimeline,
+  EleTreeTableModel,
+  EleFormPageModel,
+  EleFormGroupModel,
+  EleStepModel,
+  EleModalConfirm,
+  EleModalFsm,
+  EleTextarea,
+  EleModalTable,
+  EleLoading,
+  EleTabsSubCenter,
+  EleFormImgCrop,
+  EleSelectEntityModalTable,
+  ElePagination
 }

package/packages/input/index.js

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

package/packages/input/src/index.vue

@@ -1,36 +1,36 @@
-<template>
-  <a-input :value="value" :disabled="disabled" :max-length="maxLength" @change="onChange"></a-input>
-</template>
-
-<script>
-export default {
-  name: 'ele-input',
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    maxLength: {
-      type: Number,
-      default: 125
-    },
-    value: {
-      type: String
-    }
-  },
-  methods: {
-    onChange (e) {
-      this.$emit('change', e.target.value)
-      this.$emit('input', e.target.value)
-    }
-  } 
-}
-</script>
-
-<style scoped>
-
+<template>
+  <a-input :value="value" :disabled="disabled" :max-length="maxLength" @change="onChange"></a-input>
+</template>
+
+<script>
+export default {
+  name: 'ele-input',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    maxLength: {
+      type: Number,
+      default: 125
+    },
+    value: {
+      type: String
+    }
+  },
+  methods: {
+    onChange (e) {
+      this.$emit('change', e.target.value)
+      this.$emit('input', e.target.value)
+    }
+  } 
+}
+</script>
+
+<style scoped>
+
 </style>

package/packages/input-number/index.js

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

package/packages/input-number/src/index.vue

@@ -1,24 +1,24 @@
-<template>
-  <div>
-    <a-input-number v-bind="$attrs" :value="value" :precision="precision" @change="onChange" style="width: 100%;"></a-input-number>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ele-input-number',
-  props: {
-    precision: {
-      type: Number
-    },
-    value: {
-      type: [Number, String]
-    }
-  },
-  methods: {
-    onChange (value) {
-      this.$emit('change', value)
-    }
-  } 
-}
+<template>
+  <div>
+    <a-input-number v-bind="$attrs" :value="value" :precision="precision" @change="onChange" style="width: 100%;"></a-input-number>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ele-input-number',
+  props: {
+    precision: {
+      type: Number
+    },
+    value: {
+      type: [Number, String]
+    }
+  },
+  methods: {
+    onChange (value) {
+      this.$emit('change', value)
+    }
+  } 
+}
 </script>

package/packages/loading/index.js

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

package/packages/loading/src/index.vue

@@ -1,37 +1,37 @@
-<template>
-  <div v-if="loading" class="g-loading">
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ele-loading',
-  props: {
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.g-loading {
-  width: 16px;
-  height: 16px;
-  border: 1px solid #409EFF;
-  border-top-color: transparent;
-  border-left-color: transparent;
-  border-radius: 100%;
-  animation: rotate infinite 0.75s linear;
-}
-@keyframes rotate {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
+<template>
+  <div v-if="loading" class="g-loading">
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ele-loading',
+  props: {
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.g-loading {
+  width: 16px;
+  height: 16px;
+  border: 1px solid #409EFF;
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-radius: 100%;
+  animation: rotate infinite 0.75s linear;
+}
+@keyframes rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
 </style>

package/packages/meta/provider.js

@@ -0,0 +1,4 @@
+const PROVIDER = {
+  currentRowData: 'currentRowData',
+  exposed: 'exposed',
+}

package/packages/modal/index.js

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