cloudcc-cli 1.0.9 → 1.1.2

package/template/indexvue

@@ -1,297 +1,297 @@
-<template>
-  <div class="dev-button" :class="elePropObj.className" @mouseover="myMouseover">
-    <el-button
-      v-loading.fullscreen.lock="fullscreenLoading"
-      element-loading-text="加载中，请稍后..."
-      :style="`font-size:` + elePropObj.fontSize + `px`"
-      :type="elePropObj.type"
-      @click="handleClick"
-      >{{ elePropObj.defaultValue }}</el-button
-    >
-  </div>
-</template>
-
-<script>
-import axios from "../utils/http";
-export default {
-  name: "dev-button",
-  props: {
-    elePropObj: {
-      type: Object,
-      default: () => ({}),
-    },
-    eleEventObj: {
-      type: Object,
-      default: () => ({}),
-    }
-  },
-  data() {
-    return {
-      fullscreenLoading: false,
-      componentInfo: {
-        component: "dev-button",
-        compName: "按钮-dev",
-        icon: "#icon-anniu",
-        sort: 1,
-        bizType: "基础组件",
-        compDesc: "常用的操作按钮。",
-        /* 组件分类：
-         * public: 公开组件（其他组织可见）
-         * private：私有组件（自己组织可见）
-         * beta：组件测试版本
-         */
-        category: "private", 
-      },
-      style: {
-        unit: "px",
-        width: 72,
-        height: 38,
-        top: 0,
-        left: 0,
-        rotate: 0,
-        opacity: 1,
-      },
-      styleOption: {
-            unit: {
-                lable: "单位",
-                type: "option",
-                options: [
-                    {
-                        value: "px",
-                        label: "像素",
-                    },
-                    {
-                        value: "%",
-                        label: "百分比",
-                    },
-                    {
-                        value: "hw",
-                        label: "视口",
-                    },
-                ],
-            },
-            width: {
-                lable: "宽",
-                type: "input",
-                inputType: "number",
-            },
-            height: {
-                lable: "高",
-                type: "input",
-                inputType: "number",
-            },
-            top: {
-                lable: "y 坐标",
-                type: "input",
-                inputType: "number",
-            },
-            left: {
-                lable: "x 坐标",
-                type: "input",
-                inputType: "number",
-            },
-        },
-      propObj: {
-        id: "",
-        pageApi: "createPage",
-        defaultValue: "按钮-dev",
-        type: "primary",
-        fontSize: 16,
-        functionContent: `function test(conext,value) {
-            alert(JSON.stringify(value.getObject()))
-        }`,
-        handleComponentId: "",
-        axiosAddres: "http://localhost:8080/api/pc/1.0/school/add",
-        className: "",
-      },
-      propOption: {
-        className: {
-          lable: "tailwind样式，'cc-'开头,多个空格隔开",
-          type: "input",
-        },
-        defaultValue: {
-          lable: "默认值",
-          type: "defaultValueInput",
-        },
-        type: {
-          lable: "主题",
-          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: "字号",
-          type: "input",
-          inputType: "number",
-        },
-        handleComponentId: {
-          lable: "组件ID,使用英文逗号分隔",
-          type: "input",
-        },
-        functionContent: {
-          lable: "方法体",
-          type: "code",
-        },
-        axiosAddres: {
-          lable: "网络请求地址",
-          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: "创建：",
-              type: "code",
-          },
-          myMounted: {
-              lable: "显示：",
-              type: "code",
-          },
-          myDestroyed: {
-              lable: "销毁：",
-              type: "code",
-          },
-          myMouseover: {
-            lable: "鼠标移入：",
-            type: "code",
-          },
-      },
-      animations: [],
-      groupStyle: {},
-      isLock: false,
-    };
-  },
-  created() {
-      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)
-    },
-    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;
-            if (res.returnCode == 200 || "1" == res.returnCode) {
-              this.$message({
-                message: "提交成功",
-                type: "success",
-              });
-            }
-          },
-          (err) => {
-            this.fullscreenLoading = false;
-            this.$message({
-              message: err,
-              type: "error",
-            });
-          }
-        )
-        .catch((error) => {
-          this.fullscreenLoading = false;
-          this.$message({
-            message: error,
-            type: "error",
-          });
-        });
-    },
-  },
-};
-</script>
-<style scoped>
-.dev-button {
-  height: 100%;
-  width: 100%;
-  padding: 0px !important;
-}
-.dev-button .el-button {
-  height: 100%;
-  width: 100%;
-  padding: 0px !important;
-}
+<template>
+  <div class="dev-button" :class="elePropObj.className" @mouseover="myMouseover">
+    <el-button
+      v-loading.fullscreen.lock="fullscreenLoading"
+      element-loading-text="加载中，请稍后..."
+      :style="`font-size:` + elePropObj.fontSize + `px`"
+      :type="elePropObj.type"
+      @click="handleClick"
+      >{{ elePropObj.defaultValue }}</el-button
+    >
+  </div>
+</template>
+
+<script>
+import axios from "../utils/http";
+export default {
+  name: "dev-button",
+  props: {
+    elePropObj: {
+      type: Object,
+      default: () => ({}),
+    },
+    eleEventObj: {
+      type: Object,
+      default: () => ({}),
+    }
+  },
+  data() {
+    return {
+      fullscreenLoading: false,
+      componentInfo: {
+        component: "dev-button",
+        compName: "按钮-dev",
+        icon: "#icon-anniu",
+        sort: 1,
+        bizType: "基础组件",
+        compDesc: "常用的操作按钮。",
+        /* 组件分类：
+         * public: 公开组件（其他组织可见）
+         * private：私有组件（自己组织可见）
+         * beta：组件测试版本
+         */
+        category: "private", 
+      },
+      style: {
+        unit: "px",
+        width: 72,
+        height: 38,
+        top: 0,
+        left: 0,
+        rotate: 0,
+        opacity: 1,
+      },
+      styleOption: {
+            unit: {
+                lable: "单位",
+                type: "option",
+                options: [
+                    {
+                        value: "px",
+                        label: "像素",
+                    },
+                    {
+                        value: "%",
+                        label: "百分比",
+                    },
+                    {
+                        value: "hw",
+                        label: "视口",
+                    },
+                ],
+            },
+            width: {
+                lable: "宽",
+                type: "input",
+                inputType: "number",
+            },
+            height: {
+                lable: "高",
+                type: "input",
+                inputType: "number",
+            },
+            top: {
+                lable: "y 坐标",
+                type: "input",
+                inputType: "number",
+            },
+            left: {
+                lable: "x 坐标",
+                type: "input",
+                inputType: "number",
+            },
+        },
+      propObj: {
+        id: "",
+        pageApi: "createPage",
+        defaultValue: "按钮-dev",
+        type: "primary",
+        fontSize: 16,
+        functionContent: `function test(conext,value) {
+            alert(JSON.stringify(value.getObject()))
+        }`,
+        handleComponentId: "",
+        axiosAddres: "http://localhost:8080/api/pc/1.0/school/add",
+        className: "",
+      },
+      propOption: {
+        className: {
+          lable: "tailwind样式，'cc-'开头,多个空格隔开",
+          type: "input",
+        },
+        defaultValue: {
+          lable: "默认值",
+          type: "defaultValueInput",
+        },
+        type: {
+          lable: "主题",
+          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: "字号",
+          type: "input",
+          inputType: "number",
+        },
+        handleComponentId: {
+          lable: "组件ID,使用英文逗号分隔",
+          type: "input",
+        },
+        functionContent: {
+          lable: "方法体",
+          type: "code",
+        },
+        axiosAddres: {
+          lable: "网络请求地址",
+          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: "创建：",
+              type: "code",
+          },
+          myMounted: {
+              lable: "显示：",
+              type: "code",
+          },
+          myDestroyed: {
+              lable: "销毁：",
+              type: "code",
+          },
+          myMouseover: {
+            lable: "鼠标移入：",
+            type: "code",
+          },
+      },
+      animations: [],
+      groupStyle: {},
+      isLock: false,
+    };
+  },
+  created() {
+      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)
+    },
+    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;
+            if (res.returnCode == 200 || "1" == res.returnCode) {
+              this.$message({
+                message: "提交成功",
+                type: "success",
+              });
+            }
+          },
+          (err) => {
+            this.fullscreenLoading = false;
+            this.$message({
+              message: err,
+              type: "error",
+            });
+          }
+        )
+        .catch((error) => {
+          this.fullscreenLoading = false;
+          this.$message({
+            message: error,
+            type: "error",
+          });
+        });
+    },
+  },
+};
+</script>
+<style scoped>
+.dev-button {
+  height: 100%;
+  width: 100%;
+  padding: 0px !important;
+}
+.dev-button .el-button {
+  height: 100%;
+  width: 100%;
+  padding: 0px !important;
+}
 </style>

package/template/mainjs

@@ -1,13 +1,13 @@
-import Vue from 'vue';
-import ElementUI from 'element-ui';
-Vue.use(ElementUI);
-import 'element-ui/lib/theme-chalk/index.css';
-import App from './App.vue';
-
-Vue.config.productionTip = false
-
-Vue.prototype.$Components = new Map()
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+import Vue from 'vue';
+import ElementUI from 'element-ui';
+Vue.use(ElementUI);
+import 'element-ui/lib/theme-chalk/index.css';
+import App from './App.vue';
+
+Vue.config.productionTip = false
+
+Vue.prototype.$Components = new Map()
+
+new Vue({
+  render: h => h(App),
+}).$mount('#app')