From ff9f2be9e1f39236e6397b5f66050e369df9d293 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:14:34 +0800
Subject: [PATCH 01/20] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3TButton=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=96=87=E6=A1=A3Attributes=E9=94=99=E4=B9=B1?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TButton/base.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/TButton/base.md b/docs/components/TButton/base.md
index 9567ffde..647b0c3f 100644
--- a/docs/components/TButton/base.md
+++ b/docs/components/TButton/base.md
@@ -15,12 +15,12 @@ TButton/tip
 ### 2、配置参数（Attributes）继承 el-button Attributes
 
 | 参数      | 说明                                                         | 类型                                                 | 默认值 |
-| :-------- | :----------------------------------------------------------- | :--------------------------------------------------- | :----- | --- |
+| :-------- | :----------------------------------------------------------- | :--------------------------------------------------- | :----- |
 | size      | 尺寸                                                         | 'large' / 'default' / 'small'                        | -      |
 | type      | 类型                                                         | 'default / 'primary / 'success / 'warning / 'danger' | -      |
 | plain     | 是否朴素按钮                                                 | boolean                                              | false  |
 | round     | 是否圆角按钮                                                 | boolean                                              | false  |
-| circle    | 是否圆形按钮                                                 | boolean                                              | false  | 无  |
+| circle    | 是否圆形按钮                                                 | boolean                                              | false  |
 | time      | 防抖的时间                                                   | number                                               | 1000   |
 | tip       | 提示文字，常用于 type="text" 或拥有 text，link 属性的 button | string                                               | -      |
 | placement | Tooltip 组件出现的位置                                       | 继承 el-tooltip                                      | top    |

From 376d1e3a15566706ef3497a484b456f861f56d42 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:15:54 +0800
Subject: [PATCH 02/20] =?UTF-8?q?feat:TSelectTable=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=A4=8D=E9=80=89=E6=A1=86=E6=96=B0=E5=A2=9Eselecttable(?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8=E6=9F=90=E4=BA=9B=E5=A4=8D=E9=80=89=E6=A1=86?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TSelectTable/base.md      |  6 ++
 docs/examples/TSelectTable/selectable.vue | 93 +++++++++++++++++++++++
 packages/select-table/src/index.vue       |  6 +-
 3 files changed, 104 insertions(+), 1 deletion(-)
 create mode 100644 docs/examples/TSelectTable/selectable.vue

diff --git a/docs/components/TSelectTable/base.md b/docs/components/TSelectTable/base.md
index c3e20d4b..261f99bf 100644
--- a/docs/components/TSelectTable/base.md
+++ b/docs/components/TSelectTable/base.md
@@ -72,6 +72,12 @@ TSelectTable/multipleDefaultSelectVal
 TSelectTable/multiple
 :::
 
+### 多选--禁用复选框
+
+:::demo `multiple` 开启多选；设置`selectable`属性其类型：`Function(row: any, index: number)` 可根据返回值来决定 `CheckBox` 是否可以勾选.
+TSelectTable/selectable
+:::
+
 ### 开启分页功能（支持翻页选中且默认开启）
 
 :::demo `isShowPagination` 开启分页功能；`@page-change`页码改变事件;传出当前选中的页码；`table` 数据源及表头信息；`keywords` 选项中的 value（选项的值）,label(选项的标签)
diff --git a/docs/examples/TSelectTable/selectable.vue b/docs/examples/TSelectTable/selectable.vue
new file mode 100644
index 00000000..e8c78707
--- /dev/null
+++ b/docs/examples/TSelectTable/selectable.vue
@@ -0,0 +1,93 @@
+<template>
+  <t-layout-page>
+    <t-layout-page-item style="display: flex">
+      <t-select-table
+        ref="selectTable"
+        :table="table"
+        :columns="table.columns"
+        :max-height="400"
+        :keywords="{ label: 'name', value: 'id' }"
+        multiple
+        :selectable="selectable"
+        @selectionChange="selectionChange"
+      />
+      <el-button style="margin-left: 15px" type="primary" @click="clear">清空选中</el-button>
+    </t-layout-page-item>
+  </t-layout-page>
+</template>
+<script setup lang="ts">
+import { ref } from "vue"
+const selectTable = ref()
+let table = ref({
+  total: 100,
+  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: 10,
+      code: 10,
+      name: "物料名称10",
+      spec: "物料规格10",
+      unitName: "吨"
+    },
+    {
+      id: 11,
+      code: 11,
+      name: "物料名称11",
+      spec: "物料规格11",
+      unitName: "吨"
+    },
+    {
+      id: 12,
+      code: 12,
+      name: "物料名称12",
+      spec: "物料规格12",
+      unitName: "吨"
+    },
+    {
+      id: 13,
+      code: 13,
+      name: "物料名称13",
+      spec: "物料规格13",
+      unitName: "吨"
+    }
+  ],
+  columns: [
+    { label: "物料编号", width: "100px", prop: "code", fixed: true },
+    { 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 selectionChange = (val: any, ids: any) => {
+  console.log("复选框", val)
+  console.log("复选框--id", ids)
+}
+const selectable = row => {
+  // console.log("selectable--row.code===2禁用复选框")
+  return row.code !== 2
+}
+const clear = () => {
+  console.log("selectTable.value", selectTable.value)
+  selectTable.value.clear()
+}
+</script>
diff --git a/packages/select-table/src/index.vue b/packages/select-table/src/index.vue
index ebb94c94..64871328 100644
--- a/packages/select-table/src/index.vue
+++ b/packages/select-table/src/index.vue
@@ -77,6 +77,7 @@
             width="55"
             align="center"
             :reserve-selection="reserveSelection"
+            :selectable="selectable"
             fixed
           ></el-table-column>
           <el-table-column
@@ -134,6 +135,7 @@
             v-model:current-page="table.currentPage"
             v-model:page-size="table.pageSize"
             small
+            size="small"
             background
             @current-change="handlesCurrentChange"
             layout="total, prev, pager, next, jumper"
@@ -308,7 +310,9 @@ const props = defineProps({
   defaultSelectVal: {
     type: Array,
     default: () => []
-  }
+  },
+  // Function(row: any, index: number) 的返回值用来决定这一行的 CheckBox 是否可以勾选
+  selectable:Function
 })
 const selectAttr = computed(() => {
   return {

From 64a54eb23602b5fff27accd76aa9c9393862ce80 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:16:07 +0800
Subject: [PATCH 03/20] =?UTF-8?q?fix:TForm=E7=A4=BA=E4=BE=8B=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9ETS=E7=B1=BB=E5=9E=8B=E6=A0=87=E6=B3=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/examples/TForm/widthSize.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/docs/examples/TForm/widthSize.vue b/docs/examples/TForm/widthSize.vue
index 78b562e5..16595a6c 100644
--- a/docs/examples/TForm/widthSize.vue
+++ b/docs/examples/TForm/widthSize.vue
@@ -15,7 +15,17 @@
 
 <script setup lang="tsx">
 import { ref, reactive } from "vue"
-const widthSize = ref(1)
+import type { Ref } from "vue"
+interface FormOpts {
+  labelPosition?: string
+  ref?: any
+  formData?: any
+  widthSize?: number
+}
+interface WidthSizeType {
+  widthSize?: 1 | 2 | 3 | 4 | 5 | 6 | undefined
+}
+const widthSize = ref(1) as Ref<WidthSizeType["widthSize"]>
 // 获取ref
 const TFormDemo: any = ref<HTMLElement | null>(null)
 // 提交formOpts.ref 方式form表单
@@ -31,11 +41,7 @@ const submitForm = () => {
 const resetForm = () => {
   TFormDemo.value.resetFields()
 }
-// 清除校验
-const clearValidate = () => {
-  TFormDemo.value.clearValidate()
-}
-const formOpts: any = reactive({
+const formOpts: FormOpts = reactive({
   labelPosition: "right",
   ref: null,
   formData: {

From 69bc9b4b5aea6df091380d588ff5ff7bc044c43b Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:16:36 +0800
Subject: [PATCH 04/20] =?UTF-8?q?fix:=E7=BB=84=E4=BB=B6=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E6=8E=A5=E6=94=B6=E5=8F=82=E6=95=B0=E6=96=B9=E5=BC=8F@radioCha?=
 =?UTF-8?q?nge=3D"(...args)=3D>radioChange(args,=E8=87=AA=E5=B7=B1?=
 =?UTF-8?q?=E9=9C=80=E8=A6=81=E4=BC=A0=E7=9A=84=E5=8F=82=E6=95=B0)"args?=
 =?UTF-8?q?=E6=98=AF=E6=95=B0=E7=BB=84=EF=BC=8C=E6=8C=89=E9=A1=BA=E5=BA=8F?=
 =?UTF-8?q?=E5=AF=B9=E5=BA=94=E5=88=97=E5=87=BA=E5=AD=90=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=C2=A0emits("radioChange")=E5=AF=B9=E5=BA=94=E7=9A=84=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/examples/TSelectTable/radio.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/examples/TSelectTable/radio.vue b/docs/examples/TSelectTable/radio.vue
index 7abd1006..db775c72 100644
--- a/docs/examples/TSelectTable/radio.vue
+++ b/docs/examples/TSelectTable/radio.vue
@@ -7,7 +7,7 @@
         :columns="table.columns"
         :max-height="400"
         :keywords="{ label: 'name', value: 'id' }"
-        @radioChange="radioChange"
+        @radioChange="(...args)=>radioChange(args,'单选')"
       ></t-select-table>
       <el-button style="margin-left: 15px" type="primary" @click="clear">清空选中</el-button>
     </t-layout-page-item>
@@ -47,8 +47,8 @@ const table = ref({
     { label: "单位111", width: "110px", prop: "unitName" }
   ]
 })
-const radioChange = row => {
-  console.log("单选--传给后台的值", row)
+const radioChange = (args, type) => {
+  console.log("单选--传给后台的值", args, type)
 }
 const clear = () => {
   console.log("selectTable.value", selectTable.value)

From 6d6bcd9aa62ac6f997e1c4d779a7fb99cd892607 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:17:52 +0800
Subject: [PATCH 05/20] =?UTF-8?q?fix:TSelect=E7=BB=84=E4=BB=B6=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89label=E4=BD=BF=E7=94=A8new=20Function?=
 =?UTF-8?q?=E4=BB=A3=E6=9B=BFeval=E8=A7=A3=E6=9E=90=E5=AD=97=E7=AC=A6?=
 =?UTF-8?q?=E4=B8=B2=E8=A1=A8=E8=BE=BE=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/select/src/index.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/select/src/index.vue b/packages/select/src/index.vue
index 94c399b2..cb7ff6f2 100644
--- a/packages/select/src/index.vue
+++ b/packages/select/src/index.vue
@@ -19,7 +19,11 @@
       <slot :name="name" v-bind="data" />
     </template>
     <template v-if="!useVirtual">
-      <el-checkbox v-if="multiple && !isShowPagination" v-model="selectChecked" @change="selectAll" class="all_checkbox"
+      <el-checkbox
+        v-if="multiple && !isShowPagination"
+        v-model="selectChecked"
+        @change="selectAll"
+        class="all_checkbox"
         >全选</el-checkbox
       >
       <el-option
@@ -175,8 +179,8 @@ const selectAll = (val: any) => {
 }
 // 自定义label显示
 const customLabelHandler = (_item: any) => {
-  // console.log('customLabelHandler', item)
-  return eval(props.customLabel)
+  let fun = new Function("_item", "return " + props.customLabel)
+  return fun(_item)
 }
 </script>
 <style lang="scss" scoped>

From d85bc000bad4954d072fd8933b40af7ed7147aac Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:18:26 +0800
Subject: [PATCH 06/20] =?UTF-8?q?fix:=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/adaptive-page/src/index.vue   | 12 ++++++--
 packages/date-picker/src/index.vue     |  8 +++++-
 packages/form/src/index.vue            | 32 +++++++++++++++------
 packages/index.ts                      |  2 +-
 packages/module-form/src/index.vue     | 16 ++++++++---
 packages/query-condition/src/index.vue | 39 ++++++++++++++++++++------
 6 files changed, 85 insertions(+), 24 deletions(-)

diff --git a/packages/adaptive-page/src/index.vue b/packages/adaptive-page/src/index.vue
index 4aaab1b3..4a15acfc 100644
--- a/packages/adaptive-page/src/index.vue
+++ b/packages/adaptive-page/src/index.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="t_adaptive_page">
-    <div :style="{ width: isShow('leftContent') ? `${leftWidth}px` : '0px' }" v-if="isShow('leftContent')" class="left_content">
+    <div
+      :style="{ width: isShow('leftContent') ? `${leftWidth}px` : '0px' }"
+      v-if="isShow('leftContent')"
+      class="left_content"
+    >
       <div class="left_tree">
         <slot name="leftContent" />
       </div>
@@ -13,7 +17,11 @@
           </template>
         </t-query-condition>
       </t-layout-page-item>
-      <t-layout-page-item class="table_main" :class="{ 't_table_self-filling': isTTableSelfFilling }" :style="tablePageStyle">
+      <t-layout-page-item
+        class="table_main"
+        :class="{ 't_table_self-filling': isTTableSelfFilling }"
+        :style="tablePageStyle"
+      >
         <t-table
           v-bind="{ columnSetting, ...$attrs }"
           :isSlotToolbar="isShow('toolbar')"
diff --git a/packages/date-picker/src/index.vue b/packages/date-picker/src/index.vue
index 2e818732..b96b1c5e 100644
--- a/packages/date-picker/src/index.vue
+++ b/packages/date-picker/src/index.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="t-date-picker" ref="DatePicker">
-    <el-date-picker :type="type" v-model="time" :shortcuts="state.dateOptions" @change="dateChange" v-bind="attrsBind">
+    <el-date-picker
+      :type="type"
+      v-model="time"
+      :shortcuts="state.dateOptions"
+      @change="dateChange"
+      v-bind="attrsBind"
+    >
       <template v-for="(index, name) in slots" v-slot:[name]="data">
         <slot :name="name" v-bind="data"></slot>
       </template>
diff --git a/packages/form/src/index.vue b/packages/form/src/index.vue
index ed2b9141..50d7210c 100644
--- a/packages/form/src/index.vue
+++ b/packages/form/src/index.vue
@@ -49,7 +49,9 @@
             :ref="(el:any) => handleRef(el, index)"
             :placeholder="item.placeholder || getPlaceholder(item)"
             v-bind="
-              typeof item.bind == 'function' ? item.bind(formOpts.formData) : { clearable: true, filterable: true, ...item.bind }
+              typeof item.bind == 'function'
+                ? item.bind(formOpts.formData)
+                : { clearable: true, filterable: true, ...item.bind }
             "
             :style="{ width: item.width || '100%' }"
             v-on="cEvent(item, 't-select-table')"
@@ -61,7 +63,9 @@
             :placeholder="item.placeholder || getPlaceholder(item)"
             :ref="(el: any) => getRefs(el, item, index)"
             v-bind="
-              typeof item.bind == 'function' ? item.bind(formOpts.formData) : { clearable: true, filterable: true, ...item.bind }
+              typeof item.bind == 'function'
+                ? item.bind(formOpts.formData)
+                : { clearable: true, filterable: true, ...item.bind }
             "
             :style="{ width: item.width || '100%' }"
             v-on="cEvent(item)"
@@ -76,13 +80,17 @@
           @change="handleEvent(item.event, formOpts.formData[item.value], item)"
           :ref="(el: any) => getRefs(el, item, index)"
           v-bind="
-            typeof item.bind == 'function' ? item.bind(formOpts.formData) : { clearable: true, filterable: true, ...item.bind }
+            typeof item.bind == 'function'
+              ? item.bind(formOpts.formData)
+              : { clearable: true, filterable: true, ...item.bind }
           "
           :style="{ width: item.width || '100%' }"
           v-on="cEvent(item)"
         />
         <component
-          v-if="!item.slotName && !item.textShow && !item.isSelfCom && item.comp.includes('tree-select')"
+          v-if="
+            !item.slotName && !item.textShow && !item.isSelfCom && item.comp.includes('tree-select')
+          "
           :is="item.comp"
           v-model="formOpts.formData[item.value]"
           :type="item.type"
@@ -90,7 +98,9 @@
           @change="handleEvent(item.event, formOpts.formData[item.value], item)"
           :ref="(el: any) => getRefs(el, item, index)"
           v-bind="
-            typeof item.bind == 'function' ? item.bind(formOpts.formData) : { clearable: true, filterable: true, ...item.bind }
+            typeof item.bind == 'function'
+              ? item.bind(formOpts.formData)
+              : { clearable: true, filterable: true, ...item.bind }
           "
           :style="{ width: item.width || '100%' }"
           v-on="cEvent(item)"
@@ -110,7 +120,9 @@
           @change="handleEvent(item.event, formOpts.formData[item.value], item)"
           :ref="(el: any) => getRefs(el, item, index)"
           v-bind="
-            typeof item.bind == 'function' ? item.bind(formOpts.formData) : { clearable: true, filterable: true, ...item.bind }
+            typeof item.bind == 'function'
+              ? item.bind(formOpts.formData)
+              : { clearable: true, filterable: true, ...item.bind }
           "
           :style="{ width: item.width || '100%' }"
           v-on="cEvent(item)"
@@ -142,7 +154,9 @@
       <template v-if="formOpts.btnSlotName">
         <slot :name="formOpts.btnSlotName"></slot>
       </template>
-      <template v-if="!formOpts.btnSlotName && formOpts.operatorList && formOpts.operatorList.length > 0">
+      <template
+        v-if="!formOpts.btnSlotName && formOpts.operatorList && formOpts.operatorList.length > 0"
+      >
         <el-button
           v-for="(val, index) in formOpts.operatorList"
           :key="index"
@@ -409,7 +423,9 @@ const handleRef = (el: any, key: any) => {
 }
 const selfResetFields = () => {
   // 获取所有下拉选择表格组件
-  const refList = Object.keys(tselecttableref.value).filter(item => item.includes("tselecttableref"))
+  const refList = Object.keys(tselecttableref.value).filter(item =>
+    item.includes("tselecttableref")
+  )
   if (refList.length > 0 && tselecttableref.value) {
     refList.map(val => {
       // console.log('9999', val)
diff --git a/packages/index.ts b/packages/index.ts
index ac0a82de..0c29545e 100644
--- a/packages/index.ts
+++ b/packages/index.ts
@@ -67,7 +67,7 @@ const install: any = (app: any, router?: any) => {
   installComponents(app)
 }
 // @ts-ignore
-if (typeof window !== 'undefined' && window.Vue) {
+if (typeof window !== "undefined" && window.Vue) {
   // @ts-ignore
   install(window.Vue)
 }
diff --git a/packages/module-form/src/index.vue b/packages/module-form/src/index.vue
index 7e11cad2..1b7cf878 100644
--- a/packages/module-form/src/index.vue
+++ b/packages/module-form/src/index.vue
@@ -34,7 +34,11 @@
         </template>
       </module-detail>
       <!-- tabs -->
-      <div class="tabs" v-if="tabs" :style="{ 'margin-top': isTabMargin ? `${tabMarginNum}px` : 0 }">
+      <div
+        class="tabs"
+        v-if="tabs"
+        :style="{ 'margin-top': isTabMargin ? `${tabMarginNum}px` : 0 }"
+      >
         <el-tabs v-if="tabs && tabs.length > 1" v-model="activeName" @tab-change="tabsChange">
           <el-tab-pane v-for="tab in tabs" :key="tab.key" :name="tab.key" :label="tab.title">
             <slot :name="tab.key"></slot>
@@ -49,9 +53,13 @@
       <slot name="footer" />
       <div v-if="!slots.footer">
         <el-button @click="back" v-bind="cancelAttrs">{{ cancelAttrs.btnTxt }}</el-button>
-        <el-button v-bind="saveAttrs" v-if="handleType === 'edit'" @click="saveHandle" :loading="loading">{{
-          saveAttrs.btnTxt
-        }}</el-button>
+        <el-button
+          v-bind="saveAttrs"
+          v-if="handleType === 'edit'"
+          @click="saveHandle"
+          :loading="loading"
+          >{{ saveAttrs.btnTxt }}</el-button
+        >
       </div>
     </footer>
   </div>
diff --git a/packages/query-condition/src/index.vue b/packages/query-condition/src/index.vue
index fdcc9999..ceee32e9 100644
--- a/packages/query-condition/src/index.vue
+++ b/packages/query-condition/src/index.vue
@@ -72,7 +72,12 @@
         v-on="cEvent(opt)"
       />
       <component
-        v-if="!opt.isSelfCom && !opt.slotName && !opt.comp.includes('date') && !opt.comp.includes('tree-select')"
+        v-if="
+          !opt.isSelfCom &&
+          !opt.slotName &&
+          !opt.comp.includes('date') &&
+          !opt.comp.includes('tree-select')
+        "
         :is="opt.comp"
         v-bind="
           typeof opt.bind == 'function'
@@ -108,12 +113,22 @@
       <template v-if="footer !== null">
         <slot name="footerBtn" />
         <template v-if="!slots.footerBtn">
-          <el-button class="btn_check" @click="checkHandle" v-bind="queryAttrs" :loading="loading">{{
-            queryAttrs.btnTxt
+          <el-button
+            class="btn_check"
+            @click="checkHandle"
+            v-bind="queryAttrs"
+            :loading="loading"
+            >{{ queryAttrs.btnTxt }}</el-button
+          >
+          <el-button v-if="reset" class="btn_reset" v-bind="resetAttrs" @click="resetHandle">{{
+            resetAttrs.btnTxt
           }}</el-button>
-          <el-button v-if="reset" class="btn_reset" v-bind="resetAttrs" @click="resetHandle">{{ resetAttrs.btnTxt }}</el-button>
           <slot name="querybar"></slot>
-          <el-button v-if="originCellLength > maxVisibleRows * colLength && isShowOpen" @click="open = !open" link>
+          <el-button
+            v-if="originCellLength > maxVisibleRows * colLength && isShowOpen"
+            @click="open = !open"
+            link
+          >
             {{ open ? packUpTxt : unfoldTxt }}
             <el-icon v-if="open">
               <ArrowUp />
@@ -315,7 +330,11 @@ const cEvent = computed(() => {
     let changeEvent = {} as any
     Object.keys(event).forEach(v => {
       changeEvent[v] = (e: any) => {
-        if (opt.comp.includes("select") || opt.comp.includes("picker") || opt.comp.includes("date")) {
+        if (
+          opt.comp.includes("select") ||
+          opt.comp.includes("picker") ||
+          opt.comp.includes("date")
+        ) {
           event[v] && event[v](e, queryState.form)
         } else {
           if (e) {
@@ -364,7 +383,9 @@ const handleRef = (el: any, key: any) => {
 const resetHandle = () => {
   queryState.form = initForm(props.opts)
   // 获取所有下拉选择表格组件
-  const refList = Object.keys(tselecttableref.value).filter(item => item.includes("tselecttableref"))
+  const refList = Object.keys(tselecttableref.value).filter(item =>
+    item.includes("tselecttableref")
+  )
   if (refList.length > 0 && tselecttableref.value) {
     refList.map(val => {
       // console.log('9999', val)
@@ -378,7 +399,9 @@ const resetHandle = () => {
 const resetData = () => {
   queryState.form = initForm(props.opts)
   // 获取所有下拉选择表格组件
-  const refList = Object.keys(tselecttableref.value).filter(item => item.includes("tselecttableref"))
+  const refList = Object.keys(tselecttableref.value).filter(item =>
+    item.includes("tselecttableref")
+  )
   if (refList.length > 0 && tselecttableref.value) {
     refList.map(val => {
       // console.log('9999', val)

From 2e98160a3ade2413c39fc79092594680f404b122 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Mon, 22 Jul 2024 19:18:45 +0800
Subject: [PATCH 07/20] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3TTable=E5=8D=95?=
 =?UTF-8?q?=E5=85=83=E6=A0=BC=E7=BC=96=E8=BE=91--handleEvent=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E8=BF=94=E5=9B=9E=E8=BE=93=E5=85=A5=E5=80=BC=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/table/src/ColumnSet.vue      | 15 ++++++--
 packages/table/src/singleEditCell.vue | 54 ++++++++++++++++-----------
 2 files changed, 45 insertions(+), 24 deletions(-)

diff --git a/packages/table/src/ColumnSet.vue b/packages/table/src/ColumnSet.vue
index f358a85d..2781b8bb 100644
--- a/packages/table/src/ColumnSet.vue
+++ b/packages/table/src/ColumnSet.vue
@@ -5,7 +5,11 @@
       <el-dropdown-menu>
         <el-dropdown-item>
           <span class="title">{{ columnBind.title || "列设置" }}</span>
-          <Draggable class="t_table_column_setting_dropdown" v-model="state.columnSet" item-key="prop">
+          <Draggable
+            class="t_table_column_setting_dropdown"
+            v-model="state.columnSet"
+            item-key="prop"
+          >
             <template #item="{ element, index }">
               <el-checkbox
                 :checked="!element.hidden"
@@ -54,7 +58,9 @@ const getColumnSetCache = () => {
   let columnOption = initColumnSet()
   let valueArr = JSON.parse(value) || []
   columnOption.map(item => {
-    let findEle = valueArr.find((ele: { label: any; prop: any }) => ele.label === item.label && ele.prop === item.prop)
+    let findEle = valueArr.find(
+      (ele: { label: any; prop: any }) => ele.label === item.label && ele.prop === item.prop
+    )
     item.hidden = findEle ? findEle.hidden : false
   })
   initColumnSet().map(val => {
@@ -107,7 +113,10 @@ watch(
   val => {
     emits("columnSetting", val)
     // console.log(3333, val)
-    localStorage.setItem(`t-ui-plus:TTable.columnSet-${props.name || props.title}`, JSON.stringify(val))
+    localStorage.setItem(
+      `t-ui-plus:TTable.columnSet-${props.name || props.title}`,
+      JSON.stringify(val)
+    )
   },
   { deep: true }
 )
diff --git a/packages/table/src/singleEditCell.vue b/packages/table/src/singleEditCell.vue
index 1104a1c9..4de35d8e 100644
--- a/packages/table/src/singleEditCell.vue
+++ b/packages/table/src/singleEditCell.vue
@@ -3,7 +3,11 @@
     :is="isShowRules ? 'el-form-item' : 'div'"
     :prop="prop"
     :rules="configEdit.rules"
-    :class="[configEdit.className, { single_edit_cell_rules: configEdit.rules }, 'single_edit_cell']"
+    :class="[
+      configEdit.className,
+      { single_edit_cell_rules: configEdit.rules },
+      'single_edit_cell'
+    ]"
     v-bind="$attrs"
   >
     <!-- 编辑组件自定义插槽 -->
@@ -36,6 +40,7 @@
             ? configEdit.bind(scope)
             : { clearable: true, filterable: true, ...configEdit.bind }
         "
+        @change="handleEvent(configEdit.event)"
         :style="{ width: configEdit.width || '100%' }"
         v-on="cEvent(configEdit)"
       />
@@ -48,22 +53,20 @@
       :placeholder="configEdit.placeholder || getPlaceholder(configEdit)"
       ref="parentCom"
       :class="prop"
-      @change="handleEvent(configEdit.event, childValue, configEdit.editComponent)"
+      @change="handleEvent(configEdit.event)"
       @keyup="keyUpHandle"
       :style="{ width: configEdit.width || '100%' }"
       v-on="cEvent(configEdit)"
       v-bind="
-        typeof configEdit.bind == 'function' ? configEdit.bind(scope) : { clearable: true, filterable: true, ...configEdit.bind }
+        typeof configEdit.bind == 'function'
+          ? configEdit.bind(scope)
+          : { clearable: true, filterable: true, ...configEdit.bind }
       "
     >
       <!-- 前置文本 -->
-      <template #prepend v-if="configEdit.prepend">
-        {{ configEdit.prepend }}
-      </template>
+      <template #prepend v-if="configEdit.prepend">{{ configEdit.prepend }}</template>
       <!-- 后置文本 -->
-      <template #append v-if="configEdit.append">
-        {{ configEdit.append }}
-      </template>
+      <template #append v-if="configEdit.append">{{ configEdit.append }}</template>
       <!-- 子组件自定义插槽 -->
       <!-- <template v-if="configEdit.childSlotName">
         <slot />
@@ -76,8 +79,7 @@
           :disabled="value.disabled"
           :label="compChildLabel(configEdit, value)"
           :value="compChildValue(configEdit, value, key)"
-          >{{ compChildShowLabel(configEdit, value) }}</component
-        >
+        >{{ compChildShowLabel(configEdit, value) }}</component>
       </template>
     </component>
   </component>
@@ -131,14 +133,22 @@ let childValue: any = computed({
     return props?.modelValue
   },
   set(val) {
-    // console.log('update:modelValue', val)
     emits("update:modelValue", val)
   }
 })
 watch(
-  () => childValue.value,
-  data => emits("update:modelValue", data)
+  () => props.modelValue,
+  data => {
+    childValue.value = data
+  }
 )
+// 绑定的相关事件
+const handleEvent = (type: string) => {
+  setTimeout(() => {
+    // console.log("组件", type, childValue.value)
+    emits("handleEvent", { type, val: childValue.value })
+  }, 0)
+}
 // 键盘事件
 const keyUpHandle = ($event: any) => {
   emits("keyupHandle", $event, props.scope.$index, props.prop)
@@ -210,7 +220,11 @@ const compChildLabel = computed(() => {
 })
 // 子子组件value
 const compChildValue = computed(() => {
-  return (configEdit: { type: any; arrKey: any }, value: { [x: string]: any; value: any }, key: any) => {
+  return (
+    configEdit: { type: any; arrKey: any },
+    value: { [x: string]: any; value: any },
+    key: any
+  ) => {
     switch (configEdit.type) {
       case "radio":
       case "checkbox":
@@ -249,7 +263,9 @@ const handleRef = (el: any) => {
 // 重置下拉表格
 const resetTselectTableFields = () => {
   // 获取所有下拉选择表格组件
-  const refList = Object.keys(tselecttableref.value).filter(item => item.includes("tselecttableref"))
+  const refList = Object.keys(tselecttableref.value).filter(item =>
+    item.includes("tselecttableref")
+  )
   if (refList.length > 0 && tselecttableref.value) {
     refList.map(val => {
       tselecttableref.value[val].clear()
@@ -270,11 +286,7 @@ const getPlaceholder = (row: any) => {
   }
   return placeholder
 }
-// 绑定的相关事件
-const handleEvent = (type: any, val: any, editCom: any) => {
-  // console.log('组件', type, val, editCom)
-  emits("handleEvent", { type, val })
-}
+
 defineExpose({ resetTselectTableFields })
 </script>
 <style lang="scss">

From 8991a3c5849290451bae01a41e37bd83c0bde6f1 Mon Sep 17 00:00:00 2001
From: jason <1207436809@qq.com>
Date: Sun, 28 Jul 2024 20:49:28 +0800
Subject: [PATCH 08/20] =?UTF-8?q?refactor-button=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=98=AF=E5=90=A6=E9=98=B2=E6=8A=96=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E5=92=8Cradio=E7=BB=84=E4=BB=B6=E5=85=BC=E5=AE=B92.6?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC=E4=B8=80=E4=B8=8B=E7=9A=84label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TButton/base.md      |  7 ++++
 docs/examples/TButton/base.vue       |  5 +++
 docs/examples/TButton/isDebounce.vue | 48 ++++++++++++++++++++++++++++
 packages/button/src/index.vue        |  9 ++++--
 packages/radio/src/index.vue         |  7 ++++
 5 files changed, 74 insertions(+), 2 deletions(-)
 create mode 100644 docs/examples/TButton/isDebounce.vue

diff --git a/docs/components/TButton/base.md b/docs/components/TButton/base.md
index 647b0c3f..1b64aada 100644
--- a/docs/components/TButton/base.md
+++ b/docs/components/TButton/base.md
@@ -12,6 +12,12 @@ TButton/base
 TButton/tip
 :::
 
+### 是否需要防抖
+
+:::demo 通过设置  `isDebounce` ，可以选择是否开启防抖，默认为true
+TButton/isDebounce
+:::
+
 ### 2、配置参数（Attributes）继承 el-button Attributes
 
 | 参数      | 说明                                                         | 类型                                                 | 默认值 |
@@ -22,6 +28,7 @@ TButton/tip
 | round     | 是否圆角按钮                                                 | boolean                                              | false  |
 | circle    | 是否圆形按钮                                                 | boolean                                              | false  |
 | time      | 防抖的时间                                                   | number                                               | 1000   |
+| isDebounce| 是否开启防抖                                                   | boolean                                               | true   |
 | tip       | 提示文字，常用于 type="text" 或拥有 text，link 属性的 button | string                                               | -      |
 | placement | Tooltip 组件出现的位置                                       | 继承 el-tooltip                                      | top    |
 | tipProps  | Tooltip 组件的配置参数，详情可看 element-plus 官网           | object                                               | -      |
diff --git a/docs/examples/TButton/base.vue b/docs/examples/TButton/base.vue
index 44066063..a2c7136c 100644
--- a/docs/examples/TButton/base.vue
+++ b/docs/examples/TButton/base.vue
@@ -20,6 +20,7 @@
   </t-layout-page>
 </template>
 <script setup lang="ts">
+import { ElMessage } from "element-plus"
 import { ref } from "vue"
 const time = ref(1000)
 const handleChange = val => {
@@ -27,5 +28,9 @@ const handleChange = val => {
 }
 const exportExcel = () => {
   console.log("点击事件")
+  ElMessage({
+    message: "点击事件",
+    type: "success"
+  })
 }
 </script>
diff --git a/docs/examples/TButton/isDebounce.vue b/docs/examples/TButton/isDebounce.vue
new file mode 100644
index 00000000..3e1090c0
--- /dev/null
+++ b/docs/examples/TButton/isDebounce.vue
@@ -0,0 +1,48 @@
+<template>
+  <t-layout-page class="t_button_demo">
+    <t-layout-page-item>
+      <el-switch
+        v-model="isDebounce"
+        size="large"
+        active-text="开启防抖"
+        inactive-text="关闭防抖"
+      />
+      <div style="display: flex; align-items: center">
+        <div style="width: 140px; font-weight: 700">输入防抖时间：</div>
+        <el-input-number
+          style="width: 240px"
+          v-model="time"
+          placeholder="请输入防抖时间（毫秒）"
+          :min="1000"
+          :max="10000"
+          :controls="false"
+          @change="handleChange"
+        />
+      </div>
+      <t-button
+        style="margin-top: 15px"
+        :isDebounce="isDebounce"
+        :time="time"
+        type="primary"
+        @click="exportExcel"
+        >点击事件</t-button
+      >
+    </t-layout-page-item>
+  </t-layout-page>
+</template>
+<script setup lang="ts">
+import { ElMessage } from "element-plus"
+import { ref } from "vue"
+const time = ref(1000)
+const isDebounce = ref(false)
+const handleChange = val => {
+  console.log("输入框的值：", val)
+}
+const exportExcel = () => {
+  console.log("点击事件")
+  ElMessage({
+    message: "点击事件",
+    type: "success"
+  })
+}
+</script>
diff --git a/packages/button/src/index.vue b/packages/button/src/index.vue
index 10772fb1..e08553ce 100644
--- a/packages/button/src/index.vue
+++ b/packages/button/src/index.vue
@@ -27,17 +27,22 @@ const props = defineProps({
   tipProps: {
     type: Object,
     default: () => ({})
+  },
+  isDebounce: {
+    type: Boolean,
+    default: true
   }
 })
 // 抛出事件
 const emits = defineEmits(["click"])
 const record = ref(0)
 const handleClick = () => {
-  let newTime = new Date()
+  if (!props.isDebounce) return emits("click")
+  const newTime = new Date()
   if (newTime.getTime() - record.value > props.time) {
     emits("click")
   }
-  record.value = new Date().getTime()
+  record.value = newTime.getTime()
 }
 </script>
 <style lang="scss" scoped>
diff --git a/packages/radio/src/index.vue b/packages/radio/src/index.vue
index 8fca6ab5..06488e2c 100644
--- a/packages/radio/src/index.vue
+++ b/packages/radio/src/index.vue
@@ -7,6 +7,7 @@
         :is="radioType"
         :key="index"
         :value="item[optionsProps.value]"
+        :label="item[optionsProps.value]"
         :border="border"
         :disabled="item[optionsProps.disabled]"
       >
@@ -22,6 +23,8 @@
 import { computed, ref } from "vue"
 import type { PropType } from "vue"
 import type { OptionsProps } from "./radio"
+
+// 定义组件属性，包括类型、默认值和校验规则
 const radioProps = defineProps({
   type: {
     type: String as PropType<"radio" | "button">,
@@ -46,6 +49,8 @@ const radioProps = defineProps({
     default: () => ({})
   }
 })
+
+// 根据type属性计算出应使用的radio组件类型
 const radioType = computed(() => {
   const obj = {
     radio: "el-radio",
@@ -53,6 +58,8 @@ const radioType = computed(() => {
   }
   return obj[radioProps.type] ?? "el-radio"
 })
+
+// 合并默认的选项属性和用户自定义的属性
 const optionsProps = ref<OptionsProps>({
   ...{
     value: "value",

From f7d1c588a30f9d3e8f7843633450901bae21c3de Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Wed, 31 Jul 2024 19:12:53 +0800
Subject: [PATCH 09/20] =?UTF-8?q?feat:TQueryCondition=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6=E6=96=B0=E5=A2=9E"?=
 =?UTF-8?q?=E4=BB=A5=E4=B8=8B=E6=8B=89=E6=96=B9=E5=BC=8F=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=9B=B4=E5=A4=9A=E6=9D=A1=E4=BB=B6"=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=8F=8A=E6=96=B0=E5=A2=9Edeno=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TQueryCondition/base.md       |  90 +++++---
 docs/examples/TQueryCondition/TSelectUse.vue  |   2 +-
 docs/examples/TQueryCondition/base.vue        |   1 -
 docs/examples/TQueryCondition/btnBind.vue     | 211 ++++++++++++++++++
 docs/examples/TQueryCondition/footer.vue      |   8 +-
 docs/examples/TQueryCondition/footerBtn.vue   | 110 +++++++++
 .../TQueryCondition/isDropDownSelectMore.vue  | 164 ++++++++++++++
 packages/query-condition/src/index.vue        | 130 ++++++-----
 packages/query-condition/src/moreChoose.vue   | 182 +++++++++++++++
 9 files changed, 813 insertions(+), 85 deletions(-)
 create mode 100644 docs/examples/TQueryCondition/btnBind.vue
 create mode 100644 docs/examples/TQueryCondition/footerBtn.vue
 create mode 100644 docs/examples/TQueryCondition/isDropDownSelectMore.vue
 create mode 100644 packages/query-condition/src/moreChoose.vue

diff --git a/docs/components/TQueryCondition/base.md b/docs/components/TQueryCondition/base.md
index 8495bd4a..2da19f93 100644
--- a/docs/components/TQueryCondition/base.md
+++ b/docs/components/TQueryCondition/base.md
@@ -52,9 +52,15 @@ TQueryCondition/TSelectUse
 TQueryCondition/querybar
 :::
 
-### 自定义按钮
+### 自定义操作按钮
 
-::: demo 设置`footerBtn`插槽，可以自定义按钮,设置`:footer=null`,不展示按钮
+::: demo 设置`footerBtn`插槽，可以自定义按钮，不开启收起&展开功能
+TQueryCondition/footerBtn
+:::
+
+### 不展示操作按钮
+
+::: demo 设置`:isFooter=false`,不展示按钮，不开启收起&展开功能
 TQueryCondition/footer
 :::
 
@@ -70,6 +76,18 @@ TQueryCondition/widthSize
 TQueryCondition/dynamic
 :::
 
+### 自定义修改按钮文案
+
+::: demo
+TQueryCondition/btnBind
+:::
+
+### 以下拉方式展示更多条件
+
+::: demo 设置`isDropDownSelectMore`开启； `popoverAttrs`默认值：{ showTxt: '更多', title: '所有条件', allTxt: '全选', reverseTxt: '反选', clearTxt: '清空',placement: 'bottom', width: 240, trigger: 'click', ...props.popoverAttrs }
+TQueryCondition/isDropDownSelectMore
+:::
+
 ### TQueryCondition 参数配置
 
 ---
@@ -91,24 +109,45 @@ 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  | -                                              |
-| 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:'重置'}`               |
+| isFooter             | 自定义按钮(设置:footer="false"不显示按钮) | Boolean | true                                           |
+| configChangedReset   | 更新 opts 是否重置（默认重置）            | Boolean | false                                          |
+| isShowWidthSize      | 是否开启动态设置每行显示数                | Boolean | false                                          |
+| widthSize            | 每行显示多少项，最小值 2                  | Number  | 4                                              |
+| isDropDownSelectMore | 是否以下拉方式展示更多条件                | Boolean | false                                          |
+
+### 2-1 以下拉方式展示更多条件--配置参数（Attributes）
+| 参数              | 说明                                                   | 类型             | 默认值     |
+| :---------------- | :----------------------------------------------------- | :--------------- | :--------- |
+| popoverAttrs      | el-popover配置及中文文案                               | object           | 具体看源码 |
+| moreCheckList     | 数据源                                                 | Array            | -          |
+| -----label        | 标题                                                   | string           | -          |
+| -----comp         | 组件名称，可直接指定全局注册的组件                     | string,component | -          |
+| -----isSelfCom    | 是否使用自己封装的下拉组件（即没有el-option）          | Boolean          | false      |
+| -----prop         | 接收字段（即后台接收字段）                             | string           | -          |
+| -----bind         | 组件配置参数（Attributes）                             | object           | -          |
+| -----slotName     | 自定义输入框插槽                                       | string           | -          |
+| -----span         | 控件占用的列宽，默认占用 1 列，最多 4 列 (独占一行)    | number           | 1          |
+| -----changeEvent  | 事件名称                                               | string           | -          |
+| -----defaultVal   | 默认值                                                 | string           | -          |
+| -----type         | element 组件type(radio,checkbox,select-arr,select-obj) | string           | -          |
+| -----arrLabel     | el-select 组件options label显示                        | string           | label      |
+| -----arrKey       | el-select 组件options key显示                          | string           | key        |
+| -----list         | el-select 组件options 数据标识                         | string           | -          |
+| -----listTypeInfo | el-select 组件options 数据源                           | object           | -          |
 
 ### 3、opts Attributes
 
@@ -130,11 +169,12 @@ TQueryCondition/dynamic
 
 #### 4、事件（events）
 
-| 事件名      | 说明                     | 返回值                                        |
-| :---------- | :----------------------- | :-------------------------------------------- |
-| handleEvent | 筛选器数据发生变化时触发 | event 标识, val：输入值,form:整个查询条件数据 |
-| submit      | 点击筛选器查询按钮时触发 | form:整个查询条件数据                         |
-| reset       | 点击筛选器重置按钮时触发 | -                                             |
+| 事件名       | 说明                                              | 返回值                                        |
+| :----------- | :------------------------------------------------ | :-------------------------------------------- |
+| handleEvent  | 筛选器数据发生变化时触发                          | event 标识, val：输入值,form:整个查询条件数据 |
+| submit       | 点击筛选器查询按钮时触发                          | form:整个查询条件数据                         |
+| reset        | 点击筛选器重置按钮时触发                          | -                                             |
+| getCheckList | 下拉动态添加条件（isDropDownSelectMore:true生效） | 返回选中的条件项                              |
 
 #### 5、Slots
 
diff --git a/docs/examples/TQueryCondition/TSelectUse.vue b/docs/examples/TQueryCondition/TSelectUse.vue
index 215c893d..983d9521 100644
--- a/docs/examples/TQueryCondition/TSelectUse.vue
+++ b/docs/examples/TQueryCondition/TSelectUse.vue
@@ -180,7 +180,7 @@ const opts = computed(() => {
   }
 })
 const radioChange = val => {
-  console.log("下拉选择表格组件--单选", val)
+  console.log("下拉选择表格组件--单选", val, opts.value)
   userName.value = val.name
 }
 const radioChange2 = val => {
diff --git a/docs/examples/TQueryCondition/base.vue b/docs/examples/TQueryCondition/base.vue
index 53e531bd..dee66de7 100644
--- a/docs/examples/TQueryCondition/base.vue
+++ b/docs/examples/TQueryCondition/base.vue
@@ -7,7 +7,6 @@
         @handleEvent="handleEvent"
         isExpansion
         labelWidth="160px"
-        :btnResetBind="{ size: 'small', btnTxt: '重置', icon: 'Search' }"
       >
         <template #disabledDate="{ param }">
           <el-date-picker
diff --git a/docs/examples/TQueryCondition/btnBind.vue b/docs/examples/TQueryCondition/btnBind.vue
new file mode 100644
index 00000000..4037a338
--- /dev/null
+++ b/docs/examples/TQueryCondition/btnBind.vue
@@ -0,0 +1,211 @@
+<template>
+  <t-layout-page>
+    <t-layout-page-item>
+      <t-query-condition
+        :opts="opts"
+        @submit="conditionEnter"
+        @handleEvent="handleEvent"
+        isExpansion
+        labelWidth="160px"
+        :btnResetBind="{ size: 'small', btnTxt: '重置', icon: 'Search' }"
+        :btnCheckBind="{ size: 'small', btnTxt: '查询', icon: 'Search' }"
+      >
+        <template #disabledDate="{ param }">
+          <el-date-picker
+            v-model="param.disabledDate"
+            type="daterange"
+            range-separator="-"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            :disabled-date="disabledDate"
+            @calendar-change="calendarChange"
+          />
+        </template>
+      </t-query-condition>
+    </t-layout-page-item>
+  </t-layout-page>
+</template>
+
+<script setup lang="tsx">
+import { computed, onMounted, reactive, ref, toRefs } from "vue"
+let state: any = reactive({
+  queryData: {
+    userName: null, // 登录名
+    phonenumber: null, // 手机号码
+    workshopNum: null,
+    disabledDate: null,
+    date: null,
+    date2: null,
+    date1: null
+  },
+  listTypeInfo: {
+    sexList: [
+      {
+        label: "前纺一车间",
+        value: "W1"
+      },
+      {
+        label: "前纺二车间",
+        value: "W2"
+      }
+    ]
+  }
+})
+// 禁用日期（只能选择7天内）
+const firstChooseDate: any = ref("")
+const disabledDate = (time: Date) => {
+  if (firstChooseDate.value) {
+    const timeRange = 1 * 24 * 60 * 60 * 1000 // 1天时间戳
+    const minTime = firstChooseDate.value - timeRange * 7
+    const maxTime = firstChooseDate.value + timeRange * 6
+    return time.getTime() <= minTime || time.getTime() > maxTime
+  } else {
+    return false
+  }
+}
+const calendarChange = (val: any) => {
+  console.log("calendarChange----", val)
+  firstChooseDate.value = val[0].getTime() //点击第一次选中日期
+  if (val[1]) firstChooseDate.value = "" // 选中后必须清空
+}
+const opts = computed(() => {
+  return {
+    userName: {
+      label: "登录名称",
+      comp: "el-input"
+    },
+    phonenumber: {
+      label: "手机号码",
+      comp: "el-input"
+    },
+    workshopNum: {
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      defaultVal: "",
+      span: 2,
+      list: "sexList",
+      arrLabel: "label",
+      arrKey: "value",
+      listTypeInfo: state.listTypeInfo
+    },
+    disabledDate: {
+      labelRender: () => {
+        return <label style="color:red">插槽禁用时间</label>
+      },
+      span: 2,
+      slotName: "disabledDate"
+    },
+    date: {
+      label: "el-date-picker",
+      labelRender: () => {
+        return <label style="color:red">el-date-picker禁用</label>
+      },
+      comp: "el-date-picker",
+      span: 2,
+      event: "date",
+      bind: {
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange",
+        "disabled-date": disabledDate
+      },
+      eventHandle: {
+        calendarChange: val => calendarChange(val)
+      }
+    },
+    date2: {
+      label: "t-date-picker",
+      labelRender: () => {
+        return <label style="color:red">t-date-picker禁用</label>
+      },
+      comp: "t-date-picker",
+      span: 2,
+      bind: {
+        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, 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,
+    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
+  }
+})
+// 查询条件change事件
+const handleEvent = (type, val) => {
+  console.log("handleEvent", type, val)
+  switch (type) {
+    case "date":
+      const arr = [
+        {
+          label: "前纺一车间666",
+          value: "W5"
+        },
+        {
+          label: "前纺二车间999",
+          value: "W6"
+        }
+      ]
+      state.listTypeInfo.sexList = [...state.listTypeInfo.sexList, ...arr]
+      console.log("获取event==date的数据", val)
+      break
+  }
+}
+onMounted(() => {
+  chageDefaultVal()
+})
+const chageDefaultVal = () => {
+  opts.value.workshopNum.defaultVal = "W2"
+  console.log("opts.value.workshopNum", opts.value.workshopNum)
+  const arr = [
+    {
+      label: "前纺一车间22",
+      value: "W3"
+    },
+    {
+      label: "前纺二车间33",
+      value: "W4"
+    }
+  ]
+  state.listTypeInfo.sexList = [...state.listTypeInfo.sexList, ...arr]
+  // state.listTypeInfo.sexList = arr
+}
+// 点击查询按钮
+const conditionEnter = (data: any) => {
+  console.log(1122, data)
+  state.queryData = data
+  console.log("最终参数", getQueryData.value)
+}
+</script>
diff --git a/docs/examples/TQueryCondition/footer.vue b/docs/examples/TQueryCondition/footer.vue
index e09cc4e6..75ea97d8 100644
--- a/docs/examples/TQueryCondition/footer.vue
+++ b/docs/examples/TQueryCondition/footer.vue
@@ -6,12 +6,8 @@
         :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>
-      </t-query-condition>
+        :isFooter="false"
+      />
     </t-layout-page-item>
   </t-layout-page>
 </template>
diff --git a/docs/examples/TQueryCondition/footerBtn.vue b/docs/examples/TQueryCondition/footerBtn.vue
new file mode 100644
index 00000000..e09cc4e6
--- /dev/null
+++ b/docs/examples/TQueryCondition/footerBtn.vue
@@ -0,0 +1,110 @@
+<template>
+  <t-layout-page>
+    <t-layout-page-item>
+      <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>
+      </t-query-condition>
+    </t-layout-page-item>
+  </t-layout-page>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref, toRefs } from "vue"
+let state = reactive({
+  queryData: {
+    userName: null, // 登录名
+    phonenumber: null, // 手机号码
+    workshopNum: null,
+    date: null,
+    date1: null
+  },
+  listTypeInfo: {
+    sexList: [
+      {
+        label: "前纺一车间",
+        key: "W1"
+      },
+      {
+        label: "前纺二车间",
+        key: "W2"
+      }
+    ]
+  }
+})
+const opts = computed(() => {
+  return {
+    userName: {
+      label: "登录名称",
+      comp: "el-input"
+    },
+    phonenumber: {
+      label: "手机号码",
+      comp: "el-input"
+    },
+    workshopNum: {
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      list: "sexList",
+      listTypeInfo: state.listTypeInfo
+    },
+    date1: {
+      label: "日期",
+      comp: "el-date-picker",
+      bind: {
+        valueFormat: "YYYY-MM-DD"
+      }
+    },
+    date: {
+      label: "装炉时间",
+      comp: "el-date-picker",
+      span: 2,
+      event: "date",
+      bind: {
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    }
+  }
+})
+// 最终参数获取
+const getQueryData = computed(() => {
+  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
+  }
+})
+// 查询条件change事件
+const handleEvent = (type, val) => {
+  // console.log(111, type, val)
+  switch (type) {
+    case "date":
+      console.log("获取event==date的数据", val)
+      break
+  }
+}
+const queryConditionRef: any = ref(null)
+// 点击查询按钮
+const conditionEnter = (data: any) => {
+  console.log(1122, data)
+  state.queryData = data
+  console.log("最终参数", getQueryData.value)
+}
+</script>
diff --git a/docs/examples/TQueryCondition/isDropDownSelectMore.vue b/docs/examples/TQueryCondition/isDropDownSelectMore.vue
new file mode 100644
index 00000000..7e9597ca
--- /dev/null
+++ b/docs/examples/TQueryCondition/isDropDownSelectMore.vue
@@ -0,0 +1,164 @@
+<template>
+  <t-layout-page>
+    <t-layout-page-item>
+      <t-query-condition
+        :opts="state.opts"
+        @submit="conditionEnter"
+        isShowWidthSize
+        :widthSize="2"
+        isDropDownSelectMore
+        :moreCheckList="moreCheckList"
+        @getCheckList="getChildCheck"
+        labelWidth="160px"
+      >
+      </t-query-condition>
+    </t-layout-page-item>
+  </t-layout-page>
+</template>
+
+<script setup lang="tsx">
+import { computed, onMounted, reactive, ref, watch } from "vue"
+const listTypeInfo: any = ref({
+  workshopNumList: [
+    {
+      label: "前纺一车间",
+      value: "W1"
+    },
+    {
+      label: "前纺二车间",
+      value: "W2"
+    }
+  ],
+  sexList: []
+})
+let state: any = reactive({
+  queryData: {
+    userName: null, // 登录名
+    phonenumber: null, // 手机号码
+    workshopNum: null,
+    date: null,
+    date2: null
+  },
+  hobbyList: [],
+  // 选中的查询条件
+  checkQuery: {},
+  opts: {
+    userName: {
+      label: "登录名称",
+      comp: "el-input"
+    },
+    phonenumber: {
+      label: "手机号码",
+      comp: "el-input"
+    },
+    workshopNum: {
+      label: "车间",
+      comp: "el-select",
+      changeEvent: "change",
+      type: "select-arr",
+      defaultVal: "",
+      list: "workshopNumList",
+      arrLabel: "label",
+      arrKey: "value",
+      listTypeInfo: listTypeInfo.value
+    },
+    date: {
+      label: "el-date-picker",
+      comp: "el-date-picker",
+      event: "date",
+      bind: {
+        rangeSeparator: "-",
+        startPlaceholder: "开始日期",
+        endPlaceholder: "结束日期",
+        valueFormat: "YYYY-MM-DD",
+        type: "daterange"
+      }
+    },
+    date2: {
+      label: "t-date-picker",
+      comp: "t-date-picker",
+      bind: {
+        type: "daterange",
+        isPickerOptions: true
+      }
+    }
+  }
+})
+// 动态新增查询条件
+const moreCheckList = computed(() => {
+  return [
+    { label: "姓名", comp: "el-input", prop: "name" },
+    { label: "年龄", comp: "el-input", prop: "age" },
+    {
+      label: "性别",
+      comp: "el-select",
+      prop: "sex",
+      arrKey: "value",
+      type: "select-arr",
+      changeEvent: "change",
+      list: "sexList",
+      listTypeInfo: listTypeInfo.value
+    },
+    {
+      label: "爱好",
+      comp: "t-select",
+      prop: "hobby",
+      bind: { multiple: true, optionSource: state.hobbyList, valueCustom: "value" },
+      isSelfCom: true
+    },
+    { label: "合同号", comp: "el-input", prop: "contractNo" },
+    { label: "供应商", comp: "el-input", prop: "supplier" },
+    { label: "磅单号", comp: "el-input", prop: "balanceCode" },
+    { label: "车牌号", comp: "el-input", prop: "license" },
+    { label: "备注", comp: "el-input", prop: "remark" },
+    { label: "检验员", comp: "el-input", prop: "inspector" },
+    { label: "取样人", comp: "el-input", prop: "sampler" },
+    { label: "审核人", comp: "el-input", prop: "reviewer" },
+    { label: "其他检验项", comp: "el-input", prop: "physicsInspection" },
+    { label: "实际数量", comp: "el-input", prop: "factQuantity" }
+  ]
+})
+watch(
+  () => state.checkQuery,
+  (nval, oval) => {
+    // console.log("旧值", oval)
+    // console.log("新值", nval)
+    for (let i = 0; i < Object.keys(oval).length; i++) {
+      delete state.opts[Object.keys(oval)[i]]
+    }
+    state.opts = {
+      ...state.opts,
+      ...nval
+    }
+    for (let i = 0; i < Object.keys(state.opts).length; i++) {
+      state.queryData[Object.keys(state.opts)[i]] = null
+    }
+  },
+  { deep: true }
+)
+onMounted(() => {
+  getList()
+})
+const getList = () => {
+  listTypeInfo.value.sexList = [
+    { label: "男", value: "1" },
+    { label: "女", value: "2" }
+  ]
+  state.hobbyList = [
+    { label: "吉他", value: "0" },
+    { label: "看书", value: "1" },
+    { label: "美剧", value: "2" },
+    { label: "旅游", value: "3" },
+    { label: "音乐", value: "4" }
+  ]
+}
+// 获取选中的查询条件
+const getChildCheck = val => {
+  state.checkQuery = val
+}
+// 点击查询按钮
+const conditionEnter = (data: any) => {
+  state.queryData = data
+  console.log("最终参数", state.queryData)
+}
+</script>
diff --git a/packages/query-condition/src/index.vue b/packages/query-condition/src/index.vue
index ceee32e9..8004dc7b 100644
--- a/packages/query-condition/src/index.vue
+++ b/packages/query-condition/src/index.vue
@@ -46,38 +46,7 @@
         />
       </template>
       <component
-        v-if="!opt.slotName && !opt.isSelfCom && opt.comp.includes('date')"
-        :is="opt.comp"
-        v-bind="
-          typeof opt.bind == 'function'
-            ? opt.bind(queryState.form)
-            : { clearable: true, filterable: true, ...$attrs, ...opt.bind }
-        "
-        :placeholder="opt.placeholder || getPlaceholder(opt)"
-        @change="handleEvent(opt.event, queryState.form[opt.dataIndex])"
-        v-model="queryState.form[opt.dataIndex]"
-        v-on="cEvent(opt)"
-      />
-      <component
-        v-if="!opt.slotName && !opt.isSelfCom && opt.comp.includes('tree-select')"
-        :is="opt.comp"
-        v-bind="
-          typeof opt.bind == 'function'
-            ? opt.bind(queryState.form)
-            : { clearable: true, filterable: true, ...$attrs, ...opt.bind }
-        "
-        :placeholder="opt.placeholder || getPlaceholder(opt)"
-        @change="handleEvent(opt.event, queryState.form[opt.dataIndex])"
-        v-model="queryState.form[opt.dataIndex]"
-        v-on="cEvent(opt)"
-      />
-      <component
-        v-if="
-          !opt.isSelfCom &&
-          !opt.slotName &&
-          !opt.comp.includes('date') &&
-          !opt.comp.includes('tree-select')
-        "
+        v-if="!opt.isSelfCom && !opt.slotName"
         :is="opt.comp"
         v-bind="
           typeof opt.bind == 'function'
@@ -110,7 +79,7 @@
         { btn_flex_end: Object.keys(cOpts).length === 4 || cellLength > 3 }
       ]"
     >
-      <template v-if="footer !== null">
+      <template v-if="isFooter">
         <slot name="footerBtn" />
         <template v-if="!slots.footerBtn">
           <el-button
@@ -125,7 +94,7 @@
           }}</el-button>
           <slot name="querybar"></slot>
           <el-button
-            v-if="originCellLength > maxVisibleRows * colLength && isShowOpen"
+            v-if="originCellLength > maxVisibleRows * colLength && showOpen"
             @click="open = !open"
             link
           >
@@ -137,6 +106,12 @@
               <ArrowDown />
             </el-icon>
           </el-button>
+          <more-choose
+            :isDropDownSelectMore="isDropDownSelectMore"
+            :moreCheckList="moreCheckList"
+            :popoverAttrsBind="popoverAttrsBind"
+            @getCheckList="event => emits('getCheckList', event)"
+          />
         </template>
       </template>
     </el-form-item>
@@ -145,7 +120,9 @@
 
 <script setup lang="ts" name="TQueryCondition">
 import RenderComp from "./renderComp.vue"
+import MoreChoose from "./moreChoose.vue"
 import { computed, ref, watch, useSlots, onMounted, reactive } from "vue"
+
 const props = defineProps({
   opts: {
     type: Object,
@@ -201,8 +178,11 @@ const props = defineProps({
     type: String,
     default: "展开"
   },
-  // 是否显示底部操作按钮 :footer="null"
-  footer: Object,
+  // 是否显示底部操作按钮
+  isFooter: {
+    type: Boolean,
+    default: true
+  },
   configChangedReset: {
     type: Boolean,
     default: false
@@ -216,6 +196,21 @@ const props = defineProps({
   widthSize: {
     type: Number,
     default: 4
+  },
+  // 是否以下拉方式展示更多条件
+  isDropDownSelectMore: {
+    type: Boolean,
+    default: false
+  },
+  // 以下拉方式展示更多条件---数据源
+  moreCheckList: {
+    type: Array,
+    default: () => []
+  },
+  // 更多条件--el-popover属性
+  popoverAttrs: {
+    type: Object,
+    default: () => ({})
   }
 })
 const slots = useSlots()
@@ -223,6 +218,16 @@ const slots = useSlots()
 const isShow = (name: string) => {
   return Object.keys(slots).includes(name)
 }
+const popoverAttrsBind = computed(() => {
+  return {
+    showTxt: "更多",
+    title: "所有条件",
+    allTxt: "全选",
+    reverseTxt: "反选",
+    clearTxt: "清空",
+    ...props.popoverAttrs
+  }
+})
 // 初始化表单数据
 let queryState = reactive({
   form: Object.keys(props.opts).reduce((acc: any, field: any) => {
@@ -231,25 +236,21 @@ let queryState = reactive({
   }, {})
 })
 let colLength = ref(4)
+let showOpen = ref(false)
+
 let open = ref(false)
-// 默认展开
-if (props.isExpansion) {
-  open.value = true
-} else {
-  open.value = false
-}
+
 // 查询按钮配置
 const queryAttrs = computed(() => {
   return {
     type: "primary",
-    size: "default",
     btnTxt: "查询",
     ...props.btnCheckBind
   }
 })
 // 重置按钮配置
 const resetAttrs = computed(() => {
-  return { size: "default", btnTxt: "重置", ...props.btnResetBind }
+  return { btnTxt: "重置", ...props.btnResetBind }
 })
 const originCellLength = computed(() => {
   let length = 0
@@ -269,9 +270,11 @@ const cOpts = computed(() => {
       ...props.opts[field]
     }
     // 收起、展开操作
-    if (props.isShowOpen) {
+    if (showOpen.value) {
       renderSpan += opt.span ?? 1
-      if (!open.value && renderSpan - 1 >= props.maxVisibleRows * colLength.value) return acc
+      if (!open.value && renderSpan - 1 >= props.maxVisibleRows * colLength.value) {
+        return acc
+      }
     }
     opt.dataIndex = field
     acc[field] = opt
@@ -310,7 +313,6 @@ const gridAreas = computed(() => {
     }
   }
   if (areas[rowIndex].length === colLength.value) {
-    // areas.push(['submit_btn', 'submit_btn', 'submit_btn', 'submit_btn'])
     areas.push(Array(colLength.value).fill("submit_btn"))
   } else {
     while (areas[rowIndex].length < colLength.value) {
@@ -363,14 +365,16 @@ const getColLength = () => {
   // 行列数
   const width = window.innerWidth
   let colLength = 4
-  if (width > 768 && width < 1280) {
+  if (width > 1000 && width < 1280) {
     colLength = 3
-  } else if (width <= 768) {
+  } else if (width > 768 && width <= 1000) {
     colLength = 2
+  } else if (width <= 768) {
+    colLength = 1
   }
   return colLength
 }
-const emits = defineEmits(["handleEvent", "submit", "reset"])
+const emits = defineEmits(["handleEvent", "submit", "reset", "getCheckList"])
 // 下拉选择表格组件 ref
 const tselecttableref: any = ref({})
 // 下拉选择表格组件 动态ref
@@ -488,7 +492,7 @@ const compChildShowLabel = computed(() => {
 })
 // placeholder的显示
 const getPlaceholder = (row: any) => {
-  // console.log(77, row.date)
+  // console.log(77, row)
   let placeholder
   if (row.comp && typeof row.comp == "string") {
     if (row.comp.includes("input")) {
@@ -502,6 +506,18 @@ const getPlaceholder = (row: any) => {
   return placeholder
 }
 onMounted(() => {
+  // 是否显示展开按钮
+  if (props.isShowOpen) {
+    showOpen.value = true
+  } else {
+    showOpen.value = false
+  }
+  // 默认展开
+  if (props.isExpansion) {
+    open.value = true
+  } else {
+    open.value = false
+  }
   if (props.isShowWidthSize) {
     colLength.value = props.widthSize
   } else {
@@ -532,8 +548,14 @@ onMounted(() => {
     }
   }
   // 使用自定义按钮插槽默认展开所有查询条件
-  if (isShow("footer")) {
+  if (isShow("footerBtn") || !props.isFooter) {
+    // console.log("使用自定义按钮插槽默认展开所有查询条件", props.isFooter)
+    open.value = true
+  }
+  // 以下拉方式展示更多条件禁用展开&收起功能
+  if (props.isDropDownSelectMore) {
     open.value = true
+    showOpen.value = false
   }
 })
 watch(
@@ -592,6 +614,10 @@ defineExpose({
       display: flex;
       // justify-content: flex-end;
     }
+    .more_dropdown_icon {
+      margin-left: 10px;
+      cursor: pointer;
+    }
   }
 
   .btn_flex_end {
diff --git a/packages/query-condition/src/moreChoose.vue b/packages/query-condition/src/moreChoose.vue
new file mode 100644
index 00000000..9c2fcd02
--- /dev/null
+++ b/packages/query-condition/src/moreChoose.vue
@@ -0,0 +1,182 @@
+<template>
+  <el-popover
+    popper-class="t_query_condition_more"
+    :bind="popoverAttrsBind"
+    trigger="click"
+    width="auto"
+    ref="popover"
+    v-if="allcheckList.length > 0"
+  >
+    <div class="inside_box">
+      <div class="inside_box_title">
+        <div>{{ popoverAttrsBind.title || "所有条件" }}</div>
+        <div class="check-box">
+          <el-button size="small" link @click="handlecheckAll">{{
+            popoverAttrsBind.allTxt || "全选"
+          }}</el-button>
+          <el-button size="small" link @click="handleReset">{{
+            popoverAttrsBind.clearTxt || "清空"
+          }}</el-button>
+          <el-button size="small" link @click="handleReverseCheck">{{
+            popoverAttrsBind.reverseTxt || "反选"
+          }}</el-button>
+        </div>
+      </div>
+      <el-checkbox-group v-model="checkList" class="inside_box_main" @change="getcheck">
+        <el-checkbox
+          v-for="(item,index) of allcheckList"
+          :key="index"
+          :label="item.label"
+          :value="item.label"
+        ></el-checkbox>
+      </el-checkbox-group>
+    </div>
+    <template #reference>
+      <div class="more_dropdown_icon">
+        <span class="out_box">{{ popoverAttrsBind.showTxt || "更多" }}</span>
+        <el-icon>
+          <ArrowDown />
+        </el-icon>
+      </div>
+    </template>
+  </el-popover>
+</template>
+<script setup lang="ts" name="MoreChoose">
+import { ref, watch } from "vue"
+const props = defineProps({
+  // 以下拉方式展示更多条件---数据源
+  moreCheckList: {
+    type: Array,
+    default: () => []
+  },
+  popoverAttrsBind: {
+    type: Object,
+    default: () => ({})
+  }
+})
+// 单选选中
+const checkList: any = ref([])
+// 已选中
+const isCheckList: any = ref([])
+const allcheckList: any = ref(props.moreCheckList)
+const emit = defineEmits(["getCheckList"])
+watch(
+  () => props.moreCheckList,
+  (list: any) => {
+    allcheckList.value = list
+  },
+  { deep: true }
+)
+watch(
+  () => checkList,
+  (nval: any, oval: any) => {
+    let list: any[] = []
+    oval.value.forEach((ele: any) => {
+      if (!nval.value.some((val: any) => val == ele)) {
+        list.push(ele)
+      }
+    })
+    isCheckList.value.forEach((ele: any, j: string | number) => {
+      if (list.filter(val => val == ele.label)[0]) {
+        delete isCheckList.value[j]
+      }
+    })
+  },
+  { deep: true }
+)
+// 全选
+const handlecheckAll = () => {
+  const allList = JSON.parse(JSON.stringify(allcheckList.value))
+  checkList.value = allList.map((item: any) => item.label)
+  // console.log('全选', checkList.value)
+  isCheckList.value = allList
+  const checkObj = analysisObj(isCheckList.value)
+  emit("getCheckList", checkObj)
+}
+// 反选
+const handleReverseCheck = () => {
+  const deepCheckList = JSON.parse(JSON.stringify(checkList.value))
+  checkList.value = []
+  isCheckList.value = [] as any
+  allcheckList.value.forEach((ele: any) => {
+    if (!deepCheckList.filter((item1: any) => item1 == ele.label)[0]) {
+      checkList.value.push(ele.label)
+      isCheckList.value.push(ele)
+    }
+  })
+  const checkObj = analysisObj(isCheckList.value)
+  // console.log('反选', checkObj)
+  emit("getCheckList", checkObj)
+}
+// 清空
+const handleReset = () => {
+  // console.log('清空')
+  checkList.value = []
+  isCheckList.value = []
+  emit("getCheckList", {})
+}
+// 单选
+const getcheck = (val: any[]) => {
+  isCheckList.value = []
+  allcheckList.value.forEach((ele: { label: any }, j: any) => {
+    if (val.filter(item1 => item1 == ele.label)[0]) {
+      isCheckList.value.push(ele)
+    }
+  })
+  // console.log("isCheckList---", isCheckList.value, checkList.value, val)
+  const checkObj = analysisObj(isCheckList.value)
+  // console.log("checkObj--222", checkObj)
+  emit("getCheckList", checkObj)
+}
+// 格式化
+const analysisObj = (val: any[]) => {
+  return val.reduce((obj, item) => {
+    obj[item.prop] = {
+      label: item.label,
+      comp: item.comp,
+      bind: item.bind,
+      list: item && item.list,
+      changeEvent: item && item.changeEvent,
+      listTypeInfo: item && item.listTypeInfo,
+      arrLabel: item && item.arrLabel,
+      arrKey: item && item.arrKey,
+      slotName: item && item.slotName,
+      span: item && item.span,
+      type: item && item.type,
+      isSelfCom: (item && item.isSelfCom) || false,
+      defaultVal: item && item.defaultVal
+    }
+    return obj
+  }, {})
+}
+</script>
+<style lang="scss">
+.t_query_condition_more.el-popover {
+  padding: 15px;
+  .inside_box {
+    display: flex;
+    flex-direction: column;
+    .inside_box_title {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .inside_box_main {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(100px, 50%));
+      .el-checkbox {
+        display: flex;
+        align-items: center;
+        .el-checkbox__label {
+          -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          word-break: break-all;
+          min-width: 90px;
+        }
+      }
+    }
+  }
+}
+</style>

From bcb12cf20238e6c9d0f8b946b4dadcb7658da1ec Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Wed, 31 Jul 2024 19:13:59 +0800
Subject: [PATCH 10/20] =?UTF-8?q?docs:TForm=E8=A7=84=E5=88=99=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TTable/base.md |  1 +
 docs/examples/TForm/rules.vue  | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/components/TTable/base.md b/docs/components/TTable/base.md
index 968bfad9..3e5440c1 100644
--- a/docs/components/TTable/base.md
+++ b/docs/components/TTable/base.md
@@ -333,6 +333,7 @@ TTable/expand
 | align                   | table 对齐方式 可选值`left`、`center`、`right`                            | String           | 'center'  |
 | isSlotToolbar           | TAdaptivePage 组件是否使用了 Toolbar 插槽                                 | Boolean          | false     |
 | isSlotTitle             | TAdaptivePage 组件是否使用了 title 插槽                                   | Boolean          | -         |
+| sortable                | 设置为 'custom',需要监听 Table 的 sort-change 事件                        | Boolean/string   | -         |
 
 ### 3、events 其他事件按照 el-table 直接使用（如 sort-change 排序事件）
 
diff --git a/docs/examples/TForm/rules.vue b/docs/examples/TForm/rules.vue
index ede0e30c..44af0055 100644
--- a/docs/examples/TForm/rules.vue
+++ b/docs/examples/TForm/rules.vue
@@ -15,7 +15,8 @@
 <script setup lang="tsx">
 import { ref, reactive } from "vue"
 // 获取ref
-const TFormDemo: any = ref<HTMLElement | null>(null)
+// const TFormDemo: any = (ref < HTMLElement) | (null > null)
+const TFormDemo: any = ref(null)
 // 提交formOpts.ref 方式form表单
 const submitForm = () => {
   formOpts.ref.validate(valid => {
@@ -27,11 +28,11 @@ const submitForm = () => {
 }
 // 提交form表单
 // const submitForm = async () => {
-//   const { valid, formData } = await TFormDemo.value.validate()
-//   console.log('formOpts.ref', formOpts.ref)
-//   console.log('formOpts.formData', formData)
+//   const { valid, formData } = await TFormDemo.value.selfValidate()
+//   console.log("formOpts.ref", formOpts.ref)
+//   console.log("formOpts.formData", formData)
 //   if (!valid) return
-//   console.log('最终数据', formData)
+//   console.log("最终数据", formData)
 // }
 // 重置form表单
 const resetForm = () => {

From 71a788679b812fe8109fb450aaae7df1e0c8d275 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:28:46 +0800
Subject: [PATCH 11/20] =?UTF-8?q?docs:TButton=E6=96=87=E6=A1=A3=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TButton/base.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/components/TButton/base.md b/docs/components/TButton/base.md
index 1b64aada..681d1c60 100644
--- a/docs/components/TButton/base.md
+++ b/docs/components/TButton/base.md
@@ -2,7 +2,7 @@
 
 ### 基础用法
 
-:::demo `继承el-button所有属性` <br/>新增`time`属性（多少时间内点击；默认 1 秒）<br/>
+:::demo `继承el-button所有属性` 新增`time`属性（多少时间内点击；默认 1 秒）
 TButton/base
 :::
 

From 8e999ab8d76819fcedeae46b56aca82e734cc0ef Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:29:44 +0800
Subject: [PATCH 12/20] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6=E9=BB=98=E8=AE=A4=E5=80=BC?=
 =?UTF-8?q?0=E5=A4=B1=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/query-condition/src/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/query-condition/src/index.vue b/packages/query-condition/src/index.vue
index 8004dc7b..672cb31b 100644
--- a/packages/query-condition/src/index.vue
+++ b/packages/query-condition/src/index.vue
@@ -231,7 +231,7 @@ const popoverAttrsBind = computed(() => {
 // 初始化表单数据
 let queryState = reactive({
   form: Object.keys(props.opts).reduce((acc: any, field: any) => {
-    acc[field] = props.opts[field].defaultVal || null
+    acc[field] = props.opts[field].defaultVal ?? null
     return acc
   }, {})
 })

From 05372561b1fd6ced9e2856881e6022e847454e6f Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:30:59 +0800
Subject: [PATCH 13/20] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6=E8=AE=BE=E7=BD=AEspan?=
 =?UTF-8?q?=E5=80=BC=EF=BC=8C=E5=B8=83=E5=B1=80=E9=94=99=E4=B9=B1=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TQueryCondition/base.md | 2 +-
 docs/examples/TQueryCondition/base.vue  | 2 +-
 packages/query-condition/src/index.vue  | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/components/TQueryCondition/base.md b/docs/components/TQueryCondition/base.md
index 2da19f93..7fa7a38d 100644
--- a/docs/components/TQueryCondition/base.md
+++ b/docs/components/TQueryCondition/base.md
@@ -140,7 +140,7 @@ TQueryCondition/isDropDownSelectMore
 | -----prop         | 接收字段（即后台接收字段）                             | string           | -          |
 | -----bind         | 组件配置参数（Attributes）                             | object           | -          |
 | -----slotName     | 自定义输入框插槽                                       | string           | -          |
-| -----span         | 控件占用的列宽，默认占用 1 列，最多 4 列 (独占一行)    | number           | 1          |
+| -----span         | 控件占用的列宽，默认占用 1 列，最大值4 (独占一行)      | number           | 1          |
 | -----changeEvent  | 事件名称                                               | string           | -          |
 | -----defaultVal   | 默认值                                                 | string           | -          |
 | -----type         | element 组件type(radio,checkbox,select-arr,select-obj) | string           | -          |
diff --git a/docs/examples/TQueryCondition/base.vue b/docs/examples/TQueryCondition/base.vue
index dee66de7..0fd1b9fd 100644
--- a/docs/examples/TQueryCondition/base.vue
+++ b/docs/examples/TQueryCondition/base.vue
@@ -84,7 +84,7 @@ const opts = computed(() => {
       changeEvent: "change",
       type: "select-arr",
       defaultVal: "",
-      span: 2,
+      span: 3,
       list: "sexList",
       arrLabel: "label",
       arrKey: "value",
diff --git a/packages/query-condition/src/index.vue b/packages/query-condition/src/index.vue
index 672cb31b..62d07e74 100644
--- a/packages/query-condition/src/index.vue
+++ b/packages/query-condition/src/index.vue
@@ -299,10 +299,11 @@ const gridAreas = computed(() => {
   for (let fieldIndex = 0; fieldIndex < fields.length; fieldIndex++) {
     const field = fields[fieldIndex]
     const opt = cOpts.value[field]
-    const span = Math.min(opt.span ?? 1, 4) // 最大4
+    const span = Math.min(opt.span ?? 1, Math.min(colLength.value, 4)) // 最大4
     if (rowSpan + span > colLength.value) {
-      if (rowSpan < colLength.value) {
+      while (rowSpan < colLength.value) {
         areas[rowIndex].push(".")
+        rowSpan += 1
       }
       rowSpan = 0
       areas[++rowIndex] = []

From 46572c3b265d9d0d7b50b064e8d0605f52827407 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:32:03 +0800
Subject: [PATCH 14/20] =?UTF-8?q?feat:TTable=E7=BB=84=E4=BB=B6=E5=BC=80?=
 =?UTF-8?q?=E5=90=AFcolumnSetting=E6=96=B0=E5=A2=9E=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=90=8E=E7=9A=84=E7=BC=93=E5=AD=98=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/TTable/base.md         |  1 +
 docs/examples/TTable/columnSetting.vue | 12 +++++++++++-
 packages/table/src/ColumnSet.vue       | 12 +++++++++++-
 packages/table/src/index.vue           |  7 +++++++
 4 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/docs/components/TTable/base.md b/docs/components/TTable/base.md
index 3e5440c1..cd4c116e 100644
--- a/docs/components/TTable/base.md
+++ b/docs/components/TTable/base.md
@@ -354,6 +354,7 @@ TTable/expand
 | resetFields        | 对表单进行重置，并移除校验结果（单元格编辑时生效）             | —                   |
 | clearValidate      | 清空校验规则（单元格编辑时生效）                               | -                   |
 | defaultRadioSelect | 单选默认选中--且只能默认选中第一页的数据--传入值必须大于等于 1 | -                   |
+| reSetColumnSet     | 开启columnSetting，调用此方法columnSet显示修改后缓存数据       | -                   |
 
 ### 5、Slots 插槽
 
diff --git a/docs/examples/TTable/columnSetting.vue b/docs/examples/TTable/columnSetting.vue
index fbb4e726..6b1c5ce0 100644
--- a/docs/examples/TTable/columnSetting.vue
+++ b/docs/examples/TTable/columnSetting.vue
@@ -6,6 +6,7 @@
         :table="table"
         name="Vuepress2Docs"
         columnSetting
+        ref="tableColumnSetRef"
         :columns="table.columns"
         :isShowPagination="false"
         :columnSetBind="{
@@ -14,13 +15,18 @@
           type: 'primary',
           icon: 'Edit'
         }"
-      />
+      >
+        <template #toolbar>
+          <t-button @click="restColumnSet" type="danger">更新缓存数据</t-button>
+        </template>
+      </t-table>
     </t-layout-page-item>
   </t-layout-page>
 </template>
 
 <script setup lang="ts">
 import { ref } from "vue"
+const tableColumnSetRef: any = ref(null)
 let table = ref({
   // 接口返回数据
   data: [
@@ -65,4 +71,8 @@ let table = ref({
     { prop: "address", label: "地址", minWidth: "220" }
   ]
 })
+const restColumnSet = () => {
+  console.log("restColumnSet---", tableColumnSetRef.value)
+  tableColumnSetRef.value.reSetColumnSet()
+}
 </script>
diff --git a/packages/table/src/ColumnSet.vue b/packages/table/src/ColumnSet.vue
index 2781b8bb..4e57a115 100644
--- a/packages/table/src/ColumnSet.vue
+++ b/packages/table/src/ColumnSet.vue
@@ -98,6 +98,7 @@ const initColumnSet = () => {
   )
   return columnSet
 }
+
 // 抛出事件
 const emits = defineEmits(["columnSetting"])
 const state: any = reactive({
@@ -112,7 +113,6 @@ watch(
   () => state.columnSet,
   val => {
     emits("columnSetting", val)
-    // console.log(3333, val)
     localStorage.setItem(
       `t-ui-plus:TTable.columnSet-${props.name || props.title}`,
       JSON.stringify(val)
@@ -120,6 +120,13 @@ watch(
   },
   { deep: true }
 )
+// 重新赋值
+const reSetColumnSet = () => {
+  let value: any = localStorage.getItem(`t-ui-plus:TTable.columnSet-${props.name || props.title}`)
+  // console.log("重新赋值", JSON.parse(value))
+  state.columnSet = JSON.parse(value)
+  emits("columnSetting", state.columnSet)
+}
 // checkbox改变选中状态
 const checkChanged = (checked: any, index: string | number) => {
   state.columnSet[index].hidden = !checked
@@ -142,6 +149,9 @@ const checkChanged = (checked: any, index: string | number) => {
     })
   }
 }
+defineExpose({
+  reSetColumnSet
+})
 </script>
 <style lang="scss">
 .el-dropdown-menu {
diff --git a/packages/table/src/index.vue b/packages/table/src/index.vue
index fe14796c..e949dd4f 100644
--- a/packages/table/src/index.vue
+++ b/packages/table/src/index.vue
@@ -38,6 +38,7 @@
             v-if="columnSetting && !isTableHeader"
             v-bind="$attrs"
             :columns="renderColumns"
+            ref="columnSetRef"
             @columnSetting="v => (state.columnSet = v)"
           />
         </div>
@@ -453,6 +454,8 @@ const forbidden = ref(true)
 const TTable: any = ref<HTMLElement | null>(null)
 // 获取t-table ref
 const TTableBox: any = ref<HTMLElement | null>(null)
+// 获取columnSet Ref
+const columnSetRef: any = ref<HTMLElement | null>(null)
 // 获取form ref
 const formRef: any = ref({})
 // 动态form ref
@@ -1015,6 +1018,10 @@ const resetFields = () => {
       editTableRef.value[val].resetTselectTableFields()
     })
 }
+// 获取columnSet缓存数据
+const reSetColumnSet = () => {
+  return columnSetRef.value.reSetColumnSet()
+}
 // 暴露方法出去
 defineExpose({
   defaultRadioSelect,

From 9731a9ca390cfd1cbf408187c353e9eae1005cee Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:32:51 +0800
Subject: [PATCH 15/20] =?UTF-8?q?perf=EF=BC=9A=E4=BC=98=E5=8C=96TTable?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/table/src/index.vue          | 138 ++++++++++----------------
 packages/table/src/singleEditCell.vue |  23 +++--
 2 files changed, 64 insertions(+), 97 deletions(-)

diff --git a/packages/table/src/index.vue b/packages/table/src/index.vue
index e949dd4f..d91c1b61 100644
--- a/packages/table/src/index.vue
+++ b/packages/table/src/index.vue
@@ -566,20 +566,16 @@ const isEditRules = computed(() => {
 })
 // 所有列（表头数据）
 const renderColumns = computed(() => {
-  return state.columnSet.length > 0
-    ? state.columnSet.reduce((acc: any, cur: any) => {
-        if (!cur.hidden) {
-          let columnByProp: any = props.columns.reduce((acc: any, cur: any) => {
-            acc[cur.prop] = cur
-            return acc
-          }, {})
-          acc.push(columnByProp[cur.prop])
-        }
-        // console.log('columnSet', acc)
-        return acc
-      }, [])
-    : props.columns
+  if (state.columnSet.length === 0) {
+    return props.columns
+  }
+  const columnByProp = props.columns.reduce((acc: any, cur: any) => {
+    acc[cur.prop] = cur
+    return acc
+  }, {})
+  return state.columnSet.filter((cur: any) => !cur.hidden).map((cur: any) => columnByProp[cur.prop])
 })
+
 // 判断是否是多级表头
 const isTableHeader = computed(() => {
   return renderColumns.value.some((item: any) => item.children)
@@ -591,71 +587,48 @@ const isTableBorder = computed(() => {
 // 单元格编辑键盘事件
 const handleKeyup = (event: { keyCode: number }, index: number, key: string) => {
   if (!props.isKeyup) return
-  state.copyTableData = JSON.parse(JSON.stringify(state.tableData))
-  // 向上键
-  if (event.keyCode === 38) {
-    let doms = document.getElementsByClassName(key)
-    if (!index) {
-      index = state.copyTableData.length
-    }
-    if (doms.length) {
-      let dom
-      if (doms[index - 1].getElementsByTagName("input")[0]) {
-        dom = doms[index - 1].getElementsByTagName("input")[0]
-      } else {
-        dom = doms[index - 1].getElementsByTagName("textarea")[0]
-      }
-      dom.focus()
-      // dom.select()
-    }
-  }
-  // 向下键
-  if (event.keyCode === 40) {
-    let doms = document.getElementsByClassName(key)
-    if (+index === state.copyTableData.length - 1) {
-      index = -1
-    }
-    if (doms.length) {
-      let dom
-      if (doms[index + 1].getElementsByTagName("input")[0]) {
-        dom = doms[index + 1].getElementsByTagName("input")[0]
-      } else {
-        dom = doms[index + 1].getElementsByTagName("textarea")[0]
-      }
-      dom.focus()
-      // dom.select()
-    }
+  const copyTableData = JSON.parse(JSON.stringify(state.tableData))
+  const doms = document.getElementsByClassName(key)
+  const focusNextElement = (nextIndex: number) => {
+    const nextDom =
+      doms[nextIndex]?.getElementsByTagName("input")[0] ||
+      doms[nextIndex]?.getElementsByTagName("textarea")[0]
+    if (nextDom) nextDom.focus()
   }
-  // 回车横向 向右移动
-  if (event.keyCode === 13) {
-    let keyName = props.columns.map((val: any) => val.prop)
-    let num = 0
-    if (key === keyName[keyName.length - 1]) {
-      if (index === state.copyTableData.length - 1) {
-        index = 0
-      } else {
-        ++index
-      }
-    } else {
-      keyName.map((v: string, i: number) => {
-        if (v === key) {
-          num = i + 1
+  switch (event.keyCode) {
+    case 38: // 向上键
+      if (!index) index = copyTableData.length
+      focusNextElement(index - 1)
+      break
+    case 40: // 向下键
+      if (index === copyTableData.length - 1) index = -1
+      focusNextElement(index + 1)
+      break
+    case 13: // 回车键
+      let keyName = props.columns.map((val: any) => val.prop)
+      let num = keyName.indexOf(key)
+      if (num === -1) {
+        num = 0
+      } else if (num === keyName.length - 1) {
+        if (index === state.copyTableData.length - 1) {
+          index = 0
+        } else {
+          ++index
         }
-      })
-    }
-    let doms = document.getElementsByClassName(keyName[num])
-    if (doms.length) {
-      let dom
-      if (doms[index].getElementsByTagName("input")[0]) {
-        dom = doms[index].getElementsByTagName("input")[0]
       } else {
-        dom = doms[index].getElementsByTagName("textarea")[0]
+        ++num
       }
-      dom.focus()
-      // dom.select()
-    }
+      let doms = document.getElementsByClassName(keyName[num])
+      if (doms.length) {
+        let dom =
+          doms[index].getElementsByTagName("input")[0] ||
+          doms[index].getElementsByTagName("textarea")[0]
+        dom.focus()
+      }
+      break
   }
 }
+
 // forbidden取值（选择单选或取消单选）
 const isForbidden = () => {
   forbidden.value = false
@@ -665,24 +638,17 @@ const isForbidden = () => {
 }
 // 单选抛出事件radioChange
 const radioClick = (row: any, index: any) => {
-  forbidden.value = !!forbidden.value
-  if (radioVal.value) {
-    if (radioVal.value === index) {
-      radioVal.value = null
-      isForbidden()
-      // 取消勾选就把回传数据清除
-      emits("radioChange", null, radioVal.value)
-    } else {
-      isForbidden()
-      radioVal.value = index
-      emits("radioChange", row, radioVal.value)
-    }
+  forbidden.value = !forbidden.value
+  const isCurrentlySelected = radioVal.value === index
+  if (isCurrentlySelected) {
+    radioVal.value = null
   } else {
-    isForbidden()
     radioVal.value = index
-    emits("radioChange", row, radioVal.value)
   }
+  isForbidden()
+  emits("radioChange", radioVal.value ? row : null, radioVal.value)
 }
+
 // 点击单选框单元格触发事件
 const radioHandleChange = (row: any, index: any) => {
   if (props.rowClickRadio) {
diff --git a/packages/table/src/singleEditCell.vue b/packages/table/src/singleEditCell.vue
index 4de35d8e..c5ff5f09 100644
--- a/packages/table/src/singleEditCell.vue
+++ b/packages/table/src/singleEditCell.vue
@@ -79,7 +79,8 @@
           :disabled="value.disabled"
           :label="compChildLabel(configEdit, value)"
           :value="compChildValue(configEdit, value, key)"
-        >{{ compChildShowLabel(configEdit, value) }}</component>
+          >{{ compChildShowLabel(configEdit, value) }}</component
+        >
       </template>
     </component>
   </component>
@@ -180,6 +181,7 @@ const cEvent: any = computed(() => {
     return { ...changeEvent }
   }
 })
+
 const selectListType = computed(() => {
   return (item: { list: string | number }) => {
     if (props.listTypeInfo) {
@@ -274,17 +276,16 @@ const resetTselectTableFields = () => {
 }
 // placeholder的显示
 const getPlaceholder = (row: any) => {
-  let placeholder
-  if (row.editComponent && typeof row.editComponent == "string") {
-    if (row.editComponent.includes("input")) {
-      placeholder = "请输入" + row.label
-    } else if (row.editComponent.includes("select") || row.editComponent.includes("date")) {
-      placeholder = "请选择" + row.label
-    } else {
-      placeholder = row.label
-    }
+  if (!row.editComponent || typeof row.editComponent !== "string") {
+    return row.label
+  }
+  const componentType = row.editComponent.toLowerCase()
+  if (componentType.includes("input")) {
+    return "请输入" + row.label
+  } else if (componentType.includes("select") || componentType.includes("date")) {
+    return "请选择" + row.label
   }
-  return placeholder
+  return row.label
 }
 
 defineExpose({ resetTselectTableFields })

From d8e18b2fc05fd6168349c1f3085e18ab18a3dfd4 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:34:08 +0800
Subject: [PATCH 16/20] =?UTF-8?q?perf=EF=BC=9A=E4=BC=98=E5=8C=96TSelectTab?=
 =?UTF-8?q?le=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/select-table/src/index.vue | 211 ++++++++++++----------------
 1 file changed, 86 insertions(+), 125 deletions(-)

diff --git a/packages/select-table/src/index.vue b/packages/select-table/src/index.vue
index 64871328..6b17447e 100644
--- a/packages/select-table/src/index.vue
+++ b/packages/select-table/src/index.vue
@@ -312,7 +312,7 @@ const props = defineProps({
     default: () => []
   },
   // Function(row: any, index: number) 的返回值用来决定这一行的 CheckBox 是否可以勾选
-  selectable:Function
+  selectable: Function
 })
 const selectAttr = computed(() => {
   return {
@@ -475,34 +475,20 @@ const closeBox = () => {
 }
 // 单选键盘事件
 const selectKeyup = (e: { keyCode: any }) => {
-  if (!props.multiple) {
-    if (!props.isKeyup) return
-    if (state.tableData.length === 0) return
-    switch (e.keyCode) {
-      case 40: // 下键
-        if (state.tableData[nowIndex.value * 1 + 1] !== undefined) {
-          selectTable.value.setCurrentRow(state.tableData[nowIndex.value * 1 + 1])
-          nowIndex.value = nowIndex.value * 1 + 1
-        } else {
-          nowIndex.value = 0
-          selectTable.value.setCurrentRow(state.tableData[0])
-        }
-        break
-      case 38: // 上键
-        if (state.tableData[nowIndex.value * 1 - 1] !== undefined && nowIndex.value > 0) {
-          selectTable.value.setCurrentRow(state.tableData[nowIndex.value * 1 - 1])
-          nowIndex.value = nowIndex.value * 1 - 1
-        } else {
-          nowIndex.value = 0
-          selectTable.value.setCurrentRow(state.tableData[0])
-        }
-        break
-      case 13: // 回车
-        rowClick(state.tableData[nowIndex.value])
-        break
+  if (!props.multiple && props.isKeyup && state.tableData.length > 0) {
+    const newIndex = nowIndex.value * 1
+    const nextIndex = e.keyCode === 40 ? newIndex + 1 : e.keyCode === 38 ? newIndex - 1 : newIndex
+    const validNextIndex = Math.max(0, Math.min(nextIndex, state.tableData.length - 1))
+
+    selectTable.value.setCurrentRow(state.tableData[validNextIndex])
+    nowIndex.value = validNextIndex
+
+    if (e.keyCode === 13) {
+      rowClick(state.tableData[validNextIndex])
     }
   }
 }
+
 // 赋值
 const findLabel = () => {
   nextTick(() => {
@@ -531,47 +517,32 @@ const handlesCurrentChange = (val: any) => {
 // 默认选中（且只能默认选中第一页的数据）
 const defaultSelect = (defaultSelectVal: any[]) => {
   if (props.multiple) {
-    let multipleList: any = []
-    defaultSelectVal.map(val => {
-      state.tableData.forEach((row: any) => {
-        if (val === row[props.keywords.value]) {
-          multipleList.push(row)
-        }
-      })
-    })
+    const multipleList = defaultSelectVal
+      .map(val => state.tableData.find(row => row[props.keywords.value] === val))
+      .filter(Boolean) as any[]
+
     setTimeout(() => {
-      state.defaultValue = multipleList.map(
-        (item: { [x: string]: any }) => item[props.keywords.label]
-      )
-      multipleList.forEach((row: { [x: string]: any }) => {
-        const arr = state.tableData.filter(
-          (item: { [x: string]: any }) => item[props.keywords.value] === row[props.keywords.value]
-        )
-        if (arr.length > 0) {
-          selectTable.value.toggleRowSelection(arr[0], true)
-        }
+      state.defaultValue = multipleList.map(item => item[props.keywords.label])
+      multipleList.forEach(row => {
+        selectTable.value.toggleRowSelection(row, true)
       })
-      selectRef.value?.selected?.forEach((item: { currentLabel: any; value: any }) => {
+      selectRef.value?.selected?.forEach(item => {
         item.currentLabel = item.value
       })
     }, 0)
   } else {
-    let row = {} as any
-    let index: any
-    state.tableData.map((val: { [x: string]: any }, i: any) => {
-      if (val[props.keywords.value] === defaultSelectVal[0]) {
-        row = val
-        index = i
-      }
-    })
-    radioVal.value = index + 1
-    state.defaultValue = row
-    setTimeout(() => {
-      selectDefaultLabel.value = row && row[props.keywords.label]
-    }, 0)
-    emits("radioChange", row, row && row[props.keywords.value])
+    const row = state.tableData.find(item => item[props.keywords.value] === defaultSelectVal[0])
+    if (row) {
+      radioVal.value = state.tableData.indexOf(row) + 1
+      state.defaultValue = row
+      setTimeout(() => {
+        selectDefaultLabel.value = row[props.keywords.label]
+      }, 0)
+      emits("radioChange", row, row[props.keywords.value])
+    }
   }
 }
+
 // 复选框(多选)
 const handlesSelectionChange = (val: any[]) => {
   // console.log('复选框', val)
@@ -599,27 +570,22 @@ const getRowKey = (row: { [x: string]: any }) => {
 const filterMethodHandle = (val: string) => {
   if (!props.filterable) return
   const tableData = JSON.parse(JSON.stringify(props.table?.data))
-  if (tableData && tableData.length > 0) {
-    if (!props.multiple) {
-      if (val) {
-        radioVal.value = ""
-      } else {
-        tableData.map((item: { [x: string]: any }, index: number | any) => {
-          if (
-            item[props.keywords.value] === selectDefaultLabel.value &&
-            selectDefaultLabel.value[props.keywords.value]
-          ) {
-            radioVal.value = index + 1
-          }
-        })
+  if (!tableData || tableData.length === 0) return
+  if (!props.multiple) {
+    if (val) {
+      radioVal.value = ""
+    } else {
+      const defaultIndex = tableData.findIndex(
+        item => item[props.keywords.value] === selectDefaultLabel.value
+      )
+      if (defaultIndex !== -1) {
+        radioVal.value = defaultIndex + 1
       }
     }
-    state.tableData = tableData.filter((item: { [x: string]: string | string[] }) => {
-      if (item[props.keywords.label].includes(val)) {
-        return item
-      }
-    })
   }
+  state.tableData = tableData.filter(item => {
+    return item[props.keywords.label].includes(val)
+  })
 }
 
 // 获取表格数据
@@ -627,24 +593,25 @@ const initTableData = () => {
   // 表格默认赋值
   nextTick(() => {
     if (props.multiple) {
-      state.defaultValue?.forEach((row: { [x: string]: any }) => {
-        const arr = state.tableData.filter(
-          (item: { [x: string]: any }) => item[props.keywords.value] === row[props.keywords.value]
+      state.defaultValue?.forEach(row => {
+        const matchedRow = state.tableData.find(
+          item => item[props.keywords.value] === row[props.keywords.value]
         )
-        if (arr.length > 0) {
-          selectTable.value.toggleRowSelection(arr[0], true)
+        if (matchedRow) {
+          selectTable.value.toggleRowSelection(matchedRow, true)
         }
       })
     } else {
-      const arr = state.tableData.filter(
-        (item: { [x: string]: any }) =>
-          item[props.keywords.value] === selectDefaultLabel.value &&
-          selectDefaultLabel.value[props.keywords.value]
+      const matchedRow = state.tableData.find(
+        item => item[props.keywords.value] === selectDefaultLabel.value
       )
-      selectTable.value.setCurrentRow(arr[0])
+      if (matchedRow) {
+        selectTable.value.setCurrentRow(matchedRow)
+      }
     }
   })
 }
+
 // 复制内容
 const copyDomText = (val: any) => {
   // 获取需要复制的元素以及元素内的文本内容
@@ -683,60 +650,54 @@ const isForbidden = () => {
 }
 // 单选抛出事件radioChange
 const radioClick = (row: { [x: string]: any }, index: string) => {
-  forbidden.value = !!forbidden.value
-  if (radioVal.value) {
-    if (radioVal.value === index) {
-      radioVal.value = ""
-      isForbidden()
-      state.defaultValue = {}
-      state.defaultSelectValue = []
-      isDefaultSelectVal.value = true
-      emits("radioChange", {}, null) // 取消勾选就把回传数据清除
-      // blur()
-    } else {
-      isForbidden()
-      radioVal.value = index
-      state.defaultValue = row
-      emits("radioChange", row, row[props.keywords.value])
-      // blur()
-    }
-  } else {
+  forbidden.value = !forbidden.value
+  if (radioVal.value === index) {
+    radioVal.value = ""
     isForbidden()
-    radioVal.value = index
-    state.defaultValue = row
-    emits("radioChange", row, row[props.keywords.value])
+    resetState()
+    emits("radioChange", {}, null)
+  } else {
+    updateState(row, index)
   }
-  // 是否显示下拉框
+
   if (props.isExpanded) {
-    selectDefaultLabel.value =
-      (state.defaultValue && state.defaultValue[props.keywords.label]) || ""
+    selectDefaultLabel.value = state.defaultValue[props.keywords.label] || ""
     selectRef.value.expanded = true
   } else {
     blur()
   }
 }
+const resetState = () => {
+  state.defaultValue = {}
+  state.defaultSelectValue = []
+  isDefaultSelectVal.value = true
+}
+const updateState = (row: { [x: string]: any }, index: string) => {
+  isForbidden()
+  radioVal.value = index
+  state.defaultValue = row
+  emits("radioChange", row, row[props.keywords.value])
+}
+
 // 单击行
 const rowClick = async (row: { [x: string]: any }) => {
   if (!props.rowClickRadio) return
   if (!props.multiple) {
-    let rowIndex: any
-    // eslint-disable-next-line no-unused-expressions
-    props.table?.data.forEach((item: { [x: string]: any }, index: any) => {
-      if (item[props.keywords.value] === row[props.keywords.value]) {
-        // console.log('index', index)
-        rowIndex = index
+    const rowIndex = props.table?.data.findIndex(
+      item => item[props.keywords.value] === row[props.keywords.value]
+    )
+    if (rowIndex !== -1) {
+      isDefaultSelectVal.value = false
+      await radioClick(row, rowIndex + 1)
+      if (radioVal.value) {
+        isRadio.value = true
+      } else {
+        isRadio.value = false
       }
-    })
-    // await this.radioClick(row, rowIndex + 1)
-    isDefaultSelectVal.value = false
-    await radioClick(row, rowIndex + 1)
-    if (radioVal.value) {
-      isRadio.value = true
-    } else {
-      isRadio.value = false
     }
   }
 }
+
 // tags删除后回调
 const removeTag = (tag: any) => {
   const row = state.tableData.find(

From 7dbb81d7692fc1f58fe0c020644088f430866ea1 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:34:47 +0800
Subject: [PATCH 17/20] =?UTF-8?q?fix:=E6=9D=A1=E4=BB=B6=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6--=E4=BB=A5=E4=B8=8B=E6=8B=89=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=E5=B1=95=E7=A4=BA=E6=9B=B4=E5=A4=9A=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9EeventHandle=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/query-condition/src/moreChoose.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/query-condition/src/moreChoose.vue b/packages/query-condition/src/moreChoose.vue
index 9c2fcd02..1648c32a 100644
--- a/packages/query-condition/src/moreChoose.vue
+++ b/packages/query-condition/src/moreChoose.vue
@@ -135,16 +135,17 @@ const analysisObj = (val: any[]) => {
       label: item.label,
       comp: item.comp,
       bind: item.bind,
-      list: item && item.list,
-      changeEvent: item && item.changeEvent,
-      listTypeInfo: item && item.listTypeInfo,
-      arrLabel: item && item.arrLabel,
-      arrKey: item && item.arrKey,
-      slotName: item && item.slotName,
-      span: item && item.span,
-      type: item && item.type,
+      list: item?.list,
+      eventHandle: item?.eventHandle,
+      changeEvent: item?.changeEvent,
+      listTypeInfo: item?.listTypeInfo,
+      arrLabel: item?.arrLabel,
+      arrKey: item?.arrKey,
+      slotName: item?.slotName,
+      span: item?.span,
+      type: item?.type,
       isSelfCom: (item && item.isSelfCom) || false,
-      defaultVal: item && item.defaultVal
+      defaultVal: item?.defaultVal
     }
     return obj
   }, {})

From f901358097cd553cf3383dc3c7265faa4b1e02a7 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:35:49 +0800
Subject: [PATCH 18/20] =?UTF-8?q?perf=EF=BC=9A=E4=BC=98=E5=8C=96TDatePicke?=
 =?UTF-8?q?r=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/date-picker/src/index.vue | 267 ++++++++---------------------
 1 file changed, 74 insertions(+), 193 deletions(-)

diff --git a/packages/date-picker/src/index.vue b/packages/date-picker/src/index.vue
index b96b1c5e..d8b44f9d 100644
--- a/packages/date-picker/src/index.vue
+++ b/packages/date-picker/src/index.vue
@@ -87,211 +87,92 @@ let time: any = computed({
 })
 const DatePicker = ref()
 const attrsBind = computed(() => {
-  let attrs = {} as any
-  switch (props.type) {
-    case "date":
-    case "dates":
-      attrs["value-format"] = "YYYY-MM-DD"
-      attrs["placeholder"] = "请选择日期"
-      break
-    case "week":
-      // attrs['value-format'] = 'YYYY - ww'
-      attrs["format"] = "YYYY 第 ww 周"
-      attrs["placeholder"] = "请选择周"
-      break
-    case "month":
-    case "months":
-      attrs["value-format"] = "YYYY-MM"
-      attrs["format"] = "YYYY-MM"
-      attrs["placeholder"] = "请选择月"
-      break
-    case "year":
-    case "years":
-      attrs["value-format"] = "YYYY"
-      attrs["format"] = "YYYY"
-      attrs["placeholder"] = "请选择年"
-      break
-    /**
-     * 日期范围
-     */
-    case "daterange":
-      attrs["value-format"] = "YYYY-MM-DD"
-      attrs["range-separator"] = "~"
-      attrs["start-placeholder"] = "请选择开始日期"
-      attrs["end-placeholder"] = "请选择结束日期"
-      break
-    case "monthrange":
-      attrs["value-format"] = "YYYY-MM"
-      attrs["range-separator"] = "~"
-      attrs["start-placeholder"] = "请选择开始月份"
-      attrs["end-placeholder"] = "请选择结束月份"
-      break
-    /**
-     * 日期和时间点
-     */
-    case "datetime":
-      attrs["format"] = "YYYY-MM-DD HH:mm:ss"
-      attrs["value-format"] = "YYYY-MM-DD HH:mm:ss"
-      attrs["placeholder"] = "请选择日期时间"
-      break
-    case "datetimerange":
-      attrs["format"] = "YYYY-MM-DD HH:mm:ss"
-      attrs["value-format"] = "YYYY-MM-DD HH:mm:ss"
-      attrs["range-separator"] = "~"
-      attrs["start-placeholder"] = "请选择开始日期"
-      attrs["end-placeholder"] = "请选择结束日期"
-      break
+  const baseAttrs = {
+    date: { "value-format": "YYYY-MM-DD", placeholder: "请选择日期" },
+    dates: { "value-format": "YYYY-MM-DD", placeholder: "请选择日期" },
+    week: { format: "YYYY 第 ww 周", placeholder: "请选择周" },
+    month: { "value-format": "YYYY-MM", format: "YYYY-MM", placeholder: "请选择月" },
+    months: { "value-format": "YYYY-MM", format: "YYYY-MM", placeholder: "请选择月" },
+    year: { "value-format": "YYYY", format: "YYYY", placeholder: "请选择年" },
+    years: { "value-format": "YYYY", format: "YYYY", placeholder: "请选择年" },
+    daterange: {
+      "value-format": "YYYY-MM-DD",
+      "range-separator": "~",
+      "start-placeholder": "请选择开始日期",
+      "end-placeholder": "请选择结束日期"
+    },
+    monthrange: {
+      "value-format": "YYYY-MM",
+      "range-separator": "~",
+      "start-placeholder": "请选择开始月份",
+      "end-placeholder": "请选择结束月份"
+    },
+    datetime: {
+      format: "YYYY-MM-DD HH:mm:ss",
+      "value-format": "YYYY-MM-DD HH:mm:ss",
+      placeholder: "请选择日期时间"
+    },
+    datetimerange: {
+      format: "YYYY-MM-DD HH:mm:ss",
+      "value-format": "YYYY-MM-DD HH:mm:ss",
+      "range-separator": "~",
+      "start-placeholder": "请选择开始日期",
+      "end-placeholder": "请选择结束日期"
+    }
   }
+  const typeAttrs = baseAttrs[props.type] || {}
   return {
-    ...attrs,
+    ...typeAttrs,
     ...$attrs
   }
 })
+
 const state = reactive({
   dateOptions: props.shortcuts
 })
 // 获取快捷配置
 const getShortcuts = (type: any) => {
-  let shortcuts: any = []
-  switch (type) {
-    case "date":
-      shortcuts = [
-        {
-          text: "今天",
-          value: new Date()
-        },
-        {
-          text: "昨天",
-          value: () => {
-            const date = new Date()
-            date.setTime(date.getTime() - 3600 * 1000 * 24)
-            return date
-          }
-        },
-        {
-          text: "一周前",
-          value: () => {
-            const date = new Date()
-            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-            return date
-          }
-        }
-      ]
-      break
-    case "daterange":
-      shortcuts = [
-        {
-          text: "最近一周",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
-            return [start, end]
-          }
-        },
-        {
-          text: "最近一个月",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
-            return [start, end]
-          }
-        },
-        {
-          text: "最近三个月",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
-            return [start, end]
-          }
-        }
-      ]
-      break
-    case "monthrange":
-      shortcuts = [
-        {
-          text: "本月",
-          value: [new Date(), new Date()]
-        },
-        {
-          text: "今年至今",
-          value: () => {
-            const end = new Date()
-            const start = new Date(new Date().getFullYear(), 0)
-            return [start, end]
-          }
-        },
-        {
-          text: "最近六个月",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setMonth(start.getMonth() - 6)
-            return [start, end]
-          }
-        }
-      ]
-      break
-    case "datetime":
-      shortcuts = [
-        {
-          text: "今天",
-          value: new Date()
-        },
-        {
-          text: "昨天",
-          value: () => {
-            const date = new Date()
-            date.setTime(date.getTime() - 3600 * 1000 * 24)
-            return date
-          }
-        },
-        {
-          text: "一周前",
-          value: () => {
-            const date = new Date()
-            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-            return date
-          }
-        }
-      ]
-      break
-    case "datetimerange":
-      shortcuts = [
-        {
-          text: "最近一周",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
-            return [start, end]
-          }
-        },
-        {
-          text: "最近一个月",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
-            return [start, end]
-          }
-        },
-        {
-          text: "最近三个月",
-          value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
-            return [start, end]
-          }
-        }
-      ]
-      break
+  const shortcuts = {
+    date: [
+      { text: "今天", value: new Date() },
+      { text: "昨天", value: () => subtractDays(new Date(), 1) },
+      { text: "一周前", value: () => subtractDays(new Date(), 7) }
+    ],
+    daterange: [
+      { text: "最近一周", value: () => [subtractDays(new Date(), 7), new Date()] },
+      { text: "最近一个月", value: () => [subtractDays(new Date(), 30), new Date()] },
+      { text: "最近三个月", value: () => [subtractDays(new Date(), 90), new Date()] }
+    ],
+    monthrange: [
+      { text: "本月", value: [new Date(), new Date()] },
+      { text: "今年至今", value: () => [new Date(new Date().getFullYear(), 0), new Date()] },
+      { text: "最近六个月", value: () => [subtractMonths(new Date(), 6), new Date()] }
+    ],
+    datetime: [
+      { text: "今天", value: new Date() },
+      { text: "昨天", value: () => subtractDays(new Date(), 1) },
+      { text: "一周前", value: () => subtractDays(new Date(), 7) }
+    ],
+    datetimerange: [
+      { text: "最近一周", value: () => [subtractDays(new Date(), 7), new Date()] },
+      { text: "最近一个月", value: () => [subtractDays(new Date(), 30), new Date()] },
+      { text: "最近三个月", value: () => [subtractDays(new Date(), 90), new Date()] }
+    ]
   }
-  return shortcuts
+
+  return shortcuts[type] || []
 }
+const subtractDays = (date: Date, days: number) => {
+  const newDate = new Date(date)
+  newDate.setDate(newDate.getDate() - days)
+  return newDate
+}
+const subtractMonths = (date: Date, months: number) => {
+  const newDate = new Date(date)
+  newDate.setMonth(newDate.getMonth() - months)
+  return newDate
+}
+
 const dateChange = (val: any[]) => {
   if (props.type === "daterange" && val) {
     let startTime = val[0]

From 1815ee45ec71562c364e17699c2f99ef7b99f670 Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:36:26 +0800
Subject: [PATCH 19/20] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3=E5=8D=87=E7=BA=A7e?=
 =?UTF-8?q?lement-plus2.7.8=E5=90=8Eel-pagination=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=8A=A5=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/examples/TDatePicker/singleDate.vue |  2 +-
 docs/examples/TTable/base.vue            | 10 +++++++---
 package.json                             |  2 +-
 packages/select-table/src/index.vue      |  3 +--
 packages/select/src/index.vue            |  2 +-
 packages/table/src/index.vue             |  5 +++--
 6 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/docs/examples/TDatePicker/singleDate.vue b/docs/examples/TDatePicker/singleDate.vue
index c4b937bd..eecc4ee7 100644
--- a/docs/examples/TDatePicker/singleDate.vue
+++ b/docs/examples/TDatePicker/singleDate.vue
@@ -1,7 +1,7 @@
 <template>
   <t-layout-page class="single_Date">
     <t-layout-page-item>
-      <el-radio-group v-model="size" label="size control" size="small">
+      <el-radio-group v-model="size" aria-label="size control" size="small">
         <el-radio-button value="large">large</el-radio-button>
         <el-radio-button value="default">default</el-radio-button>
         <el-radio-button value="small">small</el-radio-button>
diff --git a/docs/examples/TTable/base.vue b/docs/examples/TTable/base.vue
index 0704574b..5aa7dac0 100644
--- a/docs/examples/TTable/base.vue
+++ b/docs/examples/TTable/base.vue
@@ -6,6 +6,8 @@
         :table="table"
         :columns="table.columns"
         :isShowPagination="false"
+        :header-cell-style="headerCellStyle"
+        :row-style="{ height: '52px'}"
         size="small"
       />
     </t-layout-page-item>
@@ -13,10 +15,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue"
+import { nextTick, ref } from "vue"
+const headerCellStyle = ref({
+  background: "red",
+  height: "50px"
+})
 const table = ref({
-  // border: true,
-  // 接口返回数据
   data: [
     {
       id: "1",
diff --git a/package.json b/package.json
index 10482dc3..134fcd3d 100644
--- a/package.json
+++ b/package.json
@@ -45,12 +45,12 @@
     "chalk": "^5.2.0",
     "consola": "^3.1.0",
     "echarts": "^5.4.3",
-    "element-plus": "^2.6.1",
     "escape-html": "^1.0.3",
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.6.0",
+    "element-plus": "^2.7.8",
     "jsencrypt": "3.0.0-rc.1",
     "markdown-it": "^13.0.1",
     "markdown-it-container": "^3.0.0",
diff --git a/packages/select-table/src/index.vue b/packages/select-table/src/index.vue
index 6b17447e..2687e4a3 100644
--- a/packages/select-table/src/index.vue
+++ b/packages/select-table/src/index.vue
@@ -134,12 +134,11 @@
           <el-pagination
             v-model:current-page="table.currentPage"
             v-model:page-size="table.pageSize"
-            small
             size="small"
             background
             @current-change="handlesCurrentChange"
             layout="total, prev, pager, next, jumper"
-            :pager-count="5"
+            :pager-count="table['pager-count'] || 5"
             :total="table.total"
             v-bind="$attrs"
           />
diff --git a/packages/select/src/index.vue b/packages/select/src/index.vue
index cb7ff6f2..aba44a36 100644
--- a/packages/select/src/index.vue
+++ b/packages/select/src/index.vue
@@ -46,7 +46,7 @@
           :total="paginationOption.total"
           @input.stop="(e: any) => emits('input', e.target.value)"
           v-bind="{
-            small: true,
+            size: 'small',
             background: true,
             ...$attrs,
             ...paginationOption.bind
diff --git a/packages/table/src/index.vue b/packages/table/src/index.vue
index d91c1b61..c8f7f031 100644
--- a/packages/table/src/index.vue
+++ b/packages/table/src/index.vue
@@ -306,7 +306,6 @@
     <!-- 分页器 -->
     <el-pagination
       v-if="state.tableData && state.tableData.length && isShowPagination"
-      small
       v-model:current-page="table.currentPage"
       @current-change="handlesCurrentChange"
       :page-sizes="[10, 20, 50, 100]"
@@ -315,6 +314,7 @@
       :prev-text="table.prevText"
       :next-text="table.nextText"
       :total="table.total || 0"
+      :size="table.size || 'small'"
       v-bind="$attrs"
       background
     >
@@ -1008,7 +1008,8 @@ defineExpose({
   radioVal,
   clearValidate,
   resetFields,
-  saveMethod
+  saveMethod,
+  reSetColumnSet
 })
 </script>
 <style lang="scss" scoped>

From 148d182efe816e774493b12661fe1131ce5451dd Mon Sep 17 00:00:00 2001
From: wocwin <wocwin@163.com>
Date: Thu, 8 Aug 2024 12:36:37 +0800
Subject: [PATCH 20/20] =?UTF-8?q?ci:=E5=8F=91=E5=B8=831.4.10?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json   |   2 +-
 pnpm-lock.yaml | 391 +++++++------------------------------------------
 2 files changed, 50 insertions(+), 343 deletions(-)

diff --git a/package.json b/package.json
index 134fcd3d..dd0ed0fd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wocwin/t-ui-plus",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "description": "Vue3 中基于Element-plus二次封装基础组件文档",
   "author": "wocwin",
   "license": "MIT",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d189c56b..8b61bcaa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,8 +50,8 @@ devDependencies:
     specifier: ^5.4.3
     version: 5.4.3
   element-plus:
-    specifier: ^2.6.1
-    version: 2.6.1(vue@3.3.4)
+    specifier: ^2.7.8
+    version: 2.7.8(vue@3.3.4)
   escape-html:
     specifier: ^1.0.3
     version: 1.0.3
@@ -111,7 +111,7 @@ devDependencies:
     version: 1.55.0
   sass-loader:
     specifier: ^13.1.0
-    version: 13.1.0(sass@1.55.0)(webpack@5.89.0)
+    version: 13.1.0(sass@1.55.0)
   sortablejs:
     specifier: ^1.15.0
     version: 1.15.0
@@ -120,7 +120,7 @@ devDependencies:
     version: 4.6.4
   unocss:
     specifier: ^0.51.13
-    version: 0.51.13(postcss@8.4.31)(vite@3.1.0)
+    version: 0.51.13(vite@3.1.0)
   unplugin-auto-import:
     specifier: ^0.11.2
     version: 0.11.2(@vueuse/core@9.13.0)
@@ -138,7 +138,7 @@ devDependencies:
     version: 0.4.0(vite@3.1.0)
   vitepress:
     specifier: 1.0.0-alpha.75
-    version: 1.0.0-alpha.75(@algolia/client-search@4.20.0)(@types/node@18.7.18)(sass@1.55.0)(search-insights@2.13.0)
+    version: 1.0.0-alpha.75(@types/node@18.7.18)(sass@1.55.0)
   vue:
     specifier: 3.3.4
     version: 3.3.4
@@ -159,47 +159,44 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /@algolia/autocomplete-core@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0):
+  /@algolia/autocomplete-core@1.9.3(algoliasearch@4.20.0):
     resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==}
     dependencies:
-      '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0)
-      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
+      '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(algoliasearch@4.20.0)
+      '@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - algoliasearch
       - search-insights
     dev: true
 
-  /@algolia/autocomplete-plugin-algolia-insights@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0):
+  /@algolia/autocomplete-plugin-algolia-insights@1.9.3(algoliasearch@4.20.0):
     resolution: {integrity: sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==}
     peerDependencies:
       search-insights: '>= 1 < 3'
     dependencies:
-      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
-      search-insights: 2.13.0
+      '@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - algoliasearch
     dev: true
 
-  /@algolia/autocomplete-preset-algolia@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0):
+  /@algolia/autocomplete-preset-algolia@1.9.3(algoliasearch@4.20.0):
     resolution: {integrity: sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==}
     peerDependencies:
       '@algolia/client-search': '>= 4.9.1 < 6'
       algoliasearch: '>= 4.9.1 < 6'
     dependencies:
-      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
-      '@algolia/client-search': 4.20.0
+      '@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
       algoliasearch: 4.20.0
     dev: true
 
-  /@algolia/autocomplete-shared@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0):
+  /@algolia/autocomplete-shared@1.9.3(algoliasearch@4.20.0):
     resolution: {integrity: sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==}
     peerDependencies:
       '@algolia/client-search': '>= 4.9.1 < 6'
       algoliasearch: '>= 4.9.1 < 6'
     dependencies:
-      '@algolia/client-search': 4.20.0
       algoliasearch: 4.20.0
     dev: true
 
@@ -621,10 +618,10 @@ packages:
     resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==}
     dev: true
 
-  /@docsearch/js@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0):
+  /@docsearch/js@3.5.2:
     resolution: {integrity: sha512-p1YFTCDflk8ieHgFJYfmyHBki1D61+U9idwrLh+GQQMrBSP3DLGKpy0XUJtPjAOPltcVbqsTjiPFfH7JImjUNg==}
     dependencies:
-      '@docsearch/react': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0)
+      '@docsearch/react': 3.5.2
       preact: 10.18.2
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -634,7 +631,7 @@ packages:
       - search-insights
     dev: true
 
-  /@docsearch/react@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0):
+  /@docsearch/react@3.5.2:
     resolution: {integrity: sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==}
     peerDependencies:
       '@types/react': '>= 16.8.0 < 19.0.0'
@@ -651,11 +648,10 @@ packages:
       search-insights:
         optional: true
     dependencies:
-      '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0)
-      '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
+      '@algolia/autocomplete-core': 1.9.3(algoliasearch@4.20.0)
+      '@algolia/autocomplete-preset-algolia': 1.9.3(algoliasearch@4.20.0)
       '@docsearch/css': 3.5.2
       algoliasearch: 4.20.0
-      search-insights: 2.13.0
     transitivePeerDependencies:
       - '@algolia/client-search'
     dev: true
@@ -909,21 +905,21 @@ packages:
       - supports-color
     dev: true
 
-  /@floating-ui/core@1.5.0:
-    resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
+  /@floating-ui/core@1.6.6:
+    resolution: {integrity: sha512-Vkvsw6EcpMHjvZZdMkSY+djMGFbt7CRssW99Ne8tar2WLnZ/l3dbxeTShbLQj+/s35h+Qb4cmnob+EzwtjrXGQ==}
     dependencies:
-      '@floating-ui/utils': 0.1.6
+      '@floating-ui/utils': 0.2.6
     dev: true
 
-  /@floating-ui/dom@1.5.3:
-    resolution: {integrity: sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==}
+  /@floating-ui/dom@1.6.9:
+    resolution: {integrity: sha512-zB1PcI350t4tkm3rvUhSRKa9sT7vH5CrAbQxW+VaPYJXKAO0gsg4CTueL+6Ajp7XzAQC8CW4Jj1Wgqc0sB6oUQ==}
     dependencies:
-      '@floating-ui/core': 1.5.0
-      '@floating-ui/utils': 0.1.6
+      '@floating-ui/core': 1.6.6
+      '@floating-ui/utils': 0.2.6
     dev: true
 
-  /@floating-ui/utils@0.1.6:
-    resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
+  /@floating-ui/utils@0.2.6:
+    resolution: {integrity: sha512-0KI3zGxIUs1KDR/pjQPdJH4Z8nGBm0yJ5WRoRfdw1Kzeh45jkIfA0rmD0kBF6fKHH+xaH7g8y4jIXyAV5MGK3g==}
     dev: true
 
   /@humanwhocodes/config-array@0.10.7:
@@ -1182,20 +1178,6 @@ packages:
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
     dev: true
 
-  /@types/eslint-scope@3.7.7:
-    resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
-    dependencies:
-      '@types/eslint': 8.56.0
-      '@types/estree': 1.0.5
-    dev: true
-
-  /@types/eslint@8.56.0:
-    resolution: {integrity: sha512-FlsN0p4FhuYRjIxpbdXovvHQhtlG05O1GG/RNWvdAxTboR438IOTwmrY/vLA+Xfgg06BTkP045M3vpFwTMv1dg==}
-    dependencies:
-      '@types/estree': 1.0.5
-      '@types/json-schema': 7.0.15
-    dev: true
-
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
     dev: true
@@ -1204,14 +1186,14 @@ packages:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
     dev: true
 
-  /@types/lodash-es@4.17.11:
-    resolution: {integrity: sha512-eCw8FYAWHt2DDl77s+AMLLzPn310LKohruumpucZI4oOFJkIgnlaJcy23OKMJxx4r9PeTF13Gv6w+jqjWQaYUg==}
+  /@types/lodash-es@4.17.12:
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
     dependencies:
-      '@types/lodash': 4.14.201
+      '@types/lodash': 4.17.7
     dev: true
 
-  /@types/lodash@4.14.201:
-    resolution: {integrity: sha512-y9euML0cim1JrykNxADLfaG0FgD1g/yTHwUs/Jg9ZIU7WKj2/4IW9Lbb1WZbvck78W/lfGXFfe+u2EGfIJXdLQ==}
+  /@types/lodash@4.17.7:
+    resolution: {integrity: sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==}
     dev: true
 
   /@types/node@18.7.18:
@@ -1419,11 +1401,9 @@ packages:
       sirv: 2.0.3
     dev: true
 
-  /@unocss/postcss@0.51.13(postcss@8.4.31):
+  /@unocss/postcss@0.51.13:
     resolution: {integrity: sha512-V1QJ7md9jYtBwRc6NGep1Atc+QhaR3115B1wCo8CNM+v+ZOQzpxNsAshvOfyPzfzTj+KLtp4u4zqqaTbYGX2cw==}
     engines: {node: '>=14'}
-    peerDependencies:
-      postcss: ^8.4.21
     dependencies:
       '@unocss/config': 0.51.13
       '@unocss/core': 0.51.13
@@ -1859,128 +1839,6 @@ packages:
       - vue
     dev: true
 
-  /@webassemblyjs/ast@1.11.6:
-    resolution: {integrity: sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==}
-    dependencies:
-      '@webassemblyjs/helper-numbers': 1.11.6
-      '@webassemblyjs/helper-wasm-bytecode': 1.11.6
-    dev: true
-
-  /@webassemblyjs/floating-point-hex-parser@1.11.6:
-    resolution: {integrity: sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==}
-    dev: true
-
-  /@webassemblyjs/helper-api-error@1.11.6:
-    resolution: {integrity: sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==}
-    dev: true
-
-  /@webassemblyjs/helper-buffer@1.11.6:
-    resolution: {integrity: sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==}
-    dev: true
-
-  /@webassemblyjs/helper-numbers@1.11.6:
-    resolution: {integrity: sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==}
-    dependencies:
-      '@webassemblyjs/floating-point-hex-parser': 1.11.6
-      '@webassemblyjs/helper-api-error': 1.11.6
-      '@xtuc/long': 4.2.2
-    dev: true
-
-  /@webassemblyjs/helper-wasm-bytecode@1.11.6:
-    resolution: {integrity: sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==}
-    dev: true
-
-  /@webassemblyjs/helper-wasm-section@1.11.6:
-    resolution: {integrity: sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==}
-    dependencies:
-      '@webassemblyjs/ast': 1.11.6
-      '@webassemblyjs/helper-buffer': 1.11.6
-      '@webassemblyjs/helper-wasm-bytecode': 1.11.6
-      '@webassemblyjs/wasm-gen': 1.11.6
-    dev: true
-
-  /@webassemblyjs/ieee754@1.11.6:
-    resolution: {integrity: sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==}
-    dependencies:
-      '@xtuc/ieee754': 1.2.0
-    dev: true
-
-  /@webassemblyjs/leb128@1.11.6:
-    resolution: {integrity: sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==}
-    dependencies:
-      '@xtuc/long': 4.2.2
-    dev: true
-
-  /@webassemblyjs/utf8@1.11.6:
-    resolution: {integrity: sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==}
-    dev: true
-
-  /@webassemblyjs/wasm-edit@1.11.6:
-    resolution: {integrity: sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==}
-    dependencies:
-      '@webassemblyjs/ast': 1.11.6
-      '@webassemblyjs/helper-buffer': 1.11.6
-      '@webassemblyjs/helper-wasm-bytecode': 1.11.6
-      '@webassemblyjs/helper-wasm-section': 1.11.6
-      '@webassemblyjs/wasm-gen': 1.11.6
-      '@webassemblyjs/wasm-opt': 1.11.6
-      '@webassemblyjs/wasm-parser': 1.11.6
-      '@webassemblyjs/wast-printer': 1.11.6
-    dev: true
-
-  /@webassemblyjs/wasm-gen@1.11.6:
-    resolution: {integrity: sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==}
-    dependencies:
-      '@webassemblyjs/ast': 1.11.6
-      '@webassemblyjs/helper-wasm-bytecode': 1.11.6
-      '@webassemblyjs/ieee754': 1.11.6
-      '@webassemblyjs/leb128': 1.11.6
-      '@webassemblyjs/utf8': 1.11.6
-    dev: true
-
-  /@webassemblyjs/wasm-opt@1.11.6:
-    resolution: {integrity: sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==}
-    dependencies:
-      '@webassemblyjs/ast': 1.11.6
-      '@webassemblyjs/helper-buffer': 1.11.6
-      '@webassemblyjs/wasm-gen': 1.11.6
-      '@webassemblyjs/wasm-parser': 1.11.6
-    dev: true
-
-  /@webassemblyjs/wasm-parser@1.11.6:
-    resolution: {integrity: sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==}
-    dependencies:
-      '@webassemblyjs/ast': 1.11.6
-      '@webassemblyjs/helper-api-error': 1.11.6
-      '@webassemblyjs/helper-wasm-bytecode': 1.11.6
-      '@webassemblyjs/ieee754': 1.11.6
-      '@webassemblyjs/leb128': 1.11.6
-      '@webassemblyjs/utf8': 1.11.6
-    dev: true
-
-  /@webassemblyjs/wast-printer@1.11.6:
-    resolution: {integrity: sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==}
-    dependencies:
-      '@webassemblyjs/ast': 1.11.6
-      '@xtuc/long': 4.2.2
-    dev: true
-
-  /@xtuc/ieee754@1.2.0:
-    resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
-    dev: true
-
-  /@xtuc/long@4.2.2:
-    resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
-    dev: true
-
-  /acorn-import-assertions@1.9.0(acorn@8.11.2):
-    resolution: {integrity: sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==}
-    peerDependencies:
-      acorn: ^8
-    dependencies:
-      acorn: 8.11.2
-    dev: true
-
   /acorn-jsx@5.3.2(acorn@8.11.2):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1995,14 +1853,6 @@ packages:
     hasBin: true
     dev: true
 
-  /ajv-keywords@3.5.2(ajv@6.12.6):
-    resolution: {integrity: sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==}
-    peerDependencies:
-      ajv: ^6.9.1
-    dependencies:
-      ajv: 6.12.6
-    dev: true
-
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -2243,11 +2093,6 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /chrome-trace-event@1.0.3:
-    resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==}
-    engines: {node: '>=6.0'}
-    dev: true
-
   /cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -2386,8 +2231,8 @@ packages:
       is-data-view: 1.0.1
     dev: true
 
-  /dayjs@1.11.10:
-    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+  /dayjs@1.11.12:
+    resolution: {integrity: sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg==}
     dev: true
 
   /debug@4.3.4:
@@ -2471,24 +2316,24 @@ packages:
     resolution: {integrity: sha512-T5q3pjQon853xxxHUq3ZP68ZpvJHuSMY2+BZaW3QzjS4HvNuvsMmZ/+lU+nCrftre1jFZ+OSlExynXWBihnXzw==}
     dev: true
 
-  /element-plus@2.6.1(vue@3.3.4):
-    resolution: {integrity: sha512-6VRpLjwtIVdtUuITJPPKtpOH1NM6nuAkRE3q5O4Lrx0N1bYMhTkiqb2Jy7zfQuDPbOIkkF2OABTzegpNnzgsnQ==}
+  /element-plus@2.7.8(vue@3.3.4):
+    resolution: {integrity: sha512-h6dx2XihAbQaud0v+6O7Fy0b0G3YNplNVH7QnK3csTcvQd4y4raiyMRQpf9EKbRbTMdNrFsqAZrs9ok9DMcJHg==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@ctrl/tinycolor': 3.6.1
       '@element-plus/icons-vue': 2.3.1(vue@3.3.4)
-      '@floating-ui/dom': 1.5.3
+      '@floating-ui/dom': 1.6.9
       '@popperjs/core': /@sxzz/popperjs-es@2.11.7
-      '@types/lodash': 4.14.201
-      '@types/lodash-es': 4.17.11
+      '@types/lodash': 4.17.7
+      '@types/lodash-es': 4.17.12
       '@vueuse/core': 9.13.0(vue@3.3.4)
       async-validator: 4.2.5
-      dayjs: 1.11.10
+      dayjs: 1.11.12
       escape-html: 1.0.3
       lodash: 4.17.21
       lodash-es: 4.17.21
-      lodash-unified: 1.0.3(@types/lodash-es@4.17.11)(lodash-es@4.17.21)(lodash@4.17.21)
+      lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21)
       memoize-one: 6.0.0
       normalize-wheel-es: 1.2.0
       vue: 3.3.4
@@ -2500,14 +2345,6 @@ packages:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
     dev: true
 
-  /enhanced-resolve@5.15.0:
-    resolution: {integrity: sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.2.1
-    dev: true
-
   /entities@3.0.1:
     resolution: {integrity: sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==}
     engines: {node: '>=0.12'}
@@ -2583,10 +2420,6 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /es-module-lexer@1.4.1:
-    resolution: {integrity: sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==}
-    dev: true
-
   /es-object-atoms@1.0.0:
     resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
     engines: {node: '>= 0.4'}
@@ -3045,11 +2878,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /events@3.3.0:
-    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
-    engines: {node: '>=0.8.x'}
-    dev: true
-
   /execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
@@ -3255,10 +3083,6 @@ packages:
       is-glob: 4.0.3
     dev: true
 
-  /glob-to-regexp@0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
-    dev: true
-
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -3595,15 +3419,6 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
-  /jest-worker@27.5.1:
-    resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
-    engines: {node: '>= 10.13.0'}
-    dependencies:
-      '@types/node': 18.7.18
-      merge-stream: 2.0.0
-      supports-color: 8.1.1
-    dev: true
-
   /jiti@1.21.0:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
     hasBin: true
@@ -3646,10 +3461,6 @@ packages:
     resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
     dev: true
 
-  /json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: true
-
   /json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
     dev: true
@@ -3721,11 +3532,6 @@ packages:
       strip-bom: 3.0.0
     dev: true
 
-  /loader-runner@4.3.0:
-    resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
-    engines: {node: '>=6.11.5'}
-    dev: true
-
   /local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
@@ -3742,14 +3548,14 @@ packages:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
     dev: true
 
-  /lodash-unified@1.0.3(@types/lodash-es@4.17.11)(lodash-es@4.17.21)(lodash@4.17.21):
+  /lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
     resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
     peerDependencies:
       '@types/lodash-es': '*'
       lodash: '*'
       lodash-es: '*'
     dependencies:
-      '@types/lodash-es': 4.17.11
+      '@types/lodash-es': 4.17.12
       lodash: 4.17.21
       lodash-es: 4.17.21
     dev: true
@@ -4404,7 +4210,7 @@ packages:
       is-regex: 1.1.4
     dev: true
 
-  /sass-loader@13.1.0(sass@1.55.0)(webpack@5.89.0):
+  /sass-loader@13.1.0(sass@1.55.0):
     resolution: {integrity: sha512-tZS1RJQ2n2+QNyf3CCAo1H562WjL/5AM6Gi8YcPVVoNxQX8d19mx8E+8fRrMWsyc93ZL6Q8vZDSM0FHVTJaVnQ==}
     engines: {node: '>= 14.15.0'}
     peerDependencies:
@@ -4426,7 +4232,6 @@ packages:
       klona: 2.0.6
       neo-async: 2.6.2
       sass: 1.55.0
-      webpack: 5.89.0
     dev: true
 
   /sass@1.55.0:
@@ -4439,23 +4244,10 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /schema-utils@3.3.0:
-    resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
-    engines: {node: '>= 10.13.0'}
-    dependencies:
-      '@types/json-schema': 7.0.15
-      ajv: 6.12.6
-      ajv-keywords: 3.5.2(ajv@6.12.6)
-    dev: true
-
   /scule@0.3.2:
     resolution: {integrity: sha512-zIvPdjOH8fv8CgrPT5eqtxHQXmPNnV/vHJYffZhE43KZkvULvpCTvOt1HPlFaCZx287INL9qaqrZg34e8NgI4g==}
     dev: true
 
-  /search-insights@2.13.0:
-    resolution: {integrity: sha512-Orrsjf9trHHxFRuo9/rzm0KIWmgzE8RMlZMzuhZOJ01Rnz3D0YBAe+V6473t6/H6c7irs6Lt48brULAiRWb3Vw==}
-    dev: true
-
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
@@ -4725,13 +4517,6 @@ packages:
       has-flag: 4.0.0
     dev: true
 
-  /supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
-    engines: {node: '>=10'}
-    dependencies:
-      has-flag: 4.0.0
-    dev: true
-
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -4741,35 +4526,6 @@ packages:
     resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
     dev: true
 
-  /tapable@2.2.1:
-    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /terser-webpack-plugin@5.3.9(webpack@5.89.0):
-    resolution: {integrity: sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      '@swc/core': '*'
-      esbuild: '*'
-      uglify-js: '*'
-      webpack: ^5.1.0
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      esbuild:
-        optional: true
-      uglify-js:
-        optional: true
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.20
-      jest-worker: 27.5.1
-      schema-utils: 3.3.0
-      serialize-javascript: 6.0.1
-      terser: 5.26.0
-      webpack: 5.89.0
-    dev: true
-
   /terser@5.26.0:
     resolution: {integrity: sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==}
     engines: {node: '>=10'}
@@ -4946,7 +4702,7 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.51.13(postcss@8.4.31)(vite@3.1.0):
+  /unocss@0.51.13(vite@3.1.0):
     resolution: {integrity: sha512-EAhuQ97D7E+EsTdlCL+xoWEsvz46Se9ZAtHhJ+1W+DzMky9qrDLRyR8Caf2TPbz8dw/z0qYhoPr6/aJARG4r0g==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -4959,7 +4715,7 @@ packages:
       '@unocss/cli': 0.51.13
       '@unocss/core': 0.51.13
       '@unocss/extractor-arbitrary-variants': 0.51.13
-      '@unocss/postcss': 0.51.13(postcss@8.4.31)
+      '@unocss/postcss': 0.51.13
       '@unocss/preset-attributify': 0.51.13
       '@unocss/preset-icons': 0.51.13
       '@unocss/preset-mini': 0.51.13
@@ -4976,7 +4732,6 @@ packages:
       '@unocss/transformer-variant-group': 0.51.13
       '@unocss/vite': 0.51.13(vite@3.1.0)
     transitivePeerDependencies:
-      - postcss
       - rollup
       - supports-color
       - vite
@@ -5151,12 +4906,12 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /vitepress@1.0.0-alpha.75(@algolia/client-search@4.20.0)(@types/node@18.7.18)(sass@1.55.0)(search-insights@2.13.0):
+  /vitepress@1.0.0-alpha.75(@types/node@18.7.18)(sass@1.55.0):
     resolution: {integrity: sha512-twpPZ/6UnDR8X0Nmj767KwKhXlTQQM9V/J1i2BP9ryO29/w4hpxBfEum6nvfpNhJ4H3h+cIhwzAK/e9crZ6HEQ==}
     hasBin: true
     dependencies:
       '@docsearch/css': 3.5.2
-      '@docsearch/js': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0)
+      '@docsearch/js': 3.5.2
       '@vitejs/plugin-vue': 4.4.1(vite@4.5.0)(vue@3.3.4)
       '@vue/devtools-api': 6.5.1
       '@vueuse/core': 10.6.0(vue@3.3.4)
@@ -5262,14 +5017,6 @@ packages:
       vue: 3.3.4
     dev: true
 
-  /watchpack@2.4.0:
-    resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-    dev: true
-
   /webpack-sources@3.2.3:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
@@ -5279,46 +5026,6 @@ packages:
     resolution: {integrity: sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==}
     dev: true
 
-  /webpack@5.89.0:
-    resolution: {integrity: sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    peerDependencies:
-      webpack-cli: '*'
-    peerDependenciesMeta:
-      webpack-cli:
-        optional: true
-    dependencies:
-      '@types/eslint-scope': 3.7.7
-      '@types/estree': 1.0.5
-      '@webassemblyjs/ast': 1.11.6
-      '@webassemblyjs/wasm-edit': 1.11.6
-      '@webassemblyjs/wasm-parser': 1.11.6
-      acorn: 8.11.2
-      acorn-import-assertions: 1.9.0(acorn@8.11.2)
-      browserslist: 4.22.1
-      chrome-trace-event: 1.0.3
-      enhanced-resolve: 5.15.0
-      es-module-lexer: 1.4.1
-      eslint-scope: 5.1.1
-      events: 3.3.0
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-      json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.0
-      mime-types: 2.1.35
-      neo-async: 2.6.2
-      schema-utils: 3.3.0
-      tapable: 2.2.1
-      terser-webpack-plugin: 5.3.9(webpack@5.89.0)
-      watchpack: 2.4.0
-      webpack-sources: 3.2.3
-    transitivePeerDependencies:
-      - '@swc/core'
-      - esbuild
-      - uglify-js
-    dev: true
-
   /which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
     dependencies: