@zhijiancloud/bpm 0.0.7 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhijiancloud/bpm",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "智建云BPM组件库",
   "author": "zhijiancloud",
   "license": "MIT",
@@ -15,11 +15,9 @@
   },
   "main": "dist/index.umd.js",
   "files": [
-    "dist",
-    "components"
+    "dist"
   ],
   "dependencies": {
-    "@antv/g6": "^4.8.24",
     "@zhijiancloud/bpm-base": "^0.0.3",
     "ajv": "^8.12.0",
     "axios": "^1.6.2",
@@ -39,6 +37,7 @@
     "vue-router": "^3.5.1"
   },
   "devDependencies": {
+    "@antv/g6": "^4.8.24",
     "@babel/core": "^7.12.16",
     "@babel/eslint-parser": "^7.12.16",
     "@vue/cli-plugin-babel": "~5.0.0",

package/components/api/batch-loader.js

@@ -1,61 +0,0 @@
-import _ from 'lodash'
-
-class BatchLoader {
-  constructor(fnBatchLoad, options={}){
-      this._fnBatchLoad = fnBatchLoad
-      this._options = options
-      this._queue = []
-  }
-
-  async load(key){
-      let results = await this.loads(key)
-      return _.get(results, "0")
-  }
-
-
-  loads(...keys){
-      let promise = new Promise((resolve, reject)=>{
-          this._queue.push({
-              keys,
-              resolve,
-              reject
-          })
-
-          if(this._queue.length == 1){
-              this.nextTick(()=>{
-                  this.process()
-              })
-          }
-      })
-      return promise
-  }
-
-  nextTick(fn){
-      setTimeout(fn, 0);
-  }
-
-  process(){
-      let queue = this._queue
-      this._queue = []
-      let resultMap = {}
-      _.each(queue, item=> {
-          _.each(item.keys, key => resultMap[key] = null)
-      })
-      
-      let uniqueKeys = _.keys(resultMap)
-      this._fnBatchLoad(uniqueKeys).then(results=>{
-          
-          _.each(uniqueKeys, (key, i)=>{
-              resultMap[key] = results[i]
-          })
-          _.each(queue, ({keys, resolve})=>{
-              let results = _.map(keys, key => resultMap[key])
-              resolve(results)
-          })
-      }).catch(error=>{
-          _.each(queue, ({reject})=> reject(error))
-      })
-  }
-}
-
-export default BatchLoader

package/components/api/index.js

@@ -1,108 +0,0 @@
-import { isMobile } from '../lib/utils.js'
-import BatchLoader from './batch-loader.js'
-
-// TODO 待去除对$bpm的依赖
-const requestAppendOrgParams = async (reqArgs, vm$bpm, orgInfo) => {
-  console.log("netHeader", vm$bpm.netHeader)
-  // let startTime = new Date().getTime()
-  vm$bpm.networking = true
-  if (vm$bpm.netHeader) reqArgs.headers = {
-      common: vm$bpm.netHeader
-  }
-  reqArgs.params = _.merge({}, reqArgs.params, orgInfo)
-  if (vm$bpm.env.ignore_levels) {
-      _.set(reqArgs.params, "ignore_levels", true)
-  }
-
-  if (isMobile()) {
-      let token = zj.utils.pageParam().token
-      reqArgs.params = _.merge({
-          token,
-          platform: 'phone'
-      }, reqArgs.params)
-  }
-  reqArgs.isSilentOnErr = (res) => {
-      let result = _.get(res, "data.result")
-      if (result >= 19000000 || result <= 19999999) return true
-      return false
-  }
-  let res = await zj.net.request(reqArgs)
-  // TODO gio埋点
-  // let endTime = new Date().getTime()
-  // let diff = endTime - startTime
-  // gio('track', 'getInterfaceTime', {
-  //     interface_time: diff,
-  //     interface_path: reqArgs.path
-  // });
-
-  vm$bpm.networking = false
-  return res
-}
-
-const batchLoaderMap = {}
-
-export default {
-  assistSelectEntranceForm: {
-    getListDefinition (vm$bpm, {formDefId, fieldDefId, orgInfo, isDm}) {
-      let url = isDm ?
-        `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_definition/` :
-        `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_definition/`
-      return requestAppendOrgParams({
-        url: url,
-        method: 'GET'
-      }, vm$bpm, orgInfo)
-    },
-    getOptions (vm$bpm, {formDefId, fieldDefId, orgInfo, isDm}, params) {
-      return requestAppendOrgParams({
-        url: `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_search/`,
-        method: 'GET',
-        params: params
-      }, vm$bpm, orgInfo)
-    },
-    getListSelected (vm$bpm, {formDefId, fieldDefId, orgInfo, isDm}, params) {
-      return requestAppendOrgParams({
-        url: `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_selected/`,
-        method: 'GET',
-        params: params
-      }, vm$bpm, orgInfo)
-    }
-  },
-
-  assistField: {
-    // 沿用原命名，换取id值对应的名称
-    getBatchLoader (vm$bpm, {formDefId, fieldDefId, orgInfo, uniqueId}) {
-      // loader区分key
-      const key = `${formDefId}/${fieldDefId}`
-      const loader = batchLoaderMap[key] || new BatchLoader(async (values) => {
-        console.log('assist_field/list_title requeset is call')
-        
-        let url = `/app_flow/v1/papi/assist_field/${formDefId}/${fieldDefId}/list_title/`
-
-        const res = await requestAppendOrgParams({
-          url: url,
-          method: 'GET',
-          params: {
-            values: JSON.stringify(values)
-          },
-        }, vm$bpm, orgInfo)
-        const valueLabelMap = _.get(res, 'data.data.data', {})
-        let result = []
-        _.map(values, value => {
-          if (uniqueId) {
-            value = JSON.parse(value)
-            value = _.get(value, `${uniqueId}`)
-            result = _.concat(result, valueLabelMap[value])
-          } else {
-            result = _.concat(result, valueLabelMap[value])
-          }
-        })
-
-        return result
-      })
-
-      batchLoaderMap[key] = loader
-
-      return loader
-    },
-  },
-}

package/components/css/bpmAudit.less

@@ -1,13 +0,0 @@
-.bpm-audit{
-        .aduit-result-title{
-        padding: 0px 10px;
-        border-radius: 8px;
-        overflow: hidden;
-        line-height: 25px;
-        height: 25px;
-        box-sizing: border-box;
-        display: inline-block;
-        vertical-align: middle;
-  }
-}
-

package/components/css/bpmMulFile.less

@@ -1,62 +0,0 @@
-.bpm-mul-file-reader, .bpm-mul-file-edit, .bpm-mul-image-reader, .bpm-mul-image-edit{
-    .file-box{
-        overflow: hidden;
-        margin-top: 10px;
-        // max-width: 360px;
-        padding: 0 6px;
-        display: flex;
-        align-items: center;
-
-        &:hover{
-            background: #EFF2F7;
-            border-radius: 4px;
-        }
-        &>*{
-            float: left;
-        }
-        .file-content{
-            height: 20px;
-            margin-top: 5px;
-            
-        }
-        .file-link{
-            margin-top: 5px;
-            margin-left: 5px;
-            // max-width: 266px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-    .file-remove, .operation-box{
-        // float: right;
-        flex-shrink: 0;
-        font-weight: 400;
-        width: 94px;
-        font-size: 12px;
-        color: #246AE3;
-        line-height: 14px;
-        margin: 10px 0 0 20px;
-        cursor: pointer;
-        
-    }
-
-}
-.bpm-mul-file-reader, .bpm-mul-image-reader{
-    .text-faded{
-        margin-top: 4px;
-    }
-    .file-icon{
-        // height: 20px;
-        // margin-top: 4px;
-    }
-}
-img{
-    display: block;
-    height: 100%;
-    width: auto;
-}
-
-.viewer-container{
-    z-index: 10000!important;
-}

package/components/css/bpmSelectCheckItem.less

@@ -1,4 +0,0 @@
-.el-select-dropdown__item.hover, .el-select-dropdown__item:hover
-{
-    background: none!important;
-}

package/components/css/bpmSelectEntranceForm.less

@@ -1,62 +0,0 @@
-.bpm-select-entrance-form {
-  .main-wrap {
-    position: relative;
-    // padding-top: 40px;
-  }
-  .search-wrap {
-    position: sticky;
-    top: 0;
-    left: 0;
-    right: 0;
-    margin-bottom: 10px;
-    z-index: 99;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-  }
-
-  .select-option-card {
-    margin-bottom: 10px;
-
-    .card-body-content {
-      color: #333;
-      font-size: 14px;
-    }
-    .label {
-      color: #848484;
-      width: 120px;
-      display: inline-block;
-    }
-  }
-  
-  .edit-list {
-    // 不知道为啥有个font-size:0;导致卡片标题不显示
-    .el-checkbox-group {
-      font-size: 14px;
-    }
-    &-item {
-      display: flex;
-      align-items: center;
-      
-      .checkbox {
-        margin-bottom: 10px;
-      }
-      .select-option-card {
-        flex: 1;
-      }
-    }
-  }
-
-  .footer {
-    display: flex;
-    justify-content: space-between;
-
-    .subtext {
-      color: #666;
-      margin-left: 16px;
-    }
-    .width-button {
-      min-width: 150px;
-    }
-  }
-}

package/components/css/bpmSelectFromForm.less

@@ -1,10 +0,0 @@
-.bpm-select-from-form-box{
-    list-style: none;
-    padding: 0;
-    padding: 10px 0;
-    .form-item{
-        list-style: none;
-        margin-bottom: 10px;
-
-    }
-}

package/components/css/bpmSelectFromId.less

@@ -1,33 +0,0 @@
-
-    .select-box{
-        display: flex;
-        .select-box-left{
-            width: 200px;
-            .title{
-                margin-bottom: 10px;
-            }
-        }
-        .select-box-right{
-            flex: 1;
-            padding-left: 20px;
-            .title{
-                margin-bottom: 10px;
-            }
-        }
-    } 
-    .select-app,.select-app-item, .select-form, .select-form-item{
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        margin-bottom: 10px;
-    }  
-    .select-app, .select-form{
-        padding: 10px;
-        .select-app-item{
-            cursor: pointer;
-        }
-    }
-
-    .select-app-item.active{
-        color: #409EFF;
-    }

package/components/css/bpmSelectHouseOwner.less

@@ -1,30 +0,0 @@
-.bpm-autocomplete {
-    width: 100%;
-
-    .el-input__inner {
-        font-size: 16px;
-        padding: 0;
-        border: 0 none;
-        border-bottom: 1px solid #BDBDBD;
-        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    }
-}
-
-.select-house-owner{
-    position: relative;
-}
-.select-house-owner::after{
-    content: "业主手机号";
-    position: absolute;
-    left: 31px;
-    top: 56px;
-    font-size: 16px;
-    color: #999999;
-    word-break: break-word;
-}
-.mobile{
-    .select-house-owner::after{
-        color: #666;
-    }
-   
-}

package/components/css/bpmSignature.less

@@ -1,40 +0,0 @@
-.bpm-signature {
-  // view
-  .signature-reader {
-    height: 320px;
-  }
-  .canvas-box {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 220px;
-    border: 1px dashed #c9c5c5;
-    overflow: hidden;
-    canvas {
-      flex: 1;
-      cursor: crosshair;
-    }
-    // edit
-    .signature-reader {
-      height: 100%;
-      flex: 1;
-    }
-  }
-  .action-wrap {
-    padding: 6px 0;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-.desktop {
-  .bpm-signature .canvas-box {
-    height: 320px;
-    max-width: 100%;
-  }
-}
-.mobile{
-  .bpm-signature .sign-next-use{
-    font-size: 12px;
-    margin-bottom: 3px;
-  }
-}

package/components/css/bpmText.less

@@ -1,39 +0,0 @@
-
-.bpm-text-edit{
-    .prefab-words {
-    padding-top: 10px;
-    ul,
-    li {
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-  
-    ul {
-      overflow: hidden;
-      margin-top: 5px;
-    }
-  
-    li {
-      float: left;
-      min-height: 28px;
-      line-height: 28px;
-      cursor: pointer;
-      min-width: 50px;
-      font-size: 14px;
-      padding: 0 10px;
-      margin-right: 10px;
-      border: 1px solid #DCDCDC;
-      border-radius: 100px;
-      color: #666666;
-      text-align: center;
-      margin-bottom: 5px;
-    }
-  
-    li.active {
-      background: #1EAAD0;
-      border: 1px solid #1EAAD0;
-      color: #fff;
-    }
-  }
-  }

package/components/css/common.less

@@ -1,43 +0,0 @@
-// reset
-ul, li {
-  margin: 0;
-  padding: 0;
-}
-
-
-.typing_loader {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  animation: typing 1s linear infinite alternate;
-}
-
-@keyframes typing {
-  0% {
-    background-color: rgba(136,136,136, 1);
-    box-shadow: 12px 0px 0px 0px rgba(136,136,136,0.2), 
-                24px 0px 0px 0px rgba(136,136,136,0.2);
-  }
-  25% { 
-    background-color: rgba(136,136,136, 0.4);
-    box-shadow: 12px 0px 0px 0px rgba(136,136,136,2), 
-                24px 0px 0px 0px rgba(136,136,136,0.2);
-  }
-  75% { 
-    background-color: rgba(136,136,136, 0.4);
-    box-shadow: 12px 0px 0px 0px rgba(136,136,136,0.2), 
-                24px 0px 0px 0px rgba(136,136,136,1);
-  }
-}
-
-// 状态的样式
-.bpm-status_tag-status {
-  color: #fff;
-  font-size: 13px;
-  line-height: 1.2;
-  padding: 5px 8px;
-  border-radius: 10px;
-  background: #888;
-  display: inline-block;
-}

package/components/css/demo.less

@@ -1,3 +0,0 @@
-.m-demo{
-    color: red;
-}

package/components/css/demo2.less

@@ -1,3 +0,0 @@
-.m-demo{
-    color: red;
-}

package/components/css/index.less

@@ -1,8 +0,0 @@
-@import "./common.less";
-@import './demo.less';
-@import './demo2.less';
-@import './bpmText.less';
-@import './bpmMulFile.less';
-@import "./bpmSelectEntranceForm.less";
-@import "./bpmSignature.less";
-@import "./bpmAudit.less";

package/components/lib/bpmAudit/index.js

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

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

@@ -1,117 +0,0 @@
-<template>
-    <component
-    class="bpm-audit"
-    v-model="curVal"
-    :is="curComponent"
-    :fieldConf="fieldConf"
-    :row="row"
-    :mode="mode"
-    :uiType="uiType"
-    v-bind="$attrs"
-    v-on="$listeners"
-    @change="onChange"
-    :container="container"
-  >
-  </component>
-  
-</template>
-<script>
-import editorComponent from "./part/editor.vue";
-import readerComponent from "./part/reader.vue";
-import auditorComponent from "./part/auditor.vue";
-
-export default {
-  name: "BpmAudit",
-  components: {
-    editorComponent,
-    readerComponent,
-    auditorComponent
-  },
-  props: {
-    value: {
-      type: [Object]
-    },
-    fieldConf: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    row: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    mode: {
-      type: String,
-      default() {
-        return "view";
-      },
-    },
-    uiType: {
-      type: String,
-      default() {
-        return "default";
-      },
-    },
-     container: {
-      type: [Object,null],
-      default () {
-        return null
-      }
-    },
-  },
-  computed: {
-    curComponent() {
-      if (this.mode == "view") {
-        return readerComponent;
-      } else {
-        if(this.uiType == 'audit'){
-            return auditorComponent
-        }else{
-            return readerComponent;
-        }
-      }
-    },
-  },
-  data() {
-    return {
-      curVal: {},
-    };
-  },
-  watch: {
-    value() {
-      this.curVal = this.value;
-    },
-  },
-  mounted() {
-    this.curVal = this.value;
-  },
-  methods: {
-    onChange(val){
-      console.log("onChange", _.cloneDeep(val))
-      this.$emit("input", val);
-      this.$emit("change", val);
-    }
-  }
-};
-</script>
-
-<style lang="less">
-.bpm-audit{
-  .audit-editor,.audit-reader{
-        .aduit-result{
-      padding: 0px 10px;
-      border-radius: 8px;
-      overflow: hidden;
-      line-height: 25px;
-      height: 25px;
-      box-sizing: border-box;
-      display: inline-block;
-      vertical-align: middle;
-  }
-  }
-}
-
-</style>