custom-variant-form 2.3.1 → 2.3.3

package/dist/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>VFormRender demo</title>
-<script src="./VFormRender.umd.js"></script>
-
-<link rel="stylesheet" href="./VFormRender.css">
-
-
-<script>
-console.log(VFormRender)
-</script>

package/install-render.js

@@ -1,29 +0,0 @@
-import VFormRender from '@/components/form-render/index.vue'
-import {loadExtension} from "@/extension/extension-loader"
-import axios from "axios"
-
-loadExtension()
-
-VFormRender.install = function (Vue) {
-  Vue.component(VFormRender.name, VFormRender)
-}
-
-const components = [
-  VFormRender
-]
-
-const install = (Vue) => {
-  window.axios = axios
-  components.forEach(component => {
-    Vue.component(component.name, component)
-  })
-}
-
-if (typeof window !== 'undefined' && window.Vue) { /* script方式引入时主动调用install方法！！ */
-  install(window.Vue);
-}
-
-export default {
-  install,
-  VFormRender
-}

package/install.js

@@ -1,41 +0,0 @@
-import axios from 'axios'
-
-import VFormDesigner from '@/components/form-designer/index.vue'
-import VFormRender from '@/components/form-render/index.vue'
-import {loadExtension} from "@/extension/extension-loader"
-
-import '@/utils/directive'
-import '@/icons'
-import '@/iconfont/iconfont.css'
-
-loadExtension()
-
-VFormDesigner.install = function (Vue) {
-  Vue.component(VFormDesigner.name, VFormDesigner)
-}
-
-VFormRender.install = function (Vue) {
-  Vue.component(VFormRender.name, VFormRender)
-}
-
-const components = [
-  VFormDesigner,
-  VFormRender
-]
-
-const install = (Vue) => {
-  window.axios = axios
-  components.forEach(component => {
-    Vue.component(component.name, component)
-  })
-}
-
-if (typeof window !== 'undefined' && window.Vue) { /* script方式引入时主动调用install方法！！ */
-  install(window.Vue);
-}
-
-export default {
-  install,
-  VFormDesigner,
-  VFormRender
-}

package/license.txt

@@ -1,8 +0,0 @@
-# Variant Form 许可条款 1.0
-
-1. 免责声明：任何情况下根据任何法律，本作者不对用户因使用VariantForm产生的侵权、数据损坏丢失、软硬件故障和违法犯罪等问题承担任何责任；
-2. 禁止任何用户对VariantForm进行简单包装后，即声称为自己的产品、销售源码获利；
-3. VariantForm为开源项目，获取到源代码的用户可自由修改源码供自身开发使用，可分发build构建后的库代码，也可分发VariantForm源代码（需保留文件头部的作者声明），本作者保留VariantForm的原始著作权；
-4. 个人或公司用户均可将VariantForm项目应用于商业项目开发，为支持本项目持续开发，请尽量购买VariantForm Pro版源码订阅更新服务；
-5. 如果你不同意本许可条款，请勿使用VariantForm；任何情况下，一旦实际使用VariantForm，则代表你已确定完全同意本许可条款；
-6. 条款内容结束。

package/src/App.vue

@@ -1,45 +0,0 @@
-<template>
-  <div id="app">
-    <VFormDesigner ref="vfDesignerRef" :designer-config="designerConfig" :global-dsv="globalDsv">
-      <template #customToolButtons>
-        <el-button type="text" @click="printFormJson">测试按钮</el-button>
-      </template>
-    </VFormDesigner>
-  </div>
-</template>
-
-<script>
-import VFormDesigner from './components/form-designer/index.vue'
-
-export default {
-  name: 'App',
-  components: {
-    VFormDesigner,
-  },
-  data() {
-    return {
-      designerConfig: {
-        resetFormJson: false,
-        toolbarMaxWidth: 490,
-      },
-
-      //全局数据源变量
-      globalDsv: {
-        testApiHost: 'http://www.test.com/api',
-        testPort: 8080,
-      },
-    }
-  },
-  methods: {
-    printFormJson() {
-      console.log( this.$refs.vfDesignerRef.getFormJson() )
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-  #app {
-    height: 100%;
-  }
-</style>

package/src/components/code-editor/index.vue

@@ -1,134 +0,0 @@
-<template>
-  <div class="ace-container">
-    <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->
-    <div class="ace-editor" ref="ace"></div>
-  </div>
-</template>
-
-<script>
-  import ace from 'ace-builds'
-  /* 启用此行后webpack打包回生成很多动态加载的js文件，不便于部署，故禁用！！
-     特别提示：禁用此行后，需要调用ace.config.set('basePath', 'path...')指定动态js加载URL！！
-   */
-  //import 'ace-builds/webpack-resolver'
-
-  //import 'ace-builds/src-min-noconflict/theme-monokai' // 默认设置的主题
-  import 'ace-builds/src-min-noconflict/theme-sqlserver' // 新设主题
-  import 'ace-builds/src-min-noconflict/mode-javascript' // 默认设置的语言模式
-  import 'ace-builds/src-min-noconflict/mode-json' //
-  import 'ace-builds/src-min-noconflict/mode-css' //
-  import 'ace-builds/src-min-noconflict/ext-language_tools'
-  import {ACE_BASE_PATH} from "@/utils/config";
-
-  export default {
-    name: 'CodeEditor',
-    props: {
-      value: {
-        type: String,
-        required: true
-      },
-      readonly: {
-        type: Boolean,
-        default: false
-      },
-      mode: {
-        type: String,
-        default: 'javascript'
-      },
-      userWorker: {  //是否开启语法检查，默认开启
-        type: Boolean,
-        default: true
-      },
-
-    },
-    mounted() {
-      //ace.config.set('basePath', 'https://ks3-cn-beijing.ksyun.com/vform2021/ace')
-      ace.config.set('basePath', ACE_BASE_PATH)
-
-      this.addAutoCompletion(ace)  //添加自定义代码提示！！
-
-      this.aceEditor = ace.edit(this.$refs.ace, {
-        maxLines: 20, // 最大行数，超过会自动出现滚动条
-        minLines: 5, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
-        fontSize: 12, // 编辑器内字体大小
-        theme: this.themePath, // 默认设置的主题
-        mode: this.modePath, // 默认设置的语言模式
-        tabSize: 2, // 制表符设置为2个空格大小
-        readOnly: this.readonly,
-        highlightActiveLine: true,
-        value: this.codeValue
-      })
-
-      this.aceEditor.setOptions({
-        enableBasicAutocompletion: true,
-        enableSnippets: true,  // 设置代码片段提示
-        enableLiveAutocompletion: true,  // 设置自动提示
-      })
-
-      if (this.mode === 'json') {
-        this.setJsonMode()
-      } else if (this.mode === 'css') {
-        this.setCssMode()
-      }
-
-      if (!this.userWorker) {
-        this.aceEditor.getSession().setUseWorker(false)
-      }
-
-      //编辑时同步数据
-      this.aceEditor.getSession().on('change',(ev)=>{
-        //this.$emit('update:value', this.aceEditor.getValue())  // 触发更新事件, 实现.sync双向绑定！！
-        this.$emit('input', this.aceEditor.getValue())
-      })
-    },
-    data() {
-      return {
-        aceEditor: null,
-        themePath: 'ace/theme/sqlserver', // 不导入 webpack-resolver，该模块路径会报错
-        modePath: 'ace/mode/javascript', // 同上
-        codeValue: this.value
-      }
-    },
-    watch: {
-      //
-    },
-    methods: {
-      addAutoCompletion(ace) {
-        let acData = [
-          {meta: 'VForm API', caption: 'getWidgetRef', value: 'getWidgetRef()', score: 1},
-          {meta: 'VForm API', caption: 'getFormRef', value: 'getFormRef()', score: 1},
-          //TODO: 待补充！！
-        ]
-        let langTools = ace.require('ace/ext/language_tools')
-        langTools.addCompleter({
-          getCompletions: function(editor, session, pos, prefix, callback) {
-            if (prefix.length === 0) {
-              return callback(null, []);
-            }else {
-              return callback(null, acData);
-            }
-          }
-        })
-      },
-
-      setJsonMode() {
-        this.aceEditor.getSession().setMode('ace/mode/json')
-      },
-
-      setCssMode() {
-        this.aceEditor.getSession().setMode('ace/mode/css')
-      },
-
-      getEditorAnnotations() {
-        return this.aceEditor.getSession().getAnnotations()
-      },
-
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  .ace-editor {
-    min-height: 300px;
-  }
-</style>