@ailaw/venus 0.3.21 → 0.4.3

package/dist/venus.es.js

@@ -17,12 +17,11 @@ 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 } 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 { defineComponent, ref, watch, computed, toRefs, getCurrentScope, shallowRef } from "vue-demi";
+import { Select, Modal, Form, Input, Checkbox, Divider, Button, Tag, Tooltip, Upload, Row, Col, Radio, Popconfirm, Table, Badge, Card, message } from "ant-design-vue";
 import { useQuery, useResult, useMutation, useApolloClient } from "@vue/apollo-composable";
 import gql from "graphql-tag";
 import { path, uniqBy, prop } from "ramda";
-import "vue";
 var index$4 = "";
 function __variableDynamicImportRuntime0__$1(path2) {
   switch (path2) {
@@ -46,7 +45,7 @@ var __vue2_script$h = defineComponent({
     }
   },
   setup(props) {
-    const iconUrl = ref$1();
+    const iconUrl = ref();
     watch(() => props.type, (value) => {
       let iconName = "";
       switch (value) {
@@ -168,7 +167,9 @@ const meQuery = gql`
   }
 `;
 function useMe() {
-  const { result } = useQuery(meQuery);
+  const { result } = useQuery(meQuery, void 0, {
+    fetchPolicy: "cache-first"
+  });
   return useResult(result);
 }
 const profilesQuery = gql`
@@ -289,8 +290,8 @@ var __vue2_script$e = defineComponent({
     Checkbox
   },
   setup(_, { emit }) {
-    const value = ref$1({});
-    const shouldSendPassword = ref$1(false);
+    const value = ref({});
+    const shouldSendPassword = ref(false);
     const canSubmit = computed(() => value.value.profileName && value.value.profileType);
     const rules = {
       profileType: { required: true },
@@ -445,11 +446,11 @@ var __vue2_script$c = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const keywords = ref$1("");
+    const keywords = ref("");
     const handleSearch = (value) => keywords.value = value;
-    const { onlyRole, profileIds } = toRefs$1(props);
+    const { onlyRole, profileIds } = toRefs(props);
     const { profiles: rawProfiles } = useProfiles(keywords, onlyRole, profileIds);
-    const createdProfile = ref$1();
+    const createdProfile = ref();
     const profiles = computed(() => {
       const list = [
         ...props.preLoaded,
@@ -457,7 +458,7 @@ var __vue2_script$c = defineComponent({
       ];
       return uniqBy(prop("id"), list);
     });
-    const isModalVisible = ref$1(false);
+    const isModalVisible = ref(false);
     const toggleModal = (value) => isModalVisible.value = value;
     const updateValue = (value) => emit("input", value);
     const handleProfileCreated = (profile) => {
@@ -715,7 +716,7 @@ var AssigneeTypes;
 })(AssigneeTypes || (AssigneeTypes = {}));
 var AssigneeTypesText;
 (function(AssigneeTypesText2) {
-  AssigneeTypesText2["EMPTY_DEFAULT"] = "message.default";
+  AssigneeTypesText2["EMPTY_DEFAULT"] = "message.none";
   AssigneeTypesText2["BENEFICIARY"] = "message.beneficiary";
   AssigneeTypesText2["PETITIONER"] = "message.petitioner";
   AssigneeTypesText2["ATTORNEY"] = "message.attorney";
@@ -766,7 +767,7 @@ function __vue2_injectStyles$b(context) {
 var AssigneeTag = /* @__PURE__ */ function() {
   return __component__$b.exports;
 }();
-var __vue2_script$a = {
+var __vue2_script$a = defineComponent({
   name: "index",
   components: {
     AntTooltip: Tooltip
@@ -784,7 +785,7 @@ var __vue2_script$a = {
       default: 100
     }
   }
-};
+});
 var render$a = function() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -794,7 +795,7 @@ var render$a = function() {
 var staticRenderFns$a = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
 const __cssModules$a = {};
-var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "c4729600", null, null);
+var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "18554545", null, null);
 function __vue2_injectStyles$a(context) {
   for (let o in __cssModules$a) {
     this[o] = __cssModules$a[o];
@@ -822,9 +823,19 @@ var useChangeVal = (props, emit) => (k, v) => {
     [k]: v
   }));
 };
+const acceptableFormats = [
+  ".rar",
+  ".zip",
+  ".doc",
+  ".pdf",
+  ".docx",
+  ".jpg",
+  ".jpeg",
+  ".png"
+];
 var __vue2_script$9 = defineComponent({
   name: "aFileUploader",
-  components: { AntUpload: Upload, AntTag: Tag },
+  components: { AntUpload: Upload, AntTag: Tag, AntModal: Modal },
   props: {
     value: {
       type: Array,
@@ -833,11 +844,14 @@ var __vue2_script$9 = defineComponent({
     uploadFilesFunc: {
       type: Function,
       required: true
+    },
+    disabled: {
+      type: Boolean
     }
   },
   setup(props, { emit }) {
     const me = useMe();
-    const loading = ref$1(false);
+    const loading = ref(false);
     const changeVal = (k, v) => {
       emit("change", __spreadProps(__spreadValues({}, props.value), {
         [k]: v
@@ -851,7 +865,10 @@ var __vue2_script$9 = defineComponent({
       if (loading.value)
         return false;
       loading.value = true;
-      props.uploadFilesFunc([file], { office_id: (_a = me.value) == null ? void 0 : _a.lawFirmId, user_id: (_b = me.value) == null ? void 0 : _b.id }).then(([
+      props.uploadFilesFunc([file], {
+        office_id: (_a = me.value) == null ? void 0 : _a.lawFirmId,
+        user_id: (_b = me.value) == null ? void 0 : _b.id
+      }).then(([
         {
           status,
           value: { id, name, link }
@@ -873,21 +890,32 @@ var __vue2_script$9 = defineComponent({
       loading.value = false;
       return false;
     };
+    const previewImage = ref();
+    const typeOf = (filename) => {
+      if (/\.(gif|jpe?g|png)$/i.test(filename)) {
+        return "img";
+      } else if (/\.docx?$/i.test(filename)) {
+        return "doc";
+      } else if (/\.pdf$/i.test(filename)) {
+        return "pdf";
+      }
+      return "other";
+    };
+    const clickItem = (item, event) => {
+      if (typeOf(item.name) !== "img") {
+        return;
+      }
+      event.preventDefault();
+      previewImage.value = item.link;
+    };
     return {
+      previewImage,
+      clickItem,
       changeVal,
       remove,
       beforeUpload,
       loading,
-      allowFiles: [
-        ".rar",
-        ".zip",
-        ".doc",
-        ".pdf",
-        ".docx",
-        ".jpg",
-        ".jpeg",
-        ".png"
-      ]
+      acceptableFormats
     };
   }
 });
@@ -895,16 +923,20 @@ var render$9 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "container" }, [_c("ant-upload", { staticStyle: { "display": "inline" }, attrs: { "disabled": _vm.loading, "before-upload": _vm.beforeUpload, "action": "javascript:;", "fileList": [] } }, [_c("ant-tag", [_vm._v(" " + _vm._s(_vm.$t("message.selectFile")) + " ")]), _vm.value.length ? _c("div", { staticStyle: { "display": "inline-block" } }, _vm._l(_vm.value, function(file) {
+  return _c("div", { staticClass: "container" }, [_c("ant-modal", { attrs: { "visible": !!_vm.previewImage, "footer": null }, on: { "cancel": function($event) {
+    _vm.previewImage = null;
+  } } }, [_c("img", { staticStyle: { "width": "100%" }, attrs: { "src": _vm.previewImage } })]), _c("ant-upload", { staticStyle: { "display": "inline" }, attrs: { "disabled": _vm.disabled || _vm.loading, "before-upload": _vm.beforeUpload, "action": "javascript:;", "fileList": [], "accept": _vm.acceptableFormats.join(",") } }, [_c("ant-tag", [_vm._v(" " + _vm._s(_vm.$t("message.selectFile")) + " ")]), _vm.value.length ? _c("div", { staticStyle: { "display": "inline-block" } }, _vm._l(_vm.value, function(file) {
     return _c("ant-tag", { key: file.id, attrs: { "closable": "" }, on: { "close": function($event) {
       return _vm.remove(file.id);
-    } } }, [_vm._v(_vm._s(file.name) + " ")]);
-  }), 1) : _c("span", { staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.allowFiles.join(" ")))])], 1)], 1);
+    } } }, [_c("a", { attrs: { "href": file.link, "target": "_blank" }, on: { "click": function($event) {
+      return _vm.clickItem(file, $event);
+    } } }, [_vm._v(" " + _vm._s(file.name) + " ")])]);
+  }), 1) : _c("span", { staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.acceptableFormats.join(" ")))])], 1)], 1);
 };
 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, "6b2011bc", null, null);
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "2e5f9951", null, null);
 function __vue2_injectStyles$9(context) {
   for (let o in __cssModules$9) {
     this[o] = __cssModules$9[o];
@@ -971,11 +1003,14 @@ var __vue2_script$8 = defineComponent({
     uploadFilesFunc: {
       type: Function,
       required: true
+    },
+    disabled: {
+      type: Boolean
     }
   },
   setup(props, { emit }) {
-    const nameError = ref$1(false);
-    const typeError = ref$1(false);
+    const nameError = ref(false);
+    const typeError = ref(false);
     const changeVal = useChangeVal(props, emit);
     const validFields = (callback) => {
       const data = refactorParams(props.value);
@@ -986,6 +1021,9 @@ var __vue2_script$8 = defineComponent({
         typeError
       });
     };
+    watch(() => props.value.taskName, (val) => {
+      nameError.value = !val;
+    });
     const isAttorneySelected = computed(() => props.value.isEmployee === AssigneeTypes[AssigneeTypes.ATTORNEY]);
     watch(() => isAttorneySelected.value, (selected) => {
       if (selected) {
@@ -1011,26 +1049,26 @@ var render$8 = function() {
   var _c = _vm._self._c || _h;
   return _c("ant-form", { staticClass: "add-edit-task-modal", on: { "submit": function(e) {
     return e.preventDefault();
-  } } }, [_c("ant-row", { attrs: { "gutter": 20 } }, [_c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "name": "taskName", "label": _vm.$t("message.taskName"), "help": _vm.nameError ? _vm.$t("message.required") : void 0, "validate-status": _vm.nameError ? "error" : void 0 } }, [_c("ant-input", { attrs: { "value": _vm.value.taskName }, on: { "input": function($event) {
+  } } }, [_c("ant-row", { attrs: { "gutter": 20 } }, [_c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "required": "", "name": "taskName", "label": _vm.$t("message.taskName"), "help": _vm.nameError ? _vm.$t("message.required") : void 0, "validate-status": _vm.nameError ? "error" : void 0 } }, [_c("ant-input", { attrs: { "disabled": _vm.disabled, "value": _vm.value.taskName }, on: { "input": function($event) {
     return _vm.changeVal("taskName", $event.target.value);
-  } } })], 1)], 1), _c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "label": _vm.$t("message.assignee") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { staticStyle: { "min-width": "170px" }, attrs: { "value": _vm.value.isEmployee, "allowClear": true }, on: { "change": function($event) {
+  } } })], 1)], 1), _c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "label": "" + _vm.$t("message.assignee") + " (" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { staticStyle: { "min-width": "170px" }, attrs: { "disabled": _vm.disabled, "value": _vm.value.isEmployee, "allowClear": true }, on: { "change": function($event) {
     return _vm.changeVal("isEmployee", $event);
   } } }, _vm._l(_vm.roles, function(role) {
     return _c("ant-select-option", { key: role.id, attrs: { "value": role.key } }, [_c("span", { staticStyle: { "text-transform": "capitalize" } }, [_vm._v(" " + _vm._s(_vm.$t("message." + role.i18nKey)) + " ")])]);
-  }), 1)], 1)], 1)], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.type"), "help": _vm.typeError ? _vm.$t("message.required") : void 0, "validate-status": _vm.typeError ? "error" : void 0 } }, [_vm.value.generalTaskType !== _vm.TaskTypes.worksheet ? _c("ant-radio-group", { attrs: { "value": _vm.value.generalTaskType }, on: { "change": function($event) {
+  }), 1)], 1)], 1)], 1), _c("ant-form-item", { attrs: { "required": "", "label": _vm.$t("message.type"), "help": _vm.typeError ? _vm.$t("message.required") : void 0, "validate-status": _vm.typeError ? "error" : void 0 } }, [_vm.value.generalTaskType !== _vm.TaskTypes.worksheet ? _c("ant-radio-group", { attrs: { "disabled": _vm.disabled, "value": _vm.value.generalTaskType }, on: { "change": function($event) {
     return _vm.changeVal("generalTaskType", $event.target.value);
-  } } }, [_c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientUpload } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientUpload")) + " ")]), _c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientReview, "disabled": _vm.isAttorneySelected } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientReview")) + " ")])], 1) : _vm._e()], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.descriptions") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-textarea", { attrs: { "value": _vm.value.descriptions }, on: { "input": function($event) {
+  } } }, [_c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientUpload } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientUpload")) + " ")]), _c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientReview, "disabled": _vm.isAttorneySelected } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientReview")) + " ")])], 1) : _c("div", [_vm._v(_vm._s(_vm.$t("message.worksheet")))])], 1), _c("ant-form-item", { attrs: { "label": "" + _vm.$t("message.descriptions") + " (" + _vm.$t("message.optional") + ")" } }, [_c("ant-textarea", { attrs: { "disabled": _vm.disabled, "value": _vm.value.descriptions }, on: { "input": function($event) {
     return _vm.changeVal("descriptions", $event.target.value);
-  } } })], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.attachment") + "(" + _vm.$t("message.optional") + ")" } }, [_c("a-file-uploader", { attrs: { "value": _vm.value.sampleDocs, "uploadFilesFunc": _vm.uploadFilesFunc }, on: { "change": function($event) {
+  } } })], 1), _c("ant-form-item", { attrs: { "label": "" + _vm.$t("message.attachment") + " (" + _vm.$t("message.optional") + ")" } }, [_c("a-file-uploader", { attrs: { "disabled": _vm.disabled, "value": _vm.value.sampleDocs, "uploadFilesFunc": _vm.uploadFilesFunc }, on: { "change": function($event) {
     return _vm.changeVal("sampleDocs", $event);
-  } } })], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.tags") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { attrs: { "mode": "tags", "value": _vm.value.tagList, "options": [] }, on: { "change": function($event) {
+  } } })], 1), _c("ant-form-item", { attrs: { "label": "" + _vm.$t("message.tags") + " (" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { attrs: { "disabled": _vm.disabled, "mode": "tags", "value": _vm.value.tagList, "options": [] }, on: { "change": function($event) {
     return _vm.changeVal("tagList", $event);
   } } })], 1)], 1);
 };
 var staticRenderFns$8 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
 const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "40080928", null, null);
+var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "119be748", null, null);
 function __vue2_injectStyles$8(context) {
   for (let o in __cssModules$8) {
     this[o] = __cssModules$8[o];
@@ -1041,7 +1079,14 @@ var TaskForm = /* @__PURE__ */ function() {
 }();
 var __vue2_script$7 = defineComponent({
   name: "NewTask",
-  components: { AFileUploader, TaskForm, AntModal: Modal, AntCheckbox: Checkbox, AntButton: Button },
+  components: {
+    AFileUploader,
+    TaskForm,
+    AntModal: Modal,
+    AntCheckbox: Checkbox,
+    AntButton: Button,
+    AntPopconfirm: Popconfirm
+  },
   props: {
     visible: {
       type: Boolean,
@@ -1077,12 +1122,12 @@ var __vue2_script$7 = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const taskForm = ref$1();
+    const taskForm = ref();
     const changeVisible = (visible) => {
       emit("update:visible", visible);
     };
-    const nameError = ref$1(false);
-    const typeError = ref$1(false);
+    const nameError = ref(false);
+    const typeError = ref(false);
     const changeVal = useChangeVal(props, emit);
     const submit2 = () => {
       taskForm.value.validFields((passed, ts) => {
@@ -1134,7 +1179,7 @@ var render$7 = function() {
   } }, scopedSlots: _vm._u([{ key: "footer", fn: function() {
     return [_c("div", { staticClass: "footer" }, [_vm.showSendEmail ? _c("div", { staticStyle: { "float": "left", "padding-top": "5px", "padding-left": "10px" } }, [_c("ant-checkbox", { attrs: { "checked": _vm.value.isNotified }, on: { "change": function($event) {
       return _vm.changeVal("isNotified", $event.target.checked);
-    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.sendEmail")) + " ")])], 1) : _vm._e(), _c("div", [_c("ant-button", { attrs: { "loading": _vm.loading, "type": "primary" }, on: { "click": _vm.submit } }, [_vm._v(_vm._s(_vm.$t("message.submit")) + " ")]), _c("ant-button", { on: { "click": function($event) {
+    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.sendEmail")) + " ")])], 1) : _vm._e(), _c("div", [_c("ant-popconfirm", { attrs: { "title": "\u6587\u6848\u7F3A\u5931", "placement": "top" }, on: { "confirm": _vm.submit } }, [_c("ant-button", { attrs: { "loading": _vm.loading, "type": "primary" } }, [_vm._v(_vm._s(_vm.$t("message.submit")) + " ")])], 1), _c("ant-button", { on: { "click": function($event) {
       return _vm.changeVisible(false);
     } } }, [_vm._v(_vm._s(_vm.$t("message.cancel")) + " ")])], 1)])];
   }, proxy: true }]) }, [_c("task-form", { ref: "taskForm", attrs: { "upload-files-func": _vm.uploadFilesFunc, "law-firm-id": _vm.lawFirmId, "user-id": _vm.userId, "value": _vm.value.taskTemplateObj }, on: { "update:value": _vm.updateFormValue } }), _vm.showAddToList ? _c("ant-checkbox", { attrs: { "checked": _vm.value.isAddedToTask }, on: { "change": function($event) {
@@ -1144,7 +1189,7 @@ var render$7 = function() {
 var staticRenderFns$7 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
 const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "6a05980e", null, null);
+var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "26be016f", null, null);
 function __vue2_injectStyles$7(context) {
   for (let o in __cssModules$7) {
     this[o] = __cssModules$7[o];
@@ -1198,7 +1243,7 @@ var render$6 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "filter mb-5" }, [_c("ant-input", { style: "width:" + _vm.width + "px", attrs: { "value": _vm.conditions.keywords }, on: { "input": function($event) {
+  return _c("div", { staticClass: "filter mb-5" }, [_c("ant-input", { style: "width:" + _vm.width + "px", attrs: { "value": _vm.conditions.keywords, "placeholder": _vm.$t("message.searchTaskPlaceholder") }, on: { "input": function($event) {
     return _vm.changeVal("keywords", $event.target.value);
   } }, scopedSlots: _vm._u([{ key: "suffix", fn: function() {
     return void 0;
@@ -1211,7 +1256,7 @@ var render$6 = function() {
 var staticRenderFns$6 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "5128ec2c", null, null);
+var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "c3a26010", null, null);
 function __vue2_injectStyles$6(context) {
   for (let o in __cssModules$6) {
     this[o] = __cssModules$6[o];
@@ -1220,967 +1265,6 @@ function __vue2_injectStyles$6(context) {
 var TaskTemplateFilter = /* @__PURE__ */ function() {
   return __component__$6.exports;
 }();
-var toString = function(x) {
-  return Object.prototype.toString.call(x);
-};
-function isNative(Ctor) {
-  return typeof Ctor === "function" && /native code/.test(Ctor.toString());
-}
-var hasSymbol = typeof Symbol !== "undefined" && isNative(Symbol) && typeof Reflect !== "undefined" && isNative(Reflect.ownKeys);
-var noopFn = function(_) {
-  return _;
-};
-function proxy(target, key, _a) {
-  var get2 = _a.get, set2 = _a.set;
-  Object.defineProperty(target, key, {
-    enumerable: true,
-    configurable: true,
-    get: get2 || noopFn,
-    set: set2 || noopFn
-  });
-}
-function def(obj, key, val, enumerable) {
-  Object.defineProperty(obj, key, {
-    value: val,
-    enumerable: !!enumerable,
-    writable: true,
-    configurable: true
-  });
-}
-function hasOwn(obj, key) {
-  return Object.hasOwnProperty.call(obj, key);
-}
-function isArray(x) {
-  return Array.isArray(x);
-}
-var MAX_VALID_ARRAY_LENGTH = 4294967295;
-function isValidArrayIndex(val) {
-  var n = parseFloat(String(val));
-  return n >= 0 && Math.floor(n) === n && isFinite(val) && n <= MAX_VALID_ARRAY_LENGTH;
-}
-function isObject(val) {
-  return val !== null && typeof val === "object";
-}
-function isPlainObject(x) {
-  return toString(x) === "[object Object]";
-}
-function isFunction(x) {
-  return typeof x === "function";
-}
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var extendStatics = function(d, b) {
-  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-    d2.__proto__ = b2;
-  } || function(d2, b2) {
-    for (var p in b2)
-      if (Object.prototype.hasOwnProperty.call(b2, p))
-        d2[p] = b2[p];
-  };
-  return extendStatics(d, b);
-};
-function __extends(d, b) {
-  if (typeof b !== "function" && b !== null)
-    throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-  extendStatics(d, b);
-  function __() {
-    this.constructor = d;
-  }
-  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-function __values(o) {
-  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m)
-    return m.call(o);
-  if (o && typeof o.length === "number")
-    return {
-      next: function() {
-        if (o && i >= o.length)
-          o = void 0;
-        return { value: o && o[i++], done: !o };
-      }
-    };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-var activeEffectScope;
-var effectScopeStack = [];
-var EffectScopeImpl = function() {
-  function EffectScopeImpl2(vm) {
-    this.active = true;
-    this.effects = [];
-    this.cleanups = [];
-    this.vm = vm;
-  }
-  EffectScopeImpl2.prototype.run = function(fn) {
-    if (this.active) {
-      try {
-        this.on();
-        return fn();
-      } finally {
-        this.off();
-      }
-    }
-    return;
-  };
-  EffectScopeImpl2.prototype.on = function() {
-    if (this.active) {
-      effectScopeStack.push(this);
-      activeEffectScope = this;
-    }
-  };
-  EffectScopeImpl2.prototype.off = function() {
-    if (this.active) {
-      effectScopeStack.pop();
-      activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
-    }
-  };
-  EffectScopeImpl2.prototype.stop = function() {
-    if (this.active) {
-      this.vm.$destroy();
-      this.effects.forEach(function(e) {
-        return e.stop();
-      });
-      this.cleanups.forEach(function(cleanup) {
-        return cleanup();
-      });
-      this.active = false;
-    }
-  };
-  return EffectScopeImpl2;
-}();
-(function(_super) {
-  __extends(EffectScope, _super);
-  function EffectScope(detached) {
-    if (detached === void 0) {
-      detached = false;
-    }
-    var _this = this;
-    var vm = void 0;
-    withCurrentInstanceTrackingDisabled(function() {
-      vm = defineComponentInstance(getVueConstructor());
-    });
-    _this = _super.call(this, vm) || this;
-    if (!detached) {
-      recordEffectScope(_this);
-    }
-    return _this;
-  }
-  return EffectScope;
-})(EffectScopeImpl);
-function recordEffectScope(effect, scope) {
-  var _a;
-  scope = scope || activeEffectScope;
-  if (scope && scope.active) {
-    scope.effects.push(effect);
-    return;
-  }
-  var vm = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
-  vm && vm.$on("hook:destroyed", function() {
-    return effect.stop();
-  });
-}
-function getCurrentScope() {
-  return activeEffectScope;
-}
-function bindCurrentScopeToVM(vm) {
-  if (!vm.scope) {
-    var scope_1 = new EffectScopeImpl(vm.proxy);
-    vm.scope = scope_1;
-    vm.proxy.$on("hook:destroyed", function() {
-      return scope_1.stop();
-    });
-  }
-  return vm.scope;
-}
-var vueDependency = void 0;
-try {
-  var requiredVue = require("vue");
-  if (requiredVue && isVue(requiredVue)) {
-    vueDependency = requiredVue;
-  } else if (requiredVue && "default" in requiredVue && isVue(requiredVue.default)) {
-    vueDependency = requiredVue.default;
-  }
-} catch (_a) {
-}
-var vueConstructor = null;
-var currentInstance = null;
-var currentInstanceTracking = true;
-var PluginInstalledFlag = "__composition_api_installed__";
-function isVue(obj) {
-  return obj && isFunction(obj) && obj.name === "Vue";
-}
-function isVueRegistered(Vue) {
-  return vueConstructor && hasOwn(Vue, PluginInstalledFlag);
-}
-function getVueConstructor() {
-  return vueConstructor;
-}
-function getRegisteredVueOrDefault() {
-  var constructor = vueConstructor || vueDependency;
-  return constructor;
-}
-function setVueConstructor(Vue) {
-  vueConstructor = Vue;
-  Object.defineProperty(Vue, PluginInstalledFlag, {
-    configurable: true,
-    writable: true,
-    value: true
-  });
-}
-function withCurrentInstanceTrackingDisabled(fn) {
-  var prev = currentInstanceTracking;
-  currentInstanceTracking = false;
-  try {
-    fn();
-  } finally {
-    currentInstanceTracking = prev;
-  }
-}
-function setCurrentInstance(instance) {
-  if (!currentInstanceTracking)
-    return;
-  var prev = currentInstance;
-  prev === null || prev === void 0 ? void 0 : prev.scope.off();
-  currentInstance = instance;
-  currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.scope.on();
-}
-function getCurrentInstance() {
-  return currentInstance;
-}
-var instanceMapCache = new WeakMap();
-function toVue3ComponentInstance(vm) {
-  if (instanceMapCache.has(vm)) {
-    return instanceMapCache.get(vm);
-  }
-  var instance = {
-    proxy: vm,
-    update: vm.$forceUpdate,
-    type: vm.$options,
-    uid: vm._uid,
-    emit: vm.$emit.bind(vm),
-    parent: null,
-    root: null
-  };
-  bindCurrentScopeToVM(instance);
-  var instanceProps = [
-    "data",
-    "props",
-    "attrs",
-    "refs",
-    "vnode",
-    "slots"
-  ];
-  instanceProps.forEach(function(prop2) {
-    proxy(instance, prop2, {
-      get: function() {
-        return vm["$" + prop2];
-      }
-    });
-  });
-  proxy(instance, "isMounted", {
-    get: function() {
-      return vm._isMounted;
-    }
-  });
-  proxy(instance, "isUnmounted", {
-    get: function() {
-      return vm._isDestroyed;
-    }
-  });
-  proxy(instance, "isDeactivated", {
-    get: function() {
-      return vm._inactive;
-    }
-  });
-  proxy(instance, "emitted", {
-    get: function() {
-      return vm._events;
-    }
-  });
-  instanceMapCache.set(vm, instance);
-  if (vm.$parent) {
-    instance.parent = toVue3ComponentInstance(vm.$parent);
-  }
-  if (vm.$root) {
-    instance.root = toVue3ComponentInstance(vm.$root);
-  }
-  return instance;
-}
-function defineComponentInstance(Ctor, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var silent = Ctor.config.silent;
-  Ctor.config.silent = true;
-  var vm = new Ctor(options);
-  Ctor.config.silent = silent;
-  return vm;
-}
-function isComponentInstance(obj) {
-  var Vue = getVueConstructor();
-  return Vue && obj instanceof Vue;
-}
-function createSlotProxy(vm, slotName) {
-  return function() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    if (!vm.$scopedSlots[slotName]) {
-      return;
-    }
-    return vm.$scopedSlots[slotName].apply(vm, args);
-  };
-}
-function resolveSlots(slots, normalSlots) {
-  var res;
-  if (!slots) {
-    res = {};
-  } else if (slots._normalized) {
-    return slots._normalized;
-  } else {
-    res = {};
-    for (var key in slots) {
-      if (slots[key] && key[0] !== "$") {
-        res[key] = true;
-      }
-    }
-  }
-  for (var key in normalSlots) {
-    if (!(key in res)) {
-      res[key] = true;
-    }
-  }
-  return res;
-}
-var RefKey = "composition-api.refKey";
-var accessModifiedSet = new WeakMap();
-var readonlySet = new WeakMap();
-function set$1(target, key, val) {
-  var Vue = getVueConstructor();
-  var _a = Vue.util;
-  _a.warn;
-  var defineReactive = _a.defineReactive;
-  var ob = target.__ob__;
-  function ssrMockReactivity() {
-    if (ob && isObject(val) && !hasOwn(val, "__ob__")) {
-      mockReactivityDeep(val);
-    }
-  }
-  if (isArray(target)) {
-    if (isValidArrayIndex(key)) {
-      target.length = Math.max(target.length, key);
-      target.splice(key, 1, val);
-      ssrMockReactivity();
-      return val;
-    } else if (key === "length" && val !== target.length) {
-      target.length = val;
-      ob === null || ob === void 0 ? void 0 : ob.dep.notify();
-      return val;
-    }
-  }
-  if (key in target && !(key in Object.prototype)) {
-    target[key] = val;
-    ssrMockReactivity();
-    return val;
-  }
-  if (target._isVue || ob && ob.vmCount) {
-    return val;
-  }
-  if (!ob) {
-    target[key] = val;
-    return val;
-  }
-  defineReactive(ob.value, key, val);
-  defineAccessControl(target, key, val);
-  ssrMockReactivity();
-  ob.dep.notify();
-  return val;
-}
-var RefImpl = function() {
-  function RefImpl2(_a) {
-    var get2 = _a.get, set2 = _a.set;
-    proxy(this, "value", {
-      get: get2,
-      set: set2
-    });
-  }
-  return RefImpl2;
-}();
-function createRef(options, isReadonly, isComputed) {
-  if (isReadonly === void 0) {
-    isReadonly = false;
-  }
-  if (isComputed === void 0) {
-    isComputed = false;
-  }
-  var r = new RefImpl(options);
-  if (isComputed)
-    r.effect = true;
-  var sealed = Object.seal(r);
-  if (isReadonly)
-    readonlySet.set(sealed, true);
-  return sealed;
-}
-function ref(raw) {
-  var _a;
-  if (isRef(raw)) {
-    return raw;
-  }
-  var value = reactive((_a = {}, _a[RefKey] = raw, _a));
-  return createRef({
-    get: function() {
-      return value[RefKey];
-    },
-    set: function(v) {
-      return value[RefKey] = v;
-    }
-  });
-}
-function isRef(value) {
-  return value instanceof RefImpl;
-}
-function toRefs(obj) {
-  if (!isPlainObject(obj))
-    return obj;
-  var ret = {};
-  for (var key in obj) {
-    ret[key] = toRef(obj, key);
-  }
-  return ret;
-}
-function toRef(object, key) {
-  if (!(key in object))
-    set$1(object, key, void 0);
-  var v = object[key];
-  if (isRef(v))
-    return v;
-  return createRef({
-    get: function() {
-      return object[key];
-    },
-    set: function(v2) {
-      return object[key] = v2;
-    }
-  });
-}
-function isRaw(obj) {
-  var _a;
-  return Boolean(obj && hasOwn(obj, "__ob__") && typeof obj.__ob__ === "object" && ((_a = obj.__ob__) === null || _a === void 0 ? void 0 : _a.__raw__));
-}
-function isReactive(obj) {
-  var _a;
-  return Boolean(obj && hasOwn(obj, "__ob__") && typeof obj.__ob__ === "object" && !((_a = obj.__ob__) === null || _a === void 0 ? void 0 : _a.__raw__));
-}
-function setupAccessControl(target) {
-  if (!isPlainObject(target) || isRaw(target) || isArray(target) || isRef(target) || isComponentInstance(target) || accessModifiedSet.has(target))
-    return;
-  accessModifiedSet.set(target, true);
-  var keys = Object.keys(target);
-  for (var i = 0; i < keys.length; i++) {
-    defineAccessControl(target, keys[i]);
-  }
-}
-function defineAccessControl(target, key, val) {
-  if (key === "__ob__")
-    return;
-  if (isRaw(target[key]))
-    return;
-  var getter;
-  var setter;
-  var property = Object.getOwnPropertyDescriptor(target, key);
-  if (property) {
-    if (property.configurable === false) {
-      return;
-    }
-    getter = property.get;
-    setter = property.set;
-    if ((!getter || setter) && arguments.length === 2) {
-      val = target[key];
-    }
-  }
-  setupAccessControl(val);
-  proxy(target, key, {
-    get: function getterHandler() {
-      var value = getter ? getter.call(target) : val;
-      if (key !== RefKey && isRef(value)) {
-        return value.value;
-      } else {
-        return value;
-      }
-    },
-    set: function setterHandler(newVal) {
-      if (getter && !setter)
-        return;
-      if (key !== RefKey && isRef(val) && !isRef(newVal)) {
-        val.value = newVal;
-      } else if (setter) {
-        setter.call(target, newVal);
-        val = newVal;
-      } else {
-        val = newVal;
-      }
-      setupAccessControl(newVal);
-    }
-  });
-}
-function observe(obj) {
-  var Vue = getRegisteredVueOrDefault();
-  var observed;
-  if (Vue.observable) {
-    observed = Vue.observable(obj);
-  } else {
-    var vm = defineComponentInstance(Vue, {
-      data: {
-        $$state: obj
-      }
-    });
-    observed = vm._data.$$state;
-  }
-  if (!hasOwn(observed, "__ob__")) {
-    mockReactivityDeep(observed);
-  }
-  return observed;
-}
-function mockReactivityDeep(obj, seen) {
-  var e_1, _a;
-  if (seen === void 0) {
-    seen = new Set();
-  }
-  if (seen.has(obj) || hasOwn(obj, "__ob__") || !Object.isExtensible(obj))
-    return;
-  def(obj, "__ob__", mockObserver(obj));
-  seen.add(obj);
-  try {
-    for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
-      var key = _c.value;
-      var value = obj[key];
-      if (!(isPlainObject(value) || isArray(value)) || isRaw(value) || !Object.isExtensible(value)) {
-        continue;
-      }
-      mockReactivityDeep(value, seen);
-    }
-  } catch (e_1_1) {
-    e_1 = { error: e_1_1 };
-  } finally {
-    try {
-      if (_c && !_c.done && (_a = _b.return))
-        _a.call(_b);
-    } finally {
-      if (e_1)
-        throw e_1.error;
-    }
-  }
-}
-function mockObserver(value) {
-  if (value === void 0) {
-    value = {};
-  }
-  return {
-    value,
-    dep: {
-      notify: noopFn,
-      depend: noopFn,
-      addSub: noopFn,
-      removeSub: noopFn
-    }
-  };
-}
-function createObserver() {
-  return observe({}).__ob__;
-}
-function reactive(obj) {
-  if (!isObject(obj)) {
-    return obj;
-  }
-  if (!(isPlainObject(obj) || isArray(obj)) || isRaw(obj) || !Object.isExtensible(obj)) {
-    return obj;
-  }
-  var observed = observe(obj);
-  setupAccessControl(observed);
-  return observed;
-}
-function set(vm, key, value) {
-  var state = vm.__composition_api_state__ = vm.__composition_api_state__ || {};
-  state[key] = value;
-}
-function get(vm, key) {
-  return (vm.__composition_api_state__ || {})[key];
-}
-var vmStateManager = {
-  set,
-  get
-};
-function asVmProperty(vm, propName, propValue) {
-  var props = vm.$options.props;
-  if (!(propName in vm) && !(props && hasOwn(props, propName))) {
-    if (isRef(propValue)) {
-      proxy(vm, propName, {
-        get: function() {
-          return propValue.value;
-        },
-        set: function(val) {
-          propValue.value = val;
-        }
-      });
-    } else {
-      proxy(vm, propName, {
-        get: function() {
-          if (isReactive(propValue)) {
-            propValue.__ob__.dep.depend();
-          }
-          return propValue;
-        },
-        set: function(val) {
-          propValue = val;
-        }
-      });
-    }
-  }
-}
-function updateTemplateRef(vm) {
-  var rawBindings = vmStateManager.get(vm, "rawBindings") || {};
-  if (!rawBindings || !Object.keys(rawBindings).length)
-    return;
-  var refs = vm.$refs;
-  var oldRefKeys = vmStateManager.get(vm, "refs") || [];
-  for (var index2 = 0; index2 < oldRefKeys.length; index2++) {
-    var key = oldRefKeys[index2];
-    var setupValue = rawBindings[key];
-    if (!refs[key] && setupValue && isRef(setupValue)) {
-      setupValue.value = null;
-    }
-  }
-  var newKeys = Object.keys(refs);
-  var validNewKeys = [];
-  for (var index2 = 0; index2 < newKeys.length; index2++) {
-    var key = newKeys[index2];
-    var setupValue = rawBindings[key];
-    if (refs[key] && setupValue && isRef(setupValue)) {
-      setupValue.value = refs[key];
-      validNewKeys.push(key);
-    }
-  }
-  vmStateManager.set(vm, "refs", validNewKeys);
-}
-function updateVmAttrs(vm, ctx) {
-  var e_1, _a;
-  if (!vm) {
-    return;
-  }
-  var attrBindings = vmStateManager.get(vm, "attrBindings");
-  if (!attrBindings && !ctx) {
-    return;
-  }
-  if (!attrBindings) {
-    var observedData = reactive({});
-    attrBindings = { ctx, data: observedData };
-    vmStateManager.set(vm, "attrBindings", attrBindings);
-    proxy(ctx, "attrs", {
-      get: function() {
-        return attrBindings === null || attrBindings === void 0 ? void 0 : attrBindings.data;
-      },
-      set: function() {
-      }
-    });
-  }
-  var source = vm.$attrs;
-  var _loop_1 = function(attr2) {
-    if (!hasOwn(attrBindings.data, attr2)) {
-      proxy(attrBindings.data, attr2, {
-        get: function() {
-          return vm.$attrs[attr2];
-        }
-      });
-    }
-  };
-  try {
-    for (var _b = __values(Object.keys(source)), _c = _b.next(); !_c.done; _c = _b.next()) {
-      var attr = _c.value;
-      _loop_1(attr);
-    }
-  } catch (e_1_1) {
-    e_1 = { error: e_1_1 };
-  } finally {
-    try {
-      if (_c && !_c.done && (_a = _b.return))
-        _a.call(_b);
-    } finally {
-      if (e_1)
-        throw e_1.error;
-    }
-  }
-}
-function resolveScopedSlots(vm, slotsProxy) {
-  var parentVNode = vm.$options._parentVnode;
-  if (!parentVNode)
-    return;
-  var prevSlots = vmStateManager.get(vm, "slots") || [];
-  var curSlots = resolveSlots(parentVNode.data.scopedSlots, vm.$slots);
-  for (var index2 = 0; index2 < prevSlots.length; index2++) {
-    var key = prevSlots[index2];
-    if (!curSlots[key]) {
-      delete slotsProxy[key];
-    }
-  }
-  var slotNames = Object.keys(curSlots);
-  for (var index2 = 0; index2 < slotNames.length; index2++) {
-    var key = slotNames[index2];
-    if (!slotsProxy[key]) {
-      slotsProxy[key] = createSlotProxy(vm, key);
-    }
-  }
-  vmStateManager.set(vm, "slots", slotNames);
-}
-function activateCurrentInstance(instance, fn, onError) {
-  var preVm = getCurrentInstance();
-  setCurrentInstance(instance);
-  try {
-    return fn(instance);
-  } catch (err) {
-    if (onError) {
-      onError(err);
-    } else {
-      throw err;
-    }
-  } finally {
-    setCurrentInstance(preVm);
-  }
-}
-function mixin(Vue) {
-  Vue.mixin({
-    beforeCreate: functionApiInit,
-    mounted: function() {
-      updateTemplateRef(this);
-    },
-    beforeUpdate: function() {
-      updateVmAttrs(this);
-    },
-    updated: function() {
-      var _a;
-      updateTemplateRef(this);
-      if ((_a = this.$vnode) === null || _a === void 0 ? void 0 : _a.context) {
-        updateTemplateRef(this.$vnode.context);
-      }
-    }
-  });
-  function functionApiInit() {
-    var vm = this;
-    var $options = vm.$options;
-    var setup = $options.setup, render2 = $options.render;
-    if (render2) {
-      $options.render = function() {
-        var _this = this;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
-        return activateCurrentInstance(toVue3ComponentInstance(vm), function() {
-          return render2.apply(_this, args);
-        });
-      };
-    }
-    if (!setup) {
-      return;
-    }
-    if (!isFunction(setup)) {
-      return;
-    }
-    var data = $options.data;
-    $options.data = function wrappedData() {
-      initSetup(vm, vm.$props);
-      return isFunction(data) ? data.call(vm, vm) : data || {};
-    };
-  }
-  function initSetup(vm, props) {
-    if (props === void 0) {
-      props = {};
-    }
-    var setup = vm.$options.setup;
-    var ctx = createSetupContext(vm);
-    var instance = toVue3ComponentInstance(vm);
-    instance.setupContext = ctx;
-    def(props, "__ob__", createObserver());
-    resolveScopedSlots(vm, ctx.slots);
-    var binding;
-    activateCurrentInstance(instance, function() {
-      binding = setup(props, ctx);
-    });
-    if (!binding)
-      return;
-    if (isFunction(binding)) {
-      var bindingFunc_1 = binding;
-      vm.$options.render = function() {
-        resolveScopedSlots(vm, ctx.slots);
-        return activateCurrentInstance(instance, function() {
-          return bindingFunc_1();
-        });
-      };
-      return;
-    } else if (isObject(binding)) {
-      if (isReactive(binding)) {
-        binding = toRefs(binding);
-      }
-      vmStateManager.set(vm, "rawBindings", binding);
-      var bindingObj_1 = binding;
-      Object.keys(bindingObj_1).forEach(function(name) {
-        var bindingValue = bindingObj_1[name];
-        if (!isRef(bindingValue)) {
-          if (!isReactive(bindingValue)) {
-            if (isFunction(bindingValue)) {
-              var copy_1 = bindingValue;
-              bindingValue = bindingValue.bind(vm);
-              Object.keys(copy_1).forEach(function(ele) {
-                bindingValue[ele] = copy_1[ele];
-              });
-            } else if (!isObject(bindingValue)) {
-              bindingValue = ref(bindingValue);
-            } else if (hasReactiveArrayChild(bindingValue)) {
-              customReactive(bindingValue);
-            }
-          } else if (isArray(bindingValue)) {
-            bindingValue = ref(bindingValue);
-          }
-        }
-        asVmProperty(vm, name, bindingValue);
-      });
-      return;
-    }
-  }
-  function customReactive(target, seen) {
-    if (seen === void 0) {
-      seen = new Set();
-    }
-    if (seen.has(target))
-      return;
-    if (!isPlainObject(target) || isRef(target) || isReactive(target) || isRaw(target))
-      return;
-    var Vue2 = getVueConstructor();
-    var defineReactive = Vue2.util.defineReactive;
-    Object.keys(target).forEach(function(k) {
-      var val = target[k];
-      defineReactive(target, k, val);
-      if (val) {
-        seen.add(val);
-        customReactive(val, seen);
-      }
-      return;
-    });
-  }
-  function hasReactiveArrayChild(target, visited) {
-    if (visited === void 0) {
-      visited = new Map();
-    }
-    if (visited.has(target)) {
-      return visited.get(target);
-    }
-    visited.set(target, false);
-    if (isArray(target) && isReactive(target)) {
-      visited.set(target, true);
-      return true;
-    }
-    if (!isPlainObject(target) || isRaw(target) || isRef(target)) {
-      return false;
-    }
-    return Object.keys(target).some(function(x) {
-      return hasReactiveArrayChild(target[x], visited);
-    });
-  }
-  function createSetupContext(vm) {
-    var ctx = { slots: {} };
-    var propsPlain = [
-      "root",
-      "parent",
-      "refs",
-      "listeners",
-      "isServer",
-      "ssrContext"
-    ];
-    var methodReturnVoid = ["emit"];
-    propsPlain.forEach(function(key) {
-      var srcKey = "$" + key;
-      proxy(ctx, key, {
-        get: function() {
-          return vm[srcKey];
-        },
-        set: function() {
-        }
-      });
-    });
-    updateVmAttrs(vm, ctx);
-    methodReturnVoid.forEach(function(key) {
-      var srcKey = "$" + key;
-      proxy(ctx, key, {
-        get: function() {
-          return function() {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-              args[_i] = arguments[_i];
-            }
-            var fn = vm[srcKey];
-            fn.apply(vm, args);
-          };
-        }
-      });
-    });
-    return ctx;
-  }
-}
-function mergeData(from, to) {
-  if (!from)
-    return to;
-  if (!to)
-    return from;
-  var key;
-  var toVal;
-  var fromVal;
-  var keys = hasSymbol ? Reflect.ownKeys(from) : Object.keys(from);
-  for (var i = 0; i < keys.length; i++) {
-    key = keys[i];
-    if (key === "__ob__")
-      continue;
-    toVal = to[key];
-    fromVal = from[key];
-    if (!hasOwn(to, key)) {
-      to[key] = fromVal;
-    } else if (toVal !== fromVal && isPlainObject(toVal) && !isRef(toVal) && isPlainObject(fromVal) && !isRef(fromVal)) {
-      mergeData(fromVal, toVal);
-    }
-  }
-  return to;
-}
-function install(Vue) {
-  if (isVueRegistered(Vue)) {
-    return;
-  }
-  Vue.config.optionMergeStrategies.setup = function(parent, child) {
-    return function mergedSetupFn(props, context) {
-      return mergeData(isFunction(parent) ? parent(props, context) || {} : void 0, isFunction(child) ? child(props, context) || {} : void 0);
-    };
-  };
-  setVueConstructor(Vue);
-  mixin(Vue);
-}
-var Plugin = {
-  install: function(Vue) {
-    return install(Vue);
-  }
-};
-if (typeof window !== "undefined" && window.Vue) {
-  window.Vue.use(Plugin);
-}
 function useT() {
   const scope = getCurrentScope();
   return (key) => scope.vm.$i18n.t(key);
@@ -2220,14 +1304,13 @@ var __vue2_script$5 = defineComponent({
     }
   },
   setup(props) {
-    const { addedTasks } = toRefs$1(props);
+    const { addedTasks } = toRefs(props);
     const t = useT();
     const columns = [
       {
         title: t("message.taskName"),
         dataIndex: "taskName",
-        key: "taskName",
-        scopedSlots: { customRender: "taskName" }
+        key: "taskName"
       },
       {
         title: t("message.assignee"),
@@ -2262,11 +1345,9 @@ var render$5 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  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 _c("div", [_c("ant-table", { attrs: { "size": "middle", "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))])]);
-  } }, { key: "isEmployee", fn: function(isEmployee) {
+  } }, scopedSlots: _vm._u([{ 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 } })];
@@ -2283,7 +1364,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, "cbdc9a40", null, null);
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "2e685386", null, null);
 function __vue2_injectStyles$5(context) {
   for (let o in __cssModules$5) {
     this[o] = __cssModules$5[o];
@@ -2292,7 +1373,7 @@ function __vue2_injectStyles$5(context) {
 var TaskTablePure = /* @__PURE__ */ function() {
   return __component__$5.exports;
 }();
-var useSearchTaskTemplates = (pagination, conditions = ref$1({}), lawFirmId) => {
+var useSearchTaskTemplates = (pagination, conditions = ref({}), lawFirmId) => {
   const startIndex = computed(() => (pagination.value.current - 1) * pagination.value.pageSize);
   const endIndex = computed(() => startIndex.value + pagination.value.pageSize);
   watch(() => conditions.value, () => {
@@ -2365,7 +1446,7 @@ var useTaskActions = (addedTasks, emit) => {
     removeTask
   };
 };
-var useSearchTaskConditions = () => ref$1({
+var useSearchTaskConditions = () => ref({
   keywords: "",
   isEmployee: [
     AssigneeTypes.ATTORNEY,
@@ -2374,12 +1455,12 @@ var useSearchTaskConditions = () => ref$1({
   ]
 });
 var useTaskTemplateTableData = (props, emit) => {
-  const initialPagination = ref$1({
+  const initialPagination = ref({
     current: 1,
     pageSize: props.pageSize || 10,
     total: 0
   });
-  const { conditions = useSearchTaskConditions(), addedTasks = ref$1([]) } = toRefs$1(props);
+  const { conditions = useSearchTaskConditions(), addedTasks = ref([]) } = toRefs(props);
   const { result, loading, variables } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId);
   const dataSource = computed(() => {
     var _a;
@@ -2512,7 +1593,7 @@ var __vue2_script$3 = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const taskTable = ref$1();
+    const taskTable = ref();
     const conditions = useSearchTaskConditions();
     const currentComponent = shallowRef(props.showPage ? Card : Modal);
     const editAction = (record) => {
@@ -2590,10 +1671,6 @@ var __vue2_script$2 = defineComponent({
       type: String,
       required: true
     },
-    loading: {
-      type: Boolean,
-      default: false
-    },
     sendEmail: {
       type: Boolean,
       default: false
@@ -2605,11 +1682,15 @@ var __vue2_script$2 = defineComponent({
     allowClear: {
       type: Boolean,
       default: false
+    },
+    adding: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, { emit }) {
-    const { addedTasks } = toRefs$1(props);
-    const pagination = ref$1({
+    const { addedTasks } = toRefs(props);
+    const pagination = ref({
       total: addedTasks.value.length,
       current: 1,
       pageSize: 10
@@ -2637,7 +1718,7 @@ var render$2 = function() {
     return _vm.$emit("update:sendEmail", $event.target.checked);
   } } }, [_vm._v(" " + _vm._s(_vm.$t("message.sendTaskEmail")) + " ")]) : _vm._e(), _c("ant-button", { on: { "click": function($event) {
     return _vm.$emit("update:visible", false);
-  } } }, [_vm._v(" " + _vm._s(_vm.$t("message.cancel")) + " ")]), _c("ant-button", { attrs: { "loading": _vm.loading, "type": "primary", "disabled": !_vm.addedTasks.length }, on: { "click": function($event) {
+  } } }, [_vm._v(" " + _vm._s(_vm.$t("message.cancel")) + " ")]), _c("ant-button", { attrs: { "loading": _vm.adding, "type": "primary", "disabled": !_vm.addedTasks.length }, on: { "click": function($event) {
     _vm.$emit("submit", {
       addedTasks: _vm.addedTasks,
       addedTaskIds: _vm.addedTasks.map(function(ref2) {
@@ -2651,7 +1732,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, "09e3f3ca", null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "315dcb1d", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];
@@ -2731,7 +1812,9 @@ const CreateTaskTemplateMutation = gql`
     ${taskTemplateFragment}
 `;
 const defaultTaskTemplate = {
-  taskTemplateObj: {},
+  taskTemplateObj: {
+    generalTaskType: TaskTypes.clientUpload
+  },
   isAddedToTask: false,
   isNotified: false
 };
@@ -2751,14 +1834,6 @@ var __vue2_script$1 = defineComponent({
       type: Boolean,
       default: false
     },
-    userId: {
-      type: String,
-      required: true
-    },
-    lawFirmId: {
-      type: Number,
-      required: true
-    },
     value: {
       type: Array,
       default: () => []
@@ -2792,23 +1867,46 @@ var __vue2_script$1 = defineComponent({
     },
     pageSize: {
       type: Number
+    },
+    closeAfterAdd: {
+      type: Boolean,
+      default: true
+    },
+    adding: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, { emit }) {
     const { client } = useApolloClient();
-    const mainModal = ref$1();
-    const reviewModal = ref$1();
-    const newTaskVisible = ref$1(false);
-    const reviewModalVisible = ref$1(false);
-    const tempTask = ref$1(defaultTaskTemplate);
+    const mainModal = ref();
+    const reviewModal = ref();
+    const newTaskVisible = ref(false);
+    const reviewModalVisible = ref(false);
+    const tempTask = ref(defaultTaskTemplate);
     const updateTemplate = useMutateTaskTemplate();
     const createTemplate = useCreateTaskTemplate();
-    const addedTasks = ref$1([]);
+    const addedTasks = ref([]);
+    const me = useMe();
+    const userId = computed(() => {
+      var _a;
+      return (_a = me.value) == null ? void 0 : _a.id;
+    });
+    const lawFirmId = computed(() => {
+      var _a;
+      return (_a = me.value) == null ? void 0 : _a.lawFirmId;
+    });
     watch(() => newTaskVisible.value, (visible) => {
       if (!visible) {
         tempTask.value = defaultTaskTemplate;
       }
     });
+    watch(() => props.visible, (visible) => {
+      if (!visible) {
+        addedTasks.value = [];
+        emit("update:value", []);
+      }
+    });
     const updateReviewModalContent = (record, newRecord) => {
       if (reviewModalVisible.value) {
         const newValue = addedTasks.value.map((originTask) => {
@@ -2844,19 +1942,23 @@ var __vue2_script$1 = defineComponent({
       });
     };
     const _submit = async (record) => {
-      const {
-        newRecord,
-        success,
-        isUpdate
-      } = await submit(record, updateTemplate, createTemplate);
+      const { newRecord, success, isUpdate } = await submit(record, updateTemplate, createTemplate);
       if (success) {
         if (!isUpdate)
           writeQuery(record.taskTemplateId, newRecord);
         newTaskVisible.value = false;
         updateReviewModalContent(record, newRecord);
+        emit("task-added", newRecord);
       }
     };
     const submitting = computed(() => updateTemplate.loading.value || createTemplate.loading.value);
+    const endReviewing = (result) => {
+      emit("submit", result);
+      if (props.closeAfterAdd) {
+        reviewModalVisible.value = false;
+        newTaskVisible.value = false;
+      }
+    };
     const editTask = (record) => {
       newTaskVisible.value = true;
       tempTask.value = __spreadValues({}, record);
@@ -2869,9 +1971,12 @@ var __vue2_script$1 = defineComponent({
       reviewModalVisible,
       submitting,
       addedTasks,
+      userId,
+      lawFirmId,
       writeQuery,
       editTask,
-      _submit
+      _submit,
+      endReviewing
     };
   }
 });
@@ -2879,7 +1984,7 @@ 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: { "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) {
+  return _vm.lawFirmId != null ? _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;
@@ -2903,7 +2008,7 @@ var render$1 = function() {
     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: { "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) {
+  } }], null, true) }), _c("review-modal", { ref: "reviewModal", attrs: { "adding": _vm.adding, "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;
@@ -2917,20 +2022,18 @@ var render$1 = function() {
     _vm.newTaskVisible = $event;
   }, "update:new-task-visible": function($event) {
     _vm.newTaskVisible = $event;
-  }, "submit": function($event) {
-    return _vm.$emit("submit", $event);
-  }, "update:sendEmail": function($event) {
+  }, "submit": _vm.endReviewing, "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;
-  }, "submit": _vm._submit } })], 1);
+  }, "submit": _vm._submit } })], 1) : _vm._e();
 };
 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, "5a18b070", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "5099cd32", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];
@@ -2941,8 +2044,8 @@ var index$1 = /* @__PURE__ */ function() {
 }();
 var __vue2_script = defineComponent({
   setup() {
-    const notBoolean = ref$1(123);
-    const test = ref$1(false);
+    const notBoolean = ref(123);
+    const test = ref(false);
     const isDisabled = computed(() => test.value);
     return {
       isDisabled,