优化下拉组件

src/components/HelloWorld.vue

 <template>
   <div style="width:500px">
-    <hsSwitch
-      v-model="checkList"
-      :allSourceData='configData'
-    ></hsSwitch>
+    <hsSelectPlus
+      v-model="formData.test_p"
+      :allSourceData='allSourceData'
+      :requestMethod='requestMethod'
+      :writeBackObject='formData'
+    ></hsSelectPlus>
   </div>
 
 </template>
 <script>
-import uc from "./apiUc";
+import apiUc from "./apiUc";
 export default {
-  mixins: [uc],
+  mixins: [apiUc],
   data() {
     return {
-      value1: "",
-      checkList: "",
-      configData: {
-        sourceData: [],
+      formData: {
+        test_p: ""
+      },
+      allSourceData: {
         config: {
-          activeText: "A",
-          inactiveText: "B",
-          changeed: () => {
-            console.log(21312);
+          url: "",
+          isInnerRequest: true, // 静态查询时 是否在内部请求数据
+          proxyTag: "commonUtilAPI", //代理前缀
+          ref: {
+            const_id: "0", // 常量id
+            table_name: "mmMaterialCategory", // 表名
+            columns: "id,material_category", // 查询列
+            remote_condition: "material_category", // 远程搜索字段
+            displayfield: "", // 显示默认值
+            writebackfield: [] // 回写对象
+          },
+          multiple: false,
+          is_computed: false,
+          disabled: false,
+          size: "mini",
+          clearable: true,
+          title: "",
+          placeholder: "",
+          value: "id",
+          label: "material_category",
+          linkBtnUi: {
+            url:
+              "http://47.110.145.204:59168/queryBi/web//#/DyncUI/Single/PBArchive/pb_unit",
+            writeProp: {
+              test_p: "unit_name" // 后面这个值是弹出页面返回过来的字段,回写给writeBackObject中的某个属性
+            },
+            parms: {}
           }
-        }
+        },
+        sourceData: [] // [{value:'',lable:''}] 的形式
       }
     };
   },
-  methods: {}
+  mounted() {},
+  methods: {
+    printResult() {
+      console.log(this.formData);
+    }
+  }
 };
-</script>
\ No newline at end of file
+</script>
+<style scoped>
+.codeTxt {
+  text-align: left;
+}
+</style>
\ No newline at end of file

src/packages/hs-dyncForm/dyncFormItemComponentChild.vue

@@ -16,6 +16,7 @@
     </template>
     <template v-if="item.type==='textarea'">
       <el-input
+        autosize
         style="width:100%"
         type='textarea'
         clearable

src/packages/hs-select-plus/index.vue

@@ -480,7 +480,7 @@ export default {
     // 节流
     remoteMethodsDebounce: _.debounce(async function(query) {
       if (this.is_mock) return;
-      const data = await this.requestMethod(this.configData, query);
+      const data = await this.requestMethod(this.configData, query || "");
       this.options = this.tansLate(data || []);
     }, 1000),
     async remoteMethod_(query) {
@@ -510,6 +510,7 @@ export default {
     },
     select_focus(event) {
       const { remote_condition } = this.configData.ref;
+      debugger;
       if (remote_condition && !this.is_mock) {
         this.remoteMethod_();
       }

src/packages/hs-tags/index.vue

 <template>
-  <div class="hsTags" :id='elId' style="{width:100%;height:100%}">
-      <el-tag :style="style" :size='configData.size' @click="clickTagItem(item)" class="hsTagsItem" v-for="(item,index) in tagsList" :key="index" :type="item.type">
-        {{item.title}}
-      </el-tag>
-      <jsoneditor
-                v-model='jsoneditorVisible'
-                :elInfo='elInfo'
-                :layout='layout'
-                :jsoneditorCloseAfter='jsoneditorCloseAfter'
-                :jsoneditorOpenAfter='jsoneditorOpenAfter'
-                >
+  <div
+    class="hsTags"
+    :id='elId'
+    style="{width:100%;height:100%}"
+  >
+    <el-tag
+      :style="style"
+      :size='configData.size'
+      @click="clickTagItem(item)"
+      class="hsTagsItem"
+      v-for="(item,index) in tagsList"
+      :key="index"
+      :type="item.type"
+    >
+      {{item.title}}
+    </el-tag>
+    <jsoneditor
+      v-model='jsoneditorVisible'
+      :elInfo='elInfo'
+      :layout='layout'
+      :jsoneditorCloseAfter='jsoneditorCloseAfter'
+      :jsoneditorOpenAfter='jsoneditorOpenAfter'
+    >
     </jsoneditor>
   </div>
 </template>
 <script>
-import jsoneditor from '../common/jsoneditor'
-import ucComponent from '../ucClass/uc_component'
-import uuidv1 from 'uuid/v1'
-import _ from 'lodash'
+import jsoneditor from "../common/jsoneditor";
+import ucComponent from "../ucClass/uc_component";
+import uuidv1 from "uuid/v1";
+import _ from "lodash";
 export default {
   mixins: [ucComponent],
   components: {
     jsoneditor
   },
-  name: 'hsTags',
+  name: "hsTags",
   props: {
-    value: '',
+    value: "",
     elInfo: {
       type: Object,
       default() {
-        return {}
+        return {};
       }
     },
     allSourceData: {
       type: Object,
       default() {
-        return {}
+        return {};
       }
     },
 
@@ -54,84 +66,96 @@ export default {
   watch: {
     allSourceData: {
       handler: function(newVal, oldVal) {
-        this.initConfigData(newVal)
+        this.initConfigData(newVal);
       },
       deep: true
     },
     value(val) {
-      this.value_inner = val
-      this.setDefaultVal(val)
+      this.value_inner = val;
+      this.setDefaultVal(val);
     },
     value_inner(val) {
-      this.$emit('input', val)
+      console.log(val,'val')
+      this.$emit("input", val);
+
     }
   },
   data() {
     return {
       tagsList: [],
-      elId: '',
+      elId: "",
       jsoneditorVisible: false,
-      buttonText: '操作',
+      buttonText: "操作",
       clickTimer: null,
       configData: {
-        type: 'primary',
-        size: 'medium'
+        type: "primary",
+        size: "medium"
       },
       style: {},
-      value_inner: ''
-    }
+      value_inner: ""
+    };
   },
   created() {
-    this.elId = uuidv1() // 获取随机id
+    this.elId = uuidv1(); // 获取随机id
   },
   mounted() {
-    this.initConfigData(this.allSourceData)
+    this.initConfigData(this.allSourceData);
   },
   methods: {
     setDefaultVal(val) {
       this.tagsList.forEach(item => {
         if (item.title === val) {
-          item.type = 'success'
+          item.type = "success";
         } else {
-          item.type = 'primary'
+          item.type = "primary";
         }
-      })
+      });
     },
     initConfigData(data = {}) {
-      const config = data.config || {}
-      const style = config.style || {}
-      this.style = style
-      const sourceData = data.sourceData || []
-      this.tagsList = sourceData.length ? sourceData : [{ title: '测试' }]
-      this.configData = Object.assign(_.cloneDeep(this.configData), _.cloneDeep(config))
+      const config = data.config || {};
+      const style = config.style || {};
+      this.style = style;
+      const sourceData = data.sourceData || [];
+      this.tagsList = sourceData.length ? sourceData : [{ title: "测试" }];
+      this.configData = Object.assign(
+        _.cloneDeep(this.configData),
+        _.cloneDeep(config)
+      );
     },
     clickTagItem(item) {
       this.tagsList.forEach(x => {
-        x.type = 'primary'
+        x.type = "primary";
         if (x.title === item.title) {
-          item.type = 'success'
+          item.type = "success";
         } else {
-          x.type = 'primary'
+          x.type = "primary";
         }
-      })
-      const parm = {}
-      parm[this.elInfo.prop] = item.title || item.id
-      this.$emit('clickTagItem', parm)
+      });
+      this.value_inner = item.title || item.id;
+      const { clicked } = this.configData;
+      this.execAction(clicked, item);
+      this.$emit("click", item);
+    },
+    execAction(actionName, value) {
+      const type = typeof actionName;
+      if (type === "function") {
+        actionName(value);
+      }
     }
   }
-}
+};
 </script>
 <style scoped>
-.hsTags{
+.hsTags {
   padding: 2px 1px 1px 1px;
-  width:90%;
-  height:100%;
+  width: 90%;
+  height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.hsTagsItem{
-margin-left: 10px;
+.hsTagsItem {
+  margin-left: 10px;
 }
 /* .hsTags>>>.el-tag--medium{
     width: 100%;