hy-dispatch-ui-v3 0.1.2 → 0.1.3

package/es/index.mjs

@@ -6,6 +6,8 @@ export { AppDatePicker } from './components/appDatePicker/index.mjs';
 export { AppForm } from './components/appForm/index.mjs';
 export { AppIcon } from './components/appIcon/index.mjs';
 export { AppIconBox } from './components/appIconBox/index.mjs';
+export { AppNoPermissions } from './components/appNoPermissions/index.mjs';
+export { AppNoPermissionsMap } from './components/appNoPermissionsMap/index.mjs';
 export { AppOrgCascader } from './components/appOrgCascader/index.mjs';
 export { AppSearch } from './components/appSearch/index.mjs';
 export { AppTable } from './components/appTable/index.mjs';

package/es/locale/en.mjs

@@ -31,6 +31,9 @@ var en = {
     confirm: "Confirm",
     loading: "Loading"
   },
+  form: {
+    department: "Department"
+  },
   table: {
     hideFilter: "Hide filter",
     displayFilter: "Display filter",
@@ -64,6 +67,12 @@ var en = {
   },
   userAvatar: {
     userAvatar: "User Avatar"
+  },
+  permissino: {
+    youDoNotHaveSubordinatePermissionsForThisModule: "You Do Not Have Subordinate Permissions For This Module",
+    pleaseContactTheAdministrator: "Please Contact The Administrator",
+    youDoNotHaveAMapConfigurationForThisModule: "You Do Not Have A Map Configuration For This Module",
+    pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration: "Please Contact The Administrator To Go To The Settings Center For Configuration"
   }
 };
 

package/es/locale/zh_CN.mjs

@@ -31,6 +31,9 @@ var Chinese = {
     confirm: "\u786E\u8BA4",
     loading: "\u52A0\u8F7D\u4E2D"
   },
+  form: {
+    department: "\u6240\u5C5E\u90E8\u95E8"
+  },
   table: {
     hideFilter: "\u9690\u85CF\u7B5B\u9009\u5668",
     displayFilter: "\u663E\u793A\u7B5B\u9009\u5668",
@@ -60,10 +63,16 @@ var Chinese = {
     dangerousOperation: "\u5371\u9669\u64CD\u4F5C"
   },
   cascader: {
-    pleaseSelectDepartment: "\u8BF7\u9009\u62E9\u90E8\u95E8"
+    pleaseSelectDepartment: "\u8BF7\u9009\u62E9\u6240\u5C5E\u90E8\u95E8"
   },
   userAvatar: {
     userAvatar: "\u7528\u6237\u5934\u50CF"
+  },
+  permissino: {
+    youDoNotHaveSubordinatePermissionsForThisModule: "\u60A8\u6CA1\u6709\u8BE5\u6A21\u5757\u4E0B\u7EA7\u6743\u9650",
+    pleaseContactTheAdministrator: "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458",
+    youDoNotHaveAMapConfigurationForThisModule: "\u60A8\u6CA1\u6709\u8BE5\u6A21\u5757\u7684\u5730\u56FE\u914D\u7F6E",
+    pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration: "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u524D\u5F80\u8BBE\u7F6E\u4E2D\u5FC3\u8FDB\u884C\u914D\u7F6E"
   }
 };
 

package/es/style/index.scss

@@ -1,6 +1,4 @@
 @use './element/index.scss';
-@use './theme.scss';
-// @use './style/tailwind.scss';
 
 * {
   margin: 0;

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.1.2";
+const version = "0.1.3";
 
 export { version };

package/lib/components/appButton/appButton.vue.js

@@ -42,10 +42,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/lib/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/lib/components/appForm/appForm.vue.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var index$1 = require('../appIcon/index.js');
-var appDatePicker = require('../appDatePicker/appDatePicker.vue.js');
+var index$2 = require('../appDatePicker/index.js');
+var index$3 = require('../appOrgCascader/index.js');
 var index = require('./js/index.js');
 var useAppForm = require('./js/useAppForm.js');
 var useLocale = require('../../hooks/useLocale.js');
@@ -251,7 +252,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       "daterange",
                                       "monthrange",
                                       "yearrange"
-                                    ].includes((_a = column.attrs) == null ? void 0 : _a.type) && vue.unref(is.isArray)(column.field) ? (vue.openBlock(), vue.createBlock(appDatePicker.default, vue.mergeProps({
+                                    ].includes((_a = column.attrs) == null ? void 0 : _a.type) && vue.unref(is.isArray)(column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.AppDatePicker), vue.mergeProps({
                                       key: 0,
                                       start: __props.model[column.field[0]],
                                       "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
@@ -261,7 +262,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       style: { "width": "100%" }
                                     }, { ref_for: true }, column.attrs, {
                                       disabled: vue.unref(index.isDisabled)(props, column)
-                                    }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(appDatePicker.default, vue.mergeProps({
+                                    }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.AppDatePicker), vue.mergeProps({
                                       key: 1,
                                       modelValue: __props.model[column.field],
                                       "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
@@ -299,6 +300,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                   ],
                                   2112
                                   /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                )) : column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
+                                  vue.Fragment,
+                                  { key: 6 },
+                                  [
+                                    vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
+                                    vue.createVNode(vue.unref(index$3.AppOrgCascader), vue.mergeProps({
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                      disabled: vue.unref(index.isDisabled)(props, column)
+                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                  ],
+                                  2112
+                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                 )) : vue.createCommentVNode("v-if", true)
                               ],
                               64

package/lib/components/appForm/js/useAppForm.js

@@ -6,6 +6,15 @@ var date = require('../../../utils/date.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 
+const genDefaultLabel = (config) => {
+  if (config.label) return config.label;
+  const { t } = useLocale.useLocale();
+  switch (config.type) {
+    // 部门级联选择框
+    case "org-cascader":
+      return t("form.department");
+  }
+};
 const genPlaceholderHandler = (config) => {
   const { t } = useLocale.useLocale();
   const { type, label, attrs = {} } = config || {};
@@ -13,8 +22,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
@@ -40,6 +51,7 @@ const genPlaceholderHandler = (config) => {
       } else {
         placeholder = placeholder || t("hy.pleaseSelectPlaceholder", [label]);
       }
+      break;
     default:
       placeholder = placeholder || label;
   }
@@ -74,13 +86,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 = handler.mergeDeep(
     { ...column },
     {
       key: /* @__PURE__ */ Symbol("appFormItemKey"),
       field: column.prop,
+      label,
       readonly: column.readonly || false,
       rules: rulesHandler(column)
     }

package/lib/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/lib/components/appNoPermissions/appNoPermissions.vue.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../appIcon/index.js');
+var useLocale = require('../../hooks/useLocale.js');
+
+import "./style/appNoPermissions.scss";
+
+const __default__ = vue.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.useLocale();
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
+        vue.createVNode(vue.unref(index.AppIcon), {
+          "svg-name": __props.svgName,
+          "class-name": "!w-[46px] !h-[46px]"
+        }, null, 8, ["svg-name"]),
+        vue.createElementVNode("div", { class: "text-center mt-[12px]" }, [
+          vue.createElementVNode(
+            "p",
+            null,
+            vue.toDisplayString(vue.unref(t)("permissino.youDoNotHaveSubordinatePermissionsForThisModule")),
+            1
+            /* TEXT */
+          ),
+          vue.createElementVNode(
+            "p",
+            null,
+            vue.toDisplayString(vue.unref(t)("permissino.pleaseContactTheAdministrator")),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appNoPermissions/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appNoPermissions = require('./appNoPermissions.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppNoPermissions = handler.withInstall(appNoPermissions.default);
+
+exports.AppNoPermissions = AppNoPermissions;
+exports.default = AppNoPermissions;

package/lib/components/appNoPermissionsMap/appNoPermissionsMap.vue.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../appIcon/index.js');
+var useLocale = require('../../hooks/useLocale.js');
+
+import "./style/appNoPermissionsMap.scss";
+
+const __default__ = vue.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.useLocale();
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
+        vue.createVNode(vue.unref(index.AppIcon), {
+          "svg-name": __props.svgName,
+          "class-name": "!w-[46px] !h-[46px]"
+        }, null, 8, ["svg-name"]),
+        vue.createElementVNode("div", { class: "text-center mt-[12px]" }, [
+          vue.createElementVNode(
+            "p",
+            null,
+            vue.toDisplayString(vue.unref(t)("permissino.youDoNotHaveAMapConfigurationForThisModule")),
+            1
+            /* TEXT */
+          ),
+          vue.createElementVNode(
+            "p",
+            null,
+            vue.toDisplayString(vue.unref(t)(
+              "permissino.pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration"
+            )),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appNoPermissionsMap/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appNoPermissionsMap = require('./appNoPermissionsMap.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppNoPermissionsMap = handler.withInstall(appNoPermissionsMap.default);
+
+exports.AppNoPermissionsMap = AppNoPermissionsMap;
+exports.default = AppNoPermissionsMap;

package/lib/components/appOrgCascader/appOrgCascader.vue.js

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

package/lib/components/appSearch/appSearch.vue.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var appDatePicker = require('../appDatePicker/appDatePicker.vue.js');
+var index$1 = require('../appDatePicker/index.js');
+var index$2 = require('../appOrgCascader/index.js');
 var index = require('./js/index.js');
 var useAppSearch = require('./js/useAppSearch.js');
 var useLocale = require('../../hooks/useLocale.js');
@@ -314,7 +315,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 "daterange",
                                                 "monthrange",
                                                 "yearrange"
-                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && vue.unref(is.isArray)(column.field) ? (vue.openBlock(), vue.createBlock(appDatePicker.default, vue.mergeProps({
+                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && vue.unref(is.isArray)(column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.AppDatePicker), vue.mergeProps({
                                                 key: 0,
                                                 start: __props.model[column.field[0]],
                                                 "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
@@ -326,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 disabled: vue.unref(index.isDisabled)(props, column),
                                                 timeRangeFill: column.timeRangeFill,
                                                 onChange: ($event) => onChangeHandler($event, column)
-                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (vue.openBlock(), vue.createBlock(appDatePicker.default, vue.mergeProps({
+                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.AppDatePicker), vue.mergeProps({
                                                 key: 1,
                                                 modelValue: __props.model[column.field],
                                                 "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
@@ -340,6 +341,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             ],
                                             64
                                             /* STABLE_FRAGMENT */
+                                          )) : column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
+                                            vue.Fragment,
+                                            { key: 4 },
+                                            [
+                                              vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
+                                              vue.createVNode(vue.unref(index$2.AppOrgCascader), vue.mergeProps({
+                                                modelValue: __props.model[column.field],
+                                                "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                                disabled: vue.unref(index.isDisabled)(props, column)
+                                              }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                            ],
+                                            2112
+                                            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                           )) : vue.createCommentVNode("v-if", true)
                                         ],
                                         4
@@ -356,10 +370,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                     (vue.openBlock(true), vue.createElementBlock(
                                       vue.Fragment,
                                       null,
-                                      vue.renderList(column.timeRangeOptions, (item, index) => {
+                                      vue.renderList(column.timeRangeOptions, (item, index$1) => {
                                         return vue.openBlock(), vue.createElementBlock("div", {
-                                          key: index,
-                                          class: "border-l border-border px-[10px] cursor-pointer",
+                                          key: index$1,
+                                          class: vue.normalizeClass(["border-l border-border px-[10px] cursor-pointer", {
+                                            "bg-[rgba(var(--hy-theme),0.2)] text-theme font-bold": vue.unref(index.isSelectedTimeRange)(column, item, __props.model)
+                                          }]),
                                           onClick: ($event) => onTimeRangeClickHandler(column, item)
                                         }, [
                                           vue.createElementVNode(
@@ -369,7 +385,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             1
                                             /* TEXT */
                                           )
-                                        ], 8, ["onClick"]);
+                                        ], 10, ["onClick"]);
                                       }),
                                       128
                                       /* KEYED_FRAGMENT */

package/lib/components/appSearch/js/index.js

@@ -90,9 +90,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":
@@ -111,11 +112,20 @@ 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];
+}
 
 exports.columnItemInputStyle = columnItemInputStyle;
 exports.columnItemStyle = columnItemStyle;
 exports.columnShowHandler = columnShowHandler;
 exports.isDisabled = isDisabled;
 exports.isEmptyValue = isEmptyValue;
+exports.isSelectedTimeRange = isSelectedTimeRange;
 exports.timeRangeHandler = timeRangeHandler;
 exports.useShrink = useShrink;

package/lib/components/appSearch/js/useAppSearch.js

@@ -6,6 +6,15 @@ var date = require('../../../utils/date.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 
+const genDefaultLabel = (config) => {
+  if (config.label) return config.label;
+  const { t } = useLocale.useLocale();
+  switch (config.type) {
+    // 部门级联选择框
+    case "org-cascader":
+      return t("form.department");
+  }
+};
 const genPlaceholderHandler = (config) => {
   const { t } = useLocale.useLocale();
   const { type, label, attrs = {} } = config || {};
@@ -96,7 +105,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 || {},
@@ -108,6 +118,7 @@ function appSearchItemHandler(column = {}) {
     {
       key: /* @__PURE__ */ Symbol("appFormItemKey"),
       field: column.prop,
+      label,
       readonly: column.readonly || false,
       width,
       inputWidth,

package/lib/components/appTable/appTable.vue.js

@@ -174,9 +174,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       tableTriggerRef,
       getSelectedList,
       setTableRowClassName,
+      clearSelection,
+      clearSelectedList,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
-      onTableSelectAllHandler,
+      onTableSelectHandler,
       // useAppTableSearch
       // 表单查询
       formModel,
@@ -213,7 +215,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       resetFn,
       getSelectedList,
       getTotalElements,
-      getTableDataSource
+      getTableDataSource,
+      clearSelection,
+      clearSelectedList
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
@@ -289,7 +293,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             hidden: !vue.unref(showFilter),
             class: vue.normalizeClass({ "mb-4": vue.unref(showFilter) }),
             onSearch: ($event) => vue.unref(getData)(1)
-          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"])) : vue.createCommentVNode("v-if", true),
+          }, vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.renderList(_ctx.$slots, (_, slotName) => {
+              return {
+                name: slotName,
+                fn: vue.withCtx((scope) => [
+                  vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["model", "columns", "hidden", "class", "onSearch"])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u4E3B\u5185\u5BB9 "),
           vue.createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
             vue.renderSlot(_ctx.$slots, "table", { data: vue.unref(tableDataSource) }, () => [
@@ -305,7 +321,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 style: {
                   "font-size": `${vue.unref(adaptive.parseRem)(__props.fontSize)}rem`
                 },
-                onSelectAll: vue.unref(onTableSelectAllHandler),
+                onSelect: vue.unref(onTableSelectHandler),
+                onSelectAll: vue.unref(onTableSelectHandler),
                 onRowClick: vue.unref(onTableRowClickHandler),
                 onRowContextmenu: vue.unref(onTableRowContextmenuHandler)
               }, _ctx.$attrs), {
@@ -495,7 +512,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"])
             ]),
             vue.createCommentVNode(" \u5206\u9875 "),
             __props.showPagination ? (vue.openBlock(), vue.createElementBlock("div", {

package/lib/components/appTable/js/index.js

@@ -252,13 +252,27 @@ const useAppTableWrapper = (hy) => {
       emits("on-select-checkbox", selectedList.value, row);
     }
   }
-  function onTableSelectAllHandler(selectList = [], row) {
+  function onTableSelectHandler(selectList = [], row) {
     if (selectList.length === 0 && tableDataSource.value.length === 0) {
-      tableRef.value.clearSelection();
+      clearSelection();
     }
     selectedList.value = [...selectList];
     emits("on-select-checkbox", [...selectList], row);
   }
+  function clearSelectedList(list = []) {
+    selectedList.value = list || [];
+    clearSelection();
+    list.forEach((row) => {
+      const item = tableDataSource.value.find(
+        (v) => getRowKey(row) === getRowKey(v)
+      );
+      if (item) {
+        tableRef.value.toggleRowSelection(item, true);
+      } else {
+        tableRef.value.toggleRowSelection(row, true);
+      }
+    });
+  }
   function setTableRowClassName(obj) {
     const row = obj.row;
     let className = [];
@@ -295,12 +309,13 @@ const useAppTableWrapper = (hy) => {
     selectedList,
     tableTriggerRef,
     setTableRowClassName,
-    onTableSelectAllHandler,
+    getSelectedList,
+    clearSelection,
+    clearSelectedList,
+    onTableSelectHandler,
     onTableRowContextmenuHandler,
     onTableRowClickHandler,
-    onTableColumnsSelectHandler,
-    getSelectedList,
-    clearSelection
+    onTableColumnsSelectHandler
   };
 };