@jetlinks-web/components 2.0.31 → 2.0.33

package/es/style/index.css

@@ -491,7 +491,6 @@
 .jtable-body-spin {
   min-height: 100%;
   width: 100%;
-  padding: 16px 24px 24px;
   background-color: #fff;
 }
 .jtable-body-spin .ant-spin-nested-loading {
@@ -507,51 +506,52 @@
   display: flex;
   flex-direction: column;
 }
-.jtable-body-spin .jtable-body .jtable-body-header {
+.jtable-body-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  margin-bottom: 16px;
+  width: 100%;
+  gap: 8px;
+}
+.jtable-body-header .jtable-body-header-left {
+  flex: 1;
+  min-width: 0;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
+.jtable-body-header .jtable-body-header-right {
   display: flex;
   gap: 8px;
   align-items: center;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button {
+  width: 62px;
+}
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
   font-size: 16px;
   color: #d9d9d9;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
   padding: 0 8px;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button :deep(.ant-radio-button-wrapper-checked) {
   color: #1890ff;
 }
-.jtable-body-spin .jtable-body .jtable-content {
-  flex: 1;
-  padding: 16px 0;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
+.jtable-alert {
   margin-bottom: 16px;
 }
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
+.jtable-card .jtable-card-items {
   display: grid;
   grid-gap: 26px;
 }
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
+.jtable-card .jtable-card-items .jtable-card-item {
   display: flex;
   min-width: 0;
 }
-.jtable-body-spin .jtable-body .jtable-pagination {
+.jtable-pagination {
   width: 100%;
   display: flex;
   justify-content: flex-end;
-}
-.jtable-body-spin .jtable-body .j-table-empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 10% 0;
+  margin-top: 16px;
 }
 .JSearch-warp {
   padding: 24px;

package/es/style/index.less

@@ -1,7 +1,7 @@
-@import '../Ellipsis/style/index.less';
-@import '../CheckButton/style/index.less';
-@import '../ProLayout/style/style.less';
-@import '../ProTable/style/index.less';
-@import '../Search/style/Search.less';
-@import '../Search/style/Item.less';
-@import '../CardSelect/style/index.less';
+@import '../Ellipsis/style/index.less';
+@import '../CheckButton/style/index.less';
+@import '../ProLayout/style/style.less';
+@import '../ProTable/style/ProTable.less';
+@import '../Search/style/Search.less';
+@import '../Search/style/Item.less';
+@import '../CardSelect/style/index.less';

package/lib/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1715741796198"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716520751738"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/ProLayout/Basic/BasicLayout.js

@@ -219,6 +219,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
       var linksRender = (0, _util.getSlot)(slots, props, 'linksRender');
       var logoRender = (0, _util.getSlot)(slots, props, 'logoRender');
       var historyRender = (0, _util.getSlot)(slots, props, 'historyRender');
+      var topHeaderMenuRender = (0, _util.getSlot)(slots, props, 'topHeaderMenuRender');
       var headerDom = (0, _vue.computed)(function () {
         return headerRender((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           menuItemRender: menuItemRender,
@@ -237,6 +238,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
           headerContentRender: headerContentRender,
           logo: logoRender || props.logo,
           headerRender: customHeaderRender,
+          topHeaderMenuRender: topHeaderMenuRender,
           theme: (props.theme || 'dark').toLocaleLowerCase().includes('dark') ? 'dark' : 'light'
         }), props.matchMenuKeys);
       });

package/lib/ProLayout/Basic/Header.js

@@ -59,6 +59,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
     var className = (0, _vue.computed)(function () {
       return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls.value, "-fixed-header"), needFixedHeader.value), "".concat(prefixCls.value, "-top-menu"), isTop.value);
     });
+    var headerMenuRender = (0, _vue.computed)(function () {});
     var renderContent = function renderContent() {
       var defaultDom = (0, _vue.createVNode)(_TopHeader.TopNavHeader, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         "theme": theme.value,

package/lib/ProLayout/TopHeader/index.js

@@ -44,6 +44,12 @@ var baseHeaderProps = exports.baseHeaderProps = (0, _objectSpread2.default)((0,
   },
   menuHeaderRender: _SiderMenu.siderMenuProps.menuHeaderRender,
   menuItemRender: _SiderMenu.siderMenuProps.menuItemRender,
+  topHeaderMenuRender: {
+    type: [Function, Object, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
   subMenuItemRender: _SiderMenu.siderMenuProps.subMenuItemRender,
   rightContentRender: {
     type: [Object, Function],
@@ -91,6 +97,7 @@ var TopNavHeader = exports.TopNavHeader = function TopNavHeader(props) {
     onSelect = props.onSelect,
     contentWidth = props.contentWidth,
     rightContentRender = props.rightContentRender,
+    topHeaderMenuRender = props.topHeaderMenuRender,
     layout = props.layout,
     menuData = props.menuData,
     mode = props.mode;
@@ -141,7 +148,7 @@ var TopNavHeader = exports.TopNavHeader = function TopNavHeader(props) {
       flex: 1
     },
     "class": "".concat(prefixCls, "-menu")
-  }, [(0, _vue.createVNode)(_BaseMenu.default, {
+  }, [topHeaderMenuRender ? topHeaderMenuRender() : (0, _vue.createVNode)(_BaseMenu.default, {
     "prefixCls": propPrefixCls,
     "locale": props.locale || context.locale,
     "theme": props.theme,

package/lib/ProTable/Alert.js

@@ -0,0 +1,73 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "Alert": "setup-maybe-ref",
+  "Button": "setup-maybe-ref",
+  "computed": "setup-const",
+  "_alertProps": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emits": "setup-const",
+  "_message": "setup-ref",
+  "onClose": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "jtable-alert" };
+import { Alert, Button } from 'ant-design-vue';
+import { computed } from "vue";
+import { _alertProps } from "./setting";
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'Alert'
+    },
+    props: { ..._alertProps },
+    emits: ['close'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const _message = computed(() => {
+            return '已选择' + (_optionalChain([props, 'access', _2 => _2.rowSelection, 'optionalAccess', _3 => _3.selectedRowKeys, 'optionalAccess', _4 => _4.length]) || 0) + '项';
+        });
+        const onClose = () => {
+            emits('close');
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                _renderSlot(_ctx.$slots, "default", {}, () => [
+                    _createVNode(_unref(Alert), {
+                        type: "info",
+                        message: _message.value
+                    }, {
+                        closeText: _withCtx(() => [
+                            _createVNode(_unref(Button), {
+                                type: "link",
+                                onClick: onClose
+                            }, {
+                                default: _withCtx(() => [
+                                    _createTextVNode("取消选择")
+                                ]),
+                                _: 1 /* STABLE */
+                            })
+                        ]),
+                        _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["message"])
+                ])
+            ]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/ProTable/Content.js

@@ -0,0 +1,122 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "column": "props",
+  "useSlots": "setup-const",
+  "computed": "setup-const",
+  "_contentProps": "setup-maybe-ref",
+  "Table": "setup-maybe-ref",
+  "get": "setup-maybe-ref",
+  "isString": "setup-maybe-ref",
+  "Empty": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "slots": "setup-maybe-ref",
+  "_columns": "setup-ref",
+  "cardStyle": "setup-ref",
+  "gridTemplateColumns": "setup-ref"
+} */
+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 = {
+    key: 1,
+    class: "j-table-empty"
+};
+import { useSlots, computed } from 'vue';
+import { _contentProps } from "./setting";
+import { Table } from 'ant-design-vue';
+import { get, isString } from 'lodash-es';
+import Empty from '../Empty';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'Content'
+    },
+    props: {
+        ..._contentProps,
+        column: {
+            type: Number,
+            default: 4
+        }
+    },
+    setup(__props) {
+        const props = __props;
+        const slots = useSlots();
+        const _columns = computed(() => props.columns.filter((i) => !_optionalChain([i, 'optionalAccess', _2 => _2.hideInTable])));
+        const cardStyle = computed(() => props.scroll && props.scroll.y ? {
+            maxHeight: isString(props.scroll.y) ? props.scroll.y : props.scroll.y + 'px',
+            overflow: 'auto',
+        }
+            : undefined);
+        const gridTemplateColumns = computed(() => {
+            return `repeat(${props.column}, 1fr)`;
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                (_ctx.mode === 'CARD')
+                    ? (_openBlock(), _createElementBlock("div", {
+                        key: 0,
+                        class: "jtable-card",
+                        style: _normalizeStyle(cardStyle.value)
+                    }, [
+                        (_ctx.dataSource.length)
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 0,
+                                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[_ctx.rowKey]
+                                    }, [
+                                        _renderSlot(_ctx.$slots, "card", _normalizeProps(_guardReactiveProps(item)))
+                                    ], 2 /* CLASS */));
+                                }), 128 /* KEYED_FRAGMENT */))
+                            ], 4 /* STYLE */))
+                            : (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                                _renderSlot(_ctx.$slots, "emptyText", {}, () => [
+                                    _createVNode(_unref(Empty))
+                                ])
+                            ]))
+                    ], 4 /* STYLE */))
+                    : (_openBlock(), _createBlock(_unref(Table), _mergeProps({ key: 1 }, props, {
+                        dataSource: _ctx.dataSource,
+                        columns: _columns.value,
+                        pagination: false
+                    }), {
+                        headerCell: _withCtx(({ column, title }) => [
+                            _renderSlot(_ctx.$slots, "headerCell", _normalizeProps(_guardReactiveProps({ column, title })))
+                        ]),
+                        bodyCell: _withCtx(({ column, record }) => [
+                            ((_optionalChain([column, 'optionalAccess', _3 => _3.key]) || _optionalChain([column, 'optionalAccess', _4 => _4.dataIndex])) && _optionalChain([column, 'optionalAccess', _5 => _5.scopedSlots]) && (_optionalChain([_unref, 'call', _6 => _6(slots), 'optionalAccess', _7 => _7[_optionalChain([column, 'optionalAccess', _8 => _8.dataIndex])]]) || _optionalChain([_unref, 'call', _9 => _9(slots), 'optionalAccess', _10 => _10[_optionalChain([column, 'optionalAccess', _11 => _11.key])]])))
+                                ? _renderSlot(_ctx.$slots, _optionalChain([column, 'optionalAccess', _12 => _12.key]) || _optionalChain([column, 'optionalAccess', _13 => _13.dataIndex]), _normalizeProps(_mergeProps({ key: 0 }, record)))
+                                : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                                    _createTextVNode(_toDisplayString(_unref(get)(record, _optionalChain([column, 'optionalAccess', _14 => _14.dataIndex]) || _optionalChain([column, 'optionalAccess', _15 => _15.key]))), 1 /* TEXT */)
+                                ], 64 /* STABLE_FRAGMENT */))
+                        ]),
+                        emptyText: _withCtx(() => [
+                            _renderSlot(_ctx.$slots, "emptyText", {}, () => [
+                                _createVNode(_unref(Empty))
+                            ])
+                        ]),
+                        _: 3 /* FORWARDED */
+                    }, 16 /* FULL_PROPS */, ["dataSource", "columns"]))
+            ]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/ProTable/Header.js

@@ -0,0 +1,73 @@
+/* Analyzed bindings: {
+  "initMode": "props",
+  "RadioGroup": "setup-maybe-ref",
+  "RadioButton": "setup-maybe-ref",
+  "AIcon": "setup-maybe-ref",
+  "_headerProps": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emits": "setup-const"
+} */
+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 = {
+    key: 0,
+    class: "table-body-header-right-button"
+};
+import { RadioGroup, RadioButton } from 'ant-design-vue';
+import AIcon from '../Icon';
+import { _headerProps } from './setting';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'Header'
+    },
+    props: {
+        ..._headerProps,
+        initMode: {
+            type: [String, undefined],
+            default: undefined
+        }
+    },
+    emits: ['change'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                _createElementVNode("div", _hoisted_2, [
+                    _renderSlot(_ctx.$slots, "headerLeftRender")
+                ]),
+                _createElementVNode("div", _hoisted_3, [
+                    _renderSlot(_ctx.$slots, "headerRightRender"),
+                    (!__props.initMode)
+                        ? (_openBlock(), _createElementBlock("div", _hoisted_4, [
+                            _createVNode(_unref(RadioGroup), {
+                                value: _ctx.mode,
+                                onChange: _cache[0] || (_cache[0] = (e) => emits('change', e))
+                            }, {
+                                default: _withCtx(() => [
+                                    _createVNode(_unref(RadioButton), { value: "TABLE" }, {
+                                        default: _withCtx(() => [
+                                            _createVNode(_unref(AIcon), { type: "UnorderedListOutlined" })
+                                        ]),
+                                        _: 1 /* STABLE */
+                                    }),
+                                    _createVNode(_unref(RadioButton), { value: "CARD" }, {
+                                        default: _withCtx(() => [
+                                            _createVNode(_unref(AIcon), { type: "AppstoreOutlined" })
+                                        ]),
+                                        _: 1 /* STABLE */
+                                    })
+                                ]),
+                                _: 1 /* STABLE */
+                            }, 8 /* PROPS */, ["value"])
+                        ]))
+                        : _createCommentVNode("v-if", true)
+                ])
+            ]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/ProTable/Pagination.js

@@ -0,0 +1,46 @@
+/* Analyzed bindings: {
+  "Pagination": "setup-maybe-ref",
+  "paginationProps": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emits": "setup-const",
+  "_showTotal": "setup-const",
+  "onChange": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "jtable-pagination" };
+import { Pagination } from 'ant-design-vue';
+import { paginationProps } from "./setting";
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'Pagination'
+    },
+    props: { ...paginationProps },
+    emits: ['change'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const _showTotal = (num) => {
+            const minSize = props.pageIndex * props.pageSize + 1;
+            const MaxSize = (props.pageIndex + 1) * props.pageSize;
+            return `第 ${minSize} - ${MaxSize > num ? num : MaxSize} 条/总共 ${num} 条`;
+        };
+        const onChange = (page, size) => {
+            emits('change', page, size);
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                _renderSlot(_ctx.$slots, "default", {}, () => [
+                    _createVNode(_unref(Pagination), {
+                        total: _ctx.total,
+                        pageSize: _ctx.pageSize,
+                        current: _ctx.pageIndex + 1,
+                        "show-total": (num) => _showTotal(num),
+                        onChange: onChange
+                    }, null, 8 /* PROPS */, ["total", "pageSize", "current", "show-total"])
+                ])
+            ]));
+        };
+    }
+});
+export default __sfc_main__;