@jetlinks-web/components 3.0.1-rc → 3.0.1

package/es/ProTable/Alert.js

@@ -20,19 +20,23 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "computed": "setup-const",
   "_alertProps": "setup-maybe-ref",
   "useLocaleReceiver": "setup-maybe-ref",
+  "useProTableStyle": "setup-maybe-ref",
   "contextLocale": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emits": "setup-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "_message": "setup-ref",
   "onClose": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderSlot as _renderSlot, unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = { class: "jtable-alert" };
+import { unref as _unref, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { Alert, Button } from 'ant-design-vue';
 import { computed } from "vue";
 import { _alertProps } from "./setting";
 import { useLocaleReceiver } from "../LocaleReciver/index";
+import useProTableStyle from './style';
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'Alert'
@@ -43,6 +47,8 @@ const __sfc_main__ = _defineComponent({
         const [contextLocale] = useLocaleReceiver('ProTable');
         const props = __props;
         const emits = __emit;
+        const prefixCls = computed(() => 'pro-table');
+        const [wrapSSR, hashId] = useProTableStyle(prefixCls);
         const _message = computed(() => {
             let locale = _optionalChain([contextLocale, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.alert, 'optionalAccess', _4 => _4.selectItem]) || '';
             [_optionalChain([props, 'access', _5 => _5.rowSelection, 'optionalAccess', _6 => _6.selectedRowKeys, 'optionalAccess', _7 => _7.length]) || 0].forEach((item, index) => {
@@ -54,7 +60,9 @@ const __sfc_main__ = _defineComponent({
             emits('close');
         };
         return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['jtable-alert', _unref(hashId)])
+            }, [
                 _renderSlot(_ctx.$slots, "default", {}, () => [
                     _createVNode(_unref(Alert), {
                         type: "info",
@@ -74,7 +82,7 @@ const __sfc_main__ = _defineComponent({
                         _: 1 /* STABLE */
                     }, 8 /* PROPS */, ["message"])
                 ])
-            ]));
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/ProTable/Content.js

@@ -21,29 +21,51 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "_contentProps": "setup-maybe-ref",
   "Table": "setup-maybe-ref",
   "get": "setup-maybe-ref",
+  "omit": "setup-maybe-ref",
   "Empty": "setup-maybe-ref",
+  "useTableInject": "setup-maybe-ref",
+  "useProTableStyle": "setup-maybe-ref",
+  "useLocaleReceiver": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "slots": "setup-maybe-ref",
+  "contextLocale": "setup-maybe-ref",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
+  "_rowSelection": "setup-maybe-ref",
   "_columns": "setup-ref",
+  "_slots": "setup-ref",
   "_scroll": "setup-ref",
-  "gridTemplateColumns": "setup-ref"
+  "gridTemplateColumns": "setup-ref",
+  "__rowSelection": "setup-ref",
+  "indeterminate": "setup-ref",
+  "checkedAll": "setup-ref",
+  "onClick": "setup-const",
+  "handleCheckedAllChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, unref as _unref, createVNode as _createVNode, mergeProps as _mergeProps, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createBlock as _createBlock } from "vue";
-const _hoisted_1 = { class: "jtable-box" };
-const _hoisted_2 = {
+import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, mergeProps as _mergeProps, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, normalizeProps as _normalizeProps, createSlots as _createSlots, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
     key: 0,
     class: "jtable-card"
 };
-const _hoisted_3 = {
-    key: 1,
+const _hoisted_2 = {
+    key: 0,
+    style: { "margin-bottom": "10px" }
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+    key: 2,
     class: "j-table-empty"
 };
 import { useSlots, computed } from 'vue';
 import { _contentProps } from "./setting";
 import { Table } from 'ant-design-vue';
-import { get } from 'lodash-es';
+import { get, omit } from 'lodash-es';
 import Empty from '../Empty';
+import { useTableInject } from './hooks';
+import useProTableStyle from './style';
+import { useLocaleReceiver } from "../LocaleReciver";
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'Content'
@@ -58,60 +80,107 @@ const __sfc_main__ = _defineComponent({
     setup(__props) {
         const props = __props;
         const slots = useSlots();
+        const [contextLocale] = useLocaleReceiver('ProTable');
+        const prefixCls = computed(() => 'pro-table');
+        const [wrapSSR, hashId] = useProTableStyle(prefixCls);
+        const _rowSelection = useTableInject();
         const _columns = computed(() => props.columns.filter((i) => !_optionalChain([i, 'optionalAccess', _2 => _2.hideInTable])));
+        const _slots = computed(() => {
+            return omit(slots, ['emptyText', 'bodyCell']);
+        });
         const _scroll = computed(() => {
-            let y = _optionalChain([props, 'access', _3 => _3.scroll, 'optionalAccess', _4 => _4.y]) || '100%';
+            if (props.scroll === false) {
+                return {
+                    x: undefined,
+                    y: undefined
+                };
+            }
             return {
-                x: _optionalChain([props, 'access', _5 => _5.scroll, 'optionalAccess', _6 => _6.x]) || '100%',
-                y
+                x: props.scroll.x === false ? undefined : props.scroll.x || '100%',
+                y: props.scroll.y === false ? undefined : props.scroll.y || '100%'
             };
         });
         const gridTemplateColumns = computed(() => {
             return `repeat(${props.column}, 1fr)`;
         });
+        const __rowSelection = computed(() => {
+            return props.rowSelection || _optionalChain([_rowSelection, 'optionalAccess', _3 => _3.value]);
+        });
+        const indeterminate = computed(() => {
+            return _optionalChain([__rowSelection, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.selectedRowKeys, 'optionalAccess', _6 => _6.length]) > 0 && _optionalChain([__rowSelection, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.selectedRowKeys, 'optionalAccess', _9 => _9.length]) < props.dataSource.length;
+        });
+        const checkedAll = computed(() => {
+            return _optionalChain([__rowSelection, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.selectedRowKeys, 'optionalAccess', _12 => _12.length]) > 0 && _optionalChain([__rowSelection, 'access', _13 => _13.value, 'optionalAccess', _14 => _14.selectedRowKeys, 'optionalAccess', _15 => _15.length]) === props.dataSource.length;
+        });
+        const onClick = (item) => {
+            if (_rowSelection && _rowSelection.value) {
+                const _selected = _optionalChain([_rowSelection, 'access', _16 => _16.value, 'access', _17 => _17.selectedRowKeys, 'optionalAccess', _18 => _18.includes, 'call', _19 => _19(item[props.rowKey])]);
+                _optionalChain([_rowSelection, 'access', _20 => _20.value, 'access', _21 => _21.onSelect, 'optionalCall', _22 => _22(item, !_selected)]);
+            }
+        };
+        const handleCheckedAllChange = (e) => {
+            const flag = e.target.checked;
+            _optionalChain([__rowSelection, 'access', _23 => _23.value, 'optionalAccess', _24 => _24.onSelectAll, 'optionalCall', _25 => _25(flag, props.dataSource, props.dataSource)]);
+        };
         return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            const _component_a_checkbox = _resolveComponent("a-checkbox");
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['jtable-box', _unref(hashId)])
+            }, [
                 (_ctx.mode === 'CARD')
-                    ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                    ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                        (__rowSelection.value && __rowSelection.value.type === 'checkbox')
+                            ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                                _createVNode(_component_a_checkbox, {
+                                    indeterminate: indeterminate.value,
+                                    checked: checkedAll.value,
+                                    onChange: handleCheckedAllChange
+                                }, {
+                                    default: _withCtx(() => [
+                                        _createTextVNode(_toDisplayString(_unref(contextLocale).select.all), 1 /* TEXT */)
+                                    ]),
+                                    _: 1 /* STABLE */
+                                }, 8 /* PROPS */, ["indeterminate", "checked"])
+                            ]))
+                            : _createCommentVNode("v-if", true),
                         (_ctx.dataSource.length)
                             ? (_openBlock(), _createElementBlock("div", {
-                                key: 0,
+                                key: 1,
                                 class: "jtable-card-items",
                                 style: _normalizeStyle({ gridTemplateColumns: gridTemplateColumns.value })
                             }, [
                                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dataSource, (item) => {
                                     return (_openBlock(), _createElementBlock("div", {
                                         class: _normalizeClass(['jtable-card-item', props.cardBodyClass]),
-                                        key: item[props.rowKey]
+                                        key: item[props.rowKey],
+                                        onClick: ($event) => (onClick(item))
                                     }, [
-                                        _renderSlot(_ctx.$slots, "card", _normalizeProps(_guardReactiveProps(item)))
-                                    ], 2 /* CLASS */));
+                                        _renderSlot(_ctx.$slots, "card", _mergeProps({ ref_for: true }, item))
+                                    ], 10 /* CLASS, PROPS */, _hoisted_3));
                                 }), 128 /* KEYED_FRAGMENT */))
                             ], 4 /* STYLE */))
-                            : (_openBlock(), _createElementBlock("div", _hoisted_3, [
+                            : (_openBlock(), _createElementBlock("div", _hoisted_4, [
                                 _renderSlot(_ctx.$slots, "emptyText", {}, () => [
                                     _createVNode(_unref(Empty))
                                 ])
                             ]))
                     ]))
                     : (_openBlock(), _createBlock(_unref(Table), _mergeProps({ key: 1 }, props, {
+                        "row-selection": __rowSelection.value,
                         dataSource: _ctx.dataSource,
                         columns: _columns.value,
                         pagination: false,
                         scroll: _scroll.value,
-                        class: { 'j-table-scroll': !_optionalChain([props, 'access', _7 => _7.scroll, 'optionalAccess', _8 => _8.y]) }
-                    }), {
-                        headerCell: _withCtx(({ column, title }) => [
-                            _renderSlot(_ctx.$slots, "headerCell", _normalizeProps(_guardReactiveProps({ column, title })))
-                        ]),
+                        class: { 'j-table-scroll': !_optionalChain([props, 'access', _26 => _26.scroll, 'optionalAccess', _27 => _27.y]) }
+                    }), _createSlots({
                         bodyCell: _withCtx(({ column, record, index }) => [
-                            ((_optionalChain([column, 'optionalAccess', _9 => _9.key]) || _optionalChain([column, 'optionalAccess', _10 => _10.dataIndex])) && _optionalChain([column, 'optionalAccess', _11 => _11.scopedSlots]) && (_optionalChain([_unref, 'call', _12 => _12(slots), 'optionalAccess', _13 => _13[_optionalChain([column, 'optionalAccess', _14 => _14.dataIndex])]]) || _optionalChain([_unref, 'call', _15 => _15(slots), 'optionalAccess', _16 => _16[_optionalChain([column, 'optionalAccess', _17 => _17.key])]])))
-                                ? _renderSlot(_ctx.$slots, _optionalChain([column, 'optionalAccess', _18 => _18.key]) || _optionalChain([column, 'optionalAccess', _19 => _19.dataIndex]), _mergeProps({ key: 0 }, record, {
+                            ((_optionalChain([column, 'optionalAccess', _28 => _28.key]) || _optionalChain([column, 'optionalAccess', _29 => _29.dataIndex])) && _optionalChain([column, 'optionalAccess', _30 => _30.scopedSlots]) && (_optionalChain([_slots, 'access', _31 => _31.value, 'optionalAccess', _32 => _32[_optionalChain([column, 'optionalAccess', _33 => _33.dataIndex])]]) || _optionalChain([_slots, 'access', _34 => _34.value, 'optionalAccess', _35 => _35[_optionalChain([column, 'optionalAccess', _36 => _36.key])]])))
+                                ? _renderSlot(_ctx.$slots, _optionalChain([column, 'optionalAccess', _37 => _37.key]) || _optionalChain([column, 'optionalAccess', _38 => _38.dataIndex]), _mergeProps({ key: 0 }, record, {
                                     index: index,
                                     column: column
                                 }))
                                 : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-                                    _createTextVNode(_toDisplayString(_unref(get)(record, _optionalChain([column, 'optionalAccess', _20 => _20.dataIndex]) || _optionalChain([column, 'optionalAccess', _21 => _21.key])) || '--'), 1 /* TEXT */)
+                                    _createTextVNode(_toDisplayString(_unref(get)(record, _optionalChain([column, 'optionalAccess', _39 => _39.dataIndex]) || _optionalChain([column, 'optionalAccess', _40 => _40.key])) || '--'), 1 /* TEXT */)
                                 ], 64 /* STABLE_FRAGMENT */))
                         ]),
                         emptyText: _withCtx(() => [
@@ -119,9 +188,20 @@ const __sfc_main__ = _defineComponent({
                                 _createVNode(_unref(Empty))
                             ])
                         ]),
-                        _: 3 /* FORWARDED */
-                    }, 16 /* FULL_PROPS */, ["dataSource", "columns", "scroll", "class"]))
-            ]));
+                        _: 2 /* DYNAMIC */
+                    }, [
+                        _renderList(_slots.value, (_, slotKey) => {
+                            return {
+                                name: slotKey,
+                                fn: _withCtx((slotProps) => [
+                                    (!((_optionalChain([__props, 'access', _41 => _41.column, 'optionalAccess', _42 => _42.key]) || _optionalChain([__props, 'access', _43 => _43.column, 'optionalAccess', _44 => _44.dataIndex])) && _optionalChain([__props, 'access', _45 => _45.column, 'optionalAccess', _46 => _46.scopedSlots]) && (_optionalChain([_slots, 'access', _47 => _47.value, 'optionalAccess', _48 => _48[_optionalChain([__props, 'access', _49 => _49.column, 'optionalAccess', _50 => _50.dataIndex])]]) || _optionalChain([_slots, 'access', _51 => _51.value, 'optionalAccess', _52 => _52[_optionalChain([__props, 'access', _53 => _53.column, 'optionalAccess', _54 => _54.key])]]))))
+                                        ? _renderSlot(_ctx.$slots, slotKey, _normalizeProps(_mergeProps({ key: 0 }, slotProps)))
+                                        : _createCommentVNode("v-if", true)
+                                ])
+                            };
+                        })
+                    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["row-selection", "dataSource", "columns", "scroll", "class"]))
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/ProTable/Header.js

@@ -1,24 +1,30 @@
 /* Analyzed bindings: {
   "initMode": "props",
+  "computed": "setup-const",
   "RadioGroup": "setup-maybe-ref",
   "RadioButton": "setup-maybe-ref",
   "AIcon": "setup-maybe-ref",
   "_headerProps": "setup-maybe-ref",
+  "useProTableStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
-  "emits": "setup-const"
+  "emits": "setup-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, unref as _unref, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
-const _hoisted_1 = { class: "jtable-body-header" };
-const _hoisted_2 = { class: "jtable-body-header-left" };
-const _hoisted_3 = { class: "jtable-body-header-right" };
-const _hoisted_4 = {
+import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = { class: "jtable-body-header-left" };
+const _hoisted_2 = { class: "jtable-body-header-right" };
+const _hoisted_3 = {
     key: 0,
     class: "table-body-header-right-button"
 };
+import { computed } from 'vue';
 import { RadioGroup, RadioButton } from 'ant-design-vue';
 import AIcon from '../Icon';
 import { _headerProps } from './setting';
+import useProTableStyle from './style';
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'Header'
@@ -34,15 +40,19 @@ const __sfc_main__ = _defineComponent({
     setup(__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
+        const prefixCls = computed(() => 'pro-table');
+        const [wrapSSR, hashId] = useProTableStyle(prefixCls);
         return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
-                _createElementVNode("div", _hoisted_2, [
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['jtable-body-header', _unref(hashId)])
+            }, [
+                _createElementVNode("div", _hoisted_1, [
                     _renderSlot(_ctx.$slots, "headerLeftRender")
                 ]),
-                _createElementVNode("div", _hoisted_3, [
+                _createElementVNode("div", _hoisted_2, [
                     _renderSlot(_ctx.$slots, "headerRightRender"),
                     (!__props.initMode)
-                        ? (_openBlock(), _createElementBlock("div", _hoisted_4, [
+                        ? (_openBlock(), _createElementBlock("div", _hoisted_3, [
                             _createVNode(_unref(RadioGroup), {
                                 value: _ctx.mode,
                                 onChange: _cache[0] || (_cache[0] = (e) => emits('change', e))
@@ -66,7 +76,7 @@ const __sfc_main__ = _defineComponent({
                         ]))
                         : _createCommentVNode("v-if", true)
                 ])
-            ]));
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/ProTable/Pagination.js

@@ -19,20 +19,24 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "_paginationProps": "setup-maybe-ref",
   "computed": "setup-const",
   "useLocaleReceiver": "setup-maybe-ref",
+  "useProTableStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emits": "setup-const",
   "contextLocale": "setup-maybe-ref",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "className": "setup-ref",
   "_showTotal": "setup-const",
   "onChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = { class: "jtable-pagination" };
+import { unref as _unref, renderSlot as _renderSlot, mergeProps as _mergeProps, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { Pagination } from 'ant-design-vue';
 import { _paginationProps } from "./setting";
 import { computed } from 'vue';
 import { useLocaleReceiver } from "../LocaleReciver";
+import useProTableStyle from './style';
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'JPagination'
@@ -43,6 +47,8 @@ const __sfc_main__ = _defineComponent({
         const props = __props;
         const emits = __emit;
         const [contextLocale] = useLocaleReceiver('ProTable');
+        const prefixCls = computed(() => 'pro-table');
+        const [wrapSSR, hashId] = useProTableStyle(prefixCls);
         const className = computed(() => {
             return {
                 'hide-content': !props.isShowContent,
@@ -62,7 +68,9 @@ const __sfc_main__ = _defineComponent({
             emits('change', page, size);
         };
         return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['jtable-pagination', _unref(hashId)])
+            }, [
                 _renderSlot(_ctx.$slots, "default", {}, () => [
                     _createVNode(_unref(Pagination), _mergeProps(props, {
                         total: _ctx.total,
@@ -73,7 +81,7 @@ const __sfc_main__ = _defineComponent({
                         onChange: onChange
                     }), null, 16 /* FULL_PROPS */, ["total", "pageSize", "current", "show-total", "class"])
                 ])
-            ]));
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/ProTable/ProTable.js

@@ -22,6 +22,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } return value; }
 /* Analyzed bindings: {
   "proTableProps": "setup-maybe-ref",
+  "Spin": "setup-maybe-ref",
   "Header": "setup-const",
   "Alert": "setup-const",
   "Content": "setup-const",
@@ -36,7 +37,8 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "inject": "setup-const",
   "debounce": "setup-maybe-ref",
   "TableConfig": "setup-maybe-ref",
-  "JSkeletonList": "setup-maybe-ref",
+  "useTableInject": "setup-maybe-ref",
+  "useProTableStyle": "setup-maybe-ref",
   "tableConfig": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "slots": "setup-maybe-ref",
@@ -46,7 +48,11 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "_mode": "setup-ref",
   "column": "setup-ref",
   "page": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "extraSlots": "setup-const",
+  "_rowSelection": "setup-maybe-ref",
   "showAlert": "setup-ref",
   "showPagination": "setup-ref",
   "onCheck": "setup-const",
@@ -60,9 +66,10 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "windowChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderSlot as _renderSlot, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, unref as _unref, normalizeProps as _normalizeProps, mergeProps as _mergeProps, renderList as _renderList, createSlots as _createSlots, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
+import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeProps as _normalizeProps, mergeProps as _mergeProps, renderList as _renderList, createSlots as _createSlots, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { class: "jtable-body" };
 import { proTableProps } from "./setting";
+import { Spin } from 'ant-design-vue';
 import Header from './Header.js';
 import Alert from './Alert.js';
 import Content from './Content.js';
@@ -70,7 +77,8 @@ import Pagination from './Pagination.js';
 import { useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from "vue";
 import { debounce } from 'lodash-es';
 import { TableConfig } from "../utils/constants";
-import { JSkeletonList } from "../Skeleton";
+import { useTableInject } from "./hooks";
+import useProTableStyle from "./style";
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'JProTable'
@@ -98,16 +106,19 @@ const __sfc_main__ = _defineComponent({
         });
         const loading = ref(false);
         const _dataSource = ref([]);
-        const _mode = ref(!props.mode ? (props.modeValue || 'CARD') : props.mode);
+        const _mode = ref(props.mode || props.modeValue || 'CARD');
         const column = ref(4);
         const page = reactive({
             pageIndex: 0,
             pageSize: 12,
             total: 0
         });
+        const prefixCls = computed(() => 'pro-table');
+        const [wrapSSR, hashId] = useProTableStyle(prefixCls);
         const extraSlots = ['headerRightRender', 'headerLeftRender', 'paginationRender', 'alertRender'];
+        const _rowSelection = useTableInject();
         const showAlert = computed(() => {
-            return props.alertShow && _optionalChain([props, 'optionalAccess', _2 => _2.rowSelection, 'optionalAccess', _3 => _3.selectedRowKeys, 'optionalAccess', _4 => _4.length]);
+            return props.alertShow && (_optionalChain([props, 'access', _2 => _2.rowSelection, 'optionalAccess', _3 => _3.selectedRowKeys, 'optionalAccess', _4 => _4.length]) || _optionalChain([_rowSelection, 'optionalAccess', _5 => _5.value, 'optionalAccess', _6 => _6.selectedRowKeys, 'optionalAccess', _7 => _7.length]));
         });
         const showPagination = computed(() => {
             return !!_dataSource.value.length && !props.noPagination && props.type === 'PAGE';
@@ -118,17 +129,17 @@ const __sfc_main__ = _defineComponent({
         const handleData = (result) => {
             if (props.type === 'PAGE') {
                 // 判断如果是最后一页且最后一页为空，就跳转到前一页
-                if (_optionalChain([result, 'optionalAccess', _5 => _5.total]) &&
-                    _optionalChain([result, 'optionalAccess', _6 => _6.pageSize]) &&
-                    _optionalChain([result, 'optionalAccess', _7 => _7.pageIndex]) &&
-                    _optionalChain([result, 'optionalAccess', _8 => _8.data, 'optionalAccess', _9 => _9.length]) === 0) {
+                if (_optionalChain([result, 'optionalAccess', _8 => _8.total]) &&
+                    _optionalChain([result, 'optionalAccess', _9 => _9.pageSize]) &&
+                    _optionalChain([result, 'optionalAccess', _10 => _10.pageIndex]) &&
+                    _optionalChain([result, 'optionalAccess', _11 => _11.data, 'optionalAccess', _12 => _12.length]) === 0) {
                     return true;
                 }
                 else {
-                    _dataSource.value = _optionalChain([result, 'optionalAccess', _10 => _10.data]) || [];
-                    page.pageIndex = _optionalChain([result, 'optionalAccess', _11 => _11.pageIndex]) || 0;
-                    page.pageSize = _optionalChain([result, 'optionalAccess', _12 => _12.pageSize]) || 12;
-                    page.total = _optionalChain([result, 'optionalAccess', _13 => _13.total]) || 0;
+                    _dataSource.value = _optionalChain([result, 'optionalAccess', _13 => _13.data]) || [];
+                    page.pageIndex = _optionalChain([result, 'optionalAccess', _14 => _14.pageIndex]) || 0;
+                    page.pageSize = _optionalChain([result, 'optionalAccess', _15 => _15.pageSize]) || 12;
+                    page.total = _optionalChain([result, 'optionalAccess', _16 => _16.total]) || 0;
                 }
             }
             else {
@@ -147,8 +158,8 @@ const __sfc_main__ = _defineComponent({
                     ...props.defaultParams,
                     ..._params,
                     terms: [
-                        ...(_optionalChain([props, 'access', _14 => _14.defaultParams, 'optionalAccess', _15 => _15.terms]) || []),
-                        ...(_optionalChain([_params, 'optionalAccess', _16 => _16.terms]) || []),
+                        ...(_optionalChain([props, 'access', _17 => _17.defaultParams, 'optionalAccess', _18 => _18.terms]) || []),
+                        ...(_optionalChain([_params, 'optionalAccess', _19 => _19.terms]) || []),
                     ],
                 };
                 loading.value = true;
@@ -183,8 +194,13 @@ const __sfc_main__ = _defineComponent({
             });
         };
         const onClose = () => {
-            _optionalChain([props, 'access', _17 => _17.rowSelection, 'optionalAccess', _18 => _18.onChange, 'optionalCall', _19 => _19([], [])]);
-            _optionalChain([props, 'access', _20 => _20.rowSelection, 'optionalAccess', _21 => _21.onSelectNone, 'optionalCall', _22 => _22()]);
+            if (props.rowSelection) {
+                _optionalChain([props, 'access', _20 => _20.rowSelection, 'access', _21 => _21.onChange, 'optionalCall', _22 => _22([], [])]);
+                _optionalChain([props, 'access', _23 => _23.rowSelection, 'access', _24 => _24.onSelectNone, 'optionalCall', _25 => _25()]);
+            }
+            else if (_optionalChain([_rowSelection, 'optionalAccess', _26 => _26.value])) {
+                _optionalChain([_rowSelection, 'access', _27 => _27.value, 'optionalAccess', _28 => _28.onSelectNone, 'optionalCall', _29 => _29()]);
+            }
         };
         /**
          * 刷新数据
@@ -199,10 +215,10 @@ const __sfc_main__ = _defineComponent({
             });
         };
         const _gridColumns = computed(() => {
-            if (_optionalChain([props, 'access', _23 => _23.gridColumns, 'optionalAccess', _24 => _24.length])) {
+            if (_optionalChain([props, 'access', _30 => _30.gridColumns, 'optionalAccess', _31 => _31.length])) {
                 const arr = props.gridColumns;
-                const lastValue = _optionalChain([arr, 'access', _25 => _25.slice, 'call', _26 => _26(-1), 'optionalAccess', _27 => _27[0]]);
-                if (_optionalChain([arr, 'optionalAccess', _28 => _28.length]) < 4) {
+                const lastValue = _optionalChain([arr, 'access', _32 => _32.slice, 'call', _33 => _33(-1), 'optionalAccess', _34 => _34[0]]);
+                if (_optionalChain([arr, 'optionalAccess', _35 => _35.length]) < 4) {
                     while (arr.length < 4) {
                         arr.push(lastValue);
                     }
@@ -223,16 +239,16 @@ const __sfc_main__ = _defineComponent({
                 const styles = window.getComputedStyle(ele);
                 const width = parseFloat(styles.width);
                 if (width <= 992) {
-                    column.value = _optionalChain([_gridColumns, 'access', _29 => _29.value, 'optionalAccess', _30 => _30[0]]) || 1;
+                    column.value = _optionalChain([_gridColumns, 'access', _36 => _36.value, 'optionalAccess', _37 => _37[0]]) || 1;
                 }
                 else if (width > 992 && width <= 1440) {
-                    column.value = _optionalChain([_gridColumns, 'access', _31 => _31.value, 'optionalAccess', _32 => _32[1]]) || 2;
+                    column.value = _optionalChain([_gridColumns, 'access', _38 => _38.value, 'optionalAccess', _39 => _39[1]]) || 2;
                 }
                 else if (width > 1440 && width <= 1600) {
-                    column.value = _optionalChain([_gridColumns, 'access', _33 => _33.value, 'optionalAccess', _34 => _34[2]]) || 3;
+                    column.value = _optionalChain([_gridColumns, 'access', _40 => _40.value, 'optionalAccess', _41 => _41[2]]) || 3;
                 }
                 else if (width > 1600) {
-                    column.value = _optionalChain([_gridColumns, 'access', _35 => _35.value, 'optionalAccess', _36 => _36[3]]) || 4;
+                    column.value = _optionalChain([_gridColumns, 'access', _42 => _42.value, 'optionalAccess', _43 => _43[3]]) || 4;
                 }
             }
         };
@@ -256,15 +272,11 @@ const __sfc_main__ = _defineComponent({
         __expose({ reload, dataSource: _dataSource });
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
-                class: "jtable-body-spin",
+                class: _normalizeClass(['jtable-body-spin', _unref(hashId)]),
                 style: _normalizeStyle(_ctx.bodyStyle),
                 id: "jtable-body-spin"
             }, [
-                _createVNode(_unref(JSkeletonList), {
-                    loading: loading.value,
-                    active: true,
-                    mode: _mode.value
-                }, {
+                _createVNode(_unref(Spin), { spinning: loading.value }, {
                     default: _withCtx(() => [
                         _createElementVNode("div", _hoisted_1, [
                             _createVNode(Header, {
@@ -284,12 +296,12 @@ const __sfc_main__ = _defineComponent({
                             (showAlert.value)
                                 ? (_openBlock(), _createBlock(Alert, {
                                     key: 0,
-                                    rowSelection: _ctx.rowSelection,
+                                    rowSelection: _ctx.rowSelection || _unref(_rowSelection),
                                     onClose: onClose
                                 }, {
                                     default: _withCtx(() => [
                                         _renderSlot(_ctx.$slots, "alertRender", {
-                                            rowSelection: _ctx.rowSelection,
+                                            rowSelection: _ctx.rowSelection || _unref(_rowSelection),
                                             onClose: onClose
                                         })
                                     ]),
@@ -335,8 +347,8 @@ const __sfc_main__ = _defineComponent({
                         ])
                     ]),
                     _: 3 /* FORWARDED */
-                }, 8 /* PROPS */, ["loading", "mode"])
-            ], 4 /* STYLE */));
+                }, 8 /* PROPS */, ["spinning"])
+            ], 6 /* CLASS, STYLE */));
         };
     }
 });

package/es/ProTable/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useTableSelection';
+export * from './useTableInject';

package/es/ProTable/hooks/useTableInject.js

@@ -0,0 +1,5 @@
+import { PROTABLE_ROW_SELECTION_KEY } from "./useTableSelection";
+import { inject } from "vue";
+export var useTableInject = function useTableInject() {
+  return inject(PROTABLE_ROW_SELECTION_KEY, null);
+};