doway-coms 1.9.3 → 1.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doway-coms",
-  "version": "1.9.3",
+  "version": "1.9.4",
   "description": "doway组件库",
   "author": "dowaysoft",
   "main": "packages/index.js",

package/packages/BaseForm/src/index.vue

@@ -4,7 +4,8 @@
     <div
       class="d-form-item"
       v-for="col in internalComputedHiddenCols"
-      :key="col.field" v-show="(hiddenDetail?colIndex===0:true)"
+      :key="col.field"
+      v-show="hiddenDetail ? colIndex === 0 : true"
     >
       <!-- 文本框输入控件 -->
       <BaseInput
@@ -19,12 +20,12 @@
         :rules="col.rules"
         @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
         @blur="
           () => {
-            blurChange(col);
+            blurChange(col)
           }
         "
       />
@@ -39,7 +40,7 @@
         @preSearch="preSearch"
         @handleOk="
           (value) => {
-            buttonHandleOk(col, value);
+            buttonHandleOk(col, value)
           }
         "
       />
@@ -56,7 +57,7 @@
         :rules="col.rules"
         @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
       />
@@ -77,12 +78,12 @@
         :percent="col.percent"
         @change="
           () => {
-            numberChange(col);
+            numberChange(col)
           }
         "
         @blur="
           () => {
-            blurChange(col);
+            blurChange(col)
           }
         "
       />
@@ -100,7 +101,7 @@
         :valueType="col.valueType"
         @change="
           () => {
-            numberChange(col);
+            numberChange(col)
           }
         "
       />
@@ -119,7 +120,7 @@
         :disabledDateValue="col.disabledDateValue"
         @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
       />
@@ -138,7 +139,7 @@
         :disabledDateValue="col.disabledDateValue"
         @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
       />
@@ -155,7 +156,7 @@
         :rules="col.rules"
         @change="
           (rowInfo) => {
-            checkboxChange(col);
+            checkboxChange(col)
           }
         "
       />
@@ -171,7 +172,7 @@
         :rules="col.rules"
         @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
       />
@@ -187,23 +188,23 @@
         :rules="col.rules"
         @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
       />
       <BaseDateMonth
-          v-if="
+        v-if="
           col.controlType === 'datemonth' &&
           (col.isButtonShow == false || col.isButtonShow == undefined)
         "
-          :label="col.title"
-          v-model="row[col.field]"
-          :edit="col.edit"
-          :tooltip="col.tooltip"
-          :rules="col.rules"
-          @change="
+        :label="col.title"
+        v-model="row[col.field]"
+        :edit="col.edit"
+        :tooltip="col.tooltip"
+        :rules="col.rules"
+        @change="
           () => {
-            inputChange(col);
+            inputChange(col)
           }
         "
       />
@@ -220,7 +221,7 @@
         :dataSource="col.dataSource"
         @change="
           (rowInfo) => {
-            selectChange(col);
+            selectChange(col)
           }
         "
       />
@@ -236,7 +237,7 @@
         :rules="col.rules"
         @change="
           (rowInfo) => {
-            selectMultiChange(col);
+            selectMultiChange(col)
           }
         "
         :dataSource="col.dataSource"
@@ -269,7 +270,38 @@
         @preSearch="preSearch"
         @selectChanged="
           (rowInfo) => {
-            pullDownChange(col, rowInfo);
+            pullDownChange(col, rowInfo)
+          }
+        "
+      />
+      <BaseTreeSelect
+        v-if="
+          col.controlType === 'treeSelect' &&
+          (col.isButtonShow == false || col.isButtonShow == undefined)
+        "
+        :formRow="formRow"
+        :api="col.api"
+        :tooltip="col.tooltip"
+        :row="row"
+        :edit="col.edit"
+        :label="col.title"
+        :rules="col.rules"
+        :route="col.route"
+        :field="col.field"
+        :columns="col.columns"
+        @preSearch="preSearch"
+        :replaceFields="col.replaceFields"
+        :treeWidth="col.treeWidth"
+        :width="col.width"
+        :linkedField="col.linkedField"
+        :showSearch="col.showSearch"
+        :allowClear="col.allowClear"
+        :placeholder="col.placeholder"
+        :method="col.method"
+        v-model="row[col.field]"
+        @change="
+          () => {
+            inputChange(col)
           }
         "
       />
@@ -280,25 +312,26 @@
     <div class="d-form-item-ghost"></div>
   </div>
 </template>
-  
-  <script>
-import { sysFormState, sysRowState } from "../../utils/enum";
-import BaseInput from "../../BaseInput/index";
-import BaseCheckbox from "../../BaseCheckbox/index";
-import BaseDate from "../../BaseDate/index";
-import BaseDatetime from "../../BaseDatetime/index";
-import BaseDateWeek from "../../BaseDateWeek/index";
-import BaseTextArea from "../../BaseTextArea/index";
-import BaseButton from "../../BaseButton/index";
-import BaseSelect from "../../BaseSelect/index";
-import BaseSelectMulti from "../../BaseSelectMulti/index";
-import BaseTime from "../../BaseTime/index";
-import BasePulldown from "../../BasePulldown/index";
-import BaseIntervalInput from "../../BaseIntervalInput/index";
-import BaseNumberInput from "../../BaseNumberInput/index";
 
-import moment from "moment";
-import BaseDateMonth from "../../BaseDateMonth";
+<script>
+import { sysFormState, sysRowState } from '../../utils/enum'
+import BaseInput from '../../BaseInput/index'
+import BaseCheckbox from '../../BaseCheckbox/index'
+import BaseDate from '../../BaseDate/index'
+import BaseDatetime from '../../BaseDatetime/index'
+import BaseDateWeek from '../../BaseDateWeek/index'
+import BaseTextArea from '../../BaseTextArea/index'
+import BaseButton from '../../BaseButton/index'
+import BaseSelect from '../../BaseSelect/index'
+import BaseSelectMulti from '../../BaseSelectMulti/index'
+import BaseTime from '../../BaseTime/index'
+import BasePulldown from '../../BasePulldown/index'
+import BaseIntervalInput from '../../BaseIntervalInput/index'
+import BaseNumberInput from '../../BaseNumberInput/index'
+import BaseTreeSelect from '../../BaseTreeSelect'
+
+import moment from 'moment'
+import BaseDateMonth from '../../BaseDateMonth'
 export default {
   components: {
     BaseInput,
@@ -315,14 +348,15 @@ export default {
     BasePulldown,
     BaseIntervalInput,
     BaseNumberInput,
+    BaseTreeSelect,
   },
-  name: "BaseForm",
+  name: 'BaseForm',
   props: {
     updateDatas: {
       // 更新的数据
       type: Object,
       default: function () {
-        return {};
+        return {}
       },
     },
     showLoading: {
@@ -338,7 +372,7 @@ export default {
     valueState: {
       type: Object,
       default: function () {
-        return {};
+        return {}
       },
     },
     formState: {
@@ -349,33 +383,33 @@ export default {
       // 当前页面数据集
       type: Object,
       default: () => {
-        return {};
+        return {}
       },
     },
     row: {
       // 当前行，如果是表单的话当前行和当前页面数据集是一样的
       type: Object,
       default: () => {
-        return {};
+        return {}
       },
     },
     columns: {
       // 表格列信息
       type: Array,
       default: function () {
-        return [];
+        return []
       },
     },
     dataName: {
       type: String,
       default: function () {
-        return "";
+        return ''
       },
     },
   },
   computed: {
     internalComputedHiddenCols: function () {
-      let vm = this;
+      let vm = this
       return this.columns.filter((item) => {
         // if (item.isTitle === true) {
         //   // vm.titleCol = item
@@ -385,16 +419,16 @@ export default {
         //   vm.logoCol = item
         //   return false
         // }
-        return item.visible === true;
-      });
+        return item.visible === true
+      })
     },
   },
   filters: {},
   data() {
     return {
-      hiddenDetail:false,
+      hiddenDetail: false,
       moment,
-      editFormName: "",
+      editFormName: '',
       internalEdit: false,
       internalCols: [],
       internalValueState: {},
@@ -403,8 +437,8 @@ export default {
       titleCols: [],
       logoCol: null,
       isShowEditForm: false,
-      ref: "",
-    };
+      ref: '',
+    }
   },
   watch: {
     // row: {
@@ -442,41 +476,41 @@ export default {
       //   this.titleCols.push(this.columns[i])
       //   continue
       // }
-      if (this.columns[i].controlType === "popup") {
+      if (this.columns[i].controlType === 'popup') {
         let formUrl =
           process.env[
-            "VUE_APP_" +
+            'VUE_APP_' +
               this.columns[i].linkModuleData.objectService.toUpperCase() +
-              "_SERVICE_URL"
+              '_SERVICE_URL'
           ] +
-          "/" +
+          '/' +
           this.columns[i].linkModuleData.objectApiVersion +
-          "/" +
+          '/' +
           this.columns[i].linkModuleData.objectName +
-          "/";
-        this.columns[i]["api"] = this.columns[i].linkModuleData.objectApiRoute
+          '/'
+        this.columns[i]['api'] = this.columns[i].linkModuleData.objectApiRoute
           ? formUrl + this.columns[i].linkModuleData.objectApiRoute
-          : formUrl + "Search";
+          : formUrl + 'Search'
 
-        this.columns[i]["columns"] = {};
+        this.columns[i]['columns'] = {}
 
         for (
           let x = 0;
           x < this.columns[i].linkModuleData.moduleFields.length;
           x++
         ) {
-          let tempField = this.columns[i].linkModuleData.moduleFields[x];
-          this.columns[i]["columns"][tempField.field] = {
+          let tempField = this.columns[i].linkModuleData.moduleFields[x]
+          this.columns[i]['columns'][tempField.field] = {
             title: tempField.caption,
             width: tempField.width,
             visible: tempField.visible,
             linkField: tempField.linkValueField,
             filter: tempField.isFilter,
-          };
+          }
           if (tempField.field === this.columns[i].linkCaptionField) {
-            this.columns[i]["columns"][tempField.field].linkField =
-              this.columns[i].field;
-            this.columns[i]["columns"][tempField.field].filter = true;
+            this.columns[i]['columns'][tempField.field].linkField =
+              this.columns[i].field
+            this.columns[i]['columns'][tempField.field].filter = true
           }
         }
       }
@@ -494,29 +528,29 @@ export default {
   mounted() {
     //let letterLength = this.$refs.content.value
     //letterLength = this.$refs['content'].innerText.substr(0, 6) + '...'
-    window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
+    window.addEventListener('beforeunload', (e) => this.beforeunloadHandler(e))
   },
   destroyed() {
-    window.removeEventListener("beforeunload", (e) =>
+    window.removeEventListener('beforeunload', (e) =>
       this.beforeunloadHandler(e)
-    );
+    )
   },
   activated() {},
   methods: {
     preSearch(searchInfo, repeatRowInfo) {
-      this.$emit("preSearch", searchInfo, repeatRowInfo);
+      this.$emit('preSearch', searchInfo, repeatRowInfo)
     },
     beforeunloadHandler(e) {
-      if (this.formState !== "view") {
-        e = e || window.event;
-        e.returnValue = "提示";
-        return confirm("确认退出");
+      if (this.formState !== 'view') {
+        e = e || window.event
+        e.returnValue = '提示'
+        return confirm('确认退出')
       } else {
-        return;
+        return
       }
     },
     pulldownBtnClick(btnInfo) {
-      this.$emit("pulldownBtnClick", btnInfo);
+      this.$emit('pulldownBtnClick', btnInfo)
     },
     showToolTip() {},
     fieldCaptionClick(col) {
@@ -531,13 +565,13 @@ export default {
           return (
             filterItem.meta &&
             filterItem.meta.moduleId === col.linkModuleData.linkModuleId
-          );
-        });
+          )
+        })
         if (linkModule.length > 0) {
           this.$router.pushRoute({
             name: linkModule[0].name,
             query: { id: this.row[col.field] },
-          });
+          })
         }
       }
     },
@@ -554,80 +588,82 @@ export default {
     //   this.row['sysRowState'] = sysRowState.update
     // },
     pullDownChange(colInfo, row) {
-      this.$emit("change", colInfo);
+      this.$emit('change', colInfo)
     },
     selectMultiChange(colInfo, row) {
-      this.$emit("change", colInfo);
+      this.$emit('change', colInfo)
     },
     selectChange(colInfo) {
-      this.$emit("change", colInfo);
+      this.$emit('change', colInfo)
     },
     checkboxChange(colInfo) {
-      this.$emit("change", colInfo);
+      this.$emit('change', colInfo)
     },
     checkBoxChange(col) {
-      if (col.field.indexOf(".") < 0) {
-        this.updateDatas[col.field] = this.row[col.field];
+      if (col.field.indexOf('.') < 0) {
+        this.updateDatas[col.field] = this.row[col.field]
       }
-      this.$emit("change", col);
+      this.$emit('change', col)
       if (
-        this.row["sysRowState"] === sysRowState.add ||
-        this.row["sysRowState"] === sysRowState.update
+        this.row['sysRowState'] === sysRowState.add ||
+        this.row['sysRowState'] === sysRowState.update
       ) {
-        return;
+        return
       }
-      this.row["sysRowState"] = sysRowState.update;
+      this.row['sysRowState'] = sysRowState.update
     },
     dateChange(col) {
-      if (col.field.indexOf(".") < 0) {
-        this.updateDatas[col.field] = this.row[col.field];
+      if (col.field.indexOf('.') < 0) {
+        this.updateDatas[col.field] = this.row[col.field]
       }
-      this.$emit("change", col);
+      this.$emit('change', col)
       if (
-        this.row["sysRowState"] === sysRowState.add ||
-        this.row["sysRowState"] === sysRowState.update
+        this.row['sysRowState'] === sysRowState.add ||
+        this.row['sysRowState'] === sysRowState.update
       ) {
-        return;
+        return
       }
-      this.row["sysRowState"] = sysRowState.update;
+      this.row['sysRowState'] = sysRowState.update
     },
     inputChange(colInfo) {
       // 输入框改变
-      this.$emit("change", colInfo);
+      this.$emit('change', colInfo)
     },
     // 按钮弹出组件返回输入的值
     buttonHandleOk(colInfo, value) {
       // 按钮弹出确定改变内容改变
-      this.$emit("buttonHandleOk", colInfo, value);
+      this.$emit('buttonHandleOk', colInfo, value)
     },
     blurChange(colInfo) {
       // 输入框失去焦点
-      this.$emit("blur", colInfo);
+      this.$emit('blur', colInfo)
     },
     numberChange(colInfo) {
       // 输入框改变
-      this.$emit("change", colInfo);
+      this.$emit('change', colInfo)
     },
     longtimeChange(data, col) {
-      this.row[col.field] = data;
-      this.$emit("change", col);
+      this.row[col.field] = data
+      this.$emit('change', col)
       if (
-          this.row["sysRowState"] === sysRowState.add ||
-          this.row["sysRowState"] === sysRowState.update
+        this.row['sysRowState'] === sysRowState.add ||
+        this.row['sysRowState'] === sysRowState.update
       ) {
-        return;
+        return
       }
-      this.row["sysRowState"] = sysRowState.update;
+      this.row['sysRowState'] = sysRowState.update
     },
     changeControlType(field, controlType) {
-      let col = this.internalComputedHiddenCols.find(col => col.field === field)
+      let col = this.internalComputedHiddenCols.find(
+        (col) => col.field === field
+      )
       col.controlType = controlType
-    }
+    },
   },
-};
+}
 </script>
-  
-  <style lang="less" scoped>
+
+<style lang="less" scoped>
 .form-head {
   display: flex;
   flex-flow: row wrap;
@@ -685,7 +721,6 @@ export default {
   margin-left: 30px;
 }
 </style>
-  <style lang="less">
-@import "../../styles/default.less";
+<style lang="less">
+@import '../../styles/default.less';
 </style>
-  

package/packages/BaseTreeSelect/index.js

@@ -0,0 +1,8 @@
+// 导入组件，组件必须声明 name
+import BaseTreeSelect from './src/index.vue'
+// 为组件提供 install 安装方法，供按需引入
+BaseTreeSelect.install = function (Vue) {
+  Vue.component(BaseTreeSelect.name, BaseTreeSelect)
+}
+// 默认导出组件
+export default BaseTreeSelect

package/packages/BaseTreeSelect/src/index.vue

@@ -0,0 +1,370 @@
+<template>
+  <div class="d-control-container">
+    <div
+      class="d-control-label"
+      v-if="showLabel === true"
+      :style="{ width: labelWidth > 0 ? labelWidth + 'px' : 'none' }"
+    >
+      {{ label }}
+      <span v-if="rules && rules['required']" class="d-control-label-required"
+        >*</span
+      >
+      <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
+        <img src="../../styles/icon/help.png" alt="" style="width: 14px" />
+      </Tooltip>
+    </div>
+    <div
+      :class="{
+        'd-control': showLabel === true,
+        'd-grid-control': showLabel === false,
+      }"
+    >
+      <ValidationProvider
+        v-if="edit === true"
+        :name="label"
+        v-slot="v"
+        :rules="rules"
+      >
+        <TreeSelect
+          ref="treeSelectView"
+          v-model="currentValue"
+          :treeData="treeData"
+          tree-data-simple-mode
+          :showSearch="showSearch"
+          :replaceFields="replaceFields"
+          :dropdownMatchSelectWidth="dropdownMatchSelectWidth"
+          :treeDefaultExpandAll="treeDefaultExpandAll"
+          :size="size"
+          :allowClear="allowClear"
+          @focus="searchData"
+          @select="selectData"
+          :dropdownStyle="{
+            width: treeWidth + 'px',
+            height: '300px',
+            ...widthDropdownStyle,
+          }"
+          treeNodeFilterProp="title"
+          :style="{
+            width: width + 'px',
+          }"
+          :placeholder="placeholder"
+        ></TreeSelect>
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+      </ValidationProvider>
+
+      <span v-else>
+        <a v-if="route" @click="routeLinkClick">{{ value }}</a>
+        <span v-else> {{ value }}</span>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Tooltip, TreeSelect } from 'ant-design-vue'
+import request from '../../utils/request'
+import { ValidationProvider } from 'vee-validate'
+export default {
+  name: 'BaseTreeSelect',
+  components: {
+    Tooltip,
+    TreeSelect,
+    ValidationProvider,
+  },
+  props: {
+    label: {
+      type: String,
+    },
+    showLabel: {
+      type: Boolean,
+      default: function () {
+        return true
+      },
+    },
+    labelWidth: {
+      type: Number,
+      default: function () {
+        return 100
+      },
+    },
+    api: {
+      type: String,
+      required: true,
+    },
+    exps: {
+      // 条件
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    value: {
+      type: String,
+      default: function () {
+        return ''
+      },
+    },
+    tooltip: {
+      type: String,
+      default: function () {
+        return ''
+      },
+    },
+    customTitle: {
+      type: Array,
+      default: function () {
+        return []
+      },
+    },
+    // 输入框宽度
+    width: {
+      type: Number,
+      default: function () {
+        return 100
+      },
+    },
+    // 树宽度
+    treeWidth: {
+      type: Number,
+      default: function () {
+        return 200
+      },
+    },
+    // 输入框和选择器同宽
+    dropdownMatchSelectWidth: {
+      type: Boolean,
+      default: function () {
+        return false
+      },
+    },
+    // 替换展示字段
+    replaceFields: {
+      type: Object,
+      default: function () {
+        return {
+          children: 'children',
+          title: 'title',
+          key: 'key',
+          value: 'value',
+        }
+      },
+    },
+    // 是否默认展开所有树节点
+    treeDefaultExpandAll: {
+      type: Boolean,
+      default: function () {
+        return false
+      },
+    },
+    size: {
+      type: String,
+      default: function () {
+        return 'small'
+      },
+    },
+    // 下拉中显示搜索框
+    showSearch: {
+      type: Boolean,
+      default: function () {
+        return true
+      },
+    },
+    // 下拉菜单的样式
+    widthDropdownStyle: {
+      type: Object,
+      default: function () {
+        return {}
+      },
+    },
+    // 清除按钮
+    allowClear: {
+      type: Boolean,
+      default: function () {
+        return true
+      },
+    },
+    placeholder: {
+      type: String,
+      default: function () {
+        return ''
+      },
+    },
+    rules: {
+      type: Object,
+      default: function () {
+        return null
+      },
+    },
+    formRow: {
+      type: Object,
+      default: function () {
+        return {}
+      },
+    },
+    row: {
+      type: Object,
+      default: function () {
+        return {}
+      },
+    },
+    edit: {
+      type: Boolean,
+      default: function () {
+        return false
+      },
+    },
+    field: {
+      type: String,
+    },
+    columns: {
+      // 列集合
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    propTableData: {
+      type: Array,
+      default: function () {
+        return []
+      },
+    },
+    linkedField: {
+      type: String,
+      required: true,
+    },
+    method: {
+      type: String,
+      default: function () {
+        return 'post'
+      },
+    },
+    route: Object,
+  },
+  data() {
+    return {
+      treeData: [],
+      currentValue: '',
+    }
+  },
+  mounted() {
+    // this.searchData()
+    this.currentValue = this.row[this.linkedField]
+  },
+  computed: {},
+  methods: {
+    /**
+     * 查询数据
+     */
+    searchData() {
+      let tempExp = {
+        operator: 'or',
+        expressions: [],
+      }
+
+      let postExpression = {
+        field: this.field,
+        expression: tempExp,
+        extendParams: {},
+      }
+      let repeatRowInfo = {
+        field: '',
+        values: [],
+      }
+      //查询之前从外部组件构造其他的条件
+      this.$emit('preSearch', postExpression, repeatRowInfo, this.row)
+      let postData = {
+        begin: 1,
+        size: 0,
+        expression: postExpression.expression,
+        sorts: [],
+        extendParams: postExpression.extendParams,
+      }
+      let tempApi = this.getPostApi(postData)
+      let vm = this
+      vm.gridLoading = true
+      request({
+        url: tempApi,
+        method: this.method,
+        data: postData,
+      })
+        .then((responseData) => {
+          vm.treeData = responseData.content
+        })
+        .catch((error) => {
+          console.error(error)
+        })
+        .finally(() => {
+          vm.gridLoading = false
+        })
+    },
+    getPostApi(postData) {
+      let tempApi = this.api
+      if (this.api.indexOf('?') > 0) {
+        tempApi = this.api.substring(0, this.api.indexOf('?'))
+        let tempExtenParams = this.api.substring(this.api.indexOf('?') + 1)
+        tempExtenParams = replaceParam(tempExtenParams, this.formRow)
+        let tempSplitParams = tempExtenParams.split('&')
+        for (let i = 0; i < tempSplitParams.length; i++) {
+          let tempSplitValue = tempSplitParams[i].split('=')
+          this.$set(postData.extendParams, tempSplitValue[0], tempSplitValue[1])
+        }
+      }
+      return tempApi
+    },
+    routeLinkClick() {
+      //首先需要判断是否有权限
+      this.$router.pushRoute({
+        name: this.route.name,
+        query: { id: this.row[this.route.field] },
+      })
+    },
+    selectData(value, node) {
+      // this.row[this.linkedField] = value
+      // this.row[this.field] = node.title
+      this.$set(this.row, this.linkedField, value)
+      this.$set(this.row, this.field, node.title)
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+// ::v-deep .ant-select-tree-dropdown::-webkit-scrollbar {
+//   width: 5px;
+// }
+// ::v-deep .ant-select-tree-dropdown::-webkit-scrollbar-thumb {
+//   /*滚动条里面小方块*/
+//   border-radius: 10px;
+//   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+//   background: #e5e5e5;
+// }
+// ::v-deep .ant-select-tree-dropdown::-webkit-scrollbar-track {
+//   /*滚动条里面轨道*/
+//   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+//   border-radius: 10px;
+//   background: #ffffff;
+// }
+.pulldown-grid {
+  min-width: 600px;
+  width: auto;
+  height: 350px;
+  background-color: #fff;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+}
+
+.d-grid-control {
+  height: 30px;
+}
+.interceptor-class {
+  padding: 10px;
+  ::v-deep .ant-btn {
+    margin: 10px 10px 0;
+  }
+}
+</style>
+<style lang="less">
+@import '../../styles/default.less';
+</style>

package/packages/index.js

@@ -1,170 +1,190 @@
 import Vue from 'vue'
 // 导入组件
-import BaseInput from './BaseInput/index';
-import BaseCheckbox from './BaseCheckbox/index';
-import BaseDate from './BaseDate/index';
-import BaseDatetime from './BaseDatetime/index';
-import BaseDateWeek from './BaseDateWeek/index';
-import BaseTextArea from './BaseTextArea/index';
-import BaseSelect from './BaseSelect/index';
-import BaseSelectMulti from './BaseSelectMulti/index';
-import BaseTime from './BaseTime/index';
-import BasePagination from './BasePagination/index';
-import BaseNumberInput from './BaseNumberInput/index';
-import BaseTool from './BaseTool/index';
-import BaseToolStatus from './BaseToolStatus/index';
-import BasePulldown from './BasePulldown/index';
-import BaseIntervalInput from './BaseIntervalInput/index';
-import BaseForm from './BaseForm/index';
-import BasePictureCard from './BasePictureCard/index';
-import BasePrintPreview from './BasePrintPreview/index';
-import BaseGantt from "./BaseGantt/index";
-import BaseKanbanEmpty from "./BaseKanbanEmpty/index";
-import BaseSearch from "./BaseSearch/index";
-import BaseButton from "./BaseButton/index";
-import LeaveAMessage from "./LeaveAMessage/index";
-import AuditsList from "./AuditsList/index";
+import BaseInput from './BaseInput/index'
+import BaseCheckbox from './BaseCheckbox/index'
+import BaseDate from './BaseDate/index'
+import BaseDatetime from './BaseDatetime/index'
+import BaseDateWeek from './BaseDateWeek/index'
+import BaseTextArea from './BaseTextArea/index'
+import BaseSelect from './BaseSelect/index'
+import BaseSelectMulti from './BaseSelectMulti/index'
+import BaseTime from './BaseTime/index'
+import BasePagination from './BasePagination/index'
+import BaseNumberInput from './BaseNumberInput/index'
+import BaseTool from './BaseTool/index'
+import BaseToolStatus from './BaseToolStatus/index'
+import BasePulldown from './BasePulldown/index'
+import BaseIntervalInput from './BaseIntervalInput/index'
+import BaseForm from './BaseForm/index'
+import BasePictureCard from './BasePictureCard/index'
+import BasePrintPreview from './BasePrintPreview/index'
+import BaseGantt from './BaseGantt/index'
+import BaseKanbanEmpty from './BaseKanbanEmpty/index'
+import BaseSearch from './BaseSearch/index'
+import BaseButton from './BaseButton/index'
+import BaseTreeSelect from './BaseTreeSelect/index'
+import LeaveAMessage from './LeaveAMessage/index'
+import AuditsList from './AuditsList/index'
 
 import store from './utils/store'
 import request from './utils/request'
-import BaseGrid from './BaseGrid/index';
+import BaseGrid from './BaseGrid/index'
 
 // 存储组件列表
 const components = [
-	BaseInput, BaseCheckbox, BaseDate, BaseDatetime, BaseDateWeek,
-	BaseTextArea, BaseSelect, BaseSelectMulti, BaseTime, BasePagination,
-	BaseNumberInput, BaseTool, BaseToolStatus, BasePulldown, BaseIntervalInput,
-	BaseForm, BasePictureCard, BaseGrid, BasePrintPreview, BaseGantt,
-	BaseKanbanEmpty, BaseSearch, BaseButton,LeaveAMessage,AuditsList
-];
+  BaseInput,
+  BaseCheckbox,
+  BaseDate,
+  BaseDatetime,
+  BaseDateWeek,
+  BaseTextArea,
+  BaseSelect,
+  BaseSelectMulti,
+  BaseTime,
+  BasePagination,
+  BaseNumberInput,
+  BaseTool,
+  BaseToolStatus,
+  BasePulldown,
+  BaseIntervalInput,
+  BaseForm,
+  BasePictureCard,
+  BaseGrid,
+  BasePrintPreview,
+  BaseGantt,
+  BaseKanbanEmpty,
+  BaseSearch,
+  BaseButton,
+  LeaveAMessage,
+  AuditsList,
+  BaseTreeSelect,
+]
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 
 import 'vxe-table/lib/style.css'
 import VXETable from 'vxe-table'
 
-
 const popupInterceptor = (params) => {
-	// 比如点击了某个组件的弹出层面板之后，此时被激活单元格不应该被自动关闭，通过返回 false 可以阻止默认的行为。
-	let parentElement = (params.$event.target.shadowRoot && params.$event.composed) ?
-		(params.$event.composedPath()[0] || params.$event.target) : params.$event.target
-	while (true) {
-		// console.debug(parentElement)
-		if (
-			parentElement &&
-			(parentElement.className.indexOf('vxe-modal--wrapper') > -1 ||
-				parentElement.className.indexOf('ant-calendar') > -1 ||
-				parentElement.className.indexOf('ant-select-dropdown-menu-item') > -1 ||
-				parentElement.className.indexOf('interceptor-class') > -1 ||
-				parentElement.className.indexOf('ant-time-picker-panel') > -1)
-		) {
-			//定义网格弹出框不能对焦问题
-			return false
-		}
-		if (parentElement.parentElement) {
-			parentElement = parentElement.parentElement
-		} else {
-			break
-		}
-	}
-
+  // 比如点击了某个组件的弹出层面板之后，此时被激活单元格不应该被自动关闭，通过返回 false 可以阻止默认的行为。
+  let parentElement =
+    params.$event.target.shadowRoot && params.$event.composed
+      ? params.$event.composedPath()[0] || params.$event.target
+      : params.$event.target
+  while (true) {
+    // console.debug(parentElement)
+    if (
+      parentElement &&
+      (parentElement.className.indexOf('vxe-modal--wrapper') > -1 ||
+        parentElement.className.indexOf('ant-calendar') > -1 ||
+        parentElement.className.indexOf('ant-select-dropdown-menu-item') > -1 ||
+        parentElement.className.indexOf('interceptor-class') > -1 ||
+        parentElement.className.indexOf('ant-time-picker-panel') > -1)
+    ) {
+      //定义网格弹出框不能对焦问题
+      return false
+    }
+    if (parentElement.parentElement) {
+      parentElement = parentElement.parentElement
+    } else {
+      break
+    }
+  }
 }
 //网格弹出点击拦截器
 VXETable.interceptor.add('event.clearActived', (params) => {
-	return popupInterceptor(params)
+  return popupInterceptor(params)
 })
 //网格筛选点击拦截器
 VXETable.interceptor.add('event.clearFilter', (params) => {
-	return popupInterceptor(params)
+  return popupInterceptor(params)
 })
 
 //表格自定义格式化
 import './utils/gridFormat'
 // 右键菜单插件
-import Contextmenu from "vue-contextmenujs"
+import Contextmenu from 'vue-contextmenujs'
 
-Vue.use(Contextmenu);
+Vue.use(Contextmenu)
 
 const install = function (Vue) {
-	//注册grid组件
-	Vue.use(VXETable)
-	// 遍历注册全局组件
-	components.forEach((component) => {
-		Vue.component(component.name, component);
-	});
-};
+  //注册grid组件
+  Vue.use(VXETable)
+  // 遍历注册全局组件
+  components.forEach((component) => {
+    Vue.component(component.name, component)
+  })
+}
 
 // 环境监测
-// 判断是否是直接引入文件  
+// 判断是否是直接引入文件
 if (typeof window !== 'undefined' && window.Vue) {
-	install(window.Vue);
+  install(window.Vue)
 }
 
 import XEUtils from 'xe-utils'
 //表单输入框验证
-import {
-	extend,
-	localize
-} from 'vee-validate'
+import { extend, localize } from 'vee-validate'
 //引入校验规则 安装所有规则
 import * as rules from 'vee-validate/dist/rules'
-Object.keys(rules).forEach(rule => {
-	extend(rule, rules[rule])
+Object.keys(rules).forEach((rule) => {
+  extend(rule, rules[rule])
 })
 
 extend('gt', (value, min) => {
-	if (XEUtils.toNumber(value) > min) {
-		return true
-	}
-	return `必须大于${min}`
+  if (XEUtils.toNumber(value) > min) {
+    return true
+  }
+  return `必须大于${min}`
 })
 
 localize({
-	en: {
-		messages: {
-			required: '必填',
-			min: '不能小于 {length} 个字符',
-			max: (_, { length }) => `不能大于 ${length} 个字符`,
-			email: '邮箱输入不符合规则'
-		}
-	}
+  en: {
+    messages: {
+      required: '必填',
+      min: '不能小于 {length} 个字符',
+      max: (_, { length }) => `不能大于 ${length} 个字符`,
+      email: '邮箱输入不符合规则',
+    },
+  },
 })
 
 export default {
-	// 导出的对象必须具有 install，才能被 Vue.use() 方法安装
-	install
-	// 以下是具体的组件列表
-};
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install,
+  // 以下是具体的组件列表
+}
 export * from './utils/enum'
 export * from './utils/common'
 export * from './utils/filters'
 export * from './utils/msg'
 
 export {
-	BaseInput,
-	BaseCheckbox,
-	BaseDate,
-	BaseDatetime,
-	BaseDateWeek,
-	BaseTextArea,
-	BaseSelect,
-	BaseSelectMulti,
-	BaseTime,
-	BasePagination,
-	BaseNumberInput,
-	BaseTool,
-	BaseToolStatus,
-	BasePulldown,
-	BaseIntervalInput,
-	BaseForm,
-	BaseGrid,
-	BasePictureCard,
-	BasePrintPreview,
-	BaseGantt,
-	BaseKanbanEmpty,
-	BaseSearch,
-	BaseButton,
-	LeaveAMessage,
-	AuditsList,
-	store,
-	request,
-}
+  BaseInput,
+  BaseCheckbox,
+  BaseDate,
+  BaseDatetime,
+  BaseDateWeek,
+  BaseTextArea,
+  BaseSelect,
+  BaseSelectMulti,
+  BaseTime,
+  BasePagination,
+  BaseNumberInput,
+  BaseTool,
+  BaseToolStatus,
+  BasePulldown,
+  BaseIntervalInput,
+  BaseForm,
+  BaseGrid,
+  BasePictureCard,
+  BasePrintPreview,
+  BaseGantt,
+  BaseKanbanEmpty,
+  BaseSearch,
+  BaseTreeSelect,
+  BaseButton,
+  LeaveAMessage,
+  AuditsList,
+  store,
+  request,
+}

package/packages/utils/enum.js

@@ -59,7 +59,8 @@ export const sysRowState = {
     datemonth: 'datemonth',
     x_axis: 'x_axis',
     y_axis: 'y_axis',
-    series: 'series'
+    series: 'series',
+    treeSelect: 'treeSelect'
   }
   export const dataType = {
     frame: 'frame',