统一VarInput变量的管理

src/components/composer/data/AsymmetricCryptoEditor.vue

@@ -186,7 +186,7 @@
 import { defineComponent } from "vue";
 import VariableInput from "components/composer/common/VariableInput.vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
-
+import { newVarInputVal } from "js/composer/varInputValManager";
 export default defineComponent({
   name: "AsymmetricCryptoEditor",
   components: {
@@ -200,11 +200,7 @@ export default defineComponent({
     return {
       defaultArgvs: {
         operation: "encrypt",
-        text: {
-          value: "",
-          isString: true,
-          __varInputVal__: true,
-        },
+        text: newVarInputVal("str"),
         algorithm: "RSA",
         keyLength: 1024,
         padding: "RSAES-PKCS1-V1_5",

src/components/composer/data/SymmetricCryptoEditor.vue

@@ -186,6 +186,7 @@
 import { defineComponent } from "vue";
 import VariableInput from "components/composer/common/VariableInput.vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
+import { newVarInputVal } from "js/composer/varInputValManager";
 
 export default defineComponent({
   name: "SymmetricCryptoEditor",
@@ -200,11 +201,7 @@ export default defineComponent({
     return {
       defaultArgvs: {
         operation: "encrypt",
-        text: {
-          value: "",
-          isString: true,
-          __varInputVal__: true,
-        },
+        text: newVarInputVal("str"),
         algorithm: "AES",
         keyLength: 128,
         mode: "CBC",

src/components/composer/data/ZlibEditor.vue

@@ -132,6 +132,8 @@ import { stringifyArgv, parseFunction } from "js/composer/formatString";
 import VariableInput from "components/composer/common/VariableInput.vue";
 import NumberInput from "components/composer/common/NumberInput.vue";
 import OperationCard from "components/composer/common/OperationCard.vue";
+import { newVarInputVal } from "js/composer/varInputValManager";
+
 export default defineComponent({
   name: "ZlibEditor",
   components: {
@@ -188,11 +190,7 @@ export default defineComponent({
       defaultArgvs: {
         operation: "compressData",
         method: "gzip",
-        data: {
-          value: "",
-          isString: true,
-          __varInputVal__: true,
-        },
+        data: newVarInputVal("str"),
         options: {
           level: -1,
           memLevel: 8,

src/components/composer/data/regex/RegexEditor.vue

@@ -98,6 +98,7 @@ import RegexInput from "./RegexInput.vue";
 import RegexBuilder from "./RegexBuilder.vue";
 import RegexTester from "./RegexTester.vue";
 import { parseToHasType } from "js/composer/formatString";
+import { newVarInputVal } from "js/composer/varInputValManager";
 
 export default defineComponent({
   name: "RegexEditor",
@@ -122,17 +123,9 @@ export default defineComponent({
       },
       showBuilder: false,
       defaultArgvs: {
-        textValue: {
-          value: "",
-          isString: true,
-          __varInputVal__: true,
-        },
+        textValue: newVarInputVal("str"),
         regexValue: "",
-        replaceValue: {
-          value: "",
-          isString: true,
-          __varInputVal__: true,
-        },
+        replaceValue: newVarInputVal("str"),
         isReplace: false,
         flags: {
           ignoreCase: false,

src/components/composer/data/regex/RegexTester.vue

@@ -43,17 +43,14 @@
 
 <script>
 import { defineComponent } from "vue";
+import { newVarInputVal } from "js/composer/varInputValManager";
 
 export default defineComponent({
   name: "RegexTester",
   props: {
     text: {
       type: Object,
-      default: () => ({
-        value: "",
-        isString: false,
-        __varInputVal__: true,
-      }),
+      default: () => newVarInputVal("var"),
     },
     regex: {
       type: String,
@@ -65,11 +62,7 @@ export default defineComponent({
     },
     replace: {
       type: Object,
-      default: () => ({
-        value: "",
-        isString: false,
-        __varInputVal__: true,
-      }),
+      default: () => newVarInputVal("var"),
     },
     isReplace: {
       type: Boolean,