eoss-mobiles 0.1.13

package/packages/flow/src/main.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="em-flow">
+    <StartFlow v-if="type === 'start'"  v-bind="$attrs" :beforeSubmit="beforeSubmit" />
+    <Handle
+      v-else-if="type === 'handle'"
+      v-bind="$attrs"
+      :identityIds="userId"
+      :beforeSubmit="beforeSubmit"
+    />
+    <Reject  v-else-if="type === 'reject'" :type="type" v-bind="$attrs" :userId="userId" :beforeSubmit="beforeSubmit" />
+    <TaskRead v-else-if="type === 'taskRead'" v-bind="$attrs" :userId="userId" :beforeSubmit="beforeSubmit" />
+  </div>
+</template>
+
+<script>
+import StartFlow from './components/StartFlow.vue';
+import Handle from './components/Handle.vue';
+import Reject from './components/Reject.vue';
+import TaskRead from './components/TaskRead.vue';
+export default {
+  name: 'EmFlow',
+  inheritAttrs: false,
+  components: {
+    Handle,
+    StartFlow,
+    Reject,
+    TaskRead
+  },
+  props: {
+    userId: String, //用户id
+    beforeSubmit: Function,
+    type: {
+      type: String,
+      default: 'handle'
+    }
+  },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style></style>

package/packages/form/index.js

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

package/packages/form/src/main.vue

@@ -0,0 +1,158 @@
+<template>
+  <!-- <van-row class="em-form">
+    <van-col
+      v-for="(item, index) in contents"
+      :key="index"
+      :span="(item.col && item.col * 2) || 24"
+    > -->
+  <van-form v-bind="$attrs" v-on="$listeners" >
+    <div v-for="(item, index) in contents" :key="index">
+      <em-input
+        v-if="
+          item.type === 'text' ||
+            item.type === 'textarea' ||
+            item.type == 'number' ||
+            item.type == 'digit'
+        "
+        class="em-table-input"
+        v-bind="item"
+        ref="input"
+        v-model="model[item.name]"
+        :label="item.label.text || item.label"
+        @blur="handleChange(item.name, model[item.name])"
+      />
+      <em-picker
+        v-if="item.type === 'select'"
+        v-bind="item"
+        ref="select"
+        v-model="model[item.name]"
+        :ajax="false"
+        :columns="item.data || []"
+        @confirm="
+          value => {
+            handleChange(item.name, value);
+          }
+        "
+      />
+      <em-date
+        v-else-if="
+          item.date ||
+            item.type == 'date' ||
+            item.type == 'year' ||
+            item.type == 'year-month' ||
+            item.type == 'month-day' ||
+            item.type == 'time' ||
+            item.type == 'datetimeSecond' ||
+            item.type == 'datetime' ||
+            item.type == 'datehour'
+        "
+        ref="date"
+        v-bind="item"
+        v-model="model[item.name]"
+        :joinStr="item.joinStr || ''"
+        @confirm="
+          value => {
+            handleChange(item.name, value);
+          }
+        "
+      />
+      <em-input v-else-if="item.type === 'radio'" ref="radio"  v-bind="item">
+        <template slot="input">
+          <em-radio-group
+            v-bind="item"
+            v-model="model[item.name]"
+            :ajax="false"
+            :data="item.data"
+            @change="
+              value => {
+                handleChange(item.name, value);
+              }
+            "
+          />
+        </template>
+      </em-input>
+      <em-input v-else-if="item.type === 'checkbox'"  ref="checkbox" v-bind="item">
+        <template slot="input">
+          <em-checkbox-group
+            v-bind="item"
+            v-model="model[item.name]"
+            :ajax="false"
+            @change="
+              value => {
+                handleChange(item.name, value);
+              }
+            "
+          />
+        </template>
+      </em-input>
+      <em-input v-else-if="item.type === 'switch'" ref="switch" v-bind="item">
+        <template slot="input">
+          <em-switch
+            v-bind="item"
+            v-model="model[item.name]"
+            @change="
+              value => {
+                handleChange(item.name, value);
+              }
+            "
+          />
+        </template>
+      </em-input>
+      <em-selector
+        v-else-if="item.type == 'selector'"
+        ref="selector"
+        v-bind="item"
+        v-model="model[item.name]"
+        :label="item.label"
+        @change="
+          value => {
+            handleChange(item.name, value);
+          }
+        "
+      />
+    </div>
+    <div :style="`margin: 16px;text-align:${position}`">
+      <em-button round block type="info" v-if="btnList.length == 0" native-type="submit">提交</em-button>
+      <em-button  v-else  v-for="item in btnList[0].contents" :key="item.text" v-bind="item" :native-type="item.nativeType?item.nativeType : 'button'" @click="handleClick(item)">{{item.text}}</em-button>
+    </div>
+    <!-- </van-col>
+  </van-row> -->
+  </van-form>
+</template>
+
+<script>
+export default {
+  name: 'EmForm',
+  props: {
+    contents: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    model: {
+      type: Object,
+      default: () => {}
+    },
+    position:{
+      type:String,
+      default:'center'
+    }
+  },
+  computed: {
+    btnList(){
+      return this.contents.filter(x => x.type === "submit")
+    }
+  },
+  methods: {
+    handleChange(key, value) {
+      this.$emit('change', key, value);
+    },
+    handleClick(val){
+      this.$emit('click',{values:this.model,btn:val})
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/grid/index.js

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

package/packages/grid/src/main.vue

@@ -0,0 +1,28 @@
+<template>
+<div class="em-grid">
+  <van-grid v-bind="$attrs" v-on="$listeners" >
+    <van-grid-item
+      v-bind="item"
+      @click="goView($event,item)"
+      v-show="$attrs.data && $attrs.data.length > 0"
+      v-for="(item, index) of $attrs.data"
+      :key="index"
+    />
+    <slot v-show="$attrs.data && $attrs.data.length == 0" />
+  </van-grid>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmGrid',
+  inheritAttrs:false,
+  methods:{
+    goView(event,val){
+      this.$emit('click',event,val)
+    },
+  }
+};
+</script>
+
+<style></style>

package/packages/grid-item/index.js

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

package/packages/grid-item/src/main.vue

@@ -0,0 +1,16 @@
+<template>
+  <van-grid-item v-bind="$attrs" v-on="$listeners" >
+    <template v-for="(index, name) in $slots" :slot="name">
+      <slot :name="name" />
+    </template>
+  </van-grid-item>
+</template>
+
+<script>
+export default {
+  name: 'EmGridItem',
+  inheritAttrs:false,
+};
+</script>
+
+<style></style>

package/packages/image-preview/index.js

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

package/packages/image-preview/src/main.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <van-image-preview v-model="show" v-bind="$attrs" v-on="$listenersa">
+      <template v-for="(index, name) in $slots"  :slot="name">
+        <slot :name="name" />
+      </template>
+      <template v-for="(i, name) in $scopedSlots"  :slot="name" slot-scope="{ index }">
+        <slot :name="name" :index="index"  />
+      </template>
+    </van-image-preview>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmImagePreview',
+  inheritAttrs:false,
+  props:{
+    value:String
+  },
+  computed:{
+    newValue:{
+      get(){
+        return this.value
+      },
+      set(val){
+        return val
+      }
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/list/index.js

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

package/packages/list/src/main.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="em-list">
+    <van-list v-model="newValue" v-bind="$attrs" v-on="$listeners">
+      <template v-for="(index,name) of $slots" :slot="name">
+        <slot :name="name"></slot>
+      </template>
+    </van-list>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmList',
+  inheritAttrs:false,
+  props:{
+    value:{
+      type:Boolean,
+    }
+  },
+  computed:{
+    newValue:{
+      get(){
+        return this.value
+      },
+      set(val){
+        return ''
+      }
+    }
+  },
+ 
+};
+</script>

package/packages/loading/index.js

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

package/packages/loading/src/main.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="em-loading">
+    <van-loading v-bind="$attrs" >
+      <template>
+        <slot />
+      </template>
+    </van-loading>
+  </div>
+</template>
+
+<script>
+export default {
+name:'EmLoading',
+inheritAttrs:false
+}
+</script>
+
+<style>
+
+</style>

package/packages/nav-bar/index.js

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

package/packages/nav-bar/src/main.vue

@@ -0,0 +1,16 @@
+<template>
+<div class="em-nav-bar">
+  <van-nav-bar v-bind="$attrs" v-on="$listeners">
+    <template v-for="(index, name) of $slots" :slot="name">
+      <slot :name="name"></slot>
+    </template>
+  </van-nav-bar>
+</div>
+</template>
+
+<script>
+export default {
+  name: 'EmNavBar',
+  inheritAttrs:false,
+};
+</script>

package/packages/pagination/index.js

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

package/packages/pagination/src/main.vue

@@ -0,0 +1,29 @@
+<template>
+  <van-pagination v-model="newValue" v-bind="$attrs" v-on="$listeners" class="em-pagination">
+      <template v-for="(index, name) in $slots"  :slot="name">
+        <slot :name="name" />
+      </template>
+      <template v-for="(index, name) in $scopedSlots"  :slot="name" slot-scope="{ number, text, active }">
+        <slot :name="name" :number="number" :text="text" :active="active" />
+      </template>
+  </van-pagination>
+</template>
+
+<script>
+export default {
+  name: 'EmPagination',
+  props: ['value'],
+  computed: {
+    newValue: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/picker/index.js

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