xs-common-plugins 1.0.6 → 1.0.10

package/src/components/Search/cascader/index.vue

@@ -1,97 +1,97 @@
-
-<template>
-  <div class="cascader-wrapper">
-    <!-- 
-      clearable: 可清空
-      collapse-tags 折叠显示选中
-      filterable: 支持搜索 
-    -->
-    <el-cascader
-      v-if="options.length > 0"
-      :options="options"
-      v-model="inputValue"
-      :props="props"
-      filterable
-      collapse-tags
-      clearable
-      style="width:300px"
-    ></el-cascader>
-
-    <el-cascader v-else v-model="inputValue" :props="props" filterable collapse-tags clearable></el-cascader>
-  </div>
-</template>
-
-<script>
-let id = 0;
-import data from "./data";
-import methods from "./methods";
-import { MIX_VMODEL } from "@/mixin/vmodel";
-export default {
-  props: {
-    option: Object
-  },
-  computed: {
-    options: async function() {
-      const { method = "all" } = this.option.config;
-      if (method === "all") {
-        return await that.$http.get(source[0].url).data;
-      }
-    },
-    props: function() {
-      const that = this;
-      const { method, source, props } = this.option.config;
-      let lazyProps = {};
-      const defaultProps = {
-        checkStrictly: false, // 支持任意一级
-        multiple: false, // 支持多选
-        value: "value",
-        label: "label",
-        children: "children"
-      };
-      if (method === "lazy") {
-        lazyProps = {
-          lazy: true,
-          lazyLoad(node, resolve) {
-            const { level } = node;
-            const end = source.length - 1;
-            if (level > end) return;
-
-            let params = {};
-            const searchKey = source[level]["searchKey"];
-            const param = source[level]["param"];
-            if (level > 0 && searchKey) {
-              params = Object.assign(params, { [searchKey]: node.value });
-            }
-
-            if (param) {
-              params = Object.assign(params, param);
-            }
-            that.$http.get(source[level].url, params).then(res => {
-              const nodes = res.data.map(item => ({
-                value: item.value,
-                label: item.label,
-                leaf: level >= end
-              }));
-              resolve(nodes);
-            });
-          }
-        };
-      }
-      const res_props = Object.assign(lazyProps, defaultProps, props);
-      return res_props;
-    }
-  },
-  methods,
-  mixins: [MIX_VMODEL],
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-  }
-};
-</script>
+
+<template>
+  <div class="cascader-wrapper">
+    <!-- 
+      clearable: 可清空
+      collapse-tags 折叠显示选中
+      filterable: 支持搜索 
+    -->
+    <el-cascader
+      v-if="options.length > 0"
+      :options="options"
+      v-model="inputValue"
+      :props="props"
+      filterable
+      collapse-tags
+      clearable
+      style="width:300px"
+    ></el-cascader>
+
+    <el-cascader v-else v-model="inputValue" :props="props" filterable collapse-tags clearable></el-cascader>
+  </div>
+</template>
+
+<script>
+let id = 0;
+import data from "./data";
+import methods from "./methods";
+import { MIX_VMODEL } from "@/mixin/vmodel";
+export default {
+  props: {
+    option: Object
+  },
+  computed: {
+    options: async function() {
+      const { method = "all" } = this.option.config;
+      if (method === "all") {
+        return await that.$http.get(source[0].url).data;
+      }
+    },
+    props: function() {
+      const that = this;
+      const { method, source, props } = this.option.config;
+      let lazyProps = {};
+      const defaultProps = {
+        checkStrictly: false, // 支持任意一级
+        multiple: false, // 支持多选
+        value: "value",
+        label: "label",
+        children: "children"
+      };
+      if (method === "lazy") {
+        lazyProps = {
+          lazy: true,
+          lazyLoad(node, resolve) {
+            const { level } = node;
+            const end = source.length - 1;
+            if (level > end) return;
+
+            let params = {};
+            const searchKey = source[level]["searchKey"];
+            const param = source[level]["param"];
+            if (level > 0 && searchKey) {
+              params = Object.assign(params, { [searchKey]: node.value });
+            }
+
+            if (param) {
+              params = Object.assign(params, param);
+            }
+            that.$http.get(source[level].url, params).then(res => {
+              const nodes = res.data.map(item => ({
+                value: item.value,
+                label: item.label,
+                leaf: level >= end
+              }));
+              resolve(nodes);
+            });
+          }
+        };
+      }
+      const res_props = Object.assign(lazyProps, defaultProps, props);
+      return res_props;
+    }
+  },
+  methods,
+  mixins: [MIX_VMODEL],
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+  }
+};
+</script>
 <style lang="scss" src="./index.scss" scoped></style>

package/src/components/Search/cascader/methods.js

@@ -1,42 +1,42 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-    this.getList();
-  },
-
-  mountedInit() {
-  },
-
-
-  clearOption() {
-    this.inputValue = null
-  },
-
-  getList() {
-    if (this.option.dataSourceType !== 0 && this.option.dataSourceType !== 10) return;
-    this.loading = true
-	if (!(this.option && this.option.url)) return
-    this.$http.get(this.option.url).then(res => {
-      if (res.data) {
-        this.loading = false
-        this.selectData = res.data
-      }
-    })
-  },
-
-  // request
-  remoteMethod(query) {
-    this.loading = true
-    const params = {
-      [this.option.urlParam]: query
-    }
-    this.$http.get(this.option.url, params).then(res => {
-      if (res.data) {
-        this.loading = false
-        this.selectData = res.data
-      }
-    })
-  },
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+    this.getList();
+  },
+
+  mountedInit() {
+  },
+
+
+  clearOption() {
+    this.inputValue = null
+  },
+
+  getList() {
+    if (this.option.dataSourceType !== 0 && this.option.dataSourceType !== 10) return;
+    this.loading = true
+	if (!(this.option && this.option.url)) return
+    this.$http.get(this.option.url).then(res => {
+      if (res.data) {
+        this.loading = false
+        this.selectData = res.data
+      }
+    })
+  },
+
+  // request
+  remoteMethod(query) {
+    this.loading = true
+    const params = {
+      [this.option.urlParam]: query
+    }
+    this.$http.get(this.option.url, params).then(res => {
+      if (res.data) {
+        this.loading = false
+        this.selectData = res.data
+      }
+    })
+  },
 }

package/src/components/Search/data.js

@@ -1,5 +1,5 @@
-export default () => {
-  return {
-    changeVisible: true
-  }
-}
+export default () => {
+  return {
+    changeVisible: true
+  }
+}

package/src/components/Search/hk_cascader/index.vue

@@ -1,104 +1,104 @@
-<template>
-  <div class="hk_cascader_qudao-wrapper">
-    <el-cascader
-      :placeholder="placeholder"
-      :size="size"
-      :options="selectData"
-      :props="{ multiple: true, checkStrictly:true }"
-      collapse-tags
-      filterable
-      @change="changesQuod"
-    />
-  </div>
-</template>
-
-<script>
-import { MIX_VMODEL } from '@/mixin/vmodel'
-/*
-* @optionItem {Object} // 组件配置信息
-* @placeholder {String} // 组件label
-* @selectData {Array} // 多选数据
-* */
-export default {
-  mixins: [MIX_VMODEL],
-  props: {
-    optionItem: Object,
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    size: String
-  },
-  data() {
-    return {
-      selectData: []
-    }
-  },
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  mounted() {
-    this.mountedInit()
-  },
-  methods: {
-    // async lazyLoad(node, resolve) {
-    //   const { level, value } = node;
-    //   let list = await this.getNext(value, level);
-    //   resolve(list)
-    // },
-    changesQuod(val) {
-      console.log(val)
-      val = JSON.parse(JSON.stringify(val))
-      let value = []
-      if (this.optionItem.dataSourceType == 0 || this.optionItem.dataSourceType == 10) {
-        value = [val.pop()]
-      } else {
-        value = val.map(v => {
-          return v.pop()
-        })
-      }
-      this.inputValue = value
-    },
-    mountedInit() {
-      this.$http.get(this.optionItem.url).then(async res => {
-        if (res.data) {
-          this.selectData = res.data// this.fromDataSelectData(res.data)
-        }
-        return []
-      })
-    }
-    // async getNext(portId, level) {
-    //   var model={};
-    //   model[this.optionItem.urlParam] = portId ;
-    //   return await this.$http.get(this.optionItem.url, model).then(res => {
-    //     if (res.data) {
-    //       return this.fromDataSelectData(res.data, level);
-    //     }
-    //     return [];
-    //   })
-    // },
-    // fromDataSelectData(data, level = 0) {
-    //   //console.log(data);
-    //   if (typeof data == 'object' && !Array.isArray(data)) {
-    //     let selectData = [];
-    //     for (let key in data) {
-    //       this.addArray(data[key], selectData);
-    //       // console.log(key);
-    //       // selectData.push({
-    //       //   value: key,
-    //       //   label: data[key],
-    //       //   children: [],
-    //       //   leaf: level >= 1
-    //       // })
-    //     }
-    //     return selectData;
-    //   } else {
-    //     if (Array.isArray(data)) return data
-    //   }
-    // },
-    // addArray(data, selectData){
-    //   console.log(data);
-    // }
-  }
-}
-</script>
+<template>
+  <div class="hk_cascader_qudao-wrapper">
+    <el-cascader
+      :placeholder="placeholder"
+      :size="size"
+      :options="selectData"
+      :props="{ multiple: true, checkStrictly:true }"
+      collapse-tags
+      filterable
+      @change="changesQuod"
+    />
+  </div>
+</template>
+
+<script>
+import { MIX_VMODEL } from '@/mixin/vmodel'
+/*
+* @optionItem {Object} // 组件配置信息
+* @placeholder {String} // 组件label
+* @selectData {Array} // 多选数据
+* */
+export default {
+  mixins: [MIX_VMODEL],
+  props: {
+    optionItem: Object,
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    size: String
+  },
+  data() {
+    return {
+      selectData: []
+    }
+  },
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  mounted() {
+    this.mountedInit()
+  },
+  methods: {
+    // async lazyLoad(node, resolve) {
+    //   const { level, value } = node;
+    //   let list = await this.getNext(value, level);
+    //   resolve(list)
+    // },
+    changesQuod(val) {
+      console.log(val)
+      val = JSON.parse(JSON.stringify(val))
+      let value = []
+      if (this.optionItem.dataSourceType == 0 || this.optionItem.dataSourceType == 10) {
+        value = [val.pop()]
+      } else {
+        value = val.map(v => {
+          return v.pop()
+        })
+      }
+      this.inputValue = value
+    },
+    mountedInit() {
+      this.$http.get(this.optionItem.url).then(async res => {
+        if (res.data) {
+          this.selectData = res.data// this.fromDataSelectData(res.data)
+        }
+        return []
+      })
+    }
+    // async getNext(portId, level) {
+    //   var model={};
+    //   model[this.optionItem.urlParam] = portId ;
+    //   return await this.$http.get(this.optionItem.url, model).then(res => {
+    //     if (res.data) {
+    //       return this.fromDataSelectData(res.data, level);
+    //     }
+    //     return [];
+    //   })
+    // },
+    // fromDataSelectData(data, level = 0) {
+    //   //console.log(data);
+    //   if (typeof data == 'object' && !Array.isArray(data)) {
+    //     let selectData = [];
+    //     for (let key in data) {
+    //       this.addArray(data[key], selectData);
+    //       // console.log(key);
+    //       // selectData.push({
+    //       //   value: key,
+    //       //   label: data[key],
+    //       //   children: [],
+    //       //   leaf: level >= 1
+    //       // })
+    //     }
+    //     return selectData;
+    //   } else {
+    //     if (Array.isArray(data)) return data
+    //   }
+    // },
+    // addArray(data, selectData){
+    //   console.log(data);
+    // }
+  }
+}
+</script>