pro-design-vue 1.2.14 → 1.2.16

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.2.14 */
+/*! Pro Design Vue v1.2.16 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.2.14";
+  const version$1 = "1.2.16";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -21615,60 +21615,6 @@
     formatRangeCellText: {
       type: Function
     },
-    "onUpdate:selectedRowKeys": {
-      type: Function
-    },
-    onScroll: {
-      type: Function
-    },
-    "onUpdate:expandedRowKeys": {
-      type: Function
-    },
-    onResizeColumn: {
-      type: Function,
-      default: void 0
-    },
-    onRowDragEnd: {
-      type: Function,
-      default: void 0
-    },
-    onColumnDragEnd: {
-      type: Function,
-      default: void 0
-    },
-    onCellKeydown: {
-      type: Function,
-      default: void 0
-    },
-    onCellClick: {
-      type: Function,
-      default: void 0
-    },
-    onBeforeOpenEditor: {
-      type: Function,
-      default: void 0
-    },
-    onOpenEditor: {
-      type: Function,
-      default: void 0
-    },
-    onBeforeCloseEditor: {
-      type: Function,
-      default: void 0
-    },
-    onCloseEditor: {
-      type: Function,
-      default: void 0
-    },
-    "onUpdate:pagination": {
-      type: Function
-    },
-    "onUpdate:dataSource": {
-      type: Function
-    },
-    "onUpdate:columns": {
-      type: Function
-    },
     columnEmptyText: {
       type: [String, Boolean],
       default: void 0
@@ -21676,6 +21622,7 @@
     toolBar: { type: Boolean, default: void 0 },
     options: { type: [Object, Boolean], default: void 0 },
     alwaysShowAlert: { type: Boolean, default: void 0 },
+    showAlert: { type: Boolean, default: void 0 },
     // requst 相关配置
     request: Function,
     params: Object,
@@ -21725,6 +21672,63 @@
     horizontalScrollSticky: {
       type: [Boolean, Object],
       default: true
+    },
+    "onUpdate:selectedRowKeys": {
+      type: Function
+    },
+    onScroll: {
+      type: Function
+    },
+    "onUpdate:expandedRowKeys": {
+      type: Function
+    },
+    onResizeColumn: {
+      type: Function,
+      default: void 0
+    },
+    onRowDragEnd: {
+      type: Function,
+      default: void 0
+    },
+    onColumnDragEnd: {
+      type: Function,
+      default: void 0
+    },
+    onCellKeydown: {
+      type: Function,
+      default: void 0
+    },
+    onCellClick: {
+      type: Function,
+      default: void 0
+    },
+    onBeforeOpenEditor: {
+      type: Function,
+      default: void 0
+    },
+    onOpenEditor: {
+      type: Function,
+      default: void 0
+    },
+    onBeforeCloseEditor: {
+      type: Function,
+      default: void 0
+    },
+    onCloseEditor: {
+      type: Function,
+      default: void 0
+    },
+    "onUpdate:pagination": {
+      type: Function
+    },
+    "onUpdate:dataSource": {
+      type: Function
+    },
+    "onUpdate:columns": {
+      type: Function
+    },
+    "onUpdate:showAlert": {
+      type: Function
     }
   });
   const tableProps = () => ({
@@ -34867,6 +34871,17 @@
         class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar`)
       },
       [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-top`)
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "top")
+          ],
+          2
+          /* CLASS */
+        ),
         vue.createElementVNode(
           "div",
           {
@@ -35028,6 +35043,17 @@
           ],
           2
           /* CLASS */
+        ),
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-bottom`)
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "bottom")
+          ],
+          2
+          /* CLASS */
         )
       ],
       2
@@ -35047,18 +35073,15 @@
       selectedRows: {
         type: Array,
         default: () => []
-      }
+      },
+      onCleanSelected: Function
     },
     inheritAttrs: false,
     components: { Space: antDesignVue.Space },
     emits: ["cleanSelected"],
-    setup(_, { emit, slots }) {
-      const onCleanSelected = () => {
-        emit("cleanSelected");
-      };
+    setup(_, { slots }) {
       return {
-        slots,
-        onCleanSelected
+        slots
       };
     }
   });
@@ -35289,7 +35312,7 @@
       attrs,
       emit
     }) {
-      var _a;
+      var _a, _b;
       const tableRef = vue.ref();
       const {
         table,
@@ -35302,8 +35325,8 @@
       } = useProvideHover({
         rowHoverDelay: vue.computed(() => props.rowHoverDelay),
         rowHover: vue.computed(() => {
-          var _a2, _b;
-          return (_b = props.rowHover) != null ? _b : (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.rowHover;
+          var _a2, _b2;
+          return (_b2 = props.rowHover) != null ? _b2 : (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.rowHover;
         })
       });
       const mergedPrefixCls = vue.computed(() => {
@@ -35311,7 +35334,7 @@
         return (_a2 = props.prefixCls) != null ? _a2 : prefixCls;
       });
       const mergeOptions = vue.computed(() => {
-        var _a2, _b;
+        var _a2, _b2;
         if (props.options === false) {
           return false;
         }
@@ -35319,7 +35342,7 @@
           return (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.options;
         }
         return {
-          ...(_b = table == null ? void 0 : table.value) == null ? void 0 : _b.options,
+          ...(_b2 = table == null ? void 0 : table.value) == null ? void 0 : _b2.options,
           ...props.options
         };
       });
@@ -35373,12 +35396,12 @@
         }
       });
       const onFormSearchSubmit = (values) => {
-        var _a2, _b;
+        var _a2, _b2;
         if (mergeOptions.value && mergeOptions.value.search) {
           const {
             name = "keyword"
           } = mergeOptions.value.search === true ? {} : mergeOptions.value.search;
-          const success = (_b = (_a2 = mergeOptions.value.search) == null ? void 0 : _a2.onSearch) == null ? void 0 : _b.call(_a2, actions.keyword.value);
+          const success = (_b2 = (_a2 = mergeOptions.value.search) == null ? void 0 : _a2.onSearch) == null ? void 0 : _b2.call(_a2, actions.keyword.value);
           if (success !== false) {
             actions.setFormSearch({
               ...values,
@@ -35459,11 +35482,11 @@
         (_a2 = props["onUpdate:columns"]) == null ? void 0 : _a2.call(props, rawColumns, action);
       };
       const formItems = vue.computed(() => {
-        var _a2, _b, _c;
+        var _a2, _b2, _c;
         if (props.search === false) {
           return [];
         }
-        if ((_b = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b.length) {
+        if ((_b2 = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b2.length) {
           return (_c = props.search) == null ? void 0 : _c.items;
         }
         return flatColumnsHandle(props.columns).filter((item) => {
@@ -35518,13 +35541,30 @@
           return (_a3 = preserveRecordsRef.value) == null ? void 0 : _a3.get(key);
         });
       });
-      const onCleanSelected = () => {
-        var _a2;
+      const onCleanSelected = (keys) => {
+        var _a2, _b2, _c, _d, _e;
+        let newSelectedRowKeys = [];
+        if (keys == null ? void 0 : keys.length) {
+          newSelectedRowKeys = (_b2 = (_a2 = selectedRowKeys.value) == null ? void 0 : _a2.filter((key) => !keys.includes(key))) != null ? _b2 : [];
+        }
         if (props.rowSelection && props.rowSelection.onChange) {
-          props.rowSelection.onChange([], []);
+          props.rowSelection.onChange(newSelectedRowKeys, (_c = selectedRows.value) != null ? _c : []);
+        }
+        (_e = props["onUpdate:selectedRowKeys"]) == null ? void 0 : _e.call(props, newSelectedRowKeys, (_d = selectedRows.value) != null ? _d : []);
+        setSelectedRowKeys(newSelectedRowKeys);
+      };
+      const setRowSelected = (keys, rows) => {
+        var _a2;
+        if (keys == null ? void 0 : keys.length) {
+          if (rows == null ? void 0 : rows.length) {
+            rows.forEach((data) => {
+              const dataRowKey = getRowKey.value(data, -1);
+              preserveRecordsRef.value.set(dataRowKey, data);
+            });
+          }
+          const newKeys = Array.from(/* @__PURE__ */ new Set([...(_a2 = selectedRowKeys.value) != null ? _a2 : [], ...keys]));
+          setSelectedRowKeys(newKeys);
         }
-        (_a2 = props["onUpdate:selectedRowKeys"]) == null ? void 0 : _a2.call(props, [], []);
-        setSelectedRowKeys([]);
       };
       const hideToolbar = vue.computed(() => mergeOptions.value === false && !props.title && !slots.title && !slots.toolbar && !slots.searchExtra && !slots.toolbarActions);
       const notNeedCardDom = vue.computed(() => {
@@ -35548,6 +35588,20 @@
         }
         return {};
       });
+      const [mergeShowAlert, setMergeShowAlert] = useMergedState(!!((_b = selectedRowKeys.value) == null ? void 0 : _b.length), {
+        value: vue.computed(() => props.showAlert),
+        onChange(val) {
+          var _a2;
+          (_a2 = props["onUpdate:showAlert"]) == null ? void 0 : _a2.call(props, val);
+        }
+      });
+      vue.watch(selectedRowKeys, (selectedKeys) => {
+        if (selectedKeys == null ? void 0 : selectedKeys.length) {
+          setMergeShowAlert(true);
+        } else {
+          setMergeShowAlert(false);
+        }
+      });
       expose({
         scrollTo: (pos, behavior) => {
           var _a2;
@@ -35581,6 +35635,7 @@
           dataSource.value = [];
         },
         cleanSelected: onCleanSelected,
+        setSelected: setRowSelected,
         appendCellToSelectedRange: (params) => {
           var _a2;
           return (_a2 = tableRef.value) == null ? void 0 : _a2.appendCellToSelectedRange(params);
@@ -35597,7 +35652,7 @@
         reset
       });
       return () => {
-        var _a2, _b, _c, _d, _e;
+        var _a2, _b2, _c, _d, _e;
         const {
           expandIcon = slots.expandIcon,
           expandedRowRender = slots.expandedRowRender
@@ -35638,8 +35693,10 @@
           toolbar: slots.toolbar,
           title: slots.title,
           searchExtra: slots.searchExtra,
-          actions: slots.toolbarActions
-        }), !!props.rowSelection && ((_b = props.rowSelection) == null ? void 0 : _b.type) !== "radio" && props.alwaysShowAlert !== false && !!selectedRowKeys.value.length && vue.createVNode(Alert, {
+          actions: slots.toolbarActions,
+          bottom: slots.toolbarBottom,
+          top: slots.toolbarTop
+        }), !!props.rowSelection && ((_b2 = props.rowSelection) == null ? void 0 : _b2.type) !== "radio" && props.alwaysShowAlert !== false && mergeShowAlert.value && vue.createVNode(Alert, {
           "prefixCls": mergedPrefixCls.value,
           "selectedRowKeys": selectedRowKeys.value,
           "selectedRows": selectedRows.value,
@@ -35688,7 +35745,7 @@
           }
         }, {
           default: () => {
-            var _a3, _b2, _c2, _d2;
+            var _a3, _b3, _c2, _d2;
             return [vue.createVNode("div", vue.mergeProps({
               "ref": counter.rootDomRef
             }, attrs, {
@@ -35697,7 +35754,7 @@
             }), [props.search !== false && !!((_a3 = formItems.value) == null ? void 0 : _a3.length) && vue.createVNode(FormRender, {
               "prefixCls": mergedPrefixCls.value,
               "items": formItems.value,
-              "cardBordered": (_d2 = (_c2 = props.cardBordered) != null ? _c2 : (_b2 = table == null ? void 0 : table.value) == null ? void 0 : _b2.cardBordered) != null ? _d2 : dark == null ? void 0 : dark.value,
+              "cardBordered": (_d2 = (_c2 = props.cardBordered) != null ? _c2 : (_b3 = table == null ? void 0 : table.value) == null ? void 0 : _b3.cardBordered) != null ? _d2 : dark == null ? void 0 : dark.value,
               "search": props.search,
               "tableShowCard": props.cardProps !== false,
               "loading": formSubmitLoading.value,