@zhijiancloud/bpm 0.0.6 → 0.0.8

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

@@ -1,124 +0,0 @@
-<template>
-  <div class="bpm-date-time-edit">
-    <el-date-picker
-      v-model="curVal"
-      :format="format"
-      :picker-options="pickerOptions"
-      :value-format="checkFormat"
-      :type="type"
-      :default-value="defaultVal"
-    >
-    </el-date-picker>
-  </div>
-</template>
-
-
-<script>
-import _ from "lodash";
-
-import Vue from "vue";
-
-import { DatePicker } from "element-ui";
-
-Vue.use(DatePicker);
-
-export default {
-  data() {
-    let that = this;
-    return {
-      curVal: "",
-      pickerOptions: {
-        disabledDate(date) {
-          return date.getTime() <= that.max && date.getTime() >= that.min;
-        },
-      },
-    };
-  },
-  props: ["value", "fieldConf", "row"],
-  watch: {
-    curVal(val) {
-      console.log("val", val, this.checkFormat)
-      this.$emit("input", val);
-    },
-    value(){
-        this.curVal = this.value
-    }
-  },
-  computed: {
-    type() {
-      let type = _.toLower(_.get(this.fieldConf, "type"));
-      return this.isMonth ? "month" : type;
-    },
-    isMonth() {
-      let rangeType = _.get(this.fieldConf, "range_type");
-      return rangeType == "C1M";
-    },
-    format() {
-      let format = _.get(this.fieldConf, "view.format")
-      if(format){
-        format = format.replaceAll('Y', 'y')
-        format = format.replaceAll('D', 'd')
-      }
-      return format
-    },
-    max() {
-      let date = this.analyzeLimit("tmax");
-      return date;
-    },
-    min() {
-      let date = this.analyzeLimit("tmin");
-      return date;
-    },
-    checkFormat() {
-      let format = _.get(this.fieldConf, "check.format")
-      if(format){
-        format = format.replaceAll('Y', 'y')
-        format = format.replaceAll('D', 'd')
-      }
-      return format;
-    },
-    defaultVal() {
-      return new Date();
-    }
-  },
-  mounted() {
-    this.curVal = this.value;
-  },
-  methods: {
-    analyzeLimit(type) {
-      let data = _.get(this.fieldConf, `check.${type}`);
-      if (!data) return;
-      let result = null;
-      let now = new Date().getTime();
-      switch (data.type) {
-        case "LimitDateOffset":
-          var delta = data.offset_days;
-          result = this.deltaToDate(now, delta);
-          break;
-        case "LimitDateOffsetByField":
-          var delta_1 = data.offset_days;
-          var value = this.value;
-          if (!value) return 0;
-          result = this.deltaToDate(value, delta_1);
-          break;
-        case "LimitDateByValue":
-          var date = data.value;
-          date = new Date(date).getTime();
-          this.deltaToDate(date, 0);
-          break;
-        default:
-          break;
-      }
-      return result;
-    },
-    deltaToDate(date, delta) {
-      // 获得 和今天的偏差天数对应的 date
-      date = new Date(date)
-      let days = date.getDate() + delta
-      date.setDate(days)
-      return date
-    }
-  },
-};
-</script>
-

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

@@ -1,55 +0,0 @@
-<template>
-  <span :title="dateTimeStr">{{ dateTimeStr }}</span>
-</template>
-
-<script>
-import _ from "lodash";
-import fecha from "fecha"
-import {isMobile} from "../../../utils"
-
-export default {
-  props: ["value", "fieldConf", "row"],
-  data() {
-    return {
-      dateTimeStr: "",
-    };
-  },
-  computed: {
-    format() {
-      let format = _.get(this.fieldConf, "view.format")
-      return format
-    },
-  },
-  watch: {
-    ["value"]() {
-      this.dateTimeStr = this.formatViewTime();
-    },
-  },
-  mounted() {
-    this.dateTimeStr = this.formatViewTime();
-  },
-  methods: {
-    formatViewTime() {
-      let time = this.value;
-      if (!time) return "";
-      if (_.isInteger(time)) {
-        let timeStr = _.toString(time);
-        if (timeStr.length != 13) time = time * 1000;
-      }
-      let timeStamp;
-      if (isMobile()) {
-        time = time.replace(/-/g, "/");
-        time = time.replace(/T/g, " ");
-        time = time.padEnd(10, "/01/01");
-        timeStamp = new Date(time).getTime();
-      } else {
-        timeStamp = new Date(time).getTime();
-      }
-
-      let formattedString = fecha.format(timeStamp, this.format);
-      return formattedString;
-    },
-    
-  },
-};
-</script>

package/components/lib/bpmField/index.js

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

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

@@ -1,176 +0,0 @@
-<template>
-  <component
-    v-if="curComponent"
-    class="bpm-field"
-    v-model="curVal"
-    :is="curComponent"
-    :type="type"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :uiType="uiType"
-    :formDefId="formDefId"
-    :orgInfo="orgInfo"
-    :clearable="clearable"
-    :disabled="disabled"
-    :isMultiple="isMul"
-    v-bind="$attrs" 
-    v-on="$listeners"
-  >
-  </component>
-</template>
-<script>
-import _ from "lodash";
-import BpmText from "../../bpmText";
-import BpmSelect from "../../bpmSelect";
-import BpmTime from "../../bpmTime";
-import BpmNumber from "../../bpmNumber";
-import BpmDateTime from "../../bpmDateTime";
-import BpmMulFile from "../../bpmMulFile";
-import BpmSelectCheckItem from "../../bpmSelectCheckItem";
-import BpmSelectFromField from "../../bpmSelectFromField";
-import BpmMulImage from "../../bpmMulImage";
-import BpmSelectFromForm from "../../bpmSelectFromForm";
-import BpmSelectFromId from "../../bpmSelectFromId";
-import BpmSubForm from '../../bpmSubForm';
-import BpmAudit from '../../bpmAudit';
-
-const bpmComponents = {
-  BpmText,
-  BpmSelect,
-  BpmTime,
-  BpmNumber,
-  BpmDateTime,
-  BpmMulFile,
-  BpmSelectCheckItem,
-  BpmSelectFromField,
-  BpmMulImage,
-  BpmSelectFromForm,
-  BpmSelectFromId,
-  BpmSubForm,
-  'BpmSignature': BpmMulImage,
-  'BpmSerialNumber': BpmText,
-  'BpmDate': BpmDateTime,
-  'BpmTextArea': BpmText,
-  'BpmMulSelect': BpmSelect,
-  'BpmStatus': BpmSelect,
-  'BpmMulImg': BpmMulFile,
-  'BpmMulSelectCheckItem': BpmSelectCheckItem,
-  'BpmMulSelectFromField': BpmSelectFromField,
-  'BpmSelectUser': BpmSelectFromField,
-  'BpmMulSelectUser': BpmSelectFromField,
-  'BpmSelectPartner': BpmSelectFromField,
-  'BpmMulSelectPartner': BpmSelectFromField,
-  'BpmSelectProject': BpmSelectFromField,
-  'BpmMulSelectProject': BpmSelectFromField,
-  'BpmSelectOrg': BpmSelectFromField,
-  'BpmMulSelectOrg': BpmSelectFromField,
-  'BpmMulSelectFromForm': BpmSelectFromForm,
-  'BpmMulSelectFromId': BpmSelectFromId,
-  'BpmMulSelectUrUser': BpmSelectFromField,
-  'BpmSelectUrUser': BpmSelectFromField,
-  'BpmSelectRootCategory': BpmSelectFromField,
-  'BpmMulSelectSort': BpmSelectCheckItem,
-  'BpmSelectSort': BpmSelectCheckItem,
-  'BpmXSubForm': BpmSubForm,
-  'BpmOrderSubform': BpmSubForm,
-  BpmAudit
-};
-
-export default {
-  name: "BpmField",
-  components: bpmComponents,
-  props: {
-    value: {
-      type: [String, Array, Number, Object],
-      
-    },
-    type: {
-      type: String,
-      default: 'Text'
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    row: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default: 'view' // view, edit
-    },
-    uiType: {
-      type: String,
-      default: 'default' // default,table,form,search
-    },
-    formDefId: {
-      type: String,
-      default: ''
-    },
-    orgInfo: {
-      type: Object,
-      default () {
-        return {
-          level: 'group', // group,team,project
-          level_id: 0,
-          group_id: 0
-        }
-      }
-    },
-    clearable: { // 仅对mode=edit有效
-      type: Boolean,
-      default: false
-    },
-    disabled: { // 仅对mode=edit有效
-      type: Boolean,
-      default: false
-    },
-    isMultiple: {
-      type: Boolean,
-      default() {
-        return false;
-      },
-    }
-  },
-  data () {
-    return {
-      curVal: ""
-    }
-  },
-  watch: {
-    curVal(val){
-      this.$emit("input", val)
-      this.$emit("change", val)
-    },
-    value(){
-      this.curVal = this.value
-    }
-  },
-  computed: {
-    curComponent() {
-      let componentType = _.get(this.fieldConf, "type");
-      if (!bpmComponents[`Bpm${componentType}`]) return
-      return `Bpm${componentType}`;
-    },
-    componentType(){
-      return _.get(this.fieldConf, "type")
-    },
-    isMul() {
-      let type = this.componentType
-      let isContainMul = type && type.indexOf("Mul") > -1;
-      return this.isMultiple || isContainMul
-    },
-  },
-  mounted () {
-    this.$bpm.env.form_name = this.formDefId
-    this.curVal = this.value
-    this.$bpm.orgInfo = this.orgInfo
-  }
-};
-</script>

package/components/lib/bpmMulFile/index.js

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

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

@@ -1,86 +0,0 @@
-<template>
-  <component
-    class="bpm-select"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :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: "BpmMulFile",
-  components: {
-    editorComponent,
-    readerComponent
-  },
-  props: {
-    value: {
-      // type: Array
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    row: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default() {
-        return "view";
-      },
-    },
-    uiType: {
-      type: String,
-      default() {
-        return "default";
-      },
-    },
-  },
-  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/bpmMulFile.less";
-</style>