@ailaw/venus 0.3.16 → 0.3.17

package/dist/venus.es.js

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref as ref$1, watch, computed, toRefs as toRefs$1, shallowRef, onMounted } from "vue-demi";
+import { defineComponent, ref as ref$1, watch, computed, toRefs as toRefs$1, shallowRef } from "vue-demi";
 import { Select, Modal, Form, Input, Checkbox, Divider, Button, Tag, Tooltip, Upload, Row, Col, Radio, Table, Badge, Card, message } from "ant-design-vue";
-import { useQuery, useResult, useMutation } from "@vue/apollo-composable";
+import { useQuery, useResult, useMutation, useApolloClient } from "@vue/apollo-composable";
 import gql from "graphql-tag";
 import { path, uniqBy, prop } from "ramda";
 import "vue";
@@ -2227,18 +2227,25 @@ var __vue2_script$5 = defineComponent({
         key: "taskName",
         scopedSlots: { customRender: "taskName" }
       },
+      {
+        title: t("message.assignee"),
+        dataIndex: "isEmployee",
+        key: "isEmployee",
+        width: 120,
+        scopedSlots: { customRender: "isEmployee" }
+      },
       {
         title: t("message.tag"),
         dataIndex: "tagList",
         key: "tagList",
-        width: 250,
+        width: 120,
         scopedSlots: { customRender: "tagList" }
       },
       {
         title: "Operation",
         dataIndex: "id",
         key: "id",
-        width: 225,
+        width: 210,
         scopedSlots: { customRender: "operation" }
       }
     ];
@@ -2256,7 +2263,9 @@ var render$5 = function() {
   return _c("div", [_c("ant-table", { attrs: { "dataSource": _vm.dataSource, "rowKey": "id", "columns": _vm.columns, "pagination": _vm.pagination, "loading": _vm.loading }, on: { "change": function($event) {
     return _vm.$emit("changePagination", $event);
   } }, scopedSlots: _vm._u([{ key: "taskName", fn: function(text, record) {
-    return _c("span", {}, [_c("span", { staticStyle: { "display": "inline-block", "width": "250px" } }, [_vm._v(_vm._s(text))]), _c("assignee-tag", { attrs: { "assignee-type": record.isEmployee } })], 1);
+    return _c("span", {}, [_c("span", { staticStyle: { "display": "inline-block", "width": "250px" } }, [_vm._v(_vm._s(text))])]);
+  } }, { key: "isEmployee", fn: function(isEmployee) {
+    return _c("span", {}, [_c("assignee-tag", { attrs: { "assignee-type": isEmployee } })], 1);
   } }, { key: "tagList", fn: function(tags) {
     return [_c("tags-with-tooltip", { attrs: { "tags": tags } })];
   } }, { key: "operation", fn: function(_, record) {
@@ -2272,7 +2281,7 @@ var render$5 = function() {
 var staticRenderFns$5 = [];
 var TaskTablePure_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "4d629a0a", null, null);
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "cbdc9a40", null, null);
 function __vue2_injectStyles$5(context) {
   for (let o in __cssModules$5) {
     this[o] = __cssModules$5[o];
@@ -2284,12 +2293,18 @@ var TaskTablePure = /* @__PURE__ */ function() {
 var useSearchTaskTemplates = (pagination, conditions = ref$1({}), lawFirmId) => {
   const startIndex = computed(() => (pagination.value.current - 1) * pagination.value.pageSize);
   const endIndex = computed(() => startIndex.value + pagination.value.pageSize);
+  watch(() => conditions.value, () => {
+    pagination.value.current = 1;
+    pagination.value.total = 0;
+  });
   return useQuery(SearchTaskTemplatesQuery, () => ({
     query: {
       includeGallery: true,
       keywords: conditions.value.keywords || "",
       isEmployee: conditions.value.isEmployee,
-      taskTemplateId: conditions.value.taskTemplateId
+      taskTemplateId: conditions.value.taskTemplateId,
+      sortBy: TaskTemplateSortBy.name,
+      sortOrder: SortOrder.asc
     },
     startIndex: startIndex.value,
     endIndex: endIndex.value,
@@ -2360,11 +2375,11 @@ var useSearchTaskConditions = () => ref$1({
 var useTaskTemplateTableData = (props, emit) => {
   const initialPagination = ref$1({
     current: 1,
-    pageSize: props.pageSize || 6,
+    pageSize: props.pageSize || 10,
     total: 0
   });
   const { conditions = useSearchTaskConditions(), addedTasks = ref$1([]) } = toRefs$1(props);
-  const { result, loading, refetch } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId);
+  const { result, loading, refetch, variables } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId);
   const dataSource = computed(() => {
     var _a;
     return ((_a = result.value) == null ? void 0 : _a.taskTemplateSearch.taskTemplateList) || [];
@@ -2391,7 +2406,8 @@ var useTaskTemplateTableData = (props, emit) => {
     loading,
     refetch,
     conditions,
-    addedTasks
+    addedTasks,
+    variables
   };
 };
 var __vue2_script$4 = defineComponent({
@@ -2422,6 +2438,7 @@ var __vue2_script$4 = defineComponent({
       refetch,
       dataSource,
       pagination,
+      variables,
       changePagination,
       addTask,
       editTask,
@@ -2436,7 +2453,8 @@ var __vue2_script$4 = defineComponent({
       changePagination,
       addTask,
       editTask,
-      removeTask
+      removeTask,
+      variables
     };
   }
 });
@@ -2451,7 +2469,7 @@ var render$4 = function() {
 var staticRenderFns$4 = [];
 var TaskTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "1967a3da", null, null);
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "36a91f4e", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -2489,17 +2507,23 @@ var __vue2_script$3 = defineComponent({
     },
     pageSize: {
       type: Number
+    },
+    openReviewButtonText: {
+      type: String,
+      default: "Review and add to template"
     }
   },
   setup(props, { emit }) {
-    const taskTable = ref$1(null);
+    const taskTable = ref$1();
     const conditions = useSearchTaskConditions();
     const currentComponent = shallowRef(props.showPage ? Card : Modal);
     const editAction = (record) => {
       emit("edit", record);
     };
+    const getVariables = () => taskTable.value.variables;
     return {
       editAction,
+      getVariables,
       taskTable,
       conditions,
       AssigneeTypes,
@@ -2518,7 +2542,7 @@ var render$3 = function() {
       return _vm.$emit("update:visible", false);
     } } }, [_vm._v("Cancel ")]), _c("ant-badge", { attrs: { "count": _vm.addedTasks.length } }, [_c("ant-button", { attrs: { "disabled": _vm.addedTasks.length === 0, "type": "primary" }, on: { "click": function($event) {
       return _vm.$emit("update:reviewModalVisible", true);
-    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.reviewTasks")) + " ")])], 1)];
+    } } }, [_vm._v(" " + _vm._s(_vm.openReviewButtonText) + " ")])], 1)];
   }, proxy: true }]) }, [_c("task-template-filter", { attrs: { "show-task-home-page-link": true, "task-setting-page-url": _vm.taskSettingPageUrl, "conditions": _vm.conditions, "inline": !!_vm.showPage }, on: { "update:conditions": function($event) {
     _vm.conditions = $event;
   }, "update:newTaskVisible": function($event) {
@@ -2540,7 +2564,7 @@ var render$3 = function() {
 var staticRenderFns$3 = [];
 var MainModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "361a725f", null, null);
+var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "08dd7b2c", null, null);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -2747,6 +2771,10 @@ var __vue2_script$1 = defineComponent({
       type: String,
       default: "Add"
     },
+    openReviewButtonText: {
+      type: String,
+      default: "Review and add to template"
+    },
     showSendEmail: {
       type: Boolean,
       default: false
@@ -2771,6 +2799,7 @@ var __vue2_script$1 = defineComponent({
     }
   },
   setup(props, { emit }) {
+    const { client } = useApolloClient();
     const mainModal = ref$1();
     const reviewModal = ref$1();
     const newTaskVisible = ref$1(false);
@@ -2779,41 +2808,51 @@ var __vue2_script$1 = defineComponent({
     const updateTemplate = useMutateTaskTemplate();
     const createTemplate = useCreateTaskTemplate();
     const addedTasks = ref$1([]);
-    onMounted(() => {
-      const { value, lawFirmId } = props;
-      if (!value.length)
-        return;
-      const conditions = ref$1({
-        taskTemplateId: value
-      });
-      const { result } = useSearchTaskTemplates(ref$1({ current: 1, pageSize: 1e3, total: 0 }), conditions, lawFirmId);
-      watch(() => result.value, () => {
-        var _a, _b;
-        addedTasks.value = ((_b = (_a = result.value) == null ? void 0 : _a.taskTemplateSearch) == null ? void 0 : _b.taskTemplateList) || [];
-      });
-    });
     watch(() => newTaskVisible.value, (visible) => {
       if (!visible) {
         tempTask.value = defaultTaskTemplate;
       }
     });
+    const updateReviewModalContent = (record, newRecord) => {
+      if (reviewModalVisible.value) {
+        const newValue = addedTasks.value.map((originTask) => {
+          if (originTask.id === record.taskTemplateId) {
+            return newRecord;
+          }
+          return originTask;
+        });
+        emit("update:value", newValue.map(({ id }) => id));
+      }
+    };
     const _submit = async (record) => {
+      const variables = mainModal.value.getVariables();
+      const existed = client.readQuery({
+        query: SearchTaskTemplatesQuery,
+        variables
+      });
       const {
         newRecord,
         success
       } = await submit(record, updateTemplate, createTemplate);
       if (success) {
+        client.writeQuery({
+          query: SearchTaskTemplatesQuery,
+          data: {
+            taskTemplateSearch: __spreadProps(__spreadValues({}, existed.taskTemplateSearch), {
+              taskTemplateList: existed.taskTemplateSearch.taskTemplateList.map((record2) => {
+                if (record2.id === newRecord.id) {
+                  return __spreadProps(__spreadValues({}, newRecord), {
+                    isGallery: record2.isGallery
+                  });
+                }
+                return record2;
+              })
+            })
+          },
+          variables
+        });
         newTaskVisible.value = false;
-        mainModal.value.taskTable.refetch();
-        if (reviewModalVisible.value) {
-          const newValue = addedTasks.value.map((originTask) => {
-            if (originTask.id === record.taskTemplateId) {
-              return newRecord;
-            }
-            return originTask;
-          });
-          emit("update:value", newValue.map(({ id }) => id));
-        }
+        updateReviewModalContent(record, newRecord);
       }
     };
     const submitting = computed(() => updateTemplate.loading.value || createTemplate.loading.value);
@@ -2840,10 +2879,14 @@ var render$1 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { attrs: { "id": "venus-component-task-cart" } }, [_c("main-modal", { ref: "mainModal", attrs: { "task-setting-page-url": _vm.taskSettingPageUrl, "tempTask": _vm.tempTask, "newTaskVisible": _vm.newTaskVisible, "reviewModalVisible": _vm.reviewModalVisible, "added-tasks": _vm.addedTasks, "law-firm-id": _vm.lawFirmId, "visible": _vm.visible, "show-page": _vm.pageMode, "page-size": _vm.pageSize }, on: { "update:tempTask": function($event) {
+  return _c("div", { attrs: { "id": "venus-component-task-cart" } }, [_c("main-modal", { ref: "mainModal", attrs: { "visible": _vm.visible, "show-page": _vm.pageMode, "page-size": _vm.pageSize, "law-firm-id": _vm.lawFirmId, "tempTask": _vm.tempTask, "added-tasks": _vm.addedTasks, "newTaskVisible": _vm.newTaskVisible, "task-setting-page-url": _vm.taskSettingPageUrl, "reviewModalVisible": _vm.reviewModalVisible, "open-review-button-text": _vm.openReviewButtonText }, on: { "update:tempTask": function($event) {
     _vm.tempTask = $event;
   }, "update:temp-task": function($event) {
     _vm.tempTask = $event;
+  }, "update:addedTasks": function($event) {
+    _vm.addedTasks = $event;
+  }, "update:added-tasks": function($event) {
+    _vm.addedTasks = $event;
   }, "update:newTaskVisible": function($event) {
     _vm.newTaskVisible = $event;
   }, "update:new-task-visible": function($event) {
@@ -2852,37 +2895,33 @@ var render$1 = function() {
     _vm.reviewModalVisible = $event;
   }, "update:review-modal-visible": function($event) {
     _vm.reviewModalVisible = $event;
-  }, "update:addedTasks": function($event) {
-    _vm.addedTasks = $event;
-  }, "update:added-tasks": function($event) {
-    _vm.addedTasks = $event;
-  }, "update:visible": function($event) {
+  }, "edit": _vm.showEdit, "update:visible": function($event) {
     return _vm.$emit("update:visible", $event);
-  }, "edit": _vm.showEdit }, scopedSlots: _vm._u([{ key: "default", fn: function(ref2) {
+  } }, scopedSlots: _vm._u([{ key: "default", fn: function(ref2) {
     var loading = ref2.loading;
     var dataSource = ref2.dataSource;
     var pagination = ref2.pagination;
     var changePagination = ref2.changePagination;
     return [_vm._t("table", null, { "loading": loading, "dataSource": dataSource, "pagination": pagination, "changePagination": changePagination })];
-  } }], null, true) }), _c("review-modal", { ref: "reviewModal", attrs: { "tempTask": _vm.tempTask, "visible": _vm.reviewModalVisible, "newTaskVisible": _vm.newTaskVisible, "added-tasks": _vm.addedTasks, "review-text": _vm.reviewText, "showSendEmail": _vm.showSendEmail, "sendEmail": _vm.sendEmail, "allow-clear": _vm.allowClear }, on: { "update:tempTask": function($event) {
+  } }], null, true) }), _c("review-modal", { ref: "reviewModal", attrs: { "sendEmail": _vm.sendEmail, "allow-clear": _vm.allowClear, "tempTask": _vm.tempTask, "review-text": _vm.reviewText, "added-tasks": _vm.addedTasks, "showSendEmail": _vm.showSendEmail, "visible": _vm.reviewModalVisible, "newTaskVisible": _vm.newTaskVisible }, on: { "update:tempTask": function($event) {
     _vm.tempTask = $event;
   }, "update:temp-task": function($event) {
     _vm.tempTask = $event;
+  }, "update:addedTasks": function($event) {
+    _vm.addedTasks = $event;
+  }, "update:added-tasks": function($event) {
+    _vm.addedTasks = $event;
   }, "update:visible": function($event) {
     _vm.reviewModalVisible = $event;
   }, "update:newTaskVisible": function($event) {
     _vm.newTaskVisible = $event;
   }, "update:new-task-visible": function($event) {
     _vm.newTaskVisible = $event;
-  }, "update:addedTasks": function($event) {
-    _vm.addedTasks = $event;
-  }, "update:added-tasks": function($event) {
-    _vm.addedTasks = $event;
-  }, "update:sendEmail": function($event) {
-    return _vm.$emit("update:sendEmail", $event);
   }, "submit": function($event) {
     return _vm.$emit("submit", $event);
-  } } }), _c("new-task", { attrs: { "value": _vm.tempTask, "visible": _vm.newTaskVisible, "upload-files-func": _vm.uploadFilesFunc, "law-firm-id": _vm.lawFirmId, "user-id": _vm.userId, "loading": _vm.submitting }, on: { "update:value": function($event) {
+  }, "update:sendEmail": function($event) {
+    return _vm.$emit("update:sendEmail", $event);
+  } } }), _c("new-task", { attrs: { "user-id": _vm.userId, "loading": _vm.submitting, "value": _vm.tempTask, "law-firm-id": _vm.lawFirmId, "visible": _vm.newTaskVisible, "upload-files-func": _vm.uploadFilesFunc }, on: { "update:value": function($event) {
     _vm.tempTask = $event;
   }, "update:visible": function($event) {
     _vm.newTaskVisible = $event;
@@ -2891,7 +2930,7 @@ var render$1 = function() {
 var staticRenderFns$1 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "353be676", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "21942322", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ailaw/venus",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "files": [
     "dist"
   ],