widget.qw 1.0.50 → 1.0.52

package/build/style.css

@@ -1,36 +1,36 @@
-@charset "UTF-8";.widget[data-v-c9c18a98] {
+@charset "UTF-8";.widget[data-v-47d3612b] {
   text-align: center;
   padding: 15px 15px;
 }
-.memo[data-v-c9c18a98] {
+.memo[data-v-47d3612b] {
   margin-bottom: 15px;
 }
-.refuse-btn[data-v-c9c18a98] {
+.refuse-btn[data-v-47d3612b] {
   width: 120px;
   margin-right: 15px;
 }
-.pass-btn[data-v-c9c18a98] {
+.pass-btn[data-v-47d3612b] {
   width: 120px;
 }
-.apply-btn[data-v-c9c18a98] {
+.apply-btn[data-v-47d3612b] {
   width: 60vw;
 }
-.task-list[data-v-c9c18a98] {
+.task-list[data-v-47d3612b] {
   margin-top: 15px;
 }
-.task-title[data-v-c9c18a98] {
+.task-title[data-v-47d3612b] {
   font-size: 14px;
   font-weight: bold;
   color: #333;
   text-align: left;
 }
-.task-user[data-v-c9c18a98] {
+.task-user[data-v-47d3612b] {
   font-size: 13px;
   color: #666;
   text-align: left;
   margin-top: 5px;
 }
-.audit-title[data-v-c9c18a98] {
+.audit-title[data-v-47d3612b] {
   padding: 25px 15px 0 15px;
   font-size: 16px;
   font-weight: bold;

package/build/widget.qw.es.js

@@ -15766,7 +15766,7 @@ var lodash$1 = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash$1, lodash$1.exports);
 var lodash = lodash$1.exports;
-var AuditBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-c9c18a98] {\n  text-align: center;\n  padding: 15px 15px;\n}\n.memo[data-v-c9c18a98] {\n  margin-bottom: 15px;\n}\n.refuse-btn[data-v-c9c18a98] {\n  width: 120px;\n  margin-right: 15px;\n}\n.pass-btn[data-v-c9c18a98] {\n  width: 120px;\n}\n.apply-btn[data-v-c9c18a98] {\n  width: 60vw;\n}\n.task-list[data-v-c9c18a98] {\n  margin-top: 15px;\n}\n.task-title[data-v-c9c18a98] {\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  text-align: left;\n}\n.task-user[data-v-c9c18a98] {\n  font-size: 13px;\n  color: #666;\n  text-align: left;\n  margin-top: 5px;\n}\n.audit-title[data-v-c9c18a98] {\n  padding: 25px 15px 0 15px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #666;\n  text-align: left;\n}")();
+var AuditBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-47d3612b] {\n  text-align: center;\n  padding: 15px 15px;\n}\n.memo[data-v-47d3612b] {\n  margin-bottom: 15px;\n}\n.refuse-btn[data-v-47d3612b] {\n  width: 120px;\n  margin-right: 15px;\n}\n.pass-btn[data-v-47d3612b] {\n  width: 120px;\n}\n.apply-btn[data-v-47d3612b] {\n  width: 60vw;\n}\n.task-list[data-v-47d3612b] {\n  margin-top: 15px;\n}\n.task-title[data-v-47d3612b] {\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  text-align: left;\n}\n.task-user[data-v-47d3612b] {\n  font-size: 13px;\n  color: #666;\n  text-align: left;\n  margin-top: 5px;\n}\n.audit-title[data-v-47d3612b] {\n  padding: 25px 15px 0 15px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #666;\n  text-align: left;\n}")();
 var AuditBar_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "\n:root:root {\r\n  --van-popover-action-width: 70vw;\n}\r\n")();
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -15791,11 +15791,26 @@ const _hoisted_6$8 = {
 const _sfc_main$v = {
   __name: "AuditBar",
   props: {
-    processId: Number,
-    mouldId: Number,
-    userId: String,
-    form: Object,
-    process_detail: Function
+    processId: {
+      type: Number,
+      default: 0
+    },
+    mouldId: {
+      type: Number,
+      default: 0
+    },
+    userId: {
+      type: String,
+      default: ""
+    },
+    form: {
+      type: Object,
+      default: null
+    },
+    process_detail: {
+      type: Function,
+      default: null
+    }
   },
   emits: ["pass", "refuse", "apply", "auth"],
   setup(__props, {
@@ -15856,7 +15871,13 @@ const _sfc_main$v = {
       const params = {
         id: props.processId
       };
+      if (!util.process_detail)
+        return;
       const res = yield util.process_detail(params);
+      if (res.code != 200)
+        return;
+      if (params.processId != props.processId)
+        return;
       data2.process = res.data;
     });
     const queryStepAuth = () => __async(this, null, function* () {
@@ -15869,7 +15890,18 @@ const _sfc_main$v = {
         form: props.form
       };
       const res = yield util.process_step_auth(params);
+      if (res.code != 200)
+        return;
+      if (params.processId != props.processId)
+        return;
+      if (params.mouldId != props.mouldId)
+        return;
+      if (params.userId != props.userId)
+        return;
+      if (params.form != props.form && !params.form && props.form)
+        return;
       data2.stepAuth = res.data;
+      updateAuth();
     });
     const updateAuth = () => {
       let res = {};
@@ -15908,11 +15940,20 @@ const _sfc_main$v = {
         data2.canApply = false;
         return;
       }
-      let res = yield util.process_can_apply({
+      let params = {
         mouldId: props.mouldId,
         userId: props.userId,
         form: props.form
-      });
+      };
+      let res = yield util.process_can_apply(params);
+      if (res.code != 200)
+        return;
+      if (params.mouldId != props.mouldId)
+        return;
+      if (params.userId != props.userId)
+        return;
+      if (params.form != props.form && !params.form && props.form)
+        return;
       data2.canApply = res.data;
     });
     const formatTitle = (task) => {
@@ -15978,43 +16019,36 @@ const _sfc_main$v = {
         return "\u5BA1\u6279\u6D41\u7A0B:";
       }
     });
+    const refresh = () => __async(this, null, function* () {
+      yield queryDetail();
+      queryStepAuth();
+      updateCanApply();
+    });
     watch(() => props.userId, () => __async(this, null, function* () {
       if (!props.userId)
         return;
-      yield queryDetail();
-      yield queryStepAuth();
-      yield updateCanApply();
+      yield refresh();
     }), {
       immediate: true
     });
     watch(() => props.processId, () => __async(this, null, function* () {
-      yield queryDetail();
-      yield queryStepAuth();
-      yield updateCanApply();
+      yield refresh();
     }), {
       immediate: true
     });
     watch(() => props.mouldId, () => __async(this, null, function* () {
       if (!props.processId && !props.mouldId)
         return;
-      yield queryDetail();
-      yield queryStepAuth();
-      yield updateAuth();
-      yield updateCanApply();
+      yield refresh();
     }), {
       immediate: true
     });
     watch(() => JSON.stringify(props.form), () => __async(this, null, function* () {
       if (!data2.stepAuth)
         return;
-      yield queryDetail();
-      yield queryStepAuth();
-      yield updateAuth();
-      yield updateCanApply();
+      yield refresh();
     }), {
       immediate: true
-    }, {
-      deep: true
     });
     return (_ctx, _cache) => {
       const _component_van_field = resolveComponent("van-field");
@@ -16091,7 +16125,7 @@ const _sfc_main$v = {
     };
   }
 };
-var AuditBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c9c18a98"]]);
+var AuditBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-47d3612b"]]);
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const isDef = (val) => typeof val !== "undefined";

package/build/widget.qw.umd.js

@@ -15769,7 +15769,7 @@ var __async = (__this, __arguments, generator) => {
     }).call(commonjsGlobal);
   })(lodash$1, lodash$1.exports);
   var lodash = lodash$1.exports;
-  var AuditBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-c9c18a98] {\n  text-align: center;\n  padding: 15px 15px;\n}\n.memo[data-v-c9c18a98] {\n  margin-bottom: 15px;\n}\n.refuse-btn[data-v-c9c18a98] {\n  width: 120px;\n  margin-right: 15px;\n}\n.pass-btn[data-v-c9c18a98] {\n  width: 120px;\n}\n.apply-btn[data-v-c9c18a98] {\n  width: 60vw;\n}\n.task-list[data-v-c9c18a98] {\n  margin-top: 15px;\n}\n.task-title[data-v-c9c18a98] {\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  text-align: left;\n}\n.task-user[data-v-c9c18a98] {\n  font-size: 13px;\n  color: #666;\n  text-align: left;\n  margin-top: 5px;\n}\n.audit-title[data-v-c9c18a98] {\n  padding: 25px 15px 0 15px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #666;\n  text-align: left;\n}")();
+  var AuditBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-47d3612b] {\n  text-align: center;\n  padding: 15px 15px;\n}\n.memo[data-v-47d3612b] {\n  margin-bottom: 15px;\n}\n.refuse-btn[data-v-47d3612b] {\n  width: 120px;\n  margin-right: 15px;\n}\n.pass-btn[data-v-47d3612b] {\n  width: 120px;\n}\n.apply-btn[data-v-47d3612b] {\n  width: 60vw;\n}\n.task-list[data-v-47d3612b] {\n  margin-top: 15px;\n}\n.task-title[data-v-47d3612b] {\n  font-size: 14px;\n  font-weight: bold;\n  color: #333;\n  text-align: left;\n}\n.task-user[data-v-47d3612b] {\n  font-size: 13px;\n  color: #666;\n  text-align: left;\n  margin-top: 5px;\n}\n.audit-title[data-v-47d3612b] {\n  padding: 25px 15px 0 15px;\n  font-size: 16px;\n  font-weight: bold;\n  color: #666;\n  text-align: left;\n}")();
   var AuditBar_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "\n:root:root {\r\n  --van-popover-action-width: 70vw;\n}\r\n")();
   var _export_sfc = (sfc, props) => {
     const target = sfc.__vccOpts || sfc;
@@ -15794,11 +15794,26 @@ var __async = (__this, __arguments, generator) => {
   const _sfc_main$v = {
     __name: "AuditBar",
     props: {
-      processId: Number,
-      mouldId: Number,
-      userId: String,
-      form: Object,
-      process_detail: Function
+      processId: {
+        type: Number,
+        default: 0
+      },
+      mouldId: {
+        type: Number,
+        default: 0
+      },
+      userId: {
+        type: String,
+        default: ""
+      },
+      form: {
+        type: Object,
+        default: null
+      },
+      process_detail: {
+        type: Function,
+        default: null
+      }
     },
     emits: ["pass", "refuse", "apply", "auth"],
     setup(__props, {
@@ -15859,7 +15874,13 @@ var __async = (__this, __arguments, generator) => {
         const params = {
           id: props.processId
         };
+        if (!util.process_detail)
+          return;
         const res = yield util.process_detail(params);
+        if (res.code != 200)
+          return;
+        if (params.processId != props.processId)
+          return;
         data2.process = res.data;
       });
       const queryStepAuth = () => __async(this, null, function* () {
@@ -15872,7 +15893,18 @@ var __async = (__this, __arguments, generator) => {
           form: props.form
         };
         const res = yield util.process_step_auth(params);
+        if (res.code != 200)
+          return;
+        if (params.processId != props.processId)
+          return;
+        if (params.mouldId != props.mouldId)
+          return;
+        if (params.userId != props.userId)
+          return;
+        if (params.form != props.form && !params.form && props.form)
+          return;
         data2.stepAuth = res.data;
+        updateAuth();
       });
       const updateAuth = () => {
         let res = {};
@@ -15911,11 +15943,20 @@ var __async = (__this, __arguments, generator) => {
           data2.canApply = false;
           return;
         }
-        let res = yield util.process_can_apply({
+        let params = {
           mouldId: props.mouldId,
           userId: props.userId,
           form: props.form
-        });
+        };
+        let res = yield util.process_can_apply(params);
+        if (res.code != 200)
+          return;
+        if (params.mouldId != props.mouldId)
+          return;
+        if (params.userId != props.userId)
+          return;
+        if (params.form != props.form && !params.form && props.form)
+          return;
         data2.canApply = res.data;
       });
       const formatTitle = (task) => {
@@ -15981,43 +16022,36 @@ var __async = (__this, __arguments, generator) => {
           return "\u5BA1\u6279\u6D41\u7A0B:";
         }
       });
+      const refresh = () => __async(this, null, function* () {
+        yield queryDetail();
+        queryStepAuth();
+        updateCanApply();
+      });
       vue.watch(() => props.userId, () => __async(this, null, function* () {
         if (!props.userId)
           return;
-        yield queryDetail();
-        yield queryStepAuth();
-        yield updateCanApply();
+        yield refresh();
       }), {
         immediate: true
       });
       vue.watch(() => props.processId, () => __async(this, null, function* () {
-        yield queryDetail();
-        yield queryStepAuth();
-        yield updateCanApply();
+        yield refresh();
       }), {
         immediate: true
       });
       vue.watch(() => props.mouldId, () => __async(this, null, function* () {
         if (!props.processId && !props.mouldId)
           return;
-        yield queryDetail();
-        yield queryStepAuth();
-        yield updateAuth();
-        yield updateCanApply();
+        yield refresh();
       }), {
         immediate: true
       });
       vue.watch(() => JSON.stringify(props.form), () => __async(this, null, function* () {
         if (!data2.stepAuth)
           return;
-        yield queryDetail();
-        yield queryStepAuth();
-        yield updateAuth();
-        yield updateCanApply();
+        yield refresh();
       }), {
         immediate: true
-      }, {
-        deep: true
       });
       return (_ctx, _cache) => {
         const _component_van_field = vue.resolveComponent("van-field");
@@ -16094,7 +16128,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var AuditBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c9c18a98"]]);
+  var AuditBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-47d3612b"]]);
   const isClient = typeof window !== "undefined" && typeof document !== "undefined";
   typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
   const isDef = (val) => typeof val !== "undefined";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.50",
+  "version": "1.0.52",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/AuditBar.vue

@@ -34,11 +34,26 @@ import util from '../util'
 import lodash from 'lodash'
 
 const props = defineProps({
-  processId: Number,
-  mouldId: Number,
-  userId: String,
-  form: Object,
-  process_detail: Function,
+  processId: {
+    type: Number,
+    default: 0
+  },
+  mouldId: {
+    type: Number,
+    default: 0
+  },
+  userId: {
+    type: String,
+    default: ''
+  },
+  form: {
+    type: Object,
+    default: null
+  },
+  process_detail: {
+    type: Function,
+    default: null
+  }
 })
 const emit = defineEmits(['pass', 'refuse', 'apply', 'auth'])
 const data = reactive({
@@ -106,7 +121,19 @@ const queryDetail = async () => {
   const params = {
     id: props.processId
   }
+
+  if (!util.process_detail)
+    return
+
   const res = await util.process_detail(params)
+  if (res.code != 200)
+    return
+
+  //防止网络请求先发后返回
+  //参数变化时,扔掉返回
+  if (params.processId != props.processId)
+    return
+
   data.process = res.data
 }
 
@@ -121,7 +148,26 @@ const queryStepAuth = async () => {
     form: props.form
   }
   const res = await util.process_step_auth(params)
+  if (res.code != 200)
+    return
+
+  //防止网络请求先发后返回
+  //参数变化时,扔掉返回
+  if (params.processId != props.processId)
+    return
+
+  if (params.mouldId != props.mouldId)
+    return
+
+  if (params.userId != props.userId)
+    return
+
+  if (params.form != props.form && !params.form && props.form)
+    return
+
   data.stepAuth = res.data
+
+  updateAuth()
 }
 
 const updateAuth = () => {
@@ -168,16 +214,30 @@ const getAuth = (fieldAuth) => {
 }
 
 const updateCanApply = async () => {
-  if (props.processId){
+  if (props.processId) {
     data.canApply = false
     return
   }
 
-  let res = await util.process_can_apply({
+  let params = {
     mouldId: props.mouldId,
     userId: props.userId,
     form: props.form
-  })
+  }
+  let res = await util.process_can_apply(params)
+  if (res.code != 200)
+    return
+
+  //防止网络请求先发后返回
+  //参数变化时,扔掉返回
+  if (params.mouldId != props.mouldId)
+    return
+
+  if (params.userId != props.userId)
+    return
+
+  if (params.form != props.form && !params.form && props.form)
+    return
 
   data.canApply = res.data
 }
@@ -250,42 +310,35 @@ const formatProcessTitle = computed(() => {
   }
 })
 
-watch(() => props.userId, async() => {
+const refresh = async() => {
+  await queryDetail()
+  queryStepAuth()
+  updateCanApply()
+}
+
+watch(() => props.userId, async () => {
   if (!props.userId)
     return
 
-  await queryDetail()
-  await queryStepAuth()
-  await updateCanApply()
+  await refresh()
 }, { immediate: true })
 
-watch(() => props.processId, async() => {
-  await queryDetail()
-  await queryStepAuth()
-  await updateCanApply()
+watch(() => props.processId, async () => {
+  await refresh()
 }, { immediate: true })
 
 watch(() => props.mouldId, async () => {
   if (!props.processId && !props.mouldId)
     return
-
-  await queryDetail()
-  await queryStepAuth()
-  await updateAuth()
-  await updateCanApply()
+  await refresh()
 }, { immediate: true })
 
 watch(() => JSON.stringify(props.form), async () => {
   if (!data.stepAuth)
     return
 
-  await queryDetail()
-  await queryStepAuth()
-  await updateAuth()
-  await updateCanApply()
-}, { immediate: true }, {
-  deep: true
-})
+  await refresh()
+}, { immediate: true })
 </script>
 
 <style lang="scss" scoped>