@ailaw/venus 0.3.15 → 0.3.19

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";
@@ -2206,12 +2206,7 @@ var __vue2_script$5 = defineComponent({
     },
     pagination: {
       type: Object,
-      required: true,
-      default: {
-        current: 0,
-        pageSize: 6,
-        total: 0
-      }
+      required: true
     },
     noEdit: {
       type: Boolean,
@@ -2232,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" }
       }
     ];
@@ -2261,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) {
@@ -2277,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, "278e8b7a", 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];
@@ -2289,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,
@@ -2344,8 +2354,7 @@ var useTaskActions = (addedTasks, emit) => {
     const taskToAdd = {
       taskTemplateObj: record
     };
-    emit("update:tempTask", taskToAdd);
-    emit("update:newTaskVisible", true);
+    emit("editTask", taskToAdd);
   };
   const removeTask = (record) => emit("update:addedTasks", addedTasks.value.filter(({ id }) => id !== record.id));
   return {
@@ -2365,11 +2374,11 @@ var useSearchTaskConditions = () => ref$1({
 var useTaskTemplateTableData = (props, emit) => {
   const initialPagination = ref$1({
     current: 1,
-    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, variables } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId);
   const dataSource = computed(() => {
     var _a;
     return ((_a = result.value) == null ? void 0 : _a.taskTemplateSearch.taskTemplateList) || [];
@@ -2394,9 +2403,9 @@ var useTaskTemplateTableData = (props, emit) => {
     dataSource,
     result,
     loading,
-    refetch,
     conditions,
-    addedTasks
+    addedTasks,
+    variables
   };
 };
 var __vue2_script$4 = defineComponent({
@@ -2416,14 +2425,17 @@ var __vue2_script$4 = defineComponent({
     lawFirmId: {
       type: Number,
       required: true
+    },
+    pageSize: {
+      type: Number
     }
   },
   setup(props, { emit }) {
     const {
       loading,
-      refetch,
       dataSource,
       pagination,
+      variables,
       changePagination,
       addTask,
       editTask,
@@ -2431,14 +2443,14 @@ var __vue2_script$4 = defineComponent({
     } = useTaskTemplateTableData(props, emit);
     return {
       loading,
-      refetch,
       dataSource,
       pagination,
       AssigneeTypesText,
       changePagination,
       addTask,
       editTask,
-      removeTask
+      removeTask,
+      variables
     };
   }
 });
@@ -2453,7 +2465,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, "5c367cce", null, null);
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "7b828978", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -2488,17 +2500,26 @@ var __vue2_script$3 = defineComponent({
     showPage: {
       type: Boolean,
       default: false
+    },
+    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);
+      emit("editTask", record);
     };
+    const getVariables = () => taskTable.value.variables;
     return {
       editAction,
+      getVariables,
       taskTable,
       conditions,
       AssigneeTypes,
@@ -2517,17 +2538,15 @@ 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) {
     return _vm.$emit("update:newTaskVisible", true);
-  } } }), _c("task-table", { ref: "taskTable", attrs: { "conditions": _vm.conditions, "added-tasks": _vm.addedTasks, "law-firm-id": _vm.lawFirmId }, on: { "update:addedTasks": function($event) {
+  } } }), _c("task-table", { ref: "taskTable", attrs: { "conditions": _vm.conditions, "added-tasks": _vm.addedTasks, "law-firm-id": _vm.lawFirmId, "page-size": _vm.pageSize }, on: { "update:addedTasks": function($event) {
     return _vm.$emit("update:addedTasks", $event);
-  }, "update:tempTask": function($event) {
-    return _vm.$emit("update:tempTask", $event);
-  }, "update:newTaskVisible": function($event) {
-    return _vm.$emit("update:newTaskVisible", $event);
+  }, "editTask": function($event) {
+    return _vm.$emit("editTask", $event);
   } }, scopedSlots: _vm._u([{ key: "default", fn: function(ref2) {
     var loading = ref2.loading;
     var dataSource = ref2.dataSource;
@@ -2539,7 +2558,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, "012c6784", null, null);
+var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "b2f78f98", null, null);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -2591,7 +2610,7 @@ var __vue2_script$2 = defineComponent({
     const pagination = ref$1({
       total: addedTasks.value.length,
       current: 1,
-      pageSize: 6
+      pageSize: 10
     });
     const changePagination = (newPagination) => {
       pagination.value = newPagination;
@@ -2630,7 +2649,7 @@ var render$2 = function() {
 var staticRenderFns$2 = [];
 var ReviewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "3f8e3a92", null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "09e3f3ca", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];
@@ -2746,6 +2765,10 @@ var __vue2_script$1 = defineComponent({
       type: String,
       default: "Add"
     },
+    openReviewButtonText: {
+      type: String,
+      default: "Review and add to template"
+    },
     showSendEmail: {
       type: Boolean,
       default: false
@@ -2764,9 +2787,13 @@ var __vue2_script$1 = defineComponent({
     pageMode: {
       type: Boolean,
       default: false
+    },
+    pageSize: {
+      type: Number
     }
   },
   setup(props, { emit }) {
+    const { client } = useApolloClient();
     const mainModal = ref$1();
     const reviewModal = ref$1();
     const newTaskVisible = ref$1(false);
@@ -2775,60 +2802,74 @@ 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 writeQuery = (id, newRecord) => {
+      const variables = mainModal.value.getVariables();
+      const existed = client.readQuery({
+        query: SearchTaskTemplatesQuery,
+        variables
+      });
+      client.writeQuery({
+        query: SearchTaskTemplatesQuery,
+        data: {
+          taskTemplateSearch: __spreadProps(__spreadValues({}, existed.taskTemplateSearch), {
+            taskTemplateList: existed.taskTemplateSearch.taskTemplateList.map((record) => {
+              if (record.id === id) {
+                return newRecord && __spreadProps(__spreadValues({}, newRecord), {
+                  isGallery: record.isGallery
+                });
+              }
+              return record;
+            }).filter((record) => !!record)
+          })
+        },
+        variables
+      });
+    };
     const _submit = async (record) => {
       const {
         newRecord,
-        success
+        success,
+        isUpdate
       } = await submit(record, updateTemplate, createTemplate);
       if (success) {
+        if (!isUpdate)
+          writeQuery(record.taskTemplateId, newRecord);
         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);
-    const showEdit = (record) => {
+    const editTask = (record) => {
       newTaskVisible.value = true;
-      tempTask.value = {
-        taskTemplateObj: __spreadValues({}, record)
-      };
+      tempTask.value = __spreadValues({}, record);
     };
     return {
-      showEdit,
       mainModal,
       reviewModal,
-      _submit,
       newTaskVisible,
       tempTask,
       reviewModalVisible,
       submitting,
-      addedTasks
+      addedTasks,
+      writeQuery,
+      editTask,
+      _submit
     };
   }
 });
@@ -2836,10 +2877,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 }, 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) {
@@ -2848,37 +2893,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) {
+  }, "editTask": _vm.editTask, "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;
@@ -2887,7 +2928,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, "015614a4", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "5a18b070", 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.15",
+  "version": "0.3.19",
   "files": [
     "dist"
   ],