@zhijiancloud/bpm 0.0.6 → 0.0.8

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

@@ -1,75 +0,0 @@
-<template>
-  <div class="bpm-select-edit">
-    <el-select
-      v-model="curVal"
-      :placeholder="placeholder"
-      :multiple="isMultiple"
-      clearable
-      filterable
-      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", "isMultiple"],
-  data() {
-    return {
-      curVal: "",
-    };
-  },
-  watch: {
-    value() {
-      this.curVal = this.value ? this.value : this.isMultiple ? [] : "";
-    },
-  },
-
-  computed: {
-    options() {
-      let rangeEnum = _.get(this.fieldConf, "range_enum");
-      return _.map(rangeEnum, (item) => {
-        return {
-          value: _.get(item, "0"),
-          label: _.get(item, "1"),
-          color: _.get(item, "2"),
-        };
-      });
-    },
-    placeholder() {
-      return this.fieldConf.desc || this.fieldConf.name;
-    },
-  },
-  created () {
-    this.curVal = this.isMultiple ? [] : ""
-  },
-  mounted() {
-    this.curVal = this.value ? this.value : this.isMultiple ? [] : "";
-  },
-  methods: {
-    onChange(val){
-      this.$emit("input", val);
-    }
-  },
-};
-</script>
-

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

@@ -1,44 +0,0 @@
-<template>
-    <span :title="label" :class="isButton && value ? 'btn-select' : ''">{{label}}</span>
-</template>
-
-<script>
-import _ from "lodash"
-
-export default {
-    props: ['value','fieldConf','row'],
-    computed: {
-        _value(){
-            return _.isArray(this.value) ? this.value : [this.value]
-        },
-        rangeEnumMap(){
-            let rangeEnum = _.get(this.fieldConf, "range_enum")
-            let map = {}
-            _.each(rangeEnum, item=>{
-                _.set(map, _.get(item, "0"), _.get(item, "1"))
-            })
-            this.setColorMap()
-            return map
-        },
-        label(){
-            let labels = _.map(this._value, val=>{
-                return _.get(this.rangeEnumMap, val)
-            })
-            return _.isEmpty(labels) ? "未指定" : _.join(labels, ", ")
-            // return _.isEmpty(labels) ? zj.z("未指定", "b2.common. not_specified") : _.join(labels, ", ")
-        },
-        isButton(){
-            return _.get(this.fieldConf, "style") == "button";
-        }
-    },
-    methods: {
-        setColorMap(){
-            let rangeEnum = _.get(this.fieldConf, "range_enum")
-            this.colorMap = {}
-            _.each(rangeEnum, item=>{
-                _.set(this.colorMap, _.get(item, "0"), _.get(item, "2"))
-            })
-        }
-    }
-}
-</script>

package/components/lib/bpmSelectCheckItem/index.js

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

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

@@ -1,101 +0,0 @@
-<template>
-  <component
-    class="bpm-select-check-item"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :orgInfo="orgInfo"
-    :formName="formName"
-    :mode="mode"
-    :isMultiple="isMultiple"
-    :uiType="uiType"
-    v-bind="$attrs"
-    v-on="$listeners"
-  >
-  </component>
-</template>
-<script>
-import editorComponent from "./part/editor.vue";
-import readerComponent from "./part/reader.vue";
-
-export default {
-  name: "BpmSelectCheckItem",
-  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/bpmSelectCheckItem.less";
-</style>

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

@@ -1,107 +0,0 @@
-<template>
-  <div>
-    <el-select
-      style="width: 100%"
-      popper-class="scaffold-select-tree"
-      v-model="curVal"
-      :multiple="isMultiple"
-      :placeholder="placeholder"
-      :multiple-limit="maxCount"
-      @change="onChange"
-    >
-      <el-tree lazy :load="loadNode" node-key="value">
-        <el-option
-          slot-scope="{ node }"
-          :value="node.data.value"
-          :label="node.label"
-        >
-          <span style="padding-right: 30px; max-width: 500px; overflow: hidden">
-            {{ node.label }}
-          </span>
-        </el-option>
-      </el-tree>
-    </el-select>
-  </div>
-</template>
-<script>
-import Vue from "vue";
-import _ from "lodash";
-import { Tree, Select, Option } from "element-ui";
-Vue.use(Tree);
-Vue.use(Select);
-Vue.use(Option);
-export default {
-  props: ["value", "fieldConf", "row", "formName", "orgInfo", "isMultiple"],
-  data() {
-    return {
-      curVal: "",
-    };
-  },
-  watch: {
-    value() {
-      this.curVal = this.value ? this.value : this.isMultiple ? [] : "";
-    },
-  },
-  computed: {
-    placeholder() {
-      return this.fieldConf.desc || this.fieldConf.name;
-    },
-    maxCount() {
-      return _.get(this.config, "check.max_count");
-    },
-    tickStrategy() {
-      return _.get(this.config, "tree_select", "all") == "leaf_only"
-        ? "leaf-filtered"
-        : "strict";
-    },
-  },
-  created() {
-    this.curVal = this.isMultiple ? [] : "";
-  },
-  mounted() {
-    this.curVal = this.value ? this.value : this.isMultiple ? [] : "";
-  },
-  methods: {
-    async loadNode(node, resolve) {
-      let fieldId = _.get(this.fieldConf, "id");
-      let formName = this.formName;
-      let params = {
-        father: node.level === 0 ? "" : node.data.value || "",
-      };
-      params = _.merge(params, this.orgInfo);
-      let result = await zj.net.w.noapi({
-        url: `/app_flow/v1/papi/dm/assist_tree_field/${formName}/${fieldId}/search_title/`,
-        params,
-      });
-
-      let list = this.transformResultToTree(result.data);
-      resolve(list);
-    },
-    transformResultToTree(items) {
-      console.log("fieldConf", this.fieldConf)
-      let type = _.get(this.fieldConf, "type");
-      if (type == "SelectCheckItem" || type == "MulSelectCheckItem") {
-        return _.map(items, (item) => {
-          return {
-            value: item[0],
-            lazy: item[2],
-            label: item[1],
-          };
-        });
-      }
-      if (type == "SelectSort" || type == "MulSelectSort") {
-        return _.map(items, (item) => {
-          return {
-            value: item.value,
-            lazy: item.lazy,
-            label: item.label,
-          };
-        });
-      }
-    },
-    onChange(val) {
-      this.$emit("input", val);
-    },
-  },
-};
-</script>

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

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

package/components/lib/bpmSelectFromField/index.js

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

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

@@ -1,97 +0,0 @@
-<template>
-  <component
-    class="bpm-select-form-field"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :orgInfo="orgInfo"
-    :formName="formName"
-    :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: "BpmSelectFromField",
-  components: {
-    editorComponent,
-    readerComponent
-  },
-  props: {
-    value: {
-      type: [Array, Number, String],
-      
-    },
-    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>

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

@@ -1,82 +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;
-    }
-  },
-
-  computed: {
-    placeholder() {
-      return this.fieldConf.desc || this.fieldConf.name;
-    },
-  },
-  created () {
-    this.curVal = this.isMultiple ? [] : ""
-  },
-  mounted() {
-    this.search();
-    this.curVal = this.value;
-  },
-  methods: {
-    async search(query = "") {
-      let formName = this.formName;
-      let fieldId = this.fieldConf.id;
-      let result = await zj.net.w.noapi({
-        url: `/app_flow/v1/papi/dm/assist_field/${formName}/${fieldId}/search_title/?q=${query}`,
-        params: this.orgInfo,
-      });
-      this.options = _.map(result.data, (item) => {
-        return {
-          value: _.get(item, "0"),
-          label: _.get(item, "1"),
-        };
-      });
-    },
-    onChange(curVal){
-      this.$emit("input", 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>
-