diff --git a/docs/components/TQueryCondition/base.md b/docs/components/TQueryCondition/base.md
index aee703e1..3185b83a 100644
--- a/docs/components/TQueryCondition/base.md
+++ b/docs/components/TQueryCondition/base.md
@@ -53,7 +53,7 @@ TQueryCondition/querybar
 
 ### 自定义按钮
 
-::: demo 设置`footer`插槽，可以自定义按钮
+::: demo 设置`footerBtn`插槽，可以自定义按钮,设置`:footer=null`,不展示按钮
 TQueryCondition/footer
 :::
 
@@ -90,24 +90,24 @@ TQueryCondition/dynamic
 
 ### 2、配置参数（Attributes）
 
-| 参数               | 说明                                      | 类型        | 默认值                                         |
-| :----------------- | :---------------------------------------- | :---------- | :--------------------------------------------- |
-| opts               | 接收筛选器组件配置                        | object      | 无                                             |
-| loading            | 查询按钮 loading 状态，请求数据时需要体现 | Boolean     | false                                          |
-| reset              | 是否显示“重置”按钮                        | Boolean     | true                                           |
-| maxVisibleRows     | 收起时设置默认展示行数                    | Number      | 1                                              |
-| boolEnter          | 是否敲回车查询                            | Boolean     | true                                           |
-| isShowOpen         | 是否显示收起和展开                        | Boolean     | true                                           |
-| packUpTxt          | 收起文案                                  | String      | '收起'                                         |
-| unfoldTxt          | 展开文案                                  | String      | '展开'                                         |
-| isExpansion        | 是否默认展开                              | Boolean     | false                                          |
-| labelWidth         | labelWidth 宽度                           | String      | '120px'                                        |
-| btnCheckBind       | 查询按钮配置（继承`el-button`所有属性）   | object      | `{type: primary, size: default,btnTxt:'查询'}` |
-| btnResetBind       | 重置按钮配置（继承`el-button`所有属性）   | object      | `{ size: default,btnTxt:'重置'}`               |
-| footer             | 自定义按钮(设置:footer="null"不显示按钮)  | object/slot | -                                              |
-| configChangedReset | 更新opts是否重置（默认重置）              | Boolean     | false                                          |
-| isShowWidthSize    | 是否开启动态设置每行显示数                | Boolean     | false                                          |
-| widthSize          | 每行显示多少项，最小值2                   | Number      | 4                                              |
+| 参数               | 说明                                      | 类型    | 默认值                                         |
+| :----------------- | :---------------------------------------- | :------ | :--------------------------------------------- |
+| opts               | 接收筛选器组件配置                        | object  | 无                                             |
+| loading            | 查询按钮 loading 状态，请求数据时需要体现 | Boolean | false                                          |
+| reset              | 是否显示“重置”按钮                        | Boolean | true                                           |
+| maxVisibleRows     | 收起时设置默认展示行数                    | Number  | 1                                              |
+| boolEnter          | 是否敲回车查询                            | Boolean | true                                           |
+| isShowOpen         | 是否显示“收起和展开”                      | Boolean | true                                           |
+| packUpTxt          | 收起文案                                  | String  | '收起'                                         |
+| unfoldTxt          | 展开文案                                  | String  | '展开'                                         |
+| isExpansion        | 是否默认展开                              | Boolean | false                                          |
+| labelWidth         | labelWidth 宽度                           | String  | '120px'                                        |
+| btnCheckBind       | 查询按钮配置（继承`el-button`所有属性）   | object  | `{type: primary, size: default,btnTxt:'查询'}` |
+| btnResetBind       | 重置按钮配置（继承`el-button`所有属性）   | object  | `{ size: default,btnTxt:'重置'}`               |
+| footer             | 自定义按钮(设置:footer="null"不显示按钮)  | object  | -                                              |
+| configChangedReset | 更新opts是否重置（默认重置）              | Boolean | false                                          |
+| isShowWidthSize    | 是否开启动态设置每行显示数                | Boolean | false                                          |
+| widthSize          | 每行显示多少项，最小值2                   | Number  | 4                                              |
 
 
 
@@ -123,8 +123,8 @@ TQueryCondition/dynamic
 | slotName    | 自定义输入框插槽(作用域插槽解构接收{param/scope}返回当前所有表单初始值)          | string           | -                        |
 | comp        | 组件名称，可直接指定全局注册的组件，也可引入'elmentUI'如：Button 或者'el-button' | string,component | -                        |
 | span        | 控件占用的列宽，默认占用 1 列，最多 4 列 (独占一行)                              | number           | 1                        |
-| arrLabel    | type=select-arr 时，每个下拉显示的中文                                           | String           | dictLabel                |
-| arrKey      | type=select-arr 时，每个下拉显示的中文传后台的数字                               | String           | dictValue                |
+| arrLabel    | type=select-arr 时，每个下拉显示的中文                                           | String           | label                    |
+| arrKey      | type=select-arr 时，每个下拉显示的中文传后台的数字                               | String           | key                      |
 | defaultVal  | 默认值                                                                           | -                | -                        |
 | bind        | 渲染时组件会调用 v-bind 指定设置该配置更新元素的属性(继承第三方组件属性)         | object，function | 无                       |
 | eventHandle | 配置组件事件，与写组件时change 等同理                                            | object           | 本身值，当前formData数据 |
@@ -139,10 +139,10 @@ TQueryCondition/dynamic
 
 #### 5、Slots
 
-| 插槽名   | 说明                             |
-| :------- | :------------------------------- |
-| querybar | 按钮操作插槽（位置基于重置后面） |
-| footer   | 按钮操作插槽                     |
+| 插槽名    | 说明                             |
+| :-------- | :------------------------------- |
+| querybar  | 按钮操作插槽（位置基于重置后面） |
+| footerBtn | 按钮操作插槽                     |
 
 #### 6、Exposes（Method）
 
diff --git a/docs/examples/TQueryCondition/base.vue b/docs/examples/TQueryCondition/base.vue
index 4b78de03..fefdf655 100644
--- a/docs/examples/TQueryCondition/base.vue
+++ b/docs/examples/TQueryCondition/base.vue
@@ -6,7 +6,8 @@
         @submit="conditionEnter"
         @handleEvent="handleEvent"
         isExpansion
-        :btnResetBind="{ size: 'small', btnTxt: '搜索', icon: 'Search' }"
+        labelWidth="160px"
+        :btnResetBind="{ size: 'small', btnTxt: '重置', icon: 'Search' }"
       >
         <template #disabledDate="{ param }">
           <el-date-picker
@@ -27,7 +28,7 @@
 </template>
 
 <script setup lang="tsx">
-import { computed, onMounted, reactive, ref, toRefs } from 'vue'
+import { computed, onMounted, reactive, ref, toRefs } from "vue"
 let state: any = reactive({
   queryData: {
     userName: null, // 登录名
@@ -35,23 +36,24 @@ let state: any = reactive({
     workshopNum: null,
     disabledDate: null,
     date: null,
-    date1: null,
+    date2: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        label: '前纺一车间',
-        value: 'W1',
+        label: "前纺一车间",
+        value: "W1"
       },
       {
-        label: '前纺二车间',
-        value: 'W2',
-      },
-    ],
-  },
+        label: "前纺二车间",
+        value: "W2"
+      }
+    ]
+  }
 })
 // 禁用日期（只能选择7天内）
-const firstChooseDate: any = ref('')
+const firstChooseDate: any = ref("")
 const disabledDate = (time: Date) => {
   if (firstChooseDate.value) {
     const timeRange = 1 * 24 * 60 * 60 * 1000 // 1天时间戳
@@ -63,101 +65,118 @@ const disabledDate = (time: Date) => {
   }
 }
 const calendarChange = (val: any) => {
+  console.log("calendarChange----", val)
   firstChooseDate.value = val[0].getTime() //点击第一次选中日期
-  if (val[1]) firstChooseDate.value = '' // 选中后必须清空
+  if (val[1]) firstChooseDate.value = "" // 选中后必须清空
 }
 const opts = computed(() => {
   return {
     userName: {
-      label: '登录名称',
-      comp: 'el-input',
+      label: "登录名称",
+      comp: "el-input"
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
+      label: "手机号码",
+      comp: "el-input"
     },
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      changeEvent: 'change',
-      type: 'select-arr',
-      defaultVal: '',
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      defaultVal: "",
       span: 2,
-      list: 'sexList',
-      arrLabel: 'label',
-      arrKey: 'value',
-      listTypeInfo: state.listTypeInfo,
+      list: "sexList",
+      arrLabel: "label",
+      arrKey: "value",
+      listTypeInfo: state.listTypeInfo
     },
     disabledDate: {
       labelRender: () => {
-        return <label style="color:red">禁用时间</label>
+        return <label style="color:red">插槽禁用时间</label>
       },
       span: 2,
-      slotName: 'disabledDate',
+      slotName: "disabledDate"
     },
-    date1: {
-      label: '日期',
-      comp: 'el-date-picker',
+    date: {
+      label: "el-date-picker",
+      labelRender: () => {
+        return <label style="color:red">el-date-picker禁用</label>
+      },
+      comp: "el-date-picker",
+      span: 2,
+      event: "date",
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-        'disabled-date': (time) => {
-          return time.getTime() < new Date()
-        },
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange",
+        "disabled-date": disabledDate
       },
+      eventHandle: {
+        calendarChange: val => calendarChange(val)
+      }
     },
-    date: {
-      label: '装炉时间',
-      comp: 'el-date-picker',
+    date2: {
+      label: "t-date-picker",
+      labelRender: () => {
+        return <label style="color:red">t-date-picker禁用</label>
+      },
+      comp: "t-date-picker",
       span: 2,
-      event: 'date',
       bind: {
-        rangeSeparator: '-',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD',
-        type: 'daterange',
+        type: "daterange",
+        "disabled-date": disabledDate
       },
+      eventHandle: {
+        calendarChange: val => calendarChange(val)
+      }
     },
+    date1: {
+      label: "日期",
+      comp: "el-date-picker",
+      bind: {
+        valueFormat: "YYYY-MM-DD",
+        "disabled-date": time => {
+          return time.getTime() < new Date()
+        }
+      }
+    }
   }
 })
 // 最终参数获取
 const getQueryData = computed(() => {
-  const { userName, phonenumber, workshopNum, date, date1, disabledDate } =
-    toRefs(state.queryData)
+  const { userName, phonenumber, workshopNum, date, date1, date2, disabledDate } = toRefs(state.queryData)
   return {
     userName: userName.value,
     workshopNum: workshopNum.value,
     phonenumber: phonenumber.value,
-    start_time:
-      disabledDate.value && disabledDate.value[0]
-        ? disabledDate.value[0]
-        : null,
-    end_time:
-      disabledDate.value && disabledDate.value[1]
-        ? disabledDate.value[1]
-        : null,
+    start_time: disabledDate.value && disabledDate.value[0] ? disabledDate.value[0] : null,
+    end_time: disabledDate.value && disabledDate.value[1] ? disabledDate.value[1] : null,
+    date2: date2.value,
     date1: date1.value,
     beginDate: date.value && date.value[0] ? date.value[0] : null,
-    endDate: date.value && date.value[1] ? date.value[1] : null,
+    endDate: date.value && date.value[1] ? date.value[1] : null
   }
 })
 // 查询条件change事件
 const handleEvent = (type, val) => {
-  // console.log(111, type, val)
+  console.log("handleEvent", type, val)
   switch (type) {
-    case 'date':
+    case "date":
       const arr = [
         {
-          label: '前纺一车间666',
-          value: 'W5',
+          label: "前纺一车间666",
+          value: "W5"
         },
         {
-          label: '前纺二车间999',
-          value: 'W6',
-        },
+          label: "前纺二车间999",
+          value: "W6"
+        }
       ]
       state.listTypeInfo.sexList = [...state.listTypeInfo.sexList, ...arr]
-      console.log('获取event==date的数据', val)
+      console.log("获取event==date的数据", val)
       break
   }
 }
@@ -165,17 +184,17 @@ onMounted(() => {
   chageDefaultVal()
 })
 const chageDefaultVal = () => {
-  opts.value.workshopNum.defaultVal = 'W2'
-  console.log('opts.value.workshopNum', opts.value.workshopNum)
+  opts.value.workshopNum.defaultVal = "W2"
+  console.log("opts.value.workshopNum", opts.value.workshopNum)
   const arr = [
     {
-      label: '前纺一车间22',
-      value: 'W3',
+      label: "前纺一车间22",
+      value: "W3"
     },
     {
-      label: '前纺二车间33',
-      value: 'W4',
-    },
+      label: "前纺二车间33",
+      value: "W4"
+    }
   ]
   state.listTypeInfo.sexList = [...state.listTypeInfo.sexList, ...arr]
   // state.listTypeInfo.sexList = arr
@@ -184,6 +203,6 @@ const chageDefaultVal = () => {
 const conditionEnter = (data: any) => {
   console.log(1122, data)
   state.queryData = data
-  console.log('最终参数', getQueryData.value)
+  console.log("最终参数", getQueryData.value)
 }
 </script>
diff --git a/docs/examples/TQueryCondition/dynamic.vue b/docs/examples/TQueryCondition/dynamic.vue
index 14f109c1..897766a7 100644
--- a/docs/examples/TQueryCondition/dynamic.vue
+++ b/docs/examples/TQueryCondition/dynamic.vue
@@ -32,12 +32,12 @@ let state = reactive({
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: '前纺一车间',
+        key: 'W1',
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
+        label: '前纺二车间',
+        key: 'W2',
       },
     ],
   },
@@ -63,8 +63,8 @@ let state = reactive({
       placeholder: '选择第一条数据才新增',
       isSelfCom: true,
       bind: {
-        valueCustom: 'dictValue',
-        labelCustom: 'dictLabel',
+        valueCustom: 'key',
+        labelCustom: 'label',
         optionSource: [],
       },
       eventHandle: {
@@ -164,16 +164,16 @@ onMounted(() => {
 const getList = () => {
   listTypeInfo.value.sexList = [
     {
-      dictLabel: '前纺一车间',
-      dictValue: 'W1',
+      label: '前纺一车间',
+      key: 'W1',
     },
     {
-      dictLabel: '前纺二车间',
-      dictValue: 'W2',
+      label: '前纺二车间',
+      key: 'W2',
     },
     {
-      dictLabel: '前纺三车间',
-      dictValue: 'W3',
+      label: '前纺三车间',
+      key: 'W3',
     },
   ]
   state.opt.workshopNum2.bind.optionSource = listTypeInfo.value.sexList
diff --git a/docs/examples/TQueryCondition/footer.vue b/docs/examples/TQueryCondition/footer.vue
index c6b5cc2d..0f28c4b2 100644
--- a/docs/examples/TQueryCondition/footer.vue
+++ b/docs/examples/TQueryCondition/footer.vue
@@ -1,13 +1,8 @@
 <template>
   <t-layout-page>
     <t-layout-page-item>
-      <t-query-condition
-        ref="queryConditionRef"
-        :opts="opts"
-        @submit="conditionEnter"
-        @handleEvent="handleEvent"
-      >
-        <template #footer>
+      <t-query-condition ref="queryConditionRef" :opts="opts" @submit="conditionEnter" @handleEvent="handleEvent">
+        <template #footerBtn>
           <el-button type="danger" @click="queryConditionRef.resetHandle()">重置</el-button>
           <el-button type="primary" @click="queryConditionRef.checkHandle()">查询</el-button>
         </template>
@@ -17,88 +12,86 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, ref, toRefs } from 'vue'
+import { computed, reactive, ref, toRefs } from "vue"
 let state = reactive({
   queryData: {
     userName: null, // 登录名
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
-  },
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
+  }
 })
 const opts = computed(() => {
   return {
     userName: {
-      label: '登录名称',
-      comp: 'el-input',
+      label: "登录名称",
+      comp: "el-input"
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
+      label: "手机号码",
+      comp: "el-input"
     },
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      changeEvent: 'change',
-      type: 'select-arr',
-      list: 'sexList',
-      listTypeInfo: state.listTypeInfo,
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      list: "sexList",
+      listTypeInfo: state.listTypeInfo
     },
     date1: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date: {
-      label: '装炉时间',
-      comp: 'el-date-picker',
+      label: "装炉时间",
+      comp: "el-date-picker",
       span: 2,
-      event: 'date',
+      event: "date",
       bind: {
-        rangeSeparator: '-',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD',
-        type: 'daterange',
-      },
-    },
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    }
   }
 })
 // 最终参数获取
 const getQueryData = computed(() => {
-  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(
-    state.queryData
-  )
+  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(state.queryData)
   return {
     userName: userName.value,
     workshopNum: workshopNum.value,
     phonenumber: phonenumber.value,
     date1: date1.value,
     beginDate: date.value && date.value[0] ? date.value[0] : null,
-    endDate: date.value && date.value[1] ? date.value[1] : null,
+    endDate: date.value && date.value[1] ? date.value[1] : null
   }
 })
 // 查询条件change事件
 const handleEvent = (type, val) => {
   // console.log(111, type, val)
   switch (type) {
-    case 'date':
-      console.log('获取event==date的数据', val)
+    case "date":
+      console.log("获取event==date的数据", val)
       break
   }
 }
@@ -107,6 +100,6 @@ const queryConditionRef: any = ref(null)
 const conditionEnter = (data: any) => {
   console.log(1122, data)
   state.queryData = data
-  console.log('最终参数', getQueryData.value)
+  console.log("最终参数", getQueryData.value)
 }
 </script>
diff --git a/docs/examples/TQueryCondition/isExpansion.vue b/docs/examples/TQueryCondition/isExpansion.vue
index 652d13e9..923b29ae 100644
--- a/docs/examples/TQueryCondition/isExpansion.vue
+++ b/docs/examples/TQueryCondition/isExpansion.vue
@@ -1,99 +1,92 @@
 <template>
   <t-layout-page>
     <t-layout-page-item>
-      <t-query-condition
-        :opts="opts"
-        @submit="conditionEnter"
-        @handleEvent="handleEvent"
-        isExpansion
-      />
+      <t-query-condition :opts="opts" @submit="conditionEnter" @handleEvent="handleEvent" isExpansion />
     </t-layout-page-item>
   </t-layout-page>
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, toRefs } from 'vue'
+import { computed, reactive, toRefs } from "vue"
 let state = reactive({
   queryData: {
     userName: null, // 登录名
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
-  },
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
+  }
 })
 const opts = computed(() => {
   return {
     userName: {
-      label: '登录名称',
-      comp: 'el-input',
+      label: "登录名称",
+      comp: "el-input"
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
+      label: "手机号码",
+      comp: "el-input"
     },
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      changeEvent: 'change',
-      type: 'select-arr',
-      list: 'sexList',
-      listTypeInfo: state.listTypeInfo,
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      list: "sexList",
+      listTypeInfo: state.listTypeInfo
     },
     date1: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date: {
-      label: '装炉时间',
-      comp: 'el-date-picker',
+      label: "装炉时间",
+      comp: "el-date-picker",
       span: 2,
-      event: 'date',
+      event: "date",
       bind: {
-        rangeSeparator: '-',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD',
-        type: 'daterange',
-      },
-    },
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    }
   }
 })
 // 最终参数获取
 const getQueryData = computed(() => {
-  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(
-    state.queryData
-  )
+  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(state.queryData)
   return {
     userName: userName.value,
     workshopNum: workshopNum.value,
     phonenumber: phonenumber.value,
     date1: date1.value,
     beginDate: date.value && date.value[0] ? date.value[0] : null,
-    endDate: date.value && date.value[1] ? date.value[1] : null,
+    endDate: date.value && date.value[1] ? date.value[1] : null
   }
 })
 // 查询条件change事件
 const handleEvent = (type, val) => {
   // console.log(111, type, val)
   switch (type) {
-    case 'date':
-      console.log('获取event==date的数据', val)
+    case "date":
+      console.log("获取event==date的数据", val)
       break
   }
 }
@@ -101,6 +94,6 @@ const handleEvent = (type, val) => {
 const conditionEnter = (data: any) => {
   console.log(1122, data)
   state.queryData = data
-  console.log('最终参数', getQueryData.value)
+  console.log("最终参数", getQueryData.value)
 }
 </script>
diff --git a/docs/examples/TQueryCondition/labelRender.vue b/docs/examples/TQueryCondition/labelRender.vue
index c9774a41..1e377261 100644
--- a/docs/examples/TQueryCondition/labelRender.vue
+++ b/docs/examples/TQueryCondition/labelRender.vue
@@ -7,90 +7,88 @@
 </template>
 
 <script setup lang="tsx">
-import { computed, reactive, toRefs } from 'vue'
+import { computed, reactive, toRefs } from "vue"
 let state = reactive({
   queryData: {
     userName: null, // 登录名
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
-  },
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
+  }
 })
 const opts = computed(() => {
   return {
     userName: {
-      label: '登录名称',
-      comp: 'el-input',
+      label: "登录名称",
+      comp: "el-input"
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
+      label: "手机号码",
+      comp: "el-input"
     },
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      changeEvent: 'change',
-      type: 'select-arr',
-      list: 'sexList',
-      listTypeInfo: state.listTypeInfo,
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      list: "sexList",
+      listTypeInfo: state.listTypeInfo
     },
     date1: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date: {
       labelRender: () => {
         return <label style="color:red">装炉时间</label>
       },
-      comp: 'el-date-picker',
+      comp: "el-date-picker",
       span: 2,
-      event: 'date',
+      event: "date",
       bind: {
-        rangeSeparator: '-',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD',
-        type: 'daterange',
-      },
-    },
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    }
   }
 })
 // 最终参数获取
 const getQueryData = computed(() => {
-  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(
-    state.queryData
-  )
+  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(state.queryData)
   return {
     userName: userName.value,
     workshopNum: workshopNum.value,
     phonenumber: phonenumber.value,
     date1: date1.value,
     beginDate: date.value && date.value[0] ? date.value[0] : null,
-    endDate: date.value && date.value[1] ? date.value[1] : null,
+    endDate: date.value && date.value[1] ? date.value[1] : null
   }
 })
 // 查询条件change事件
 const handleEvent = (type, val) => {
   // console.log(111, type, val)
   switch (type) {
-    case 'date':
-      console.log('获取event==date的数据', val)
+    case "date":
+      console.log("获取event==date的数据", val)
       break
   }
 }
@@ -98,6 +96,6 @@ const handleEvent = (type, val) => {
 const conditionEnter = (data: any) => {
   console.log(1122, data)
   state.queryData = data
-  console.log('最终参数', getQueryData.value)
+  console.log("最终参数", getQueryData.value)
 }
 </script>
diff --git a/docs/examples/TQueryCondition/maxVisibleSpans.vue b/docs/examples/TQueryCondition/maxVisibleSpans.vue
index 9e2a78d0..88a02897 100644
--- a/docs/examples/TQueryCondition/maxVisibleSpans.vue
+++ b/docs/examples/TQueryCondition/maxVisibleSpans.vue
@@ -26,12 +26,12 @@ let state = reactive({
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: '前纺一车间',
+        key: 'W1',
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
+        label: '前纺二车间',
+        key: 'W2',
       },
     ],
   },
diff --git a/docs/examples/TQueryCondition/querybar.vue b/docs/examples/TQueryCondition/querybar.vue
index 936789ab..b4c9d583 100644
--- a/docs/examples/TQueryCondition/querybar.vue
+++ b/docs/examples/TQueryCondition/querybar.vue
@@ -11,88 +11,86 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, toRefs } from 'vue'
+import { computed, reactive, toRefs } from "vue"
 let state = reactive({
   queryData: {
     userName: null, // 登录名
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
-  },
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
+  }
 })
 const opts = computed(() => {
   return {
     userName: {
-      label: '登录名称',
-      comp: 'el-input',
+      label: "登录名称",
+      comp: "el-input"
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
+      label: "手机号码",
+      comp: "el-input"
     },
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      changeEvent: 'change',
-      type: 'select-arr',
-      list: 'sexList',
-      listTypeInfo: state.listTypeInfo,
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      list: "sexList",
+      listTypeInfo: state.listTypeInfo
     },
     date1: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date: {
-      label: '装炉时间',
-      comp: 'el-date-picker',
+      label: "装炉时间",
+      comp: "el-date-picker",
       span: 2,
-      event: 'date',
+      event: "date",
       bind: {
-        rangeSeparator: '-',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD',
-        type: 'daterange',
-      },
-    },
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    }
   }
 })
 // 最终参数获取
 const getQueryData = computed(() => {
-  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(
-    state.queryData
-  )
+  const { userName, phonenumber, workshopNum, date, date1 } = toRefs(state.queryData)
   return {
     userName: userName.value,
     workshopNum: workshopNum.value,
     phonenumber: phonenumber.value,
     date1: date1.value,
     beginDate: date.value && date.value[0] ? date.value[0] : null,
-    endDate: date.value && date.value[1] ? date.value[1] : null,
+    endDate: date.value && date.value[1] ? date.value[1] : null
   }
 })
 // 查询条件change事件
 const handleEvent = (type, val) => {
   // console.log(111, type, val)
   switch (type) {
-    case 'date':
-      console.log('获取event==date的数据', val)
+    case "date":
+      console.log("获取event==date的数据", val)
       break
   }
 }
@@ -100,6 +98,6 @@ const handleEvent = (type, val) => {
 const conditionEnter = (data: any) => {
   console.log(1122, data)
   state.queryData = data
-  console.log('最终参数', getQueryData.value)
+  console.log("最终参数", getQueryData.value)
 }
 </script>
diff --git a/docs/examples/TQueryCondition/slotName.vue b/docs/examples/TQueryCondition/slotName.vue
index 201d4f22..c4fef160 100644
--- a/docs/examples/TQueryCondition/slotName.vue
+++ b/docs/examples/TQueryCondition/slotName.vue
@@ -1,27 +1,12 @@
 <template>
   <t-layout-page>
     <t-layout-page-item>
-      <t-query-condition
-        :opts="opts"
-        labelWidth="140px"
-        @submit="conditionEnter"
-        @handleEvent="handleEvent"
-      >
+      <t-query-condition :opts="opts" labelWidth="140px" @submit="conditionEnter" @handleEvent="handleEvent">
         <template #date1="{ param }">
-          <el-date-picker
-            v-model="param.date1"
-            type="date"
-            placeholder="请选择日期"
-            value-format="YYYY-MM-DD"
-          />
+          <el-date-picker v-model="param.date1" type="date" placeholder="请选择日期" value-format="YYYY-MM-DD" />
         </template>
         <template #date2="{ scope }">
-          <el-date-picker
-            v-model="scope.date2"
-            type="date"
-            placeholder="请选择日期"
-            value-format="YYYY-MM-DD"
-          />
+          <el-date-picker v-model="scope.date2" type="date" placeholder="请选择日期" value-format="YYYY-MM-DD" />
         </template>
       </t-query-condition>
     </t-layout-page-item>
@@ -29,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, toRefs } from 'vue'
+import { computed, reactive, toRefs } from "vue"
 let state = reactive({
   queryData: {
     userName: null, // 登录名
@@ -38,86 +23,78 @@ let state = reactive({
     date: null,
     date1: null,
     date2: null,
-    likeTransportNo: null,
+    likeTransportNo: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
+        label: "前纺二车间",
+        key: "W2"
+      }
     ],
     hobbyList: [
-      { label: '点击类', value: 1 },
-      { label: '回复类', value: 2 },
-    ],
-  },
+      { label: "点击类", value: 1 },
+      { label: "回复类", value: 2 }
+    ]
+  }
 })
 const opts = computed(() => {
   return {
     userName: {
-      label: '登录名称',
-      comp: 'el-input',
+      label: "登录名称",
+      comp: "el-input"
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
+      label: "手机号码",
+      comp: "el-input"
     },
     likeTransportNo: {
-      label: '多选',
+      label: "多选",
       defaultVal: [1],
-      comp: 'el-checkbox-group',
-      type: 'checkbox',
-      list: 'hobbyList',
+      comp: "el-checkbox-group",
+      type: "checkbox",
+      list: "hobbyList",
       listTypeInfo: state.listTypeInfo,
-      span: 2,
+      span: 2
     },
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      changeEvent: 'change',
-      type: 'select-arr',
-      list: 'sexList',
-      listTypeInfo: state.listTypeInfo,
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      list: "sexList",
+      listTypeInfo: state.listTypeInfo
     },
     date1: {
-      label: '插槽使用(param)',
-      slotName: 'date1',
+      label: "插槽使用(param)",
+      slotName: "date1"
     },
     date2: {
-      label: '插槽使用(scope)',
-      slotName: 'date2',
+      label: "插槽使用(scope)",
+      slotName: "date2"
     },
     date: {
-      label: '装炉时间',
-      comp: 'el-date-picker',
+      label: "装炉时间",
+      comp: "el-date-picker",
       span: 2,
-      event: 'date',
+      event: "date",
       bind: {
-        rangeSeparator: '-',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD',
-        type: 'daterange',
-      },
-    },
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    }
   }
 })
 // 最终参数获取
 const getQueryData = computed(() => {
-  const {
-    userName,
-    phonenumber,
-    workshopNum,
-    date,
-    date1,
-    date2,
-    likeTransportNo,
-  } = toRefs(state.queryData)
+  const { userName, phonenumber, workshopNum, date, date1, date2, likeTransportNo } = toRefs(state.queryData)
   return {
     userName: userName.value,
     workshopNum: workshopNum.value,
@@ -126,15 +103,15 @@ const getQueryData = computed(() => {
     beginDate: date.value && date.value[0] ? date.value[0] : null,
     endDate: date.value && date.value[1] ? date.value[1] : null,
     date2: date2.value,
-    likeTransportNo: likeTransportNo.value,
+    likeTransportNo: likeTransportNo.value
   }
 })
 // 查询条件change事件
 const handleEvent = (type, val) => {
   // console.log(111, type, val)
   switch (type) {
-    case 'date':
-      console.log('获取event==date的数据', val)
+    case "date":
+      console.log("获取event==date的数据", val)
       break
   }
 }
@@ -142,6 +119,6 @@ const handleEvent = (type, val) => {
 const conditionEnter = (data: any) => {
   console.log(1122, data)
   state.queryData = data
-  console.log('最终参数', getQueryData.value)
+  console.log("最终参数", getQueryData.value)
 }
 </script>
diff --git a/docs/examples/TSelectTable/isShowQuery.vue b/docs/examples/TSelectTable/isShowQuery.vue
index 2988343a..a337f4a8 100644
--- a/docs/examples/TSelectTable/isShowQuery.vue
+++ b/docs/examples/TSelectTable/isShowQuery.vue
@@ -17,37 +17,37 @@
   </t-layout-page>
 </template>
 <script setup lang="ts">
-import { computed, reactive } from 'vue'
+import { computed, reactive } from "vue"
 const table = reactive({
   data: [
-    { id: 1, code: 1, name: '物料名称1', spec: '物料规格1', unitName: '吨' },
-    { id: 2, code: 2, name: '物料名称2', spec: '物料规格2', unitName: '吨' },
-    { id: 3, code: 3, name: '物料名称3', spec: '物料规格3', unitName: '吨' },
-    { id: 4, code: 4, name: '物料名称4', spec: '物料规格4', unitName: '吨' },
-    { id: 5, code: 5, name: '物料名称5', spec: '物料规格5', unitName: '吨' },
-    { id: 6, code: 6, name: '物料名称6', spec: '物料规格6', unitName: '吨' },
-    { id: 7, code: 7, name: '物料名称7', spec: '物料规格7', unitName: '吨' },
-    { id: 8, code: 8, name: '物料名称8', spec: '物料规格8', unitName: '吨' },
-    { id: 9, code: 9, name: '物料名称9', spec: '物料规格9', unitName: '吨' },
+    { id: 1, code: 1, name: "物料名称1", spec: "物料规格1", unitName: "吨" },
+    { id: 2, code: 2, name: "物料名称2", spec: "物料规格2", unitName: "吨" },
+    { id: 3, code: 3, name: "物料名称3", spec: "物料规格3", unitName: "吨" },
+    { id: 4, code: 4, name: "物料名称4", spec: "物料规格4", unitName: "吨" },
+    { id: 5, code: 5, name: "物料名称5", spec: "物料规格5", unitName: "吨" },
+    { id: 6, code: 6, name: "物料名称6", spec: "物料规格6", unitName: "吨" },
+    { id: 7, code: 7, name: "物料名称7", spec: "物料规格7", unitName: "吨" },
+    { id: 8, code: 8, name: "物料名称8", spec: "物料规格8", unitName: "吨" },
+    { id: 9, code: 9, name: "物料名称9", spec: "物料规格9", unitName: "吨" }
   ],
   columns: [
-    { label: '物料编号', width: '100px', prop: 'code' },
-    { label: '物料名称', width: '149px', prop: 'name' },
-    { label: '规格', width: '149px', prop: 'spec' },
-    { label: '单位', width: '110px', prop: 'unitName' },
-    { label: '物料编号1', width: '149px', prop: 'code' },
-    { label: '物料名称1', width: '149px', prop: 'name' },
-    { label: '规格1', width: '149px', prop: 'spec' },
-    { label: '单位1', width: '110px', prop: 'unitName' },
-    { label: '物料编号11', width: '149px', prop: 'code' },
-    { label: '物料名称11', width: '149px', prop: 'name' },
-    { label: '规格11', width: '149px', prop: 'spec' },
-    { label: '单位11', width: '110px', prop: 'unitName' },
-    { label: '物料编号111', width: '149px', prop: 'code' },
-    { label: '物料名称111', width: '149px', prop: 'name' },
-    { label: '规格111', width: '149px', prop: 'spec' },
-    { label: '单位111', width: '110px', prop: 'unitName' },
-  ],
+    { label: "物料编号", width: "100px", prop: "code" },
+    { label: "物料名称", width: "149px", prop: "name" },
+    { label: "规格", width: "149px", prop: "spec" },
+    { label: "单位", width: "110px", prop: "unitName" },
+    { label: "物料编号1", width: "149px", prop: "code" },
+    { label: "物料名称1", width: "149px", prop: "name" },
+    { label: "规格1", width: "149px", prop: "spec" },
+    { label: "单位1", width: "110px", prop: "unitName" },
+    { label: "物料编号11", width: "149px", prop: "code" },
+    { label: "物料名称11", width: "149px", prop: "name" },
+    { label: "规格11", width: "149px", prop: "spec" },
+    { label: "单位11", width: "110px", prop: "unitName" },
+    { label: "物料编号111", width: "149px", prop: "code" },
+    { label: "物料名称111", width: "149px", prop: "name" },
+    { label: "规格111", width: "149px", prop: "spec" },
+    { label: "单位111", width: "110px", prop: "unitName" }
+  ]
 })
 let state = reactive({
   queryData: {
@@ -55,139 +55,139 @@ let state = reactive({
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
   },
   list: [
     {
-      value: '1',
-      label: 'Level one 1',
+      value: "1",
+      label: "Level one 1",
       children: [
         {
-          value: '1-1',
-          label: 'Level two 1-1',
+          value: "1-1",
+          label: "Level two 1-1",
           children: [
             {
-              value: '1-1-1',
-              label: 'Level three 1-1-1',
-            },
-          ],
-        },
-      ],
+              value: "1-1-1",
+              label: "Level three 1-1-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '2',
-      label: 'Level one 2',
+      value: "2",
+      label: "Level one 2",
       children: [
         {
-          value: '2-1',
-          label: 'Level two 2-1',
+          value: "2-1",
+          label: "Level two 2-1",
           children: [
             {
-              value: '2-1-1',
-              label: 'Level three 2-1-1',
-            },
-          ],
+              value: "2-1-1",
+              label: "Level three 2-1-1"
+            }
+          ]
         },
         {
-          value: '2-2',
-          label: 'Level two 2-2',
+          value: "2-2",
+          label: "Level two 2-2",
           children: [
             {
-              value: '2-2-1',
-              label: 'Level three 2-2-1',
-            },
-          ],
-        },
-      ],
+              value: "2-2-1",
+              label: "Level three 2-2-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '3',
-      label: 'Level one 3',
+      value: "3",
+      label: "Level one 3",
       children: [
         {
-          value: '3-1',
-          label: 'Level two 3-1',
+          value: "3-1",
+          label: "Level two 3-1",
           children: [
             {
-              value: '3-1-1',
-              label: 'Level three 3-1-1',
-            },
-          ],
+              value: "3-1-1",
+              label: "Level three 3-1-1"
+            }
+          ]
         },
         {
-          value: '3-2',
-          label: 'Level two 3-2',
+          value: "3-2",
+          label: "Level two 3-2",
           children: [
             {
-              value: '3-2-1',
-              label: 'Level three 3-2-1',
-            },
-          ],
-        },
-      ],
-    },
-  ],
+              value: "3-2-1",
+              label: "Level three 3-2-1"
+            }
+          ]
+        }
+      ]
+    }
+  ]
 })
 const opts = computed(() => {
   return {
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      type: 'select-arr',
-      list: 'sexList',
+      label: "车间",
+      comp: "el-select",
+      type: "select-arr",
+      list: "sexList",
       listTypeInfo: state.listTypeInfo,
-      span: 2,
+      span: 2
     },
     date: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       span: 2,
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date1: {
-      label: '日期组件使用',
-      comp: 't-date-picker',
+      label: "日期组件使用",
+      comp: "t-date-picker",
       span: 2,
       bind: {
-        type: 'daterange',
-        isPickerOptions: true,
-      },
+        type: "daterange",
+        isPickerOptions: true
+      }
     },
     userName: {
-      label: '树形下拉',
-      comp: 'el-tree-select',
+      label: "树形下拉",
+      comp: "el-tree-select",
       span: 2,
       bind: {
-        'check-strictly': true,
-        data: state.list,
-      },
+        "check-strictly": true,
+        data: state.list
+      }
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
-      span: 2,
-    },
+      label: "手机号码",
+      comp: "el-input",
+      span: 2
+    }
   }
 })
 // 点击查询按钮
 const conditionEnter = (data: any) => {
-  console.log('点击查询按钮', data)
+  console.log("点击查询按钮", data)
 }
-const radioChange = (row) => {
-  console.log('单选--传给后台的值', row)
+const radioChange = row => {
+  console.log("单选--传给后台的值", row)
 }
 </script>
diff --git a/docs/examples/TSelectTable/isShowQueryBtnBind.vue b/docs/examples/TSelectTable/isShowQueryBtnBind.vue
index c141153e..9733a102 100644
--- a/docs/examples/TSelectTable/isShowQueryBtnBind.vue
+++ b/docs/examples/TSelectTable/isShowQueryBtnBind.vue
@@ -11,7 +11,7 @@
         isShowQuery
         multiple
         isShowBlurBtn
-        :btnBind="{color:'#626aef',icon:'Edit'}"
+        :btnBind="{ color: '#626aef', icon: 'Edit' }"
         :opts="opts"
         @submit="conditionEnter"
       />
@@ -19,37 +19,37 @@
   </t-layout-page>
 </template>
 <script setup lang="ts">
-import { computed, reactive } from 'vue'
+import { computed, reactive } from "vue"
 const table = reactive({
   data: [
-    { id: 1, code: 1, name: '物料名称1', spec: '物料规格1', unitName: '吨' },
-    { id: 2, code: 2, name: '物料名称2', spec: '物料规格2', unitName: '吨' },
-    { id: 3, code: 3, name: '物料名称3', spec: '物料规格3', unitName: '吨' },
-    { id: 4, code: 4, name: '物料名称4', spec: '物料规格4', unitName: '吨' },
-    { id: 5, code: 5, name: '物料名称5', spec: '物料规格5', unitName: '吨' },
-    { id: 6, code: 6, name: '物料名称6', spec: '物料规格6', unitName: '吨' },
-    { id: 7, code: 7, name: '物料名称7', spec: '物料规格7', unitName: '吨' },
-    { id: 8, code: 8, name: '物料名称8', spec: '物料规格8', unitName: '吨' },
-    { id: 9, code: 9, name: '物料名称9', spec: '物料规格9', unitName: '吨' },
+    { id: 1, code: 1, name: "物料名称1", spec: "物料规格1", unitName: "吨" },
+    { id: 2, code: 2, name: "物料名称2", spec: "物料规格2", unitName: "吨" },
+    { id: 3, code: 3, name: "物料名称3", spec: "物料规格3", unitName: "吨" },
+    { id: 4, code: 4, name: "物料名称4", spec: "物料规格4", unitName: "吨" },
+    { id: 5, code: 5, name: "物料名称5", spec: "物料规格5", unitName: "吨" },
+    { id: 6, code: 6, name: "物料名称6", spec: "物料规格6", unitName: "吨" },
+    { id: 7, code: 7, name: "物料名称7", spec: "物料规格7", unitName: "吨" },
+    { id: 8, code: 8, name: "物料名称8", spec: "物料规格8", unitName: "吨" },
+    { id: 9, code: 9, name: "物料名称9", spec: "物料规格9", unitName: "吨" }
   ],
   columns: [
-    { label: '物料编号', width: '100px', prop: 'code' },
-    { label: '物料名称', width: '149px', prop: 'name' },
-    { label: '规格', width: '149px', prop: 'spec' },
-    { label: '单位', width: '110px', prop: 'unitName' },
-    { label: '物料编号1', width: '149px', prop: 'code' },
-    { label: '物料名称1', width: '149px', prop: 'name' },
-    { label: '规格1', width: '149px', prop: 'spec' },
-    { label: '单位1', width: '110px', prop: 'unitName' },
-    { label: '物料编号11', width: '149px', prop: 'code' },
-    { label: '物料名称11', width: '149px', prop: 'name' },
-    { label: '规格11', width: '149px', prop: 'spec' },
-    { label: '单位11', width: '110px', prop: 'unitName' },
-    { label: '物料编号111', width: '149px', prop: 'code' },
-    { label: '物料名称111', width: '149px', prop: 'name' },
-    { label: '规格111', width: '149px', prop: 'spec' },
-    { label: '单位111', width: '110px', prop: 'unitName' },
-  ],
+    { label: "物料编号", width: "100px", prop: "code" },
+    { label: "物料名称", width: "149px", prop: "name" },
+    { label: "规格", width: "149px", prop: "spec" },
+    { label: "单位", width: "110px", prop: "unitName" },
+    { label: "物料编号1", width: "149px", prop: "code" },
+    { label: "物料名称1", width: "149px", prop: "name" },
+    { label: "规格1", width: "149px", prop: "spec" },
+    { label: "单位1", width: "110px", prop: "unitName" },
+    { label: "物料编号11", width: "149px", prop: "code" },
+    { label: "物料名称11", width: "149px", prop: "name" },
+    { label: "规格11", width: "149px", prop: "spec" },
+    { label: "单位11", width: "110px", prop: "unitName" },
+    { label: "物料编号111", width: "149px", prop: "code" },
+    { label: "物料名称111", width: "149px", prop: "name" },
+    { label: "规格111", width: "149px", prop: "spec" },
+    { label: "单位111", width: "110px", prop: "unitName" }
+  ]
 })
 let state = reactive({
   queryData: {
@@ -57,139 +57,139 @@ let state = reactive({
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
   },
   list: [
     {
-      value: '1',
-      label: 'Level one 1',
+      value: "1",
+      label: "Level one 1",
       children: [
         {
-          value: '1-1',
-          label: 'Level two 1-1',
+          value: "1-1",
+          label: "Level two 1-1",
           children: [
             {
-              value: '1-1-1',
-              label: 'Level three 1-1-1',
-            },
-          ],
-        },
-      ],
+              value: "1-1-1",
+              label: "Level three 1-1-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '2',
-      label: 'Level one 2',
+      value: "2",
+      label: "Level one 2",
       children: [
         {
-          value: '2-1',
-          label: 'Level two 2-1',
+          value: "2-1",
+          label: "Level two 2-1",
           children: [
             {
-              value: '2-1-1',
-              label: 'Level three 2-1-1',
-            },
-          ],
+              value: "2-1-1",
+              label: "Level three 2-1-1"
+            }
+          ]
         },
         {
-          value: '2-2',
-          label: 'Level two 2-2',
+          value: "2-2",
+          label: "Level two 2-2",
           children: [
             {
-              value: '2-2-1',
-              label: 'Level three 2-2-1',
-            },
-          ],
-        },
-      ],
+              value: "2-2-1",
+              label: "Level three 2-2-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '3',
-      label: 'Level one 3',
+      value: "3",
+      label: "Level one 3",
       children: [
         {
-          value: '3-1',
-          label: 'Level two 3-1',
+          value: "3-1",
+          label: "Level two 3-1",
           children: [
             {
-              value: '3-1-1',
-              label: 'Level three 3-1-1',
-            },
-          ],
+              value: "3-1-1",
+              label: "Level three 3-1-1"
+            }
+          ]
         },
         {
-          value: '3-2',
-          label: 'Level two 3-2',
+          value: "3-2",
+          label: "Level two 3-2",
           children: [
             {
-              value: '3-2-1',
-              label: 'Level three 3-2-1',
-            },
-          ],
-        },
-      ],
-    },
-  ],
+              value: "3-2-1",
+              label: "Level three 3-2-1"
+            }
+          ]
+        }
+      ]
+    }
+  ]
 })
 const opts = computed(() => {
   return {
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      type: 'select-arr',
-      list: 'sexList',
+      label: "车间",
+      comp: "el-select",
+      type: "select-arr",
+      list: "sexList",
       listTypeInfo: state.listTypeInfo,
-      span: 2,
+      span: 2
     },
     date: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       span: 2,
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date1: {
-      label: '日期组件使用',
-      comp: 't-date-picker',
+      label: "日期组件使用",
+      comp: "t-date-picker",
       span: 2,
       bind: {
-        type: 'daterange',
-        isPickerOptions: true,
-      },
+        type: "daterange",
+        isPickerOptions: true
+      }
     },
     userName: {
-      label: '树形下拉',
-      comp: 'el-tree-select',
+      label: "树形下拉",
+      comp: "el-tree-select",
       span: 2,
       bind: {
-        'check-strictly': true,
-        data: state.list,
-      },
+        "check-strictly": true,
+        data: state.list
+      }
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
-      span: 2,
-    },
+      label: "手机号码",
+      comp: "el-input",
+      span: 2
+    }
   }
 })
 // 点击查询按钮
 const conditionEnter = (data: any) => {
-  console.log('点击查询按钮', data)
+  console.log("点击查询按钮", data)
 }
-const radioChange = (row) => {
-  console.log('单选--传给后台的值', row)
+const radioChange = row => {
+  console.log("单选--传给后台的值", row)
 }
 </script>
diff --git a/docs/examples/TSelectTable/isShowQueryMultiple.vue b/docs/examples/TSelectTable/isShowQueryMultiple.vue
index 8ce955a0..957b5814 100644
--- a/docs/examples/TSelectTable/isShowQueryMultiple.vue
+++ b/docs/examples/TSelectTable/isShowQueryMultiple.vue
@@ -18,37 +18,37 @@
   </t-layout-page>
 </template>
 <script setup lang="ts">
-import { computed, reactive } from 'vue'
+import { computed, reactive } from "vue"
 const table = reactive({
   data: [
-    { id: 1, code: 1, name: '物料名称1', spec: '物料规格1', unitName: '吨' },
-    { id: 2, code: 2, name: '物料名称2', spec: '物料规格2', unitName: '吨' },
-    { id: 3, code: 3, name: '物料名称3', spec: '物料规格3', unitName: '吨' },
-    { id: 4, code: 4, name: '物料名称4', spec: '物料规格4', unitName: '吨' },
-    { id: 5, code: 5, name: '物料名称5', spec: '物料规格5', unitName: '吨' },
-    { id: 6, code: 6, name: '物料名称6', spec: '物料规格6', unitName: '吨' },
-    { id: 7, code: 7, name: '物料名称7', spec: '物料规格7', unitName: '吨' },
-    { id: 8, code: 8, name: '物料名称8', spec: '物料规格8', unitName: '吨' },
-    { id: 9, code: 9, name: '物料名称9', spec: '物料规格9', unitName: '吨' },
+    { id: 1, code: 1, name: "物料名称1", spec: "物料规格1", unitName: "吨" },
+    { id: 2, code: 2, name: "物料名称2", spec: "物料规格2", unitName: "吨" },
+    { id: 3, code: 3, name: "物料名称3", spec: "物料规格3", unitName: "吨" },
+    { id: 4, code: 4, name: "物料名称4", spec: "物料规格4", unitName: "吨" },
+    { id: 5, code: 5, name: "物料名称5", spec: "物料规格5", unitName: "吨" },
+    { id: 6, code: 6, name: "物料名称6", spec: "物料规格6", unitName: "吨" },
+    { id: 7, code: 7, name: "物料名称7", spec: "物料规格7", unitName: "吨" },
+    { id: 8, code: 8, name: "物料名称8", spec: "物料规格8", unitName: "吨" },
+    { id: 9, code: 9, name: "物料名称9", spec: "物料规格9", unitName: "吨" }
   ],
   columns: [
-    { label: '物料编号', width: '100px', prop: 'code' },
-    { label: '物料名称', width: '149px', prop: 'name' },
-    { label: '规格', width: '149px', prop: 'spec' },
-    { label: '单位', width: '110px', prop: 'unitName' },
-    { label: '物料编号1', width: '149px', prop: 'code' },
-    { label: '物料名称1', width: '149px', prop: 'name' },
-    { label: '规格1', width: '149px', prop: 'spec' },
-    { label: '单位1', width: '110px', prop: 'unitName' },
-    { label: '物料编号11', width: '149px', prop: 'code' },
-    { label: '物料名称11', width: '149px', prop: 'name' },
-    { label: '规格11', width: '149px', prop: 'spec' },
-    { label: '单位11', width: '110px', prop: 'unitName' },
-    { label: '物料编号111', width: '149px', prop: 'code' },
-    { label: '物料名称111', width: '149px', prop: 'name' },
-    { label: '规格111', width: '149px', prop: 'spec' },
-    { label: '单位111', width: '110px', prop: 'unitName' },
-  ],
+    { label: "物料编号", width: "100px", prop: "code" },
+    { label: "物料名称", width: "149px", prop: "name" },
+    { label: "规格", width: "149px", prop: "spec" },
+    { label: "单位", width: "110px", prop: "unitName" },
+    { label: "物料编号1", width: "149px", prop: "code" },
+    { label: "物料名称1", width: "149px", prop: "name" },
+    { label: "规格1", width: "149px", prop: "spec" },
+    { label: "单位1", width: "110px", prop: "unitName" },
+    { label: "物料编号11", width: "149px", prop: "code" },
+    { label: "物料名称11", width: "149px", prop: "name" },
+    { label: "规格11", width: "149px", prop: "spec" },
+    { label: "单位11", width: "110px", prop: "unitName" },
+    { label: "物料编号111", width: "149px", prop: "code" },
+    { label: "物料名称111", width: "149px", prop: "name" },
+    { label: "规格111", width: "149px", prop: "spec" },
+    { label: "单位111", width: "110px", prop: "unitName" }
+  ]
 })
 let state = reactive({
   queryData: {
@@ -56,139 +56,139 @@ let state = reactive({
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
   },
   list: [
     {
-      value: '1',
-      label: 'Level one 1',
+      value: "1",
+      label: "Level one 1",
       children: [
         {
-          value: '1-1',
-          label: 'Level two 1-1',
+          value: "1-1",
+          label: "Level two 1-1",
           children: [
             {
-              value: '1-1-1',
-              label: 'Level three 1-1-1',
-            },
-          ],
-        },
-      ],
+              value: "1-1-1",
+              label: "Level three 1-1-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '2',
-      label: 'Level one 2',
+      value: "2",
+      label: "Level one 2",
       children: [
         {
-          value: '2-1',
-          label: 'Level two 2-1',
+          value: "2-1",
+          label: "Level two 2-1",
           children: [
             {
-              value: '2-1-1',
-              label: 'Level three 2-1-1',
-            },
-          ],
+              value: "2-1-1",
+              label: "Level three 2-1-1"
+            }
+          ]
         },
         {
-          value: '2-2',
-          label: 'Level two 2-2',
+          value: "2-2",
+          label: "Level two 2-2",
           children: [
             {
-              value: '2-2-1',
-              label: 'Level three 2-2-1',
-            },
-          ],
-        },
-      ],
+              value: "2-2-1",
+              label: "Level three 2-2-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '3',
-      label: 'Level one 3',
+      value: "3",
+      label: "Level one 3",
       children: [
         {
-          value: '3-1',
-          label: 'Level two 3-1',
+          value: "3-1",
+          label: "Level two 3-1",
           children: [
             {
-              value: '3-1-1',
-              label: 'Level three 3-1-1',
-            },
-          ],
+              value: "3-1-1",
+              label: "Level three 3-1-1"
+            }
+          ]
         },
         {
-          value: '3-2',
-          label: 'Level two 3-2',
+          value: "3-2",
+          label: "Level two 3-2",
           children: [
             {
-              value: '3-2-1',
-              label: 'Level three 3-2-1',
-            },
-          ],
-        },
-      ],
-    },
-  ],
+              value: "3-2-1",
+              label: "Level three 3-2-1"
+            }
+          ]
+        }
+      ]
+    }
+  ]
 })
 const opts = computed(() => {
   return {
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      type: 'select-arr',
-      list: 'sexList',
+      label: "车间",
+      comp: "el-select",
+      type: "select-arr",
+      list: "sexList",
       listTypeInfo: state.listTypeInfo,
-      span: 2,
+      span: 2
     },
     date: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       span: 2,
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date1: {
-      label: '日期组件使用',
-      comp: 't-date-picker',
+      label: "日期组件使用",
+      comp: "t-date-picker",
       span: 2,
       bind: {
-        type: 'daterange',
-        isPickerOptions: true,
-      },
+        type: "daterange",
+        isPickerOptions: true
+      }
     },
     userName: {
-      label: '树形下拉',
-      comp: 'el-tree-select',
+      label: "树形下拉",
+      comp: "el-tree-select",
       span: 2,
       bind: {
-        'check-strictly': true,
-        data: state.list,
-      },
+        "check-strictly": true,
+        data: state.list
+      }
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
-      span: 2,
-    },
+      label: "手机号码",
+      comp: "el-input",
+      span: 2
+    }
   }
 })
 // 点击查询按钮
 const conditionEnter = (data: any) => {
-  console.log('点击查询按钮', data)
+  console.log("点击查询按钮", data)
 }
-const radioChange = (row) => {
-  console.log('单选--传给后台的值', row)
+const radioChange = row => {
+  console.log("单选--传给后台的值", row)
 }
 </script>
diff --git a/docs/examples/TSelectTable/isShowQuerySpan.vue b/docs/examples/TSelectTable/isShowQuerySpan.vue
index 9a8246a9..fba54c5c 100644
--- a/docs/examples/TSelectTable/isShowQuerySpan.vue
+++ b/docs/examples/TSelectTable/isShowQuerySpan.vue
@@ -18,37 +18,37 @@
   </t-layout-page>
 </template>
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref } from "vue"
 const table = reactive({
   data: [
-    { id: 1, code: 1, name: '物料名称1', spec: '物料规格1', unitName: '吨' },
-    { id: 2, code: 2, name: '物料名称2', spec: '物料规格2', unitName: '吨' },
-    { id: 3, code: 3, name: '物料名称3', spec: '物料规格3', unitName: '吨' },
-    { id: 4, code: 4, name: '物料名称4', spec: '物料规格4', unitName: '吨' },
-    { id: 5, code: 5, name: '物料名称5', spec: '物料规格5', unitName: '吨' },
-    { id: 6, code: 6, name: '物料名称6', spec: '物料规格6', unitName: '吨' },
-    { id: 7, code: 7, name: '物料名称7', spec: '物料规格7', unitName: '吨' },
-    { id: 8, code: 8, name: '物料名称8', spec: '物料规格8', unitName: '吨' },
-    { id: 9, code: 9, name: '物料名称9', spec: '物料规格9', unitName: '吨' },
+    { id: 1, code: 1, name: "物料名称1", spec: "物料规格1", unitName: "吨" },
+    { id: 2, code: 2, name: "物料名称2", spec: "物料规格2", unitName: "吨" },
+    { id: 3, code: 3, name: "物料名称3", spec: "物料规格3", unitName: "吨" },
+    { id: 4, code: 4, name: "物料名称4", spec: "物料规格4", unitName: "吨" },
+    { id: 5, code: 5, name: "物料名称5", spec: "物料规格5", unitName: "吨" },
+    { id: 6, code: 6, name: "物料名称6", spec: "物料规格6", unitName: "吨" },
+    { id: 7, code: 7, name: "物料名称7", spec: "物料规格7", unitName: "吨" },
+    { id: 8, code: 8, name: "物料名称8", spec: "物料规格8", unitName: "吨" },
+    { id: 9, code: 9, name: "物料名称9", spec: "物料规格9", unitName: "吨" }
   ],
   columns: [
-    { label: '物料编号', width: '100px', prop: 'code' },
-    { label: '物料名称', width: '149px', prop: 'name' },
-    { label: '规格', width: '149px', prop: 'spec' },
-    { label: '单位', width: '110px', prop: 'unitName' },
-    { label: '物料编号1', width: '149px', prop: 'code' },
-    { label: '物料名称1', width: '149px', prop: 'name' },
-    { label: '规格1', width: '149px', prop: 'spec' },
-    { label: '单位1', width: '110px', prop: 'unitName' },
-    { label: '物料编号11', width: '149px', prop: 'code' },
-    { label: '物料名称11', width: '149px', prop: 'name' },
-    { label: '规格11', width: '149px', prop: 'spec' },
-    { label: '单位11', width: '110px', prop: 'unitName' },
-    { label: '物料编号111', width: '149px', prop: 'code' },
-    { label: '物料名称111', width: '149px', prop: 'name' },
-    { label: '规格111', width: '149px', prop: 'spec' },
-    { label: '单位111', width: '110px', prop: 'unitName' },
-  ],
+    { label: "物料编号", width: "100px", prop: "code" },
+    { label: "物料名称", width: "149px", prop: "name" },
+    { label: "规格", width: "149px", prop: "spec" },
+    { label: "单位", width: "110px", prop: "unitName" },
+    { label: "物料编号1", width: "149px", prop: "code" },
+    { label: "物料名称1", width: "149px", prop: "name" },
+    { label: "规格1", width: "149px", prop: "spec" },
+    { label: "单位1", width: "110px", prop: "unitName" },
+    { label: "物料编号11", width: "149px", prop: "code" },
+    { label: "物料名称11", width: "149px", prop: "name" },
+    { label: "规格11", width: "149px", prop: "spec" },
+    { label: "单位11", width: "110px", prop: "unitName" },
+    { label: "物料编号111", width: "149px", prop: "code" },
+    { label: "物料名称111", width: "149px", prop: "name" },
+    { label: "规格111", width: "149px", prop: "spec" },
+    { label: "单位111", width: "110px", prop: "unitName" }
+  ]
 })
 const tSelectTableDemo: any = ref()
 let state = reactive({
@@ -57,132 +57,132 @@ let state = reactive({
     phonenumber: null, // 手机号码
     workshopNum: null,
     date: null,
-    date1: null,
+    date1: null
   },
   listTypeInfo: {
     sexList: [
       {
-        dictLabel: '前纺一车间',
-        dictValue: 'W1',
+        label: "前纺一车间",
+        key: "W1"
       },
       {
-        dictLabel: '前纺二车间',
-        dictValue: 'W2',
-      },
-    ],
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
   },
   list: [
     {
-      value: '1',
-      label: 'Level one 1',
+      value: "1",
+      label: "Level one 1",
       children: [
         {
-          value: '1-1',
-          label: 'Level two 1-1',
+          value: "1-1",
+          label: "Level two 1-1",
           children: [
             {
-              value: '1-1-1',
-              label: 'Level three 1-1-1',
-            },
-          ],
-        },
-      ],
+              value: "1-1-1",
+              label: "Level three 1-1-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '2',
-      label: 'Level one 2',
+      value: "2",
+      label: "Level one 2",
       children: [
         {
-          value: '2-1',
-          label: 'Level two 2-1',
+          value: "2-1",
+          label: "Level two 2-1",
           children: [
             {
-              value: '2-1-1',
-              label: 'Level three 2-1-1',
-            },
-          ],
+              value: "2-1-1",
+              label: "Level three 2-1-1"
+            }
+          ]
         },
         {
-          value: '2-2',
-          label: 'Level two 2-2',
+          value: "2-2",
+          label: "Level two 2-2",
           children: [
             {
-              value: '2-2-1',
-              label: 'Level three 2-2-1',
-            },
-          ],
-        },
-      ],
+              value: "2-2-1",
+              label: "Level three 2-2-1"
+            }
+          ]
+        }
+      ]
     },
     {
-      value: '3',
-      label: 'Level one 3',
+      value: "3",
+      label: "Level one 3",
       children: [
         {
-          value: '3-1',
-          label: 'Level two 3-1',
+          value: "3-1",
+          label: "Level two 3-1",
           children: [
             {
-              value: '3-1-1',
-              label: 'Level three 3-1-1',
-            },
-          ],
+              value: "3-1-1",
+              label: "Level three 3-1-1"
+            }
+          ]
         },
         {
-          value: '3-2',
-          label: 'Level two 3-2',
+          value: "3-2",
+          label: "Level two 3-2",
           children: [
             {
-              value: '3-2-1',
-              label: 'Level three 3-2-1',
-            },
-          ],
-        },
-      ],
-    },
-  ],
+              value: "3-2-1",
+              label: "Level three 3-2-1"
+            }
+          ]
+        }
+      ]
+    }
+  ]
 })
 const opts = computed(() => {
   return {
     workshopNum: {
-      label: '车间',
-      comp: 'el-select',
-      type: 'select-arr',
-      list: 'sexList',
+      label: "车间",
+      comp: "el-select",
+      type: "select-arr",
+      list: "sexList",
       listTypeInfo: state.listTypeInfo,
-      span: 2,
+      span: 2
     },
     date: {
-      label: '日期',
-      comp: 'el-date-picker',
+      label: "日期",
+      comp: "el-date-picker",
       span: 2,
       bind: {
-        valueFormat: 'YYYY-MM-DD',
-      },
+        valueFormat: "YYYY-MM-DD"
+      }
     },
     date1: {
-      label: '日期组件',
-      comp: 't-date-picker',
+      label: "日期组件",
+      comp: "t-date-picker",
       span: 4,
       bind: {
-        type: 'daterange',
-        isPickerOptions: true,
-      },
+        type: "daterange",
+        isPickerOptions: true
+      }
     },
     userName: {
-      label: '树形下拉',
-      comp: 'el-tree-select',
+      label: "树形下拉",
+      comp: "el-tree-select",
       span: 4,
       bind: {
-        'check-strictly': true,
-        data: state.list,
-      },
+        "check-strictly": true,
+        data: state.list
+      }
     },
     phonenumber: {
-      label: '手机号码',
-      comp: 'el-input',
-      span: 4,
-    },
+      label: "手机号码",
+      comp: "el-input",
+      span: 4
+    }
   }
 })
 onMounted(() => {
@@ -194,9 +194,9 @@ onMounted(() => {
 })
 // 点击查询按钮
 const conditionEnter = (data: any) => {
-  console.log('点击查询按钮', data)
+  console.log("点击查询按钮", data)
 }
-const radioChange = (row) => {
-  console.log('单选--传给后台的值', row)
+const radioChange = row => {
+  console.log("单选--传给后台的值", row)
 }
 </script>
diff --git a/packages/query-condition/src/index.vue b/packages/query-condition/src/index.vue
index 721492d8..c27c443c 100644
--- a/packages/query-condition/src/index.vue
+++ b/packages/query-condition/src/index.vue
@@ -114,8 +114,8 @@
       ]"
     >
       <template v-if="footer !== null">
-        <slot name="footer" />
-        <template v-if="!slots.footer">
+        <slot name="footerBtn" />
+        <template v-if="!slots.footerBtn">
           <el-button
             class="btn_check"
             @click="checkHandle"
@@ -459,7 +459,7 @@ const compChildLabel = computed(() => {
         return value.value
       case 'el-select-multiple':
       case 'select-arr':
-        return value[opt.arrLabel || 'dictLabel']
+        return value[opt.arrLabel || 'label']
       case 'select-obj':
         return value
     }
@@ -474,7 +474,7 @@ const compChildValue = computed(() => {
         return value.value
       case 'el-select-multiple':
       case 'select-arr':
-        return value[opt.arrKey || 'dictValue']
+        return value[opt.arrKey || 'key']
       case 'select-obj':
         return key
     }
@@ -489,7 +489,7 @@ const compChildShowLabel = computed(() => {
         return value.label
       case 'el-select-multiple':
       case 'select-arr':
-        return value[opt.arrLabel || 'dictLabel']
+        return value[opt.arrLabel || 'label']
       case 'select-obj':
         return value
     }