feat：支持链接参数传入

Author: hellowmonkey

src/page/developer/translate.tsx

@@ -1,13 +1,16 @@
 import { copyText, lineToHump, random } from "@/helper";
+import { isEmpty } from "@/helper/validate";
 import { globalTheme, message } from "@/service/common";
 import { colors, VariableType, variableTypeList } from "@/service/devoloper";
 import { NButton, NInput, NInputGroup, NInputGroupLabel, NSelect } from "naive-ui";
-import { computed, defineComponent, onActivated, reactive, ref } from "vue";
+import { computed, defineComponent, onActivated, onMounted, reactive, ref } from "vue";
+import { useRoute } from "vue-router";
 
 export default defineComponent({
   props: {},
   emits: [],
   setup: (props, ctx) => {
+    const route = useRoute();
     const form = reactive({
       words: "",
       type: VariableType.HUMP,
@@ -60,6 +63,16 @@ export default defineComponent({
         });
     }
 
+    onMounted(() => {
+      const { words, type } = route.query;
+      if (words) {
+        form.words = words as string;
+      }
+      if (!isEmpty(type)) {
+        form.type = Number(type);
+      }
+    });
+
     onActivated(() => {
       iptEl.value?.focus();
     });

src/page/qrcode/create.tsx

@@ -1,10 +1,11 @@
 import { NButton, NCard, NCheckbox, NDrawer, NDrawerContent, NIcon, NInput, NUpload, UploadFileInfo } from "naive-ui";
-import { defineComponent, onActivated, ref } from "vue";
+import { defineComponent, onActivated, onMounted, ref } from "vue";
 import { awaitLoadImg, awaitNextTick, copyImg, downLoadBase64File, fileToBase64, randomString } from "@/helper";
 import qrcode from "qrcode";
 import { DeleteOutlined, UploadFileOutlined, UploadOutlined } from "@vicons/material";
 import { addLogo, deleteLogo, getLogoList, logoList, logoOpts } from "@/service/qrcode";
 import { dialog, message } from "@/service/common";
+import router from "@/router";
 
 export default defineComponent({
   props: {},
@@ -122,6 +123,13 @@ export default defineComponent({
       iptEl.value?.focus();
     });
 
+    onMounted(() => {
+      const { query } = router.currentRoute.value;
+      if (query.text) {
+        text.value = query.text as string;
+      }
+    });
+
     return () => (
       <div>
         <div class="d-flex align-items-start">

src/page/util/date-timestamp.tsx

@@ -1,14 +1,16 @@
 import { copyText } from "@/helper";
 import { message } from "@/service/common";
 import { NAlert, NButton, NInput, NInputGroup, NInputGroupLabel, NSelect } from "naive-ui";
-import { defineComponent, onActivated, reactive, ref } from "vue";
+import { defineComponent, onActivated, onMounted, reactive, ref } from "vue";
 import { DateType } from "@/service/util";
 import dayjs from "dayjs";
+import { useRoute } from "vue-router";
 
 export default defineComponent({
   props: {},
   emits: [],
   setup: (props, ctx) => {
+    const route = useRoute();
     const form = reactive<{ value: string; type: DateType }>({
       value: "",
       type: DateType.MS,
@@ -33,6 +35,16 @@ export default defineComponent({
       iptEl.value?.focus();
     });
 
+    onMounted(() => {
+      const { value, type } = route.query;
+      if (value) {
+        form.value = value as string;
+      }
+      if (type) {
+        form.type = type as DateType;
+      }
+    });
+
     return () => (
       <div>
         <div class="d-flex mar-b-5-item">

src/page/util/num-money.tsx

@@ -1,8 +1,9 @@
 import { copyText } from "@/helper";
+import router from "@/router";
 import { message } from "@/service/common";
 import { digitUppercase } from "@/service/util";
 import { NAlert, NButton, NInput } from "naive-ui";
-import { defineComponent, onActivated, ref } from "vue";
+import { defineComponent, onActivated, onMounted, ref } from "vue";
 
 export default defineComponent({
   props: {},
@@ -23,6 +24,13 @@ export default defineComponent({
       iptEl.value?.focus();
     });
 
+    onMounted(() => {
+      const { query } = router.currentRoute.value;
+      if (query.num) {
+        num.value = query.num as string;
+      }
+    });
+
     return () => (
       <div class="d-flex direction-column">
         <div class="d-flex mar-b-5-item">

src/page/util/timestamp-date.tsx

@@ -1,14 +1,16 @@
 import { copyText } from "@/helper";
 import { message } from "@/service/common";
 import { NAlert, NButton, NInput, NInputGroup, NInputGroupLabel, NSelect } from "naive-ui";
-import { defineComponent, onActivated, reactive, ref } from "vue";
+import { defineComponent, onActivated, onMounted, reactive, ref } from "vue";
 import { DateType } from "@/service/util";
 import dayjs from "dayjs";
+import { useRoute } from "vue-router";
 
 export default defineComponent({
   props: {},
   emits: [],
   setup: (props, ctx) => {
+    const route = useRoute();
     const form = reactive<{ value: string; type: DateType }>({
       value: "",
       type: DateType.S,
@@ -28,6 +30,16 @@ export default defineComponent({
       iptEl.value?.focus();
     });
 
+    onMounted(() => {
+      const { value, type } = route.query;
+      if (value) {
+        form.value = value as string;
+      }
+      if (type) {
+        form.type = type as DateType;
+      }
+    });
+
     return () => (
       <div>
         <div class="d-flex mar-b-5-item">

src/page/video/m3u8.tsx

@@ -4,7 +4,7 @@ import ajax from "@/helper/ajax";
 import { dialog, message } from "@/service/common";
 import { DownloadStatus, downloadStatusList, IM3u8Item, ITsItem } from "@/service/video";
 import { NAlert, NButton, NCard, NInput, NInputGroup, NInputGroupLabel, NProgress, NTag, NText } from "naive-ui";
-import { computed, defineComponent, onActivated, reactive, ref } from "vue";
+import { computed, defineComponent, onActivated, onMounted, reactive, ref } from "vue";
 import { useRoute } from "vue-router";
 
 export default defineComponent({
@@ -186,7 +186,9 @@ export default defineComponent({
 
     onActivated(() => {
       iptEl.value?.focus();
+    });
 
+    onMounted(() => {
       const { url, name } = route.query;
       if (url) {
         form.url = url as string;

src/page/video/parse.tsx

@@ -3,43 +3,57 @@ import { isUrl } from "@/helper/validate";
 import { message } from "@/service/common";
 import { circuits, videoList } from "@/service/video";
 import { NButton, NInput, NInputGroup, NInputGroupLabel, NSelect, NTooltip } from "naive-ui";
-import { defineComponent, onActivated, ref } from "vue";
+import { defineComponent, onActivated, onMounted, reactive, ref } from "vue";
+import { useRoute } from "vue-router";
 
 export default defineComponent({
   props: {},
   emits: [],
   setup: (props, ctx) => {
-    const circuit = ref<string>(circuits[0].value);
-    const url = ref<string>("");
+    const route = useRoute();
+    const form = reactive({
+      circuit: circuits[0].value,
+      url: "",
+    });
     const iframeSrc = ref<string>("");
     const iptEl = ref<HTMLInputElement>();
 
     function handleParse(check = true) {
       if (check) {
-        if (!url.value) {
+        if (!form.url) {
           message.error("请先输入播放地址");
           return;
         }
-        if (!isUrl(url.value)) {
+        if (!isUrl(form.url)) {
           message.error("播放地址输入错误");
           return;
         }
       }
-      iframeSrc.value = circuit.value.replace("__URL__", url.value);
+      iframeSrc.value = form.circuit.replace("__URL__", form.url);
     }
 
     onActivated(() => {
       iptEl.value?.focus();
     });
 
+    onMounted(() => {
+      const { url, circuit } = route.query;
+      if (url) {
+        form.url = url as string;
+      }
+      if (circuit) {
+        form.circuit = circuit as string;
+      }
+    });
+
     return () => (
       <div>
         <div class="mar-b-5-item">
           <NInputGroup>
             <NInputGroupLabel size="large">播放地址</NInputGroupLabel>
             <NInput
               size="large"
-              v-model={[url.value, "value"]}
+              v-model={[form.url, "value"]}
               onKeydown={e => {
                 if (e.key === "Enter") {
                   e.preventDefault();
@@ -60,12 +74,12 @@ export default defineComponent({
                 handleParse(false);
               }}
               options={circuits}
-              v-model={[circuit.value, "value"]}
+              v-model={[form.circuit, "value"]}
             />
           </NInputGroup>
         </div>
         <div class="mar-b-7-item d-flex direction-column">
-          {url.value ? (
+          {form.url ? (
             <NButton
               block
               size="large"