tianheng-ui 0.0.43 → 0.0.46

package/package.json

@@ -1,58 +1,65 @@
-{
-  "name": "tianheng-ui",
-  "description": "A Vue.js project",
-  "version": "0.0.43",
-  "author": "shu lang <403732931@qq.com>",
-  "license": "MIT",
-  "private": false,
-  "main": "./lib/tianheng-ui.js",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
-  },
-  "dependencies": {
-    "ace-builds": "^1.4.13",
-    "axios": "^0.27.2",
-    "clipboard": "^2.0.11",
-    "element-ui": "^2.15.6",
-    "normalize.css": "^8.0.1",
-    "nprogress": "^0.2.0",
-    "viewerjs": "^1.10.5",
-    "vue": "^2.5.11",
-    "vue-i18n": "^5.0.3",
-    "vue-router": "^3.5.3",
-    "vuedraggable": "^2.24.3"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ],
-  "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-stage-3": "^6.24.1",
-    "cross-env": "^5.0.5",
-    "css-loader": "^0.28.7",
-    "file-loader": "^1.1.4",
-    "node-sass": "^4.5.3",
-    "less": "^3.9.0",
-    "less-loader": "^4.1.0",
-    "sass-loader": "^6.0.6",
-    "vue-loader": "^13.0.5",
-    "vue-template-compiler": "^2.4.4",
-    "webpack": "^3.6.0",
-    "webpack-dev-server": "^2.9.1"
-  },
-  "files": [
-    "lib",
-    "packages"
-  ],
-  "homepage": "http://element.eleme.io",
-  "keywords": [
-    "tianheng",
-    "tianheng-ui"
-  ],
-  "style": "lib/theme-chalk/index.css"
-}
+{
+  "name": "tianheng-ui",
+  "description": "A Vue.js project",
+  "version": "0.0.46",
+  "author": "shu lang <403732931@qq.com>",
+  "license": "MIT",
+  "private": false,
+  "main": "./lib/tianheng-ui.js",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
+    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+  },
+  "dependencies": {
+    "ace-builds": "^1.4.13",
+    "axios": "^0.27.2",
+    "clipboard": "^2.0.11",
+    "element-ui": "^2.15.6",
+    "normalize.css": "^8.0.1",
+    "nprogress": "^0.2.0",
+    "viewerjs": "^1.10.5",
+    "vue": "^2.5.11",
+    "vue-i18n": "^5.0.3",
+    "vue-router": "^3.5.3",
+    "vue2-editor": "^2.10.3",
+    "vuedraggable": "^2.24.3"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@types/ace": "0.0.42",
+    "babel-loader": "^8.2.5",
+    "cross-env": "^5.0.5",
+    "css-loader": "^0.28.7",
+    "file-loader": "^1.1.4",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
+    "sass": "^1.26.5",
+    "sass-loader": "^7.3.1",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "vue-loader": "^14.2.4",
+    "vue-template-compiler": "^2.4.4",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.3"
+  },
+  "files": [
+    "lib",
+    "packages"
+  ],
+  "homepage": "",
+  "keywords": [
+    "tianheng",
+    "tianheng-ui"
+  ],
+  "style": "lib/theme-chalk/index.css"
+}

package/packages/formMaking/Container.vue

@@ -176,6 +176,7 @@
                 <widget-config
                   v-show="configTab == 'widget'"
                   :data="widgetFormSelect"
+                  :remoteApis="remoteApis"
                 ></widget-config>
                 <form-config
                   v-show="configTab == 'form'"
@@ -298,6 +299,14 @@
 </template>
 
 <script>
+import ace from "ace-builds";
+import "ace-builds/src-min-noconflict/mode-json";
+import "ace-builds/src-min-noconflict/mode-html";
+import htmlWorkerUrl from  "file-loader!ace-builds/src-min-noconflict/worker-html";
+ace.config.setModuleUrl("ace/mode/html_worker", htmlWorkerUrl);
+import jsonWorkerUrl from "file-loader!ace-builds/src-noconflict/worker-json";
+ace.config.setModuleUrl("ace/mode/json_worker", jsonWorkerUrl);
+
 import Draggable from "vuedraggable";
 import Clipboard from "clipboard";
 import WidgetConfig from "./WidgetConfig";
@@ -370,6 +379,10 @@ export default {
     layoutFields: {
       type: Array,
       default: () => ["grid"]
+    },
+    remoteApis: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -423,7 +436,8 @@ export default {
       uploadEditor: null,
       jsonCopyValue: "",
       jsonClipboard: null,
-      jsonEg: `{
+      jsonEg: `
+{
   "list": [],
   "config": {
     "labelWidth": 100,
@@ -465,16 +479,16 @@ export default {
       this.configTab = value;
     },
     handleMoveEnd(evt) {
-      console.log("end", evt);
+      // console.log("end", evt);
     },
     handleMoveStart({ oldIndex }) {
-      console.log("start", oldIndex, this.basicComponents);
+      // console.log("start", oldIndex, this.basicComponents);
     },
     handleMove() {
       return true;
     },
     handlePreview() {
-      console.log(this.widgetForm);
+      // console.log(this.widgetForm);
       this.previewVisible = true;
     },
     handleTest() {
@@ -494,7 +508,6 @@ export default {
     handleGenerateJson() {
       this.jsonVisible = true;
       this.jsonTemplate = this.widgetForm;
-      console.log(JSON.stringify(this.widgetForm));
       this.$nextTick(() => {
         const editor = ace.edit("jsoneditor");
         editor.session.setMode("ace/mode/json");
@@ -502,7 +515,7 @@ export default {
         if (!this.jsonClipboard) {
           this.jsonClipboard = new Clipboard(".json-btn");
           this.jsonClipboard.on("success", e => {
-            this.$message.success('复制成功');
+            this.$message.success("复制成功");
           });
         }
         this.jsonCopyValue = JSON.stringify(this.widgetForm);
@@ -566,18 +579,18 @@ export default {
       }
     },
     handleInput(val) {
-      console.log(val);
+      // console.log(val);
       this.blank = val;
     },
     handleDataChange(field, value, data) {
-      console.log(field, value, data);
+      // console.log(field, value, data);
     }
   },
   watch: {
     widgetForm: {
       deep: true,
       handler: function(val) {
-        console.log(this.$refs.widgetForm);
+        // console.log(this.$refs.widgetForm);
       }
     },
     $lang: function(val) {

package/packages/formMaking/FormConfig.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="form-config-container">
     <el-form label-position="top">
+      <el-form-item label="表单标题">
+        <el-input v-model="data.title"></el-input>
+      </el-form-item>
+
       <el-form-item label="标签对齐方式">
         <el-radio-group v-model="data.labelPosition">
           <el-radio-button label="left">左对齐</el-radio-button>
@@ -10,7 +14,12 @@
       </el-form-item>
 
       <el-form-item label="表单标签宽度">
-        <el-input-number v-model="data.labelWidth" :min="0" :max="200" :step="10"></el-input-number>
+        <el-input-number
+          v-model="data.labelWidth"
+          :min="0"
+          :max="200"
+          :step="10"
+        ></el-input-number>
       </el-form-item>
 
       <el-form-item label="组件尺寸">
@@ -26,6 +35,6 @@
 
 <script>
 export default {
-  props: ['data']
-}
+  props: ["data"]
+};
 </script>