@meethive/components 0.0.10 → 0.0.12

package/es/Ellipsis/Ellipsis.js

@@ -1,14 +1,16 @@
-import { defineComponent, computed, ref, useAttrs, mergeProps } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed, ref, useAttrs, mergeProps } from 'vue';
 import { Tooltip } from 'ant-design-vue';
 import useEllipsisStyle from './style';
 const jEllipsis = 'j-ellipsis';
 const jEllipsisCursorClass = 'j-ellipsis-cursor';
 const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
-export default defineComponent({
-  name: 'JEllipsis',
-  components: {
-    Tooltip
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEllipsis'
   },
+  __name: 'Ellipsis',
   props: {
     expandTrigger: {
       type: String,
@@ -24,7 +26,8 @@ export default defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-ellipsis');
     const [wrapSSR, hashId] = useEllipsisStyle(prefixCls);
 
@@ -127,18 +130,31 @@ export default defineComponent({
       }
       return tooltipDisabled;
     };
-    return {
-      jEllipsis,
-      jEllipsisCursorClass,
-      jEllipsisLineClampClass,
-      hashId,
-      tooltipRef,
-      triggerRef,
-      visible,
-      handleClickRef,
-      triggerAttrs,
-      showTooltip,
-      getTooltipDisabled
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Tooltip), _mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        placement: "top"
+      }, __props.tooltip, {
+        open: visible.value && __props.tooltip !== false
+      }), _createSlots({
+        default: _withCtx(() => [_createElementVNode("span", _mergeProps({
+          ref_key: "triggerRef",
+          ref: triggerRef
+        }, triggerAttrs(), {
+          onClick: _cache[0] || (_cache[0] = $event => handleClickRef.value && handleClickRef.value()),
+          onMouseleave: _cache[1] || (_cache[1] = $event => visible.value = false),
+          onMouseenter: _cache[2] || (_cache[2] = $event => __props.expandTrigger === 'click' ? getTooltipDisabled() : showTooltip())
+        }), [_renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
+        _: 2 /* DYNAMIC */
+      }, [__props.tooltip ? {
+        name: "title",
+        fn: _withCtx(() => [_createElementVNode("div", {
+          class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep', _unref(hashId)])
+        }, [_renderSlot(_ctx.$slots, "default"), _renderSlot(_ctx.$slots, "tooltip")], 2 /* CLASS */)]),
+        key: "0"
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["open"]);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/PermissionButton/PermissionButton.js

@@ -1,4 +1,6 @@
-import { defineComponent, computed, inject, getCurrentInstance, toRefs } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock, normalizeProps as _normalizeProps, Fragment as _Fragment, createElementBlock as _createElementBlock, createVNode as _createVNode } from "vue";
+import { computed, inject, toRefs } from 'vue';
 import { Button, Tooltip, Modal } from 'ant-design-vue';
 import { omit } from 'lodash-es';
 import { buttonProps } from 'ant-design-vue/es/button/button';
@@ -6,39 +8,35 @@ import { usePermission } from '@meethive/hooks';
 import confirm from './confirm';
 import { PermissionButtonConfig } from '../utils/constants';
 import { useLocaleReceiver } from '../LocaleReciver';
-const definedProps = {
-  tooltip: {
-    type: Object
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JPermissionButton'
   },
-  popConfirm: {
-    type: Object
+  __name: 'PermissionButton',
+  props: {
+    tooltip: {
+      type: Object
+    },
+    popConfirm: {
+      type: Object
+    },
+    hasPermission: {
+      type: [String, Array, Boolean],
+      default: undefined
+    },
+    style: {
+      type: Object
+    },
+    noPermissionTitle: {
+      type: String
+    },
+    popConfirmBefore: {
+      type: Function
+    },
+    ...omit(buttonProps(), 'icon')
   },
-  hasPermission: {
-    type: [String, Array, Boolean],
-    default: undefined
-  },
-  style: {
-    type: Object
-  },
-  noPermissionTitle: {
-    type: String
-  },
-  popConfirmBefore: {
-    type: Function
-  },
-  ...omit(buttonProps(), 'icon')
-};
-export default defineComponent({
-  name: 'JPermissionButton',
-  components: {
-    Button,
-    Tooltip
-  },
-  // @ts-ignore
-  slots: ['button', 'icon'],
-  props: definedProps,
-  setup(props) {
-    const instance = getCurrentInstance();
+  setup(__props) {
+    const props = __props;
     const propsRef = toRefs(props);
     const {
       hasPerm
@@ -61,6 +59,28 @@ export default defineComponent({
     });
     const hasTooltip = computed(() => !!props.tooltip); // 是否包含文字提示
 
+    // popConfirm 点击处理
+    const handleClick = async () => {
+      const _popConfirm = (await props.popConfirmBefore?.()) || props.popConfirm;
+      if (context.components) {
+        confirm({
+          ..._popConfirm,
+          danger: props.danger
+        }, context.components);
+      } else {
+        Modal.confirm({
+          title: _popConfirm.title,
+          content: _popConfirm.content,
+          onOk: () => {
+            return _popConfirm.onConfirm?.();
+          },
+          onCancel: () => {
+            _popConfirm.onCancel?.();
+          }
+        });
+      }
+    };
+
     // 排除不传递给 Button 的属性 (与 ES 原版 _excluded 一致)
     const computedButtonProps = computed(() => {
       const {
@@ -83,36 +103,64 @@ export default defineComponent({
         disabled: isPermission.value
       });
     });
-
-    // popConfirm 点击处理
-    const handleClick = async () => {
-      const _popConfirm = (await props.popConfirmBefore?.()) || props.popConfirm;
-      if (context.components) {
-        confirm({
-          ..._popConfirm,
-          danger: props.danger
-        }, context.components);
-      } else {
-        Modal.confirm({
-          title: _popConfirm.title,
-          content: _popConfirm.content,
-          onOk: () => {
-            return _popConfirm.onConfirm?.();
-          },
-          onCancel: () => {
-            _popConfirm.onCancel?.();
-          }
-        });
-      }
-    };
-    return {
-      permission,
-      isPermission,
-      hasTooltip,
-      computedButtonProps,
-      tooltipProps,
-      contextLocale,
-      handleClick
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock(_Fragment, null, [_createCommentVNode(" 有权限 "), permission.value ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 0
+      }, [_createCommentVNode(" 有 tooltip "), hasTooltip.value ? (_openBlock(), _createBlock(_unref(Tooltip), _normalizeProps(_mergeProps({
+        key: 0
+      }, tooltipProps.value)), {
+        default: _withCtx(() => [_ctx.$slots.button ? _renderSlot(_ctx.$slots, "button", {
+          key: 0
+        }) : (_openBlock(), _createBlock(_unref(Button), _mergeProps({
+          key: 1
+        }, computedButtonProps.value, {
+          disabled: isPermission.value
+        }), _createSlots({
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+          _: 2 /* DYNAMIC */
+        }, [_ctx.$slots.icon ? {
+          name: "icon",
+          fn: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
+          key: "0"
+        } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["disabled"]))]),
+        _: 3 /* FORWARDED */
+      }, 16 /* FULL_PROPS */)) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" 无 tooltip "), _ctx.$slots.button ? _renderSlot(_ctx.$slots, "button", {
+        key: 0
+      }) : (_openBlock(), _createBlock(_unref(Button), _mergeProps({
+        key: 1
+      }, computedButtonProps.value, {
+        disabled: isPermission.value
+      }), _createSlots({
+        default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+        _: 2 /* DYNAMIC */
+      }, [_ctx.$slots.icon ? {
+        name: "icon",
+        fn: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
+        key: "0"
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["disabled"]))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" 无权限 "), _createVNode(_unref(Tooltip), {
+        title: _ctx.noPermissionTitle || _unref(contextLocale)?.hasPermission
+      }, {
+        default: _withCtx(() => [_ctx.$slots.button ? _renderSlot(_ctx.$slots, "button", {
+          key: 0
+        }) : (_openBlock(), _createBlock(_unref(Button), _mergeProps({
+          key: 1
+        }, computedButtonProps.value, {
+          disabled: isPermission.value
+        }), _createSlots({
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+          _: 2 /* DYNAMIC */
+        }, [_ctx.$slots.icon ? {
+          name: "icon",
+          fn: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
+          key: "0"
+        } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["disabled"]))]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["title"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/ProTable/Alert.js

@@ -1,25 +1,28 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+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 { computed } from 'vue';
 import { Alert, Button } from 'ant-design-vue';
 import { _alertProps } from './setting';
 import { useLocaleReceiver } from '../LocaleReciver';
 import useProTableStyle from './style';
-export default defineComponent({
-  name: 'Alert',
-  components: {
-    Alert,
-    Button
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'Alert'
   },
+  __name: 'Alert',
   props: {
     ..._alertProps
   },
   emits: ['close'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('ProTable');
     const prefixCls = computed(() => 'pro-table');
     const [wrapSSR, hashId] = useProTableStyle(prefixCls);
-    const _message = computed(() => {
+    const alertMessage = computed(() => {
       let locale = contextLocale.value?.alert?.selectItem || '';
       [props.rowSelection?.selectedRowKeys?.length || 0].forEach((item, index) => {
         locale = locale.replace(`{${index}}`, item);
@@ -29,11 +32,23 @@ export default defineComponent({
     const onClose = () => {
       emit('close');
     };
-    return {
-      hashId,
-      contextLocale,
-      alertMessage: _message,
-      onClose
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-alert', _unref(hashId)])
+      }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_unref(Alert), {
+        type: "info",
+        message: alertMessage.value
+      }, {
+        closeText: _withCtx(() => [_createVNode(_unref(Button), {
+          type: "link",
+          onClick: onClose
+        }, {
+          default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).alert?.cancelChoose), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["message"])])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/ProTable/Content.js

@@ -1,4 +1,21 @@
-import { defineComponent, computed, useSlots } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, mergeProps as _mergeProps, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, createSlots as _createSlots, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "jtable-card"
+};
+const _hoisted_2 = {
+  key: 0,
+  style: {
+    "margin-bottom": "10px"
+  }
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 2,
+  class: "j-table-empty"
+};
+import { computed, useSlots } from 'vue';
 import { Table, Checkbox as ACheckbox } from 'ant-design-vue';
 import { get, omit } from 'lodash-es';
 import Empty from '../Empty';
@@ -7,14 +24,11 @@ import useProTableStyle from './style';
 import { useLocaleReceiver } from '../LocaleReciver';
 import JVirtualTable from '../VirtualTable';
 import { _contentProps } from './setting';
-export default defineComponent({
-  name: 'Content',
-  components: {
-    Table,
-    ACheckbox,
-    Empty,
-    JVirtualTable
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'Content'
   },
+  __name: 'Content',
   props: {
     ..._contentProps,
     column: {
@@ -22,17 +36,18 @@ export default defineComponent({
       default: 4
     }
   },
-  setup(props) {
+  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 => !i?.hideInTable));
-    const _slots = computed(() => {
+    const tableColumns = computed(() => props.columns.filter(i => !i?.hideInTable));
+    const tableSlots = computed(() => {
       return omit(slots, ['emptyText', 'bodyCell']);
     });
-    const _scroll = computed(() => {
+    const tableScroll = computed(() => {
       if (props.scroll === false) {
         return {
           x: undefined,
@@ -47,14 +62,14 @@ export default defineComponent({
     const gridTemplateColumns = computed(() => {
       return `repeat(${props.column}, 1fr)`;
     });
-    const __rowSelection = computed(() => {
+    const mergedRowSelection = computed(() => {
       return props.rowSelection || _rowSelection?.value;
     });
     const indeterminate = computed(() => {
-      return __rowSelection.value?.selectedRowKeys?.length > 0 && __rowSelection.value?.selectedRowKeys?.length < props.dataSource.length;
+      return mergedRowSelection.value?.selectedRowKeys?.length > 0 && mergedRowSelection.value?.selectedRowKeys?.length < props.dataSource.length;
     });
     const checkedAll = computed(() => {
-      return __rowSelection.value?.selectedRowKeys?.length > 0 && __rowSelection.value?.selectedRowKeys?.length === props.dataSource.length;
+      return mergedRowSelection.value?.selectedRowKeys?.length > 0 && mergedRowSelection.value?.selectedRowKeys?.length === props.dataSource.length;
     });
     const onClick = item => {
       if (_rowSelection && _rowSelection.value) {
@@ -64,21 +79,94 @@ export default defineComponent({
     };
     const handleCheckedAllChange = e => {
       const flag = e.target.checked;
-      __rowSelection.value?.onSelectAll?.(flag, props.dataSource, props.dataSource);
+      mergedRowSelection.value?.onSelectAll?.(flag, props.dataSource, props.dataSource);
     };
-    return {
-      hashId,
-      contextLocale,
-      tableColumns: _columns,
-      tableSlots: _slots,
-      tableScroll: _scroll,
-      gridTemplateColumns,
-      mergedRowSelection: __rowSelection,
-      indeterminate,
-      checkedAll,
-      onClick,
-      handleCheckedAllChange,
-      get
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-box', _unref(hashId)])
+      }, [_createCommentVNode(" 卡片模式 "), _ctx.mode === 'CARD' ? (_openBlock(), _createElementBlock("div", _hoisted_1, [mergedRowSelection.value && mergedRowSelection.value.type === 'checkbox' ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createVNode(_unref(ACheckbox), {
+        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: 1,
+        class: "jtable-card-items",
+        style: _normalizeStyle({
+          gridTemplateColumns: gridTemplateColumns.value
+        })
+      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dataSource, item => {
+        return _openBlock(), _createElementBlock("div", {
+          key: item[_ctx.rowKey],
+          class: _normalizeClass(['jtable-card-item', _ctx.cardBodyClass]),
+          onClick: $event => onClick(item)
+        }, [_renderSlot(_ctx.$slots, "card", _mergeProps({
+          ref_for: true
+        }, item))], 10 /* CLASS, PROPS */, _hoisted_3);
+      }), 128 /* KEYED_FRAGMENT */))], 4 /* STYLE */)) : (_openBlock(), _createElementBlock("div", _hoisted_4, [_renderSlot(_ctx.$slots, "emptyText", {}, () => [_createVNode(_unref(Empty))])]))])) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" 表格模式 "), _createCommentVNode(" 虚拟表格模式 "), _ctx.type === 'TREE' ? (_openBlock(), _createBlock(_unref(JVirtualTable), {
+        key: 0,
+        rowKey: _ctx.rowKey,
+        "row-selection": mergedRowSelection.value,
+        dataSource: _ctx.dataSource,
+        columns: tableColumns.value,
+        height: _ctx.height
+      }, _createSlots({
+        bodyCell: _withCtx(({
+          column: col,
+          record,
+          index
+        }) => [(col?.key || col?.dataIndex) && col?.scopedSlots && (tableSlots.value[col?.dataIndex] || tableSlots.value[col?.key]) ? _renderSlot(_ctx.$slots, col?.key || col?.dataIndex, _mergeProps({
+          key: 0
+        }, record, {
+          index: index,
+          column: col
+        })) : (_openBlock(), _createElementBlock(_Fragment, {
+          key: 1
+        }, [_createTextVNode(_toDisplayString(_unref(get)(record, col?.dataIndex || col?.key) || '--'), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))]),
+        emptyText: _withCtx(() => [_renderSlot(_ctx.$slots, "emptyText", {}, () => [_createVNode(_unref(Empty))])]),
+        _: 2 /* DYNAMIC */
+      }, [_renderList(tableSlots.value, (_, slotKey) => {
+        return {
+          name: slotKey,
+          fn: _withCtx(slotProps => [_renderSlot(_ctx.$slots, slotKey, _normalizeProps(_guardReactiveProps(slotProps)))])
+        };
+      })]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["rowKey", "row-selection", "dataSource", "columns", "height"])) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" 普通表格模式 "), _createVNode(_unref(Table), _mergeProps(props, {
+        "row-selection": mergedRowSelection.value,
+        dataSource: _ctx.dataSource,
+        columns: tableColumns.value,
+        pagination: false,
+        scroll: tableScroll.value,
+        class: {
+          'j-table-scroll': !_ctx.scroll?.y
+        }
+      }), _createSlots({
+        bodyCell: _withCtx(({
+          column: col,
+          record,
+          index
+        }) => [(col?.key || col?.dataIndex) && col?.scopedSlots && (tableSlots.value[col?.dataIndex] || tableSlots.value[col?.key]) ? _renderSlot(_ctx.$slots, col?.key || col?.dataIndex, _mergeProps({
+          key: 0
+        }, record, {
+          index: index,
+          column: col
+        })) : (_openBlock(), _createElementBlock(_Fragment, {
+          key: 1
+        }, [_createTextVNode(_toDisplayString(_unref(get)(record, col?.dataIndex || col?.key) || '--'), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))]),
+        emptyText: _withCtx(() => [_renderSlot(_ctx.$slots, "emptyText", {}, () => [_createVNode(_unref(Empty))])]),
+        _: 2 /* DYNAMIC */
+      }, [_renderList(tableSlots.value, (_, slotKey) => {
+        return {
+          name: slotKey,
+          fn: _withCtx(slotProps => [_renderSlot(_ctx.$slots, slotKey, _normalizeProps(_guardReactiveProps(slotProps)))])
+        };
+      })]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["row-selection", "dataSource", "columns", "scroll", "class"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/ProTable/Header.js

@@ -1,15 +1,25 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+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';
-export default defineComponent({
-  name: 'Header',
-  components: {
-    RadioGroup,
-    RadioButton,
-    AIcon
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'Header'
   },
+  __name: 'Header',
   props: {
     ..._headerProps,
     initMode: {
@@ -18,15 +28,38 @@ export default defineComponent({
     }
   },
   emits: ['change'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
-    const emits = emit;
+    const props = __props;
+    const emit = __emit;
     const prefixCls = computed(() => 'pro-table');
     const [wrapSSR, hashId] = useProTableStyle(prefixCls);
-    return {
-      hashId,
-      emits
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-body-header', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "headerLeftRender")]), _createElementVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "headerRightRender"), !__props.initMode ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_createVNode(_unref(RadioGroup), {
+        value: _ctx.mode,
+        onChange: _cache[0] || (_cache[0] = e => emit('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)])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;