tianheng-ui 0.1.11 → 0.1.14

package/packages/TableMaking/widgetTable.vue

@@ -13,17 +13,21 @@
         <div class="table-item-custom">隐藏</div>
       </div>
       <draggable
+        v-if="config.search"
         class="search-content"
-        v-model="searchData"
+        v-model="config.search.options"
         v-bind="{
           group: 'people',
           ghostClass: 'ghost',
           animation: 200,
           handle: '.drag-widget'
         }"
-        @end="handleSearchMoveEnd"
       >
-        <div v-for="item in searchData" :key="item.prop" class="table-item">
+        <div
+          v-for="item in config.search.options"
+          :key="item.prop"
+          class="table-item"
+        >
           <div class="table-item-custom drag">
             <i class="iconfont icon-drag drag-widget"></i>
           </div>
@@ -67,6 +71,7 @@
           </div>
         </div>
       </draggable>
+      <div v-else class="search-content"></div>
     </div>
     <div class="table-title">列表字段</div>
     <div class="tableList" style="height: calc(100% - 240px);">
@@ -80,17 +85,21 @@
         <div class="table-item-custom">隐藏</div>
       </div>
       <draggable
+        v-if="config.table"
         class="table-content"
-        v-model="tableData"
+        v-model="config.table.options"
         v-bind="{
           group: 'people',
           ghostClass: 'ghost',
           animation: 200,
           handle: '.drag-widget'
         }"
-        @end="handleTableMoveEnd"
       >
-        <div v-for="item in tableData" :key="item.prop" class="table-item">
+        <div
+          v-for="item in config.table.options"
+          :key="item.prop"
+          class="table-item"
+        >
           <div class="table-item-custom drag">
             <i class="iconfont icon-drag drag-widget"></i>
           </div>
@@ -141,23 +150,10 @@ import Draggable from "vuedraggable";
 export default {
   components: { Draggable },
   props: {
-    searchFields: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    tableFields: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    }
+    config: Object
   },
   data() {
     return {
-      searchData: this.searchFields,
-      tableData: this.tableFields,
       componentOptions: [
         { label: "输入框", value: "input" },
         { label: "下拉框", value: "select" },
@@ -172,34 +168,8 @@ export default {
       codeEditorValue: ""
     };
   },
-  watch: {
-    searchData: {
-      handler(val) {
-        this.$emit("update:searchFields", val);
-      },
-      deep: true
-    },
-    searchFields(val) {
-      this.searchData = val;
-    },
-    tableData: {
-      handler(val) {
-        this.$emit("update:tableFields", val);
-      },
-      deep: true
-    },
-    tableFields(val) {
-      this.tableData = val;
-    }
-  },
   mounted() {},
   methods: {
-    handleSearchMoveEnd(val) {
-      this.$emit("move", { type: "search", data: val });
-    },
-    handleTableMoveEnd(val) {
-      this.$emit("move", { type: "table", data: val });
-    },
     handleStaticData(val) {
       this.dialog = {
         visible: true,

package/packages/index.js

@@ -75,9 +75,9 @@ const components = [
 ];
 
 // 这一步判断window.Vue是否存在，因为直接引用vue.min.js， 它会把Vue绑到Window上，我们直接引用打包好的js才能正常跑起来。
-if (typeof window !== "undefined" && window.Vue) {
-  window.Vue.component("v-drawer", components);
-}
+// if (typeof window !== "undefined" && window.Vue) {
+//   window.Vue.component("v-drawer", components);
+// }
 
 const install = function(Vue, opts = {}) {
   if (!opts.store) {
@@ -91,7 +91,8 @@ const install = function(Vue, opts = {}) {
     Vue.component(component.name, component);
   });
 
-  Vue.prototype.$TIANHENG = {
+  // 配置信息
+  Vue.prototype.$th_config = {
     size: opts.size || "",
     zIndex: opts.zIndex || 2000
   };