vue2-client 1.12.1 → 1.12.3-9.alpha

package/src/base-client/components/common/LowCodeComponent/modal/lowCodeLifeCycleModal.vue

@@ -1,65 +1,65 @@
-<template>
-  <div>
-    <!--  自定义生命周期函数弹框  -->
-    <a-modal
-      title="生命周期函数编辑器"
-      width="60%"
-      :destroyOnClose="true"
-      :z-index="1002"
-      @ok="handleOK"
-      @cancel="changeVisible"
-      :visible="showLifeCycleFunctionEditor">
-      <a-popover title="参数说明" style="margin-bottom: 5%">
-        <template slot="content">
-          <p>该方法有以下几个参数：</p>
-          <p>vm：VUE组件对象(this)</p>
-        </template>
-        <a-button type="primary">
-          参数说明
-        </a-button>
-      </a-popover>
-      <code-mirror
-        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
-        :mode="'javascript'"
-        :theme="'monokai'"
-        v-model="eventEditorContent.LifeCycleFunction"
-        :value="eventEditorContent.LifeCycleFunction"/>
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
-
-export default {
-  components: {
-    codeMirror
-  },
-  props: {
-  },
-  data () {
-    return {
-      // 控制钩子函数编辑弹框显隐
-      showLifeCycleFunctionEditor: false,
-    }
-  },
-  methods: {
-    changeVisible () {
-      this.showLifeCycleFunctionEditor = !this.showLifeCycleFunctionEditor
-    },
-    handleOK () {
-      this.$store.commit('setEventEditorContent', this.eventEditorContent)
-      this.changeVisible()
-    }
-  },
-  computed: {
-    eventEditorContent () {
-      return this.$store.state.lowCode.eventEditorContent
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<template>
+  <div>
+    <!--  自定义生命周期函数弹框  -->
+    <a-modal
+      title="生命周期函数编辑器"
+      width="60%"
+      :destroyOnClose="true"
+      :z-index="1002"
+      @ok="handleOK"
+      @cancel="changeVisible"
+      :visible="showLifeCycleFunctionEditor">
+      <a-popover title="参数说明" style="margin-bottom: 5%">
+        <template slot="content">
+          <p>该方法有以下几个参数：</p>
+          <p>vm：VUE组件对象(this)</p>
+        </template>
+        <a-button type="primary">
+          参数说明
+        </a-button>
+      </a-popover>
+      <code-mirror
+        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
+        :mode="'javascript'"
+        :theme="'monokai'"
+        v-model="eventEditorContent.LifeCycleFunction"
+        :value="eventEditorContent.LifeCycleFunction"/>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
+
+export default {
+  components: {
+    codeMirror
+  },
+  props: {
+  },
+  data () {
+    return {
+      // 控制钩子函数编辑弹框显隐
+      showLifeCycleFunctionEditor: false,
+    }
+  },
+  methods: {
+    changeVisible () {
+      this.showLifeCycleFunctionEditor = !this.showLifeCycleFunctionEditor
+    },
+    handleOK () {
+      this.$store.commit('setEventEditorContent', this.eventEditorContent)
+      this.changeVisible()
+    }
+  },
+  computed: {
+    eventEditorContent () {
+      return this.$store.state.lowCode.eventEditorContent
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/base-client/components/common/LowCodeComponent/modal/lowCodeLogicCallbackModal.vue

@@ -1,64 +1,64 @@
-<template>
-  <div>
-    <!--  自定义Logic回调弹框  -->
-    <a-modal
-      title="事件编辑器"
-      width="60%"
-      :destroyOnClose="true"
-      :z-index="1002"
-      @ok="handleOK"
-      @cancel="() => { showLogicCallBackEditor = false}"
-      :visible="showLogicCallBackEditor">
-      <a-popover title="参数说明" style="margin-bottom: 5%">
-        <template slot="content">
-          <p>该方法有以下几个参数：</p>
-          <p>componentsMap：所有组件注册的Map</p>
-          <p>responseData：后端的返回值</p>
-        </template>
-        <a-button type="primary">
-          参数说明
-        </a-button>
-      </a-popover>
-      <code-mirror
-        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
-        :mode="'javascript'"
-        :theme="'monokai'"
-        v-model="eventEditorContent.logicCallBackFunction"
-        :value="eventEditorContent.logicCallBackFunction"/>
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
-
-export default {
-  components: {
-    codeMirror
-  },
-  data () {
-    return {
-      // 控制自定义Logic回调弹框显隐
-      showLogicCallBackEditor: false,
-    }
-  },
-  methods: {
-    changeVisible () {
-      this.showLogicCallBackEditor = !this.showLogicCallBackEditor
-    },
-    handleOK () {
-      this.$store.commit('setEventEditorContent', this.eventEditorContent)
-      this.changeVisible()
-    }
-  },
-  computed: {
-    eventEditorContent () {
-      return this.$store.state.lowCode.eventEditorContent
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<template>
+  <div>
+    <!--  自定义Logic回调弹框  -->
+    <a-modal
+      title="事件编辑器"
+      width="60%"
+      :destroyOnClose="true"
+      :z-index="1002"
+      @ok="handleOK"
+      @cancel="() => { showLogicCallBackEditor = false}"
+      :visible="showLogicCallBackEditor">
+      <a-popover title="参数说明" style="margin-bottom: 5%">
+        <template slot="content">
+          <p>该方法有以下几个参数：</p>
+          <p>componentsMap：所有组件注册的Map</p>
+          <p>responseData：后端的返回值</p>
+        </template>
+        <a-button type="primary">
+          参数说明
+        </a-button>
+      </a-popover>
+      <code-mirror
+        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
+        :mode="'javascript'"
+        :theme="'monokai'"
+        v-model="eventEditorContent.logicCallBackFunction"
+        :value="eventEditorContent.logicCallBackFunction"/>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
+
+export default {
+  components: {
+    codeMirror
+  },
+  data () {
+    return {
+      // 控制自定义Logic回调弹框显隐
+      showLogicCallBackEditor: false,
+    }
+  },
+  methods: {
+    changeVisible () {
+      this.showLogicCallBackEditor = !this.showLogicCallBackEditor
+    },
+    handleOK () {
+      this.$store.commit('setEventEditorContent', this.eventEditorContent)
+      this.changeVisible()
+    }
+  },
+  computed: {
+    eventEditorContent () {
+      return this.$store.state.lowCode.eventEditorContent
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/base-client/components/common/LowCodeComponent/modal/lowCodeLogicParamModal.vue

@@ -1,73 +1,73 @@
-<template>
-  <div>
-    <!--  自定义Logic参数JS弹框  -->
-    <a-modal
-      title="自定义Logic参数JS编辑器"
-      width="60%"
-      :destroyOnClose="true"
-      :z-index="1002"
-      @ok="handleOK"
-      @cancel="() => { showLogicParamJSEditor = false}"
-      :visible="showLogicParamJSEditor">
-      <a-popover title="参数说明" style="margin-right: 5%">
-        <template slot="content">
-          <p>该方法有以下几个参数：</p>
-          <p>componentData：所有组件暴露给低代码平台的属性，key为每个组件的id</p>
-          <p>data：由事件源emit发出的参数</p>
-        </template>
-        <a-button type="primary">
-          参数说明
-        </a-button>
-      </a-popover>
-      <a-popover title="返回值说明" style="margin-bottom: 5%">
-        <template slot="content">
-          <p>该方法需要一个JSON类型的返回值</p>
-          <p>该返回值就是传递给Logic执行的参数</p>
-        </template>
-        <a-button type="primary">
-          返回值说明
-        </a-button>
-      </a-popover>
-      <code-mirror
-        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
-        :mode="'javascript'"
-        :theme="'monokai'"
-        v-model="eventEditorContent.logicParamJSFunction"
-        :value="eventEditorContent.logicParamJSFunction"/>
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
-export default {
-  name: 'LowCodeLogicParamModal',
-  components: {
-    codeMirror
-  },
-  data () {
-    return {
-      // 控制自定义Logic参数自定义JS函数弹框显隐
-      showLogicParamJSEditor: false,
-    }
-  },
-  methods: {
-    changeVisible () {
-      this.showLogicParamJSEditor = !this.showLogicParamJSEditor
-    },
-    handleOK () {
-      this.$store.commit('setEventEditorContent', this.eventEditorContent)
-      this.changeVisible()
-    }
-  },
-  computed: {
-    eventEditorContent () {
-      return this.$store.state.lowCode.eventEditorContent
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<template>
+  <div>
+    <!--  自定义Logic参数JS弹框  -->
+    <a-modal
+      title="自定义Logic参数JS编辑器"
+      width="60%"
+      :destroyOnClose="true"
+      :z-index="1002"
+      @ok="handleOK"
+      @cancel="() => { showLogicParamJSEditor = false}"
+      :visible="showLogicParamJSEditor">
+      <a-popover title="参数说明" style="margin-right: 5%">
+        <template slot="content">
+          <p>该方法有以下几个参数：</p>
+          <p>componentData：所有组件暴露给低代码平台的属性，key为每个组件的id</p>
+          <p>data：由事件源emit发出的参数</p>
+        </template>
+        <a-button type="primary">
+          参数说明
+        </a-button>
+      </a-popover>
+      <a-popover title="返回值说明" style="margin-bottom: 5%">
+        <template slot="content">
+          <p>该方法需要一个JSON类型的返回值</p>
+          <p>该返回值就是传递给Logic执行的参数</p>
+        </template>
+        <a-button type="primary">
+          返回值说明
+        </a-button>
+      </a-popover>
+      <code-mirror
+        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
+        :mode="'javascript'"
+        :theme="'monokai'"
+        v-model="eventEditorContent.logicParamJSFunction"
+        :value="eventEditorContent.logicParamJSFunction"/>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
+export default {
+  name: 'LowCodeLogicParamModal',
+  components: {
+    codeMirror
+  },
+  data () {
+    return {
+      // 控制自定义Logic参数自定义JS函数弹框显隐
+      showLogicParamJSEditor: false,
+    }
+  },
+  methods: {
+    changeVisible () {
+      this.showLogicParamJSEditor = !this.showLogicParamJSEditor
+    },
+    handleOK () {
+      this.$store.commit('setEventEditorContent', this.eventEditorContent)
+      this.changeVisible()
+    }
+  },
+  computed: {
+    eventEditorContent () {
+      return this.$store.state.lowCode.eventEditorContent
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/base-client/components/common/LowCodeComponent/modal/lowCodeRunFunctionParamModal.vue

@@ -1,76 +1,76 @@
-<template>
-  <div>
-    <!--  自定义生命周期函数弹框  -->
-    <a-modal
-      title="执行方法参数编辑器"
-      width="60%"
-      :destroyOnClose="true"
-      :z-index="1002"
-      @ok="handleOK"
-      @cancel="changeVisible"
-      :visible="showRunFunctionParamsEditor">
-      <a-popover title="参数说明" style="margin-right: 5%">
-        <template slot="content">
-          <p>该方法有以下几个参数：</p>
-          <p>vm：触发事件的组件对象(this)</p>
-          <p>data：触发的事件原生数据</p>
-        </template>
-        <a-button type="primary">
-          参数说明
-        </a-button>
-      </a-popover>
-      <a-popover title="返回值说明" style="margin-bottom: 5%">
-        <template slot="content">
-          <p>该方法需要一个数组类型的返回值</p>
-          <p>运行的目标方法有几个参数，至少就要几个返回值</p>
-          <p>返回值的顺序与方法的形参一一对应</p>
-        </template>
-        <a-button type="primary">
-          返回值说明
-        </a-button>
-      </a-popover>
-      <code-mirror
-        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
-        :mode="'javascript'"
-        :theme="'monokai'"
-        v-model="eventEditorContent.runFunctionParam"
-        :value="eventEditorContent.runFunctionParam"/>
-    </a-modal>
-  </div>
-</template>
-
-<script>
-import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
-
-export default {
-  components: {
-    codeMirror
-  },
-  props: {
-  },
-  data () {
-    return {
-      // 控制弹框显隐
-      showRunFunctionParamsEditor: false,
-    }
-  },
-  methods: {
-    changeVisible () {
-      this.showRunFunctionParamsEditor = !this.showRunFunctionParamsEditor
-    },
-    handleOK () {
-      this.$store.commit('setEventEditorContent', this.eventEditorContent)
-      this.changeVisible()
-    }
-  },
-  computed: {
-    eventEditorContent () {
-      return this.$store.state.lowCode.eventEditorContent
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<template>
+  <div>
+    <!--  自定义生命周期函数弹框  -->
+    <a-modal
+      title="执行方法参数编辑器"
+      width="60%"
+      :destroyOnClose="true"
+      :z-index="1002"
+      @ok="handleOK"
+      @cancel="changeVisible"
+      :visible="showRunFunctionParamsEditor">
+      <a-popover title="参数说明" style="margin-right: 5%">
+        <template slot="content">
+          <p>该方法有以下几个参数：</p>
+          <p>vm：触发事件的组件对象(this)</p>
+          <p>data：触发的事件原生数据</p>
+        </template>
+        <a-button type="primary">
+          参数说明
+        </a-button>
+      </a-popover>
+      <a-popover title="返回值说明" style="margin-bottom: 5%">
+        <template slot="content">
+          <p>该方法需要一个数组类型的返回值</p>
+          <p>运行的目标方法有几个参数，至少就要几个返回值</p>
+          <p>返回值的顺序与方法的形参一一对应</p>
+        </template>
+        <a-button type="primary">
+          返回值说明
+        </a-button>
+      </a-popover>
+      <code-mirror
+        :style-obj="{height:'80%',fontSize:'18px',marginBottom:'15px'}"
+        :mode="'javascript'"
+        :theme="'monokai'"
+        v-model="eventEditorContent.runFunctionParam"
+        :value="eventEditorContent.runFunctionParam"/>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import codeMirror from '@vue2-client/components/CodeMirror/inedx.vue'
+
+export default {
+  components: {
+    codeMirror
+  },
+  props: {
+  },
+  data () {
+    return {
+      // 控制弹框显隐
+      showRunFunctionParamsEditor: false,
+    }
+  },
+  methods: {
+    changeVisible () {
+      this.showRunFunctionParamsEditor = !this.showRunFunctionParamsEditor
+    },
+    handleOK () {
+      this.$store.commit('setEventEditorContent', this.eventEditorContent)
+      this.changeVisible()
+    }
+  },
+  computed: {
+    eventEditorContent () {
+      return this.$store.state.lowCode.eventEditorContent
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>