sohelp-eleplus 1.1.26 → 1.1.28

package/sohelp-dyn-select/index.vue

@@ -15,85 +15,83 @@
     />
   </div>
 </template>
-<script>
-  import { computed, reactive, ref, onMounted, watch } from 'vue';
+<script setup>
+  import { computed, ref, onMounted, watch } from 'vue';
   import { ElMessage } from 'element-plus';
   import SohelpSelect from '../sohelp-select/index.vue';
+  import SohelpHttp from '../http/SohelpHttp.js';
 
-  export default {
-    name: 'SohelpDynSelect',
-    components: { SohelpSelect },
-    props: {
-      datasource: {
-        type: [Array, Function, Promise],
-        required: true
-      },
-      url: {
-        type: String,
-        required: true
-      },
-      readonly: {
-        type: Boolean,
-        default: false
-      },
-      labelField: String,
-      valueField: String,
-      modelValue: [String, Number, Array, Object]
+  const props = defineProps({
+    datasource: {
+      type: [Array, Function, Promise],
+      default: undefined
+    },
+    url: {
+      type: String,
+      default: ''
+    },
+    readonly: {
+      type: Boolean,
+      default: false
     },
-    setup(props, { emit, attrs }) {
-      const value = ref('');
-      const selectData = ref(null);
+    labelField: String,
+    valueField: String,
+    modelValue: [String, Number, Array, Object]
+  });
 
-      onMounted(async () => {
-        if (Array.isArray(props.datasource)) {
-          selectData.value = props.datasource;
-        } else if (typeof props.datasource === 'function') {
-          const result = await props.datasource();
-          selectData.value = result;
-        } else if (props.datasource instanceof Promise) {
-          const result = await props.datasource;
-          selectData.value = result;
-        } else {
-          load();
-        }
-      });
+  const emit = defineEmits(['update:modelValue']);
 
-      const load = async () => {
-        if (props.url && props?.url?.length > 0) {
-          const res = await SohelpHttp.get(props?.url, {}).catch((err) => {
-            ElMessage.error(err.message || 'error');
-          });
+  const value = ref('');
+  const selectData = ref(null);
 
-          if (res?.data?.length > 0) {
-            selectData.value = res.data;
-          }
-        }
-      };
+  onMounted(async () => {
+    if (Array.isArray(props.datasource)) {
+      selectData.value = props.datasource;
+    } else if (typeof props.datasource === 'function') {
+      const result = await props.datasource();
+      selectData.value = result;
+    } else if (props.datasource instanceof Promise) {
+      const result = await props.datasource;
+      selectData.value = result;
+    } else {
+      load();
+    }
+  });
 
-      /**
-       * 获取label
-       */
-      const getLabel = computed(() => {
-        return selectData.value.find((item) => item.id === props.modelValue)?.[props.labelField];
+  const load = async () => {
+    if (props.url && props?.url?.length > 0) {
+      const res = await SohelpHttp.get(props?.url, {}).catch((err) => {
+        ElMessage.error(err.message || 'error');
       });
+      selectData.value = res?.data || [];
+    }
+  };
 
-      watch(
-        () => props.modelValue,
-        (val) => {
-          value.value = val;
-        },
-        {
-          immediate: true,
-          deep: true
-        }
-      );
+  /**
+   * 获取label
+   */
+  const getLabel = computed(() => {
+    return selectData.value?.find((item) => item[props.valueField] === props.modelValue)?.[props.labelField];
+  });
 
-      return {
-        value,
-        getLabel,
-        selectData
-      };
+  watch(
+    () => props.modelValue,
+    (val) => {
+      value.value = val;
+    },
+    {
+      immediate: true,
+      deep: true
     }
+  );
+
+  watch(value, (val) => {
+    emit('update:modelValue', val);
+  });
+</script>
+<script>
+  export default {
+    name: 'SohelpDynSelect'
   };
 </script>
 <style></style>

package/sohelp-dyn-tree/README.md

@@ -1,31 +1,37 @@
-# 动态树 (Dynamic Tree)
+# SohelpDynTree 动态树
 
-从后端 URL 加载扁平数据并自动转换为树形结构展示的组件。
+基于 `sohelp-tree` 封装的动态树形组件，通过 URL 从后端加载扁平数据并自动转换为树形结构展示。
 
-## 属性 (Props)
-
-| 属性名 | 类型 | 默认值 | 说明 |
-| :--- | :--- | :--- | :--- |
-| url | String | - | 数据接口 URL (Required)。 |
-| valueField | String | 'id' | ID 字段名。 |
-| labelField | String | 'org_name' | 显示字段名。 |
-| parentField | String | 'parent_id' | 父级 ID 字段名。 |
-| ... | - | - | 支持 `sohelp-tree` (el-tree) 的其他属性。 |
-
-## 事件 (Events)
-
-| 事件名 | 说明 | 回调参数 |
-| :--- | :--- | :--- |
-| node-click | 节点点击事件。 | `data, node, el` |
-
-## 使用示例
+## 基础用法
 
 ```vue
 <template>
   <sohelp-dyn-tree
     url="/engine/web/org/list"
-    labelField="org_name"
+    label-field="org_name"
     @node-click="handleNodeClick"
   />
 </template>
+
+<script setup>
+const handleNodeClick = (data, node, el) => {
+  console.log('点击节点:', data);
+};
+</script>
 ```
+
+## 属性 (Props)
+
+| 属性名 | 类型 | 默认值 | 必填 | 说明 |
+| :--- | :--- | :--- | :--- | :--- |
+| url | String | - | 是 | 数据接口 URL |
+| valueField | String | `id` | 否 | 数据中作为节点唯一标识的字段名 |
+| labelField | String | `org_name` | 否 | 数据中作为节点显示文本的字段名 |
+| parentField | String | `parent_id` | 否 | 数据中作为父级标识的字段名 |
+| ...attrs | - | - | 否 | 支持所有 `sohelp-tree`（el-tree）属性透传 |
+
+## 事件 (Events)
+
+| 事件名 | 回调参数 | 说明 |
+| :--- | :--- | :--- |
+| node-click | `(data, node, el)` | 节点被点击时触发 |

package/sohelp-dyn-tree/index.vue

@@ -49,8 +49,8 @@
                   id: item[valueField] ?? '',
                   parent_id: item[parentField] ?? ''
                 })),
-                idField: valueField,
-                parentIdField: parentField,
+                idField: 'id',
+                parentIdField: 'parent_id',
                 childrenField: 'children',
                 labelField
               });

package/sohelp-dyn-tree-select/README.md

@@ -1,28 +1,37 @@
-# 动态树选择 (Dynamic Tree Select)
+# SohelpDynTreeSelect 动态树选择器
 
-基于 `ele-tree-select`，支持从后端 URL 加载数据并自动转树形结构的选择组件。
+基于 `ele-tree-select` 封装，通过 URL 从后端加载扁平数据并自动转换为树形结构的下拉选择组件，支持双向绑定。
 
-## 属性 (Props)
-
-| 属性名 | 类型 | 默认值 | 说明 |
-| :--- | :--- | :--- | :--- |
-| modelValue | String/Number/Array | - | 绑定的值 (v-model)。 |
-| url | String | '/engine/web/org/list' | 数据接口 URL。 |
-| valueField | String | 'id' | ID 字段名。 |
-| labelField | String | 'org_name' | 显示字段名。 |
-| parentField | String | 'parent_id' | 父级 ID 字段名。 |
-| height | String | '255' | 下拉框高度。 |
-| checkStrictly | Boolean | false | 是否严格的遵循父子不互相关联。 |
-| ... | - | - | 支持 `ele-tree-select` 的其他属性。 |
-
-## 使用示例
+## 基础用法
 
 ```vue
 <template>
   <sohelp-dyn-tree-select
-    v-model="orgId"
-    url="/api/orgs"
-    placeholder="选择部门"
+    v-model="selectedId"
+    url="/engine/web/org/list"
+    label-field="org_name"
+    placeholder="请选择"
   />
 </template>
+
+<script setup>
+import { ref } from 'vue';
+const selectedId = ref('');
+</script>
 ```
+
+## 属性 (Props)
+
+| 属性名 | 类型 | 默认值 | 必填 | 说明 |
+| :--- | :--- | :--- | :--- | :--- |
+| modelValue (v-model) | String / Number / Array | - | 是 | 绑定值 |
+| url | String | `/engine/web/org/list` | 是 | 数据接口 URL |
+| valueField | String | `id` | 否 | 数据中作为节点值的字段名 |
+| labelField | String | `org_name` | 否 | 数据中作为节点显示文本的字段名 |
+| parentField | String | `parent_id` | 否 | 数据中作为父级标识的字段名 |
+| highlightCurrent | Boolean | `false` | 否 | 是否高亮当前选中节点 |
+| expandOnClickNode | Boolean | `false` | 否 | 是否在点击节点时展开/收起 |
+| defaultExpandedKeys | Array / String | `[]` | 否 | 默认展开的节点 key 数组（字符串以逗号分隔） |
+| checkStrictly | Boolean | `false` | 否 | 父子节点是否不互相关联 |
+| height | String | `255` | 否 | 下拉面板高度（px） |
+| ...attrs | - | - | 否 | 支持所有 `ele-tree-select` 属性透传 |

package/sohelp-dyn-tree-select/index.vue

@@ -8,7 +8,7 @@
   />
 </template>
 <script>
-  import { reactive, onMounted, ref } from 'vue';
+  import { reactive, onMounted, ref, watch } from 'vue';
   import { toTree } from '../utils/core.js';
 
   export default {
@@ -40,8 +40,8 @@
         default: false
       },
       defaultExpandedKeys: {
-        type: Array,
-        default: []
+        type: [Array, String],
+        default: () => []
       },
       checkStrictly: {
         type: Boolean,
@@ -69,7 +69,22 @@
         nodeKey: 'id'
       });
 
-      const selectedValue = ref();
+      const selectedValue = ref(props.modelValue);
+
+      watch(
+        () => props.modelValue,
+        (val) => {
+          selectedValue.value = val;
+        }
+      );
+
+      watch(selectedValue, (val) => {
+        emit('update:modelValue', val);
+      });
+
+      const handleChange = (val) => {
+        emit('update:modelValue', val);
+      };
 
       onMounted(async () => {
         // 初始化树形结构数据
@@ -77,8 +92,8 @@
         treeProps.expandOnclickNode = props.expandOnClickNode;
         treeProps.highlightCurrent = props.highlightCurrent;
         treeProps.checkStrictly = props.checkStrictly;
-        treeProps.defaultExpandedKeys =
-          props.defaultExpandedKeys?.length > 0 ? props.defaultExpandedKeys.split(',').filter((item) => item) : [];
+        const keys = Array.isArray(props.defaultExpandedKeys) ? props.defaultExpandedKeys : props.defaultExpandedKeys.split(',').filter(item => item);
+        treeProps.defaultExpandedKeys = keys;
 
         if (props.url && props?.url?.length > 0) {
           const res = await SohelpHttp.get(props?.url, {}).catch((err) => {
@@ -106,7 +121,8 @@
 
       return {
         treeProps,
-        selectedValue
+        selectedValue,
+        handleChange
       };
     }
   };

package/sohelp-entity-form/README.md

@@ -1,45 +1,80 @@
-# 实体表单 (Entity Form)
+# SohelpEntityForm 实体表单
 
-基于元数据配置 (`refid`) 自动渲染的表单组件，支持复杂的表单逻辑、公式计算和布局控制。
+基于实体元数据配置（`refid`）自动渲染的表单组件，内部封装了 `SohelpProForm`，支持公式计算、自动数据加载和 CRUD 操作。
 
-## 功能特性
-
-- **元数据驱动**：通过 `refid` 自动加载表单配置。
-- **公式计算**：支持字段间的自动计算公式。
-- **响应式布局**：支持 `grid` 布局配置。
-- **自定义插槽**：支持插槽覆盖特定字段的渲染。
-
-## 属性 (Props)
-
-| 属性名 | 类型 | 默认值 | 说明 |
-| :--- | :--- | :--- | :--- |
-| modelValue | Object | - | 表单数据对象 (v-model)。 |
-| refid | String | - | 实体引用 ID (Required)。 |
-| formConfig | Object | - | 表单配置对象 (Required)。 |
-| readonly | Boolean | false | 是否只读。 |
-| autoLoad | Boolean | true | 是否自动加载数据。 |
-| labelWidth | String | 'auto' | 标签宽度。 |
-| gridNum | Number | 1 | 列数。 |
-
-## 方法 (Exposed Methods)
-
-可通过 `ref` 获取实例调用：
-- `getRef(name)`: 获取内部字段组件实例。
-
-## 使用示例
+## 基础用法
 
 ```vue
 <template>
   <sohelp-entity-form
+    ref="entityFormRef"
     v-model="formData"
-    refid="user_entity"
-    :formConfig="config"
+    refid="module!entity"
+    :formConfig="formConfig"
+    :gridNum="2"
   />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 const formData = ref({});
-const config = { ... }; // 通常由后端获取
+const formConfig = {};
+const entityFormRef = ref();
+
+// 加载数据
+entityFormRef.value.load({ id: '1' });
+// 保存数据
+entityFormRef.value.save();
 </script>
 ```
+
+## 属性 (Props)
+
+| 属性名 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| modelValue | Object | - | 否 | 表单数据对象，支持 v-model |
+| data | Object | - | 否 | 表单关联数据对象 |
+| refid | String | - | 是 | 实体引用 ID，用于加载元数据配置 |
+| readonly | Boolean | false | 否 | 是否只读模式 |
+| autoLoad | Boolean | true | 否 | 是否自动加载数据 |
+| formConfig | Object | - | 是 | 表单配置对象 |
+| labelWidth | String | - | 否 | 标签宽度，默认从实体配置读取或 'auto' |
+| gridNum | Number | 1 | 否 | 表单列数 |
+| saveParams | Object | {} | 否 | 保存时附加的额外参数 |
+
+## 事件 (Events)
+
+| 事件名 | 回调参数 | 说明 |
+| --- | --- | --- |
+| update:modelValue | (value: Object) | 表单值变化时触发 |
+| update:data | (data: Object) | 表单关联数据变化时触发 |
+
+## 插槽 (Slots)
+
+| 插槽名 | 说明 |
+| --- | --- |
+| [动态插槽] | 透传至内部 SohelpProForm 的自定义插槽，可用于覆盖特定字段渲染 |
+
+## 公开方法 (Expose)
+
+- `loadConfig(refid?)` - 重新加载实体表单配置
+- `load(params?, callback?)` - 通过引擎根据参数加载表单数据
+- `loadByInitial(params?, callback?)` - 加载表单初始化数据
+- `save(params?, callback?)` - 通过引擎保存表单数据
+- `getFormData()` - 获取表单关联数据对象
+- `getFormValue()` - 获取表单值对象
+- `setFormData(data, params?)` - 设置表单数据
+- `setFormValue(value)` - 设置表单值
+- `setFieldValue(fieldName, fieldValue)` - 设置单个字段值
+- `getFieldValue(fieldName)` - 获取单个字段值
+- `getItemValue(fieldName)` - 获取配置项信息
+- `setItemValue(fieldName, objectValue)` - 修改配置项属性
+- `getCrudUpdater()` - 获取相对初始值变更过的字段（增量更新对象）
+- `resetFormValue()` - 重置表单到默认值
+- `validate()` - 验证表单
+- `clearValidate()` - 清除表单验证信息
+- `getRef(refName)` - 获取内部字段组件实例
+- `proFormRef` - 内部 ProForm 组件引用
+- `labelWidth` - 当前标签宽度
+- `grid` - 当前列数
+- `globalConfig` - 全局配置对象

package/sohelp-entity-form/index.vue

@@ -37,6 +37,7 @@
   import { useMobile } from '@/utils/use-mobile';
   import { useI18n } from 'vue-i18n';
   import { EleMessage } from '@/components/ele-admin-plus/components';
+  import { safeEval } from '../utils/safe-eval.js';
 
   const formValue = ref({});
   const formData = ref({});
@@ -145,8 +146,8 @@
   /**提取计算公式中涉及的字段 */
   const extractFields = (list) => {
     const fieldMap = {};
-    const regex = /{\s*(\w+)\s*}/g;
     list.forEach((item) => {
+      const regex = /{\s*(\w+)\s*}/g;
       let match;
       while ((match = regex.exec(item.formulaValue)) !== null) {
         const field = match[1];
@@ -477,7 +478,7 @@
                   try {
                     // 公式表达式处理
                     const expr = formula.formulaValue.replace(/\s+/g, '').replace(/\${/g, 'row.').replace(/}/g, '');
-                    val[formula.field] = new Function('row', `return ${expr}`)(val);
+                    val[formula.field] = safeEval(expr, { row: val });
                   } catch (e) {
                     console.error('计算公式错误', e);
                     EleMessage.error('计算公式错误' + e.message);

package/sohelp-entity-grid/README.md

@@ -1,18 +1,20 @@
-# 实体表格 (Entity Grid)
+# SohelpEntityGrid 实体表格
 
-基于元数据配置 (`refid`) 自动渲染的表格组件，封装了 `sohelp-grid-view`。
+基于实体元数据配置（`refid`）自动渲染的表格组件，内部封装了 `SohelpGridView`，并固定 `isEntityGrid` 为 `true`。
 
-## 属性 (Props)
-
-| 属性名 | 类型 | 默认值 | 说明 |
-| :--- | :--- | :--- | :--- |
-| refid | String | - | 实体引用 ID (Required)。 |
-| modelValue | Object | - | 绑定的值。 |
-
-## 使用示例
+## 基础用法
 
 ```vue
 <template>
-  <sohelp-entity-grid refid="user_list_view" />
+  <sohelp-entity-grid refid="module!entity" />
 </template>
 ```
+
+## 属性 (Props)
+
+| 属性名 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| refid | String | - | 是 | 实体引用 ID，用于加载表格配置 |
+| modelValue | Object | - | 否 | 绑定值 |
+
+> 组件通过 `v-bind="$attrs"` 将其余属性透传至内部 `SohelpGridView`。

package/sohelp-entity-grid/index.vue

@@ -15,7 +15,7 @@ export default {
       required: true
     }
   },
-  setup(props, {emits}) {
+  setup(props, {emit}) {
     const sohelpEntityGridRef = ref();
 
     return {

package/sohelp-file-upload/README.md

@@ -1,35 +1,33 @@
-# SohelpFileUpload 文件上传组件
+# SohelpFileUpload 文件上传
 
-基于 `vxe-upload` 封装的文件上传组件，支持拖拽、粘贴上传、多文件上传、文件大小限制、文件类型限制以及下载功能。
+基于 `vxe-upload` 封装的文件上传组件，支持拖拽上传、粘贴上传、文件下载和预览，自动对接后端文件接口。
 
 ## 基础用法
 
-```html
-<sohelp-file-upload v-model="fileIds" :limit="5" :fileSize="10" />
+```vue
+<template>
+  <sohelp-file-upload v-model="fileId" v-model:data="fileData" refid="myRefId" ref_id="recordId" ref_type="1" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const fileId = ref('');
+const fileData = ref([]);
+</script>
 ```
 
 ## 属性 (Props)
 
-| 属性名 | 类型 | 默认值 | 说明 |
-|Data | Array | [] | 文件对象数组，包含 name, url, id 等信息 |
-| modelValue | Array/String | [] | 绑定的文件 ID 集合 |
-| limit | Number | - | 最大允许上传个数 |
-| fileSize | Number | - | 单个文件大小限制 (MB) |
-| fileType | Array | - | 允许上传的文件类型后缀，如 ['jpg', 'png'] |
-| drag | Boolean | false | 是否启用拖拽上传 |
-| isShowTip | Boolean | true | 是否显示提示信息 |
-| readonly | Boolean | false | 是否只读模式 |
-
-## 事件 (Events)
-
-| 事件名 | 说明 | 回调参数 |
-| update:modelValue | 更新绑定的 ID 集合 | (ids: Array) |
-| update:data | 更新文件对象数组 | (files: Array) |
-
-## 功能特性
-
-- **上传**: 调用后端接口 `/engine/web/file/upload` 上传文件。
-- **下载**: 点击文件名可下载文件，调用 `/engine/web/file/download/{id}`。
-- **删除**: 支持删除已上传文件。
-- **进度**: 显示上传进度。
-- **校验**: 校验文件数量、大小和类型。
+| 属性名 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| modelValue (v-model) | String / Array | - | 否 | 文件ID，多文件时为数组 |
+| data (v-model:data) | Array | - | 否 | 文件详细数据（含 id 和 filename） |
+| readonly | Boolean | `false` | 否 | 是否只读 |
+| multiple | Boolean | `false` | 否 | 是否支持多文件上传 |
+| limitSize | Number | `1` | 否 | 单个文件大小限制（MB） |
+| moreConfig | Object | `{ maxCount: 1, layout: 'horizontal' }` | 否 | 上传组件额外配置 |
+| refid | String | - | 否 | 业务关联ID |
+| ref_id | String | - | 否 | 引用记录ID |
+| ref_type | String / Number | - | 否 | 引用类型 |
+| drag | Boolean | `true` | 否 | 是否启用拖拽上传 |
+| showButtonText | Boolean | `false` | 否 | 是否显示按钮文字 |

package/sohelp-file-upload/index.vue

@@ -208,7 +208,7 @@
         const arr = Array.isArray(val) ? val : [val];
         const v = Array.isArray(data.value) ? data.value : [data.value];
         originList.value = arr.map((item) => {
-          const filename = v?.find((row) => row?.id === item)?.filename || item.id;
+          const filename = v?.find((row) => row?.id === item)?.filename || item;
           return {
             id: item,
             name: filename,

package/sohelp-filter-scheme/README.md

@@ -1,41 +1,45 @@
-# SohelpFilterScheme 过滤方案组件
+# SohelpFilterScheme 筛选方案
 
-提供多维度的筛选功能，支持关键字搜索、高级条件筛选以及保存/加载筛选方案。
+基于 `ele-card` 和 `ele-tabs` 封装的多模式筛选组件，支持快捷筛选（关键字）、高级筛选和场景筛选三种模式。
 
 ## 基础用法
 
-```html
-<sohelp-filter-scheme 
-  v-model="filterData" 
-  :config="filterConfig" 
-  @filter="handleFilter" 
-/>
+```vue
+<template>
+  <sohelp-filter-scheme
+    v-model="filterData"
+    :filterConfig="filterConfig"
+    :propertiesMap="propertiesMap"
+    refid="myRefId"
+    @filter="onFilter"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const filterData = ref({ keywords: '', filter: {}, scheme: '' });
+const filterConfig = ref({ keywords: ['name', 'phone'] });
+const propertiesMap = ref({
+  name: { label: '姓名' },
+  phone: { label: '电话' }
+});
+const onFilter = () => { /* 执行筛选 */ };
+</script>
 ```
 
 ## 属性 (Props)
 
-| 属性名 | 类型 | 默认值 | 说明 |
-| modelValue | Object | {} | 筛选表单数据对象 |
-| config | Object | {} | 筛选配置对象，包含字段定义、方案列表等 |
+| 属性名 | 类型 | 默认值 | 必填 | 说明 |
+| --- | --- | --- | --- | --- |
+| modelValue (v-model) | Object | `{ keywords: '', filter: {}, scheme: '' }` | 是 | 筛选表单数据 |
+| filterConfig | Object | `{}` | 是 | 筛选配置，如 `{ keywords: ['field1', 'field2'] }` |
+| propertiesMap | Object | - | 否 | 字段属性映射，用于显示字段标签 |
+| refid | String | - | 否 | 业务关联ID |
 
 ## 事件 (Events)
 
-| 事件名 | 说明 | 回调参数 |
-| update:modelValue | 筛选数据更新时触发 | (value: Object) |
-| filter | 点击查询或重置时触发 | - |
-
-## 主要功能
-
-1. **关键字搜索**: 提供简单的输入框进行模糊查询。
-2. **高级筛选**: 根据配置的字段生成表单，支持多种输入类型（文本、日期、选择器等）。
-3. **筛选方案**:
-   - 支持保存当前的筛选条件为方案。
-   - 支持切换不同的筛选方案。
-   - 支持设置默认方案。
-4. **常用条件**: 快速选择预设的常用条件。
-
-## 内部方法
-
-- `onFilter`: 触发筛选事件。
-- `onReset`: 重置筛选条件为初始值。
-- `saveScheme`: 保存当前筛选条件为新方案。
+| 事件名 | 回调参数 | 说明 |
+| --- | --- | --- |
+| update:modelValue | `value: Object` | 筛选数据变更时触发 |
+| filter | - | 点击"筛选"或"重置"按钮时触发 |
+| reset | - | 点击"重置"按钮时触发 |