@zhijiancloud/bpm 0.0.7 → 0.0.9

package/components/lib/bpmSelectFromField/src/part/editor.vue

@@ -1,96 +0,0 @@
-<template>
-  <div class="bpm-select-edit">
-    <el-select
-      :key="isMultiple ? 'two': 'one'"
-      v-model="curVal"
-      :placeholder="placeholder"
-      :multiple="isMultiple"
-      clearable
-      filterable
-      :remote-method="search"
-      v-bind="$attrs"
-      v-on="$listeners"
-      @change="onChange"
-    >
-      <el-option
-        v-for="item in options"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"
-      >
-      </el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-// import _ from "lodash";
-
-import Vue from "vue";
-import { Select, Option } from "element-ui";
-
-Vue.use(Select);
-Vue.use(Option);
-
-export default {
-  props: ["value", "fieldConf", "row", "formName", "orgInfo", "isMultiple"],
-  data() {
-    return {
-      curVal: "",
-      options: []
-    };
-  },
-  watch: {
-    value() {
-      this.curVal = this.value;
-    },
-    getSelectOptions: function(val) {
-      console.log("----selectOptions----",val);
-      this.options = _.map(val,item => {
-        return {
-          label:item[0],
-          value:item[1]
-        }
-      });
-    }
-  },
-  inject:["selectOptions"],
-
-  computed: {
-    placeholder() {
-      return this.fieldConf.desc || this.fieldConf.name;
-    },
-    getSelectOptions() {
-      return this.selectOptions()
-    }
-  },
-  created () {
-    this.curVal = this.isMultiple ? [] : ""
-  },
-  mounted() {
-  
-    //组件可见下，才去拉取下拉框
-    if(this.fieldConf && this.fieldConf.perm && this.fieldConf.perm.visible){
-          this.search();
-    }
-
-    this.curVal = this.value;
-  },
-  methods: {
-
-
-    async search(query = "") {
-      let formName = this.formDefId;
-      let fieldId = this.fieldConf.id;
-
-      this.options = await this.$bpm.searchSelectOpts(fieldId, query, formName, this, true, this.orgInfo)
-    
-    },
-    onChange(curVal){
-      this.$emit("input", curVal)
-      this.$emit("change", curVal)
-    }
-  },
-};
-</script>
-

package/components/lib/bpmSelectFromField/src/part/reader.vue

@@ -1,7 +0,0 @@
-
-<script>
-import TextReader from "../../../mixins/RemoteSelectReader.vue"
-export default {
-    mixins: [TextReader]
-}
-</script>

package/components/lib/bpmSelectFromForm/index.js

@@ -1,7 +0,0 @@
-import BpmSelectFromForm from './src/main.vue'
-
-BpmSelectFromForm.install = function(Vue) {
-    Vue.component(BpmSelectFromForm.name , BpmSelectFromForm);
-}
-
-export default BpmSelectFromForm

package/components/lib/bpmSelectFromForm/src/main.vue

@@ -1,103 +0,0 @@
-<template>
-  <component
-    class="bpm-select-from-form"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :formName="formName"
-    :orgInfo="orgInfo"
-    :uiType="uiType"
-    :isMultiple="isMultiple"
-    v-bind="$attrs"
-    v-on="$listeners"
-  >
-  </component>
-</template>
-<script>
-import editorComponent from "./part/editor.vue";
-import readerComponent from "./part/reader.vue";
-
-export default {
-  name: "bpmSelectFromForm",
-  components: {
-    editorComponent,
-    readerComponent
-  },
-  props: {
-    value: {
-      type: [String, Array],
-      default(){
-        return ""
-      }
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    row: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default() {
-        return "view";
-      },
-    },
-    uiType: {
-      type: String,
-      default() {
-        return "default";
-      },
-    },
-    orgInfo: {
-      type: Object,
-    },
-    formName:{
-      type: String
-    },
-    isMultiple: {
-      type: Boolean,
-      default() {
-        return false;
-      },
-    }
-  },
-  data () {
-    return {
-      curVal: ""
-    }
-  },
-  computed: {
-    curComponent() {
-      if (this.mode == "view") {
-        return readerComponent;
-      } else {
-        return editorComponent;
-      }
-    },
-  },
-  watch: {
-    curVal(val){
-      this.$emit("input", val)
-    },
-    value(){
-      this.curVal = this.value
-    },
-    
-  },
-  mounted () {
-    this.curVal = this.value
-  }
-};
-</script>
-<style>
-@import "../../../css/bpmSelectFromForm.less";
-</style>
-

package/components/lib/bpmSelectFromForm/src/part/editor.vue

@@ -1,178 +0,0 @@
-<template>
-  <div class="select-from-form-editor">
-    <div @click="toOpen">
-      <div>{{ label }}</div>
-    </div>
-    <el-dialog
-      :visible.sync="opened"
-      :before-close="onHide"
-      @open="onOpen"
-      :title="fieldConf.name"
-      :fullscreen="true"
-      v-bind="$attrs"
-      v-on="$listeners"
-    >
-      <el-input
-        placeholder="只展示前100条数据，通过搜索获取更多"
-        v-model="keyword"
-        class="input-with-select"
-        @change="debounceSearch"
-      >
-      </el-input>
-      <div class="bpm-select-from-form-box">
-        <el-checkbox-group v-model="curVal" v-if="isMultiple">
-          <div class="form-item" v-for="item in formList" :key="item.id">
-            <div :style="titleStyle">
-              <el-checkbox
-                :label="item.id"
-                :value="item.id"
-                :disable="!isChecked(item.id) && curVal.length >= maxCount"
-                >{{ item.title }}</el-checkbox
-              >
-            </div>
-            <div
-              v-for="field in item.fields"
-              :key="field.id"
-              :style="geFieldStyle(field.key)"
-            >
-              {{ field.value }}
-            </div>
-          </div>
-        </el-checkbox-group>
-        <el-radio-group v-model="curVal" v-else>
-          <div class="form-item" v-for="item in formList" :key="item.id">
-            <div :style="titleStyle">
-              <el-radio
-                :label="item.id"
-                :value="item.id"
-                :disable="!isChecked(item.id) && curVal.length >= maxCount"
-                >{{ item.title }}</el-radio
-              >
-            </div>
-            <div
-              v-for="field in item.fields"
-              :key="field.id"
-              :style="geFieldStyle(field.key)"
-            >
-              {{ field.value }}
-            </div>
-          </div>
-        </el-radio-group>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="onSubmit">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-import _ from "lodash";
-import { Dialog } from "element-ui";
-Vue.use(Dialog);
-export default {
-  props: ["value", "fieldConf", "row", "formName", "orgInfo", "isMultiple"],
-  data() {
-    return {
-      curVal: "",
-      label: "未选择",
-      keyword: "",
-      opened: false,
-      debounceSearch: _.debounce(_.bind(this.search, this), 150, {
-        trailing: true,
-        leading: false,
-      }),
-      formList: [],
-    };
-  },
-  watch: {
-    value() {
-      this.curVal = this.value;
-      this.loadRemoteLabel()
-    },
-  },
-  computed: {
-    placeholder() {
-      return this.fieldConf.desc || this.fieldConf.name;
-    },
-    maxCount() {
-      return _.get(this.fieldConf, "check.max_count");
-    },
-    titleStyle() {
-      let conf = this.fieldConf;
-      let range_display = _.get(conf, "range_remote.range_display.title");
-      return {
-        fontSize: _.get(range_display, "size", 16) + "px",
-        color: _.get(range_display, "color", "#333"),
-      };
-    },
-    fieldStyleMap() {
-      let conf = this.fieldConf;
-      let fieldsStyle = _.get(conf, "range_remote.range_display.fields");
-      return _.keyBy(fieldsStyle, "field");
-    },
-  },
-  created () {
-    this.curVal = this.isMultiple ? [] : ""
-  },
-  mounted() {
-    this.curVal = this.value;
-    this.loadRemoteLabel()
-  },
-  methods: {
-    async search() {
-      let keyword = this.keyword;
-      let formName = this.formName;
-      let fieldId = _.get(this.fieldConf, "id");
-      let result = await this.$bpm.searchSelectOpts(fieldId, keyword, formName, this, true, this.orgInfo)
-      let data = _.map(result, (item) => {
-        return {
-          title: item.title,
-          id: item.form_id,
-          fields: _.map(item.f_fields, (val, key) => {
-            return {
-              key,
-              value: val,
-            };
-          }),
-        };
-      });
-      this.formList = data;
-    },
-    onHide() {
-      this.opened = false;
-    },
-    onOpen() {
-      this.search();
-    },
-    toOpen() {
-      this.opened = true;
-    },
-    isChecked(val) {
-      return _.includes(this.curVal, val);
-    },
-    onSubmit() {
-      this.$emit("input", this.curVal);
-      this.opened = false;
-    },
-    async loadRemoteLabel() {
-      let values = this.value;
-      let fieldId = _.get(this.fieldConf, "id");
-      
-      if (!_.isEmpty(values)) {
-        values = _.isArray(values) ? values : [values]
-        this.label = await this.$bpm.fetchLabelByValues(
-          values,
-          fieldId,
-          this.formName,
-          this.row
-        );
-
-      }
-      else{
-        this.label = "未选择"
-      }
-    },
-  },
-};
-</script>

package/components/lib/bpmSelectFromForm/src/part/reader.vue

@@ -1,7 +0,0 @@
-
-<script>
-import TextReader from "../../../mixins/RemoteSelectReader.vue"
-export default {
-    mixins: [TextReader]
-}
-</script>

package/components/lib/bpmSelectFromId/index.js

@@ -1,7 +0,0 @@
-import BpmSelectFromId from './src/main.vue'
-
-BpmSelectFromId.install = function(Vue) {
-    Vue.component(BpmSelectFromId.name , BpmSelectFromId);
-}
-
-export default BpmSelectFromId

package/components/lib/bpmSelectFromId/src/main.vue

@@ -1,102 +0,0 @@
-<template>
-  <component
-    class="bpm-select-from-id"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :uiType="uiType"
-    :orgInfo="orgInfo"
-    :formName="formName"
-    :isMultiple="isMultiple"
-    v-bind="$attrs"
-    v-on="$listeners"
-  >
-  </component>
-</template>
-<script>
-import editorComponent from "./part/editor.vue";
-import readerComponent from "./part/reader.vue";
-
-export default {
-  name: "bpmSelectFromId",
-  components: {
-    editorComponent,
-    readerComponent
-  },
-  props: {
-    value: {
-      type: [String, Array],
-      
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    row: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default() {
-        return "view";
-      },
-    },
-    uiType: {
-      type: String,
-      default() {
-        return "default";
-      },
-    },
-    orgInfo: {
-      type: Object,
-    },
-    formName:{
-      type: String
-    },
-    isMultiple: {
-      type: Boolean,
-      default() {
-        return false;
-      },
-    }
-  },
-  data () {
-    return {
-      curVal: ""
-    }
-  },
-  computed: {
-    curComponent() {
-      if (this.mode == "view") {
-        return readerComponent;
-      } else {
-        return editorComponent;
-      }
-    },
-  },
-  watch: {
-    curVal(val){
-      this.$emit("input", val)
-      this.$emit("change", val)
-    },
-    value(){
-      this.curVal = this.value
-    },
-    
-  },
-  mounted () {
-    this.curVal = this.value
-  }
-};
-</script>
-
-<style>
-@import "../../../css/bpmSelectFromId.less";
-</style>