hy-dispatch-ui-v3 0.1.2 → 0.1.4

package/dist/tailwind.css

@@ -680,6 +680,10 @@ video {
   margin-top: 10px;
 }
 
+.mt-\[12px\] {
+  margin-top: 12px;
+}
+
 .box-border {
   box-sizing: border-box;
 }
@@ -712,10 +716,22 @@ video {
   height: 0.75rem !important;
 }
 
+.\!h-\[46px\] {
+  height: 46px !important;
+}
+
 .h-0 {
   height: 0px;
 }
 
+.h-\[12px\] {
+  height: 12px;
+}
+
+.h-\[32px\] {
+  height: 32px;
+}
+
 .h-\[364px\] {
   height: 364px;
 }
@@ -748,6 +764,10 @@ video {
   width: 0.75rem !important;
 }
 
+.\!w-\[46px\] {
+  width: 46px !important;
+}
+
 .w-0 {
   width: 0px;
 }
@@ -756,6 +776,10 @@ video {
   width: 1.25rem;
 }
 
+.w-\[12px\] {
+  width: 12px;
+}
+
 .w-\[160px\] {
   width: 160px;
 }
@@ -949,6 +973,10 @@ video {
   background-color: rgb(var(--hy-background), var(--tw-bg-opacity, 1)) !important;
 }
 
+.bg-\[rgba\(var\(--hy-theme\)\2c 0\.2\)\] {
+  background-color: rgba(var(--hy-theme),0.2);
+}
+
 .bg-background-2 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-background-2), var(--tw-bg-opacity, 1));

package/es/components/appButton/appButton.vue.mjs

@@ -38,10 +38,10 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const typeObj = {
-      default: "button_default",
-      primary: "button_function",
-      success: "button_addTo",
-      danger: "button_delete"
+      default: "hy-button_default",
+      primary: "hy-button_function",
+      success: "hy-button_addTo",
+      danger: "hy-button_delete"
     };
     const emit = __emit;
     const handleClick = (event) => {

package/es/components/appButton/style/appButton.scss

@@ -32,7 +32,7 @@
   }
 }
 
-.button_default {
+.hy-button_default {
   background: rgba(94, 157, 180, 0.32);
 
   .hy-button__border {
@@ -96,7 +96,7 @@
   }
 }
 
-.button_function {
+.hy-button_function {
   background: rgba(45, 242, 255, 0.32);
 
   .hy-button__border {
@@ -160,7 +160,7 @@
   }
 }
 
-.button_addTo {
+.hy-button_addTo {
   background: rgba(44, 232, 152, 0.32);
 
   .hy-button__border {
@@ -224,7 +224,7 @@
   }
 }
 
-.button_delete {
+.hy-button_delete {
   background: rgba(255, 77, 77, 0.32);
 
   .hy-button__border {

package/es/components/appForm/appForm.vue.mjs

@@ -1,7 +1,8 @@
 import { defineComponent, useTemplateRef, computed, nextTick, unref, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, renderSlot, toDisplayString, createVNode, createTextVNode } from 'vue';
 import { ElForm, ElFormItem, ElPopover, ElInput, ElSelect, ElRadioGroup, ElCheckboxGroup } from 'element-plus';
 import { AppIcon } from '../appIcon/index.mjs';
-import _sfc_main$1 from '../appDatePicker/appDatePicker.vue.mjs';
+import { AppDatePicker } from '../appDatePicker/index.mjs';
+import { AppOrgCascader } from '../appOrgCascader/index.mjs';
 import { columnShowHandler, columnItemStyle, isRequired, renderText, isDisabled } from './js/index.mjs';
 import { resetAppFormValue } from './js/useAppForm.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
@@ -247,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       "daterange",
                                       "monthrange",
                                       "yearrange"
-                                    ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                    ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(unref(AppDatePicker), mergeProps({
                                       key: 0,
                                       start: __props.model[column.field[0]],
                                       "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
@@ -257,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       style: { "width": "100%" }
                                     }, { ref_for: true }, column.attrs, {
                                       disabled: unref(isDisabled)(props, column)
-                                    }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                    }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (openBlock(), createBlock(unref(AppDatePicker), mergeProps({
                                       key: 1,
                                       modelValue: __props.model[column.field],
                                       "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
@@ -295,6 +296,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                   ],
                                   2112
                                   /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                )) : column.type === "org-cascader" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 6 },
+                                  [
+                                    createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
+                                    createVNode(unref(AppOrgCascader), mergeProps({
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                      disabled: unref(isDisabled)(props, column)
+                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                  ],
+                                  2112
+                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                 )) : createCommentVNode("v-if", true)
                               ],
                               64

package/es/components/appForm/js/useAppForm.mjs

@@ -4,6 +4,15 @@ import { getDefaultValueFormatByType } from '../../../utils/date.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isArray } from '../../../utils/is.mjs';
 
+const genDefaultLabel = (config) => {
+  if (config.label) return config.label;
+  const { t } = useLocale();
+  switch (config.type) {
+    // 部门级联选择框
+    case "org-cascader":
+      return t("form.department");
+  }
+};
 const genPlaceholderHandler = (config) => {
   const { t } = useLocale();
   const { type, label, attrs = {} } = config || {};
@@ -11,8 +20,10 @@ const genPlaceholderHandler = (config) => {
   switch (type) {
     case "input":
       placeholder = placeholder || t("hy.pleaseEnterPlaceholder", [label]);
+      break;
     case "select":
       placeholder = placeholder || t("hy.pleaseSelectPlaceholder", [label]);
+      break;
     case "date-picker":
       if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
         attrs == null ? void 0 : attrs.type
@@ -38,6 +49,7 @@ const genPlaceholderHandler = (config) => {
       } else {
         placeholder = placeholder || t("hy.pleaseSelectPlaceholder", [label]);
       }
+      break;
     default:
       placeholder = placeholder || label;
   }
@@ -72,13 +84,15 @@ const rulesHandler = (config) => {
   return rules;
 };
 function appFormItemHandler(column = {}) {
-  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler(column);
+  const label = genDefaultLabel(column);
+  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler({ ...column, label });
   const attrs = { ...column.attrs || {}, placeholder };
   column = mergeDeep(
     { ...column },
     {
       key: /* @__PURE__ */ Symbol("appFormItemKey"),
       field: column.prop,
+      label,
       readonly: column.readonly || false,
       rules: rulesHandler(column)
     }

package/es/components/appIcon/style/appIcon.scss

@@ -1,8 +1,8 @@
 .app-icon {
   width: 16px;
   height: 16px;
-  vertical-align: -0.15em;
-  stroke: currentColor;
+  vertical-align: -0.1em;
+  display: inline-block;
   overflow: hidden;
   fill: currentColor;
   outline: none;

package/es/components/appNoPermissions/appNoPermissions.vue.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, createElementVNode, toDisplayString } from 'vue';
+import { AppIcon } from '../appIcon/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+
+import "./style/appNoPermissions.scss";
+
+const __default__ = defineComponent({
+  name: "AppNoPermissions"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    svgName: {
+      type: String,
+      default: "2-v3-base-no-data-noData"
+    }
+  },
+  emits: [],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useLocale();
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
+        createVNode(unref(AppIcon), {
+          "svg-name": __props.svgName,
+          "class-name": "!w-[46px] !h-[46px]"
+        }, null, 8, ["svg-name"]),
+        createElementVNode("div", { class: "text-center mt-[12px]" }, [
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)("permissino.youDoNotHaveSubordinatePermissionsForThisModule")),
+            1
+            /* TEXT */
+          ),
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)("permissino.pleaseContactTheAdministrator")),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appNoPermissions/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appNoPermissions.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppNoPermissions = withInstall(_sfc_main);
+
+export { AppNoPermissions, AppNoPermissions as default };

package/es/components/appNoPermissionsMap/appNoPermissionsMap.vue.mjs

@@ -0,0 +1,50 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, createElementVNode, toDisplayString } from 'vue';
+import { AppIcon } from '../appIcon/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+
+import "./style/appNoPermissionsMap.scss";
+
+const __default__ = defineComponent({
+  name: "AppNoPermissionsMap"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    svgName: {
+      type: String,
+      default: "2-v3-base-no-data-noData"
+    }
+  },
+  emits: [],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useLocale();
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
+        createVNode(unref(AppIcon), {
+          "svg-name": __props.svgName,
+          "class-name": "!w-[46px] !h-[46px]"
+        }, null, 8, ["svg-name"]),
+        createElementVNode("div", { class: "text-center mt-[12px]" }, [
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)("permissino.youDoNotHaveAMapConfigurationForThisModule")),
+            1
+            /* TEXT */
+          ),
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)(
+              "permissino.pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration"
+            )),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appNoPermissionsMap/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appNoPermissionsMap.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppNoPermissionsMap = withInstall(_sfc_main);
+
+export { AppNoPermissionsMap, AppNoPermissionsMap as default };

package/es/components/appOrgCascader/appOrgCascader.vue.mjs

@@ -66,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     changeLastLayer: {
       type: Boolean,
       default: () => {
-        return false;
+        return true;
       }
     }
   }, {

package/es/components/appSearch/appSearch.vue.mjs

@@ -1,8 +1,9 @@
 import { defineComponent, useTemplateRef, computed, unref, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, toDisplayString, Fragment, createCommentVNode, normalizeStyle, mergeProps, renderList, createBlock, renderSlot, withKeys } from 'vue';
 import { ElIcon, ElForm, ElFormItem, ElInput, ElSelect } from 'element-plus';
 import { Filter, ArrowDown } from '@element-plus/icons-vue';
-import _sfc_main$1 from '../appDatePicker/appDatePicker.vue.mjs';
-import { useShrink, isEmptyValue, columnShowHandler, columnItemStyle, columnItemInputStyle, isDisabled, timeRangeHandler } from './js/index.mjs';
+import { AppDatePicker } from '../appDatePicker/index.mjs';
+import { AppOrgCascader } from '../appOrgCascader/index.mjs';
+import { useShrink, isEmptyValue, columnShowHandler, columnItemStyle, columnItemInputStyle, isDisabled, isSelectedTimeRange, timeRangeHandler } from './js/index.mjs';
 import { resetAppSearchValue } from './js/useAppSearch.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray } from '../../utils/is.mjs';
@@ -310,7 +311,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 "daterange",
                                                 "monthrange",
                                                 "yearrange"
-                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(unref(AppDatePicker), mergeProps({
                                                 key: 0,
                                                 start: __props.model[column.field[0]],
                                                 "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
@@ -322,7 +323,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 disabled: unref(isDisabled)(props, column),
                                                 timeRangeFill: column.timeRangeFill,
                                                 onChange: ($event) => onChangeHandler($event, column)
-                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (openBlock(), createBlock(unref(AppDatePicker), mergeProps({
                                                 key: 1,
                                                 modelValue: __props.model[column.field],
                                                 "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
@@ -336,6 +337,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             ],
                                             64
                                             /* STABLE_FRAGMENT */
+                                          )) : column.type === "org-cascader" ? (openBlock(), createElementBlock(
+                                            Fragment,
+                                            { key: 4 },
+                                            [
+                                              createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
+                                              createVNode(unref(AppOrgCascader), mergeProps({
+                                                modelValue: __props.model[column.field],
+                                                "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                                disabled: unref(isDisabled)(props, column)
+                                              }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                            ],
+                                            2112
+                                            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                           )) : createCommentVNode("v-if", true)
                                         ],
                                         4
@@ -355,7 +369,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       renderList(column.timeRangeOptions, (item, index) => {
                                         return openBlock(), createElementBlock("div", {
                                           key: index,
-                                          class: "border-l border-border px-[10px] cursor-pointer",
+                                          class: normalizeClass(["border-l border-border px-[10px] cursor-pointer", {
+                                            "bg-[rgba(var(--hy-theme),0.2)] text-theme font-bold": unref(isSelectedTimeRange)(column, item, __props.model)
+                                          }]),
                                           onClick: ($event) => onTimeRangeClickHandler(column, item)
                                         }, [
                                           createElementVNode(
@@ -365,7 +381,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             1
                                             /* TEXT */
                                           )
-                                        ], 8, ["onClick"]);
+                                        ], 10, ["onClick"]);
                                       }),
                                       128
                                       /* KEYED_FRAGMENT */

package/es/components/appSearch/js/index.mjs

@@ -88,9 +88,10 @@ function useShrink(props, templateRef) {
 }
 function timeRangeHandler(column, options) {
   const { value, unit } = options;
-  const { timeRangeFill, attrs } = column;
-  const format = attrs.valueFormat || "YYYY-MM-DD";
+  let { timeRangeFill, attrs } = column;
+  const format = "YYYY-MM-DD";
   const date = dayjs(Date.now());
+  timeRangeFill = timeRangeFill || attrs.type === "datetimerange";
   switch (unit) {
     case "year":
     case "month":
@@ -109,5 +110,13 @@ function timeRangeHandler(column, options) {
       ];
   }
 }
+function isSelectedTimeRange(column, options, model = {}) {
+  const [start, end] = timeRangeHandler(column, options);
+  const { field } = column;
+  if (Array.isArray(field)) {
+    return start === model[field[0]] && end === model[field[1]];
+  }
+  return start === model[field][0] && end === model[field][1];
+}
 
-export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, timeRangeHandler, useShrink };
+export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, isSelectedTimeRange, timeRangeHandler, useShrink };

package/es/components/appSearch/js/useAppSearch.mjs

@@ -4,6 +4,15 @@ import { getDefaultValueFormatByType } from '../../../utils/date.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isNumber } from '../../../utils/is.mjs';
 
+const genDefaultLabel = (config) => {
+  if (config.label) return config.label;
+  const { t } = useLocale();
+  switch (config.type) {
+    // 部门级联选择框
+    case "org-cascader":
+      return t("form.department");
+  }
+};
 const genPlaceholderHandler = (config) => {
   const { t } = useLocale();
   const { type, label, attrs = {} } = config || {};
@@ -94,7 +103,8 @@ const timeRangeOptionsHandler = (config) => {
   }, []);
 };
 function appSearchItemHandler(column = {}) {
-  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler(column);
+  const label = genDefaultLabel(column);
+  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler({ ...column, label });
   const attrs = {
     clearable: true,
     ...column.attrs || {},
@@ -106,6 +116,7 @@ function appSearchItemHandler(column = {}) {
     {
       key: /* @__PURE__ */ Symbol("appFormItemKey"),
       field: column.prop,
+      label,
       readonly: column.readonly || false,
       width,
       inputWidth,

package/es/components/appTable/appTable.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, mergeProps, Fragment, renderList, withModifiers } from 'vue';
+import { defineComponent, useTemplateRef, resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment, withModifiers } from 'vue';
 import { ElIcon, ElInput, ElButton, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElPagination } from 'element-plus';
 import { Filter, Search } from '@element-plus/icons-vue';
 import { AppTooltip } from '../appTooltip/index.mjs';
@@ -6,6 +6,7 @@ import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, o
 import { useAppTableSearch } from './js/search.mjs';
 import _sfc_main$1 from './cpns/columnSelect.vue.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
+import { AppButton } from '../appButton/index.mjs';
 import { AppSearch } from '../appSearch/index.mjs';
 import { parseRem } from '../../utils/adaptive.mjs';
 import { AppIconBox } from '../appIconBox/index.mjs';
@@ -89,6 +90,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: "",
       required: false
     },
+    filterModel: {
+      type: Object,
+      default: () => ({})
+    },
     filterColumns: {
       // 表格筛选配置
       type: Array,
@@ -170,13 +175,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       tableTriggerRef,
       getSelectedList,
       setTableRowClassName,
+      clearSelection,
+      clearSelectedList,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
-      onTableSelectAllHandler,
+      onTableSelectHandler,
       // useAppTableSearch
       // 表单查询
-      formModel,
-      formColumns,
       totalElements,
       showFilter,
       getData,
@@ -209,9 +214,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       resetFn,
       getSelectedList,
       getTotalElements,
-      getTableDataSource
+      getTableDataSource,
+      clearSelection,
+      clearSelectedList
     });
     return (_ctx, _cache) => {
+      const _component_AppIcon = resolveComponent("AppIcon");
       return openBlock(), createElementBlock(
         "div",
         {
@@ -230,9 +238,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 "origin-columns": props.tableColumns,
                 onConfirm: unref(onTableColumnsSelectHandler)
               }, null, 8, ["columns", "columns-editable", "origin-columns", "onConfirm"])) : createCommentVNode("v-if", true),
-              unref(formColumns).length > 0 ? (openBlock(), createElementBlock("div", {
+              __props.filterColumns.length > 0 ? (openBlock(), createElementBlock("div", {
                 key: 1,
-                class: "flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2",
+                class: "h-[32px] flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2",
                 onClick: unref(switchShowFilter)
               }, [
                 createVNode(unref(ElIcon), { size: "12" }, {
@@ -252,8 +260,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               ], 8, ["onClick"])) : createCommentVNode("v-if", true),
               unref(searchPlaceholder) ? (openBlock(), createBlock(unref(ElInput), {
                 key: 2,
-                modelValue: unref(formModel).query,
-                "onUpdate:modelValue": ($event) => unref(formModel).query = $event,
+                modelValue: __props.filterModel.query,
+                "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
                 class: "w-[160px]",
                 placeholder: unref(t)("table.searchFor", [unref(searchPlaceholder)]),
                 onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
@@ -266,7 +274,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onKeydown"])) : createCommentVNode("v-if", true)
+              }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onKeydown"])) : (openBlock(), createBlock(unref(AppButton), {
+                key: 3,
+                type: "primary",
+                onClick: ($event) => unref(getData)()
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_AppIcon, {
+                    class: "w-[12px] h-[12px]",
+                    "svg-name": "refres"
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick"])),
+              renderSlot(_ctx.$slots, "operator-right-box")
             ]),
             _ctx.$slots["operator-left-box"] ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -276,16 +298,28 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ])) : createCommentVNode("v-if", true)
           ]),
           createCommentVNode(" \u67E5\u8BE2\u8FC7\u6EE4 "),
-          unref(formColumns).length > 0 ? (openBlock(), createBlock(unref(AppSearch), {
+          __props.filterColumns.length > 0 ? (openBlock(), createBlock(unref(AppSearch), {
             key: 0,
             ref_key: "appSearchRef",
             ref: appSearchRef,
-            model: unref(formModel),
-            columns: unref(formColumns),
+            model: __props.filterModel,
+            columns: __props.filterColumns,
             hidden: !unref(showFilter),
             class: normalizeClass({ "mb-4": unref(showFilter) }),
             onSearch: ($event) => unref(getData)(1)
-          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"])) : createCommentVNode("v-if", true),
+          }, createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            renderList(_ctx.$slots, (_, slotName) => {
+              return {
+                name: slotName,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["model", "columns", "hidden", "class", "onSearch"])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u4E3B\u5185\u5BB9 "),
           createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
             renderSlot(_ctx.$slots, "table", { data: unref(tableDataSource) }, () => [
@@ -301,7 +335,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 style: {
                   "font-size": `${unref(parseRem)(__props.fontSize)}rem`
                 },
-                onSelectAll: unref(onTableSelectAllHandler),
+                onSelect: unref(onTableSelectHandler),
+                onSelectAll: unref(onTableSelectHandler),
                 onRowClick: unref(onTableRowClickHandler),
                 onRowContextmenu: unref(onTableRowContextmenuHandler)
               }, _ctx.$attrs), {
@@ -491,7 +526,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelectAll", "onRowClick", "onRowContextmenu"])
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
             ]),
             createCommentVNode(" \u5206\u9875 "),
             __props.showPagination ? (openBlock(), createElementBlock("div", {
@@ -506,10 +541,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* TEXT */
               ),
               createVNode(unref(ElPagination), {
-                "current-page": unref(formModel).page,
-                "onUpdate:currentPage": ($event) => unref(formModel).page = $event,
-                "page-size": unref(formModel).size,
-                "onUpdate:pageSize": ($event) => unref(formModel).size = $event,
+                "current-page": __props.filterModel.page,
+                "onUpdate:currentPage": ($event) => __props.filterModel.page = $event,
+                "page-size": __props.filterModel.size,
+                "onUpdate:pageSize": ($event) => __props.filterModel.size = $event,
                 total: unref(totalElements),
                 "pager-count": __props.pagerCount,
                 "page-sizes": [10, 15, 30, 50, 100],