cloudcc-cli 1.2.9 → 1.3.0

package/template/indexvue

@@ -1,343 +1,343 @@
-<template>
-  <div class="cloudccButton" @mouseover="myMouseover">
-  <el-button
-    v-loading.fullscreen.lock="fullscreenLoading"
-  element-loading-text="loading..."
-  :style="`font-size:` + elePropObj.fontSize + `px;` + elePropObj.style"
-  :type="elePropObj.type"
-  @click="handleClick"
-      >{{ elePropObj.defaultValue }}</el-button
->
-  </div >
-</template >
-
-<script>
-import axios from "../utils/http";
-export default {
-  name: "my-button",
-  props: {
-    elePropObj: {
-      type: Object,
-      default: () => ({}),
-    },
-    eleEventObj: {
-      type: Object,
-      default: () => ({
-        myCreated: `function created(self) {
-           // self即this,本组件的vue实例
-          }`,
-        myMounted: `function mounted(self) {
-           // self即this,本组件的vue实例
-          }`,
-        myDestroyed: `function destroyed(self) {
-           // self即this,本组件的vue实例
-          }`,
-        myMouseover: `function myMouseover(self) {
-           // self即this,本组件的vue实例
-          }`,
-      }),
-    },
-    version: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {
-      fullscreenLoading: false,
-      componentInfo: {
-        component: "my-button",
-        // 按钮
-        compName: "我的按钮",
-        icon: "#icon-anniu",
-        sort: 1,
-        compDesc: "组件描述信息",
-        /* 组件分类：
-         * private：私有组件（自己组织可见）
-         * beta：组件测试版本
-         */
-        category: "private", // public  private
-        version: "0.0.1",
-      },
-      style: {
-        unit: "px",
-        width: 72,
-        height: 38,
-        top: 0,
-        left: 0,
-        rotate: 0,
-        opacity: 1,
-      },
-      styleOption: {
-        word: {
-          lable: "label.help",
-          type: "word",
-          link: "https://zucfl0psd6.feishu.cn/wiki/wikcnJNCCWZB05fOrvRkBuNQ7re",
-        },
-        unit: {
-          lable: "label.custom.unit",
-          type: "option",
-          options: [
-            {
-              value: "px",
-              label: "label.custom.pixel",
-            },
-            {
-              value: "%",
-              label: "label.percent",
-            },
-            {
-              value: "hw",
-              label: "label.custom.viewport",
-            },
-          ],
-        },
-        width: {
-          lable: "label.custom.width",
-          type: "input",
-          inputType: "number",
-        },
-        height: {
-          lable: "label.custom.height",
-          type: "input",
-          inputType: "number",
-        },
-        top: {
-          lable: "label.dev.y.coordinate",
-          type: "input",
-          inputType: "number",
-        },
-        left: {
-          lable: "label.dev.x.coordinate",
-          type: "input",
-          inputType: "number",
-        },
-      },
-      propObj: {
-        id: "",
-        pageApi: "createPage",
-        defaultValue: "Button",
-        type: "primary",
-        fontSize: 16,
-        functionContent: `function test(conext,value) {
-            let requestParams = {
-              className: "TestUpdate", // 类名 string
-              methodName: "queryGao", // 方法名 string
-              params: [
-                {
-                  "argType": "java.lang.String",
-                  "argValue": "1111",
-                },
-                {
-                  "argType": "java.lang.String",
-                  "argValue": "2222",
-                }
-              ], // 请求参数
-            };
-            return requestParams;
-        }`,
-        handleComponentId: "",
-        axiosAddres: "http://localhost:8080/api/pc/1.0/school/add",
-        returnBody: `function test(self,res) {
-            console.log(res)
-            if (res.returnCode == 200 || "1" == res.returnCode) {
-              self.$message({
-                message: "提交成功",
-                type: "success",
-              });
-            }
-        }`,
-        style: "",
-      },
-      propOption: {
-        style: {
-          lable: "label.style",
-          type: "input",
-        },
-        defaultValue: {
-          lable: "label.dev.defaultvalue",
-          type: "defaultValueInput",
-        },
-        type: {
-          lable: "label.dev.button.type",
-          type: "option",
-          options: [
-            {
-              value: "primary",
-              label: "primary",
-            },
-            {
-              value: "success",
-              label: "success",
-            },
-            {
-              value: "info",
-              label: "info",
-            },
-            {
-              value: "warning",
-              label: "warning",
-            },
-            {
-              value: "danger",
-              label: "danger",
-            },
-          ],
-        },
-        fontSize: {
-          lable: "label.dev.font.size",
-          type: "input",
-          inputType: "number",
-        },
-        handleComponentId: {
-          lable: "label.dev.associated.compid",
-          type: "input",
-        },
-        functionContent: {
-          lable: "label.dev.request.body",
-          type: "code",
-        },
-        axiosAddres: {
-          lable: "label.dev.interface.address",
-          type: "code",
-        },
-        returnBody: {
-          lable: "label.dev.return.body",
-          type: "code",
-        },
-      },
-      events: {
-        myCreated: `function created(self) {
-           // self即this,本组件的vue实例
-          }`,
-        myMounted: `function mounted(self) {
-           // self即this,本组件的vue实例
-          }`,
-        myDestroyed: `function destroyed(self) {
-           // self即this,本组件的vue实例
-          }`,
-        myMouseover: `function myMouseover(self) {
-           // self即this,本组件的vue实例
-          }`,
-      },
-      eventsOption: {
-        myCreated: {
-          lable: "label.dev.created",
-          type: "code",
-        },
-        myMounted: {
-          lable: "label.dev.mounted",
-          type: "code",
-        },
-        myDestroyed: {
-          lable: "label.dev.destroyed",
-          type: "code",
-        },
-        myMouseover: {
-          lable: "label.dev.mouseover",
-          type: "code",
-        },
-      },
-      animations: [],
-      groupStyle: {},
-      isLock: false,
-    };
-  },
-  created() {
-    this.$Components.set(this.elePropObj.id, this);
-    if (this.$Components.get("editMode") == "edit") {
-      // 编辑模式不触发
-      return;
-    }
-    let myCreated = eval("(false || " + this.eleEventObj.myCreated + ")");
-    myCreated(this);
-  },
-  mounted() {
-    if (this.$Components.get("editMode") == "edit") {
-      // 编辑模式不触发
-      return;
-    }
-    let myMounted = eval("(false || " + this.eleEventObj.myMounted + ")");
-    myMounted(this);
-  },
-  destroyed() {
-    let myDestroyed = eval("(false || " + this.eleEventObj.myDestroyed + ")");
-    myDestroyed(this);
-  },
-  methods: {
-    myMouseover() {
-      let mouseoverEvent = eval(
-        "(false || " + this.eleEventObj.myMouseover + ")"
-      );
-      mouseoverEvent(this);
-    },
-    returnBodyHandle(res) {
-      let self = this;
-      let getReturnBody = eval("(false || " + this.elePropObj.returnBody + ")");
-      getReturnBody(self, res);
-    },
-    handleClick() {
-      if (
-        null == this.elePropObj.handleComponentId ||
-        "" == this.elePropObj.handleComponentId
-      ) {
-        return;
-      }
-      let components = this.elePropObj.handleComponentId
-        .split(",")
-        .map((item) => {
-          return this.$Components.get(item);
-        });
-      let test = eval("(false || " + this.elePropObj.functionContent + ")");
-      // 接收请求体，访问接口
-      let body = test(
-        this.$Components.get(this.elePropObj.pageApi),
-        ...components
-      );
-      if (this.elePropObj.axiosAddres && body) {
-        this.handleAxios(this.elePropObj.axiosAddres, body);
-      }
-    },
-    /**
-     * 网络请求
-     */
-    handleAxios(path, params) {
-      this.fullscreenLoading = true;
-      axios
-        .postLight(path, params)
-        .then(
-          (res) => {
-            this.fullscreenLoading = false;
-            this.returnBodyHandle(res);
-          },
-          (err) => {
-            this.fullscreenLoading = false;
-            this.$message({
-              message: err,
-              type: "error",
-            });
-          }
-        )
-        .catch((error) => {
-          this.fullscreenLoading = false;
-          this.$message({
-            message: error,
-            type: "error",
-          });
-        });
-    },
-  },
-};
-</script>
-<style >
-.cloudccButton {
-  height: 100%;
-  width: 100%;
-  padding: 0px !important;
-}
-.cloudccButton .el-button {
-  height: 100%;
-  width: 100%;
-  padding: 0px !important;
-}
-</style>
+<template>
+  <div class="cloudccButton" @mouseover="myMouseover">
+  <el-button
+    v-loading.fullscreen.lock="fullscreenLoading"
+  element-loading-text="loading..."
+  :style="`font-size:` + elePropObj.fontSize + `px;` + elePropObj.style"
+  :type="elePropObj.type"
+  @click="handleClick"
+      >{{ elePropObj.defaultValue }}</el-button
+>
+  </div >
+</template >
+
+<script>
+import axios from "../utils/http";
+export default {
+  name: "my-button",
+  props: {
+    elePropObj: {
+      type: Object,
+      default: () => ({}),
+    },
+    eleEventObj: {
+      type: Object,
+      default: () => ({
+        myCreated: `function created(self) {
+           // self即this,本组件的vue实例
+          }`,
+        myMounted: `function mounted(self) {
+           // self即this,本组件的vue实例
+          }`,
+        myDestroyed: `function destroyed(self) {
+           // self即this,本组件的vue实例
+          }`,
+        myMouseover: `function myMouseover(self) {
+           // self即this,本组件的vue实例
+          }`,
+      }),
+    },
+    version: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      fullscreenLoading: false,
+      componentInfo: {
+        component: "my-button",
+        // 按钮
+        compName: "我的按钮",
+        icon: "#icon-anniu",
+        sort: 1,
+        compDesc: "组件描述信息",
+        /* 组件分类：
+         * private：私有组件（自己组织可见）
+         * beta：组件测试版本
+         */
+        category: "private", // public  private
+        version: "0.0.1",
+      },
+      style: {
+        unit: "px",
+        width: 72,
+        height: 38,
+        top: 0,
+        left: 0,
+        rotate: 0,
+        opacity: 1,
+      },
+      styleOption: {
+        word: {
+          lable: "label.help",
+          type: "word",
+          link: "https://zucfl0psd6.feishu.cn/wiki/wikcnJNCCWZB05fOrvRkBuNQ7re",
+        },
+        unit: {
+          lable: "label.custom.unit",
+          type: "option",
+          options: [
+            {
+              value: "px",
+              label: "label.custom.pixel",
+            },
+            {
+              value: "%",
+              label: "label.percent",
+            },
+            {
+              value: "hw",
+              label: "label.custom.viewport",
+            },
+          ],
+        },
+        width: {
+          lable: "label.custom.width",
+          type: "input",
+          inputType: "number",
+        },
+        height: {
+          lable: "label.custom.height",
+          type: "input",
+          inputType: "number",
+        },
+        top: {
+          lable: "label.dev.y.coordinate",
+          type: "input",
+          inputType: "number",
+        },
+        left: {
+          lable: "label.dev.x.coordinate",
+          type: "input",
+          inputType: "number",
+        },
+      },
+      propObj: {
+        id: "",
+        pageApi: "createPage",
+        defaultValue: "Button",
+        type: "primary",
+        fontSize: 16,
+        functionContent: `function test(conext,value) {
+            let requestParams = {
+              className: "TestUpdate", // 类名 string
+              methodName: "queryGao", // 方法名 string
+              params: [
+                {
+                  "argType": "java.lang.String",
+                  "argValue": "1111",
+                },
+                {
+                  "argType": "java.lang.String",
+                  "argValue": "2222",
+                }
+              ], // 请求参数
+            };
+            return requestParams;
+        }`,
+        handleComponentId: "",
+        axiosAddres: "http://localhost:8080/api/pc/1.0/school/add",
+        returnBody: `function test(self,res) {
+            console.log(res)
+            if (res.returnCode == 200 || "1" == res.returnCode) {
+              self.$message({
+                message: "提交成功",
+                type: "success",
+              });
+            }
+        }`,
+        style: "",
+      },
+      propOption: {
+        style: {
+          lable: "label.style",
+          type: "input",
+        },
+        defaultValue: {
+          lable: "label.dev.defaultvalue",
+          type: "defaultValueInput",
+        },
+        type: {
+          lable: "label.dev.button.type",
+          type: "option",
+          options: [
+            {
+              value: "primary",
+              label: "primary",
+            },
+            {
+              value: "success",
+              label: "success",
+            },
+            {
+              value: "info",
+              label: "info",
+            },
+            {
+              value: "warning",
+              label: "warning",
+            },
+            {
+              value: "danger",
+              label: "danger",
+            },
+          ],
+        },
+        fontSize: {
+          lable: "label.dev.font.size",
+          type: "input",
+          inputType: "number",
+        },
+        handleComponentId: {
+          lable: "label.dev.associated.compid",
+          type: "input",
+        },
+        functionContent: {
+          lable: "label.dev.request.body",
+          type: "code",
+        },
+        axiosAddres: {
+          lable: "label.dev.interface.address",
+          type: "code",
+        },
+        returnBody: {
+          lable: "label.dev.return.body",
+          type: "code",
+        },
+      },
+      events: {
+        myCreated: `function created(self) {
+           // self即this,本组件的vue实例
+          }`,
+        myMounted: `function mounted(self) {
+           // self即this,本组件的vue实例
+          }`,
+        myDestroyed: `function destroyed(self) {
+           // self即this,本组件的vue实例
+          }`,
+        myMouseover: `function myMouseover(self) {
+           // self即this,本组件的vue实例
+          }`,
+      },
+      eventsOption: {
+        myCreated: {
+          lable: "label.dev.created",
+          type: "code",
+        },
+        myMounted: {
+          lable: "label.dev.mounted",
+          type: "code",
+        },
+        myDestroyed: {
+          lable: "label.dev.destroyed",
+          type: "code",
+        },
+        myMouseover: {
+          lable: "label.dev.mouseover",
+          type: "code",
+        },
+      },
+      animations: [],
+      groupStyle: {},
+      isLock: false,
+    };
+  },
+  created() {
+    this.$Components.set(this.elePropObj.id, this);
+    if (this.$Components.get("editMode") == "edit") {
+      // 编辑模式不触发
+      return;
+    }
+    let myCreated = eval("(false || " + this.eleEventObj.myCreated + ")");
+    myCreated(this);
+  },
+  mounted() {
+    if (this.$Components.get("editMode") == "edit") {
+      // 编辑模式不触发
+      return;
+    }
+    let myMounted = eval("(false || " + this.eleEventObj.myMounted + ")");
+    myMounted(this);
+  },
+  destroyed() {
+    let myDestroyed = eval("(false || " + this.eleEventObj.myDestroyed + ")");
+    myDestroyed(this);
+  },
+  methods: {
+    myMouseover() {
+      let mouseoverEvent = eval(
+        "(false || " + this.eleEventObj.myMouseover + ")"
+      );
+      mouseoverEvent(this);
+    },
+    returnBodyHandle(res) {
+      let self = this;
+      let getReturnBody = eval("(false || " + this.elePropObj.returnBody + ")");
+      getReturnBody(self, res);
+    },
+    handleClick() {
+      if (
+        null == this.elePropObj.handleComponentId ||
+        "" == this.elePropObj.handleComponentId
+      ) {
+        return;
+      }
+      let components = this.elePropObj.handleComponentId
+        .split(",")
+        .map((item) => {
+          return this.$Components.get(item);
+        });
+      let test = eval("(false || " + this.elePropObj.functionContent + ")");
+      // 接收请求体，访问接口
+      let body = test(
+        this.$Components.get(this.elePropObj.pageApi),
+        ...components
+      );
+      if (this.elePropObj.axiosAddres && body) {
+        this.handleAxios(this.elePropObj.axiosAddres, body);
+      }
+    },
+    /**
+     * 网络请求
+     */
+    handleAxios(path, params) {
+      this.fullscreenLoading = true;
+      axios
+        .postLight(path, params)
+        .then(
+          (res) => {
+            this.fullscreenLoading = false;
+            this.returnBodyHandle(res);
+          },
+          (err) => {
+            this.fullscreenLoading = false;
+            this.$message({
+              message: err,
+              type: "error",
+            });
+          }
+        )
+        .catch((error) => {
+          this.fullscreenLoading = false;
+          this.$message({
+            message: error,
+            type: "error",
+          });
+        });
+    },
+  },
+};
+</script>
+<style >
+.cloudccButton {
+  height: 100%;
+  width: 100%;
+  padding: 0px !important;
+}
+.cloudccButton .el-button {
+  height: 100%;
+  width: 100%;
+  padding: 0px !important;
+}
+</style>