@ailaw/venus 0.3.16 → 0.3.20

package/dist/style.css

@@ -1 +1 @@
-/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{border-color:currentColor}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.h-6{height:1.5rem}.h-screen{height:100vh}.w-6{width:1.5rem}.w-60{width:15rem}.w-72{width:18rem}.flex-1{flex:1 1 0%}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.items-center{align-items:center}.justify-end{justify-content:flex-end}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.border{border-width:1px}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.capitalize{text-transform:capitalize}.text-secondary{--tw-text-opacity: 1;color:rgba(102,102,102,var(--tw-text-opacity))}*,:before,:after{--tw-shadow: 0 0 #0000}*,:before,:after{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur: blur(8px)}.tags-container[data-v-c4729600]{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.container[data-v-d2a7dbe0]{border:1px solid #cccccc;border-radius:6px;padding:0 4px;min-height:30px;cursor:pointer}.taskTemplateInline[data-v-5128ec2c]{float:right}a.taskTemplateInline[data-v-5128ec2c]{margin-left:10px}div.taskTemplateInline[data-v-5128ec2c]{margin-top:5px!important}
+/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{border-color:currentColor}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.h-6{height:1.5rem}.h-screen{height:100vh}.w-6{width:1.5rem}.w-60{width:15rem}.w-72{width:18rem}.flex-1{flex:1 1 0%}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.items-center{align-items:center}.justify-end{justify-content:flex-end}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.border{border-width:1px}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.capitalize{text-transform:capitalize}.text-secondary{--tw-text-opacity: 1;color:rgba(102,102,102,var(--tw-text-opacity))}*,:before,:after{--tw-shadow: 0 0 #0000}*,:before,:after{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur: blur(8px)}.tags-container[data-v-c4729600]{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.container[data-v-d9a5cb86]{border:1px solid #cccccc;border-radius:6px;padding:0 4px;min-height:30px;cursor:pointer}.taskTemplateInline[data-v-5128ec2c]{float:right}a.taskTemplateInline[data-v-5128ec2c]{margin-left:10px}div.taskTemplateInline[data-v-5128ec2c]{margin-top:5px!important}

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";
@@ -836,6 +836,7 @@ var __vue2_script$9 = defineComponent({
     }
   },
   setup(props, { emit }) {
+    const me = useMe();
     const loading = ref$1(false);
     const changeVal = (k, v) => {
       emit("change", __spreadProps(__spreadValues({}, props.value), {
@@ -846,10 +847,11 @@ var __vue2_script$9 = defineComponent({
       emit("change", props.value.filter((v) => v.id !== id));
     };
     const beforeUpload = (file) => {
+      var _a;
       if (loading.value)
         return false;
       loading.value = true;
-      props.uploadFilesFunc([file]).then(([
+      props.uploadFilesFunc([file], { office_id: (_a = me.value) == null ? void 0 : _a.lawFirmId }).then(([
         {
           status,
           value: { id, name, link }
@@ -902,7 +904,7 @@ var render$9 = function() {
 var staticRenderFns$9 = [];
 var aFileUploader_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "d2a7dbe0", null, null);
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "d9a5cb86", null, null);
 function __vue2_injectStyles$9(context) {
   for (let o in __cssModules$9) {
     this[o] = __cssModules$9[o];
@@ -2227,18 +2229,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 +2265,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 +2283,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 +2295,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,
@@ -2339,8 +2356,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 {
@@ -2360,11 +2376,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, variables } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId);
   const dataSource = computed(() => {
     var _a;
     return ((_a = result.value) == null ? void 0 : _a.taskTemplateSearch.taskTemplateList) || [];
@@ -2389,9 +2405,9 @@ var useTaskTemplateTableData = (props, emit) => {
     dataSource,
     result,
     loading,
-    refetch,
     conditions,
-    addedTasks
+    addedTasks,
+    variables
   };
 };
 var __vue2_script$4 = defineComponent({
@@ -2419,9 +2435,9 @@ var __vue2_script$4 = defineComponent({
   setup(props, { emit }) {
     const {
       loading,
-      refetch,
       dataSource,
       pagination,
+      variables,
       changePagination,
       addTask,
       editTask,
@@ -2429,14 +2445,14 @@ var __vue2_script$4 = defineComponent({
     } = useTaskTemplateTableData(props, emit);
     return {
       loading,
-      refetch,
       dataSource,
       pagination,
       AssigneeTypesText,
       changePagination,
       addTask,
       editTask,
-      removeTask
+      removeTask,
+      variables
     };
   }
 });
@@ -2451,7 +2467,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, "7b828978", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -2489,17 +2505,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);
+      emit("editTask", record);
     };
+    const getVariables = () => taskTable.value.variables;
     return {
       editAction,
+      getVariables,
       taskTable,
       conditions,
       AssigneeTypes,
@@ -2518,17 +2540,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, "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;
@@ -2540,7 +2560,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, "b2f78f98", null, null);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -2592,7 +2612,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;
@@ -2631,7 +2651,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];
@@ -2747,6 +2767,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 +2795,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,60 +2804,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
     };
   }
 });
@@ -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) {
+  }, "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;
@@ -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, "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.16",
+  "version": "0.3.20",
   "files": [
     "dist"
   ],