@meethive/components 0.0.9 → 0.0.11

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,
-      _columns,
-      _slots,
-      _scroll,
-      gridTemplateColumns,
-      __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__;

package/es/ProTable/Pagination.js

@@ -1,20 +1,24 @@
-import { defineComponent, computed, h } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+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 { computed, h } from 'vue';
 import { Pagination, Spin } from 'ant-design-vue';
 import { _paginationProps } from './setting';
 import { useLocaleReceiver } from '../LocaleReciver';
 import useProTableStyle from './style';
-export default defineComponent({
-  name: 'JPagination',
-  components: {
-    Pagination
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JPagination'
   },
+  __name: 'Pagination',
   props: {
     ..._paginationProps
   },
   emits: ['change'],
-  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);
@@ -23,7 +27,7 @@ export default defineComponent({
         'hide-content': !props.isShowContent
       };
     });
-    const _showTotal = num => {
+    const showTotal = num => {
       const minSize = props.pageIndex * props.pageSize + 1;
       const MaxSize = (props.pageIndex + 1) * props.pageSize;
       let localePage = contextLocale.value.pagination?.page || '';
@@ -46,11 +50,18 @@ export default defineComponent({
     const onChange = (page, size) => {
       emit('change', page, size);
     };
-    return {
-      hashId,
-      className,
-      _showTotal,
-      onChange
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-pagination', _unref(hashId)])
+      }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_unref(Pagination), _mergeProps(props, {
+        total: _ctx.total,
+        pageSize: _ctx.pageSize,
+        current: _ctx.pageIndex + 1,
+        "show-total": num => showTotal(num),
+        class: className.value,
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["total", "pageSize", "current", "show-total", "class"])])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/ProTable/ProTable.js

@@ -1,31 +1,33 @@
-import { defineComponent, useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from 'vue';
+import { defineComponent as _defineComponent } 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 { useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from 'vue';
 import { Spin } from 'ant-design-vue';
 import { debounce } from 'lodash-es';
 import Header from './Header.js';
 import Alert from './Alert.js';
 import Content from './Content.js';
-import JPagination from './Pagination.js';
+import Pagination from './Pagination.js';
 import { proTableProps } from './setting';
 import { TableConfig } from '../utils/constants';
 import { useTableInject } from './hooks';
 import useProTableStyle from './style';
 import { onlyMessage } from '@meethive/utils';
 import { useLocaleReceiver } from '../LocaleReciver';
-export default defineComponent({
-  name: 'JProTable',
-  components: {
-    Spin,
-    Header,
-    Alert,
-    Content,
-    JPagination
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JProTable'
   },
+  __name: 'ProTable',
   props: {
     ...proTableProps
   },
-  setup(props, {
-    expose
+  setup(__props, {
+    expose: __expose
   }) {
+    const props = __props;
     const tableConfig = inject(TableConfig, {
       pagination: {}
     });
@@ -234,26 +236,71 @@ export default defineComponent({
     onUnmounted(() => {
       window.onresize = null;
     });
-    expose({
+    __expose({
       reload,
       dataSource: _dataSource
     });
-    return {
-      slots,
-      hashId,
-      loading,
-      _dataSource,
-      _mode,
-      column,
-      page,
-      myPagination,
-      showAlert,
-      showPagination,
-      extraSlots,
-      _rowSelection,
-      onCheck,
-      onPageChange,
-      onClose
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-body-spin', _unref(hashId)]),
+        style: _normalizeStyle(_ctx.bodyStyle),
+        id: "jtable-body-spin"
+      }, [_createVNode(_unref(Spin), {
+        spinning: loading.value
+      }, {
+        default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createVNode(Header, {
+          initMode: _ctx.mode,
+          mode: _mode.value,
+          modeValue: _ctx.modeValue,
+          onChange: onCheck
+        }, {
+          headerLeftRender: _withCtx(() => [_renderSlot(_ctx.$slots, "headerLeftRender")]),
+          headerRightRender: _withCtx(() => [_renderSlot(_ctx.$slots, "headerRightRender")]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["initMode", "mode", "modeValue"]), showAlert.value ? (_openBlock(), _createBlock(Alert, {
+          key: 0,
+          rowSelection: _ctx.rowSelection || _unref(_rowSelection),
+          onClose: onClose
+        }, {
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "alertRender", {
+            rowSelection: _ctx.rowSelection || _unref(_rowSelection),
+            onClose: onClose
+          })]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["rowSelection"])) : _createCommentVNode("v-if", true), _createVNode(Content, _mergeProps(props, {
+          mode: _mode.value,
+          dataSource: _dataSource.value,
+          column: column.value
+        }), _createSlots({
+          _: 2 /* DYNAMIC */
+        }, [_renderList(_unref(slots), (_, key) => {
+          return {
+            name: key,
+            fn: _withCtx(slotProps => [!extraSlots.includes(key) ? _renderSlot(_ctx.$slots, key, _normalizeProps(_mergeProps({
+              key: 0
+            }, slotProps))) : _createCommentVNode("v-if", true)])
+          };
+        })]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["mode", "dataSource", "column"]), showPagination.value ? (_openBlock(), _createBlock(Pagination, _mergeProps({
+          key: 1
+        }, myPagination.value, {
+          total: page.total,
+          pageIndex: page.pageIndex,
+          pageSize: page.pageSize,
+          totalLoading: page.loading,
+          totalRequest: _ctx.totalRequest,
+          onChange: onPageChange
+        }), {
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "paginationRender", {
+            total: page.total,
+            pageSize: page.pageSize,
+            current: page.pageIndex + 1,
+            onChange: onPageChange
+          })]),
+          _: 3 /* FORWARDED */
+        }, 16 /* FULL_PROPS */, ["total", "pageIndex", "pageSize", "totalLoading", "totalRequest"])) : _createCommentVNode("v-if", true)])]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["spinning"])], 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/ProTable/setting.js

@@ -19,7 +19,7 @@ export const _alertProps = {
     default: true
   },
   rowSelection: {
-    type: Object,
+    type: [Object, Boolean],
     default: () => undefined
   }
 }

package/es/Search/Advanced/History.js

@@ -0,0 +1,142 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, withModifiers as _withModifiers } from "vue";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = {
+  class: "delete"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "search-history-empty"
+};
+import { computed, ref } from 'vue';
+import { isFunction } from 'lodash-es';
+import { AIcon, Empty, Ellipsis } from '../../';
+import { Popconfirm, Button, FormItemRest, Popover, message } from 'ant-design-vue';
+import { useLocaleReceiver } from '../../LocaleReciver';
+import useSearchStyle from '../style';
+const __sfc_main__ = _defineComponent({
+  __name: 'History',
+  props: {
+    target: {
+      type: String,
+      default: '',
+      required: true
+    },
+    request: {
+      type: Function,
+      default: null
+    },
+    deleteRequest: {
+      type: Function,
+      default: null
+    },
+    deleteKey: {
+      type: String,
+      default: 'key'
+    }
+  },
+  emits: ['click', 'itemClick'],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const prefixCls = computed(() => 'JSearch');
+    const [wrapSSR, hashId] = useSearchStyle(prefixCls);
+    const [contextLocale] = useLocaleReceiver('Search');
+    const historyList = ref([]);
+    const historyVisible = ref(false);
+    const showEmpty = computed(() => {
+      return historyList.value.length === 0;
+    });
+    const showHistoryList = async () => {
+      if (props.request) {
+        const resp = await props.request(props.target);
+        if (resp.success && resp.result.length) {
+          historyList.value = resp.result.filter(item => item.content);
+        } else {
+          historyList.value = [];
+        }
+      }
+    };
+    const visibleChange = async v => {
+      historyVisible.value = v;
+    };
+    const click = () => {
+      emit('click');
+    };
+    const itemClick = content => {
+      historyVisible.value = false;
+      emit('itemClick', content);
+    };
+    const deleteHistory = async item => {
+      if (props.deleteRequest && isFunction(props.deleteRequest)) {
+        const resp = await props.deleteRequest(props.target, item[props.deleteKey]);
+        historyVisible.value = false;
+        if (resp.success || resp.status === 200 || resp.code === 200) {
+          message.success(contextLocale.value.advanced.saveHistory.success);
+        } else {
+          message.error(contextLocale.value.advanced.saveHistory.fail);
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['search-history-warp', _unref(hashId)])
+      }, [_createVNode(_unref(FormItemRest), null, {
+        default: _withCtx(() => [_createVNode(_unref(Button), {
+          class: "search-history-button",
+          type: "primary",
+          "html-type": "submit"
+        }, {
+          default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).advanced.history.search), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }), _createVNode(_unref(Popover), {
+        placement: "bottom",
+        trigger: "click",
+        "overlay-class-name": "search-history-list-pop",
+        open: historyVisible.value,
+        onVisibleChange: visibleChange
+      }, {
+        content: _withCtx(() => [!showEmpty.value ? (_openBlock(), _createElementBlock("div", {
+          key: 0,
+          class: _normalizeClass(['search-history-items', _unref(hashId)])
+        }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(historyList.value, item => {
+          return _openBlock(), _createElementBlock("div", {
+            key: item.id,
+            class: "search-history-item"
+          }, [_createElementVNode("div", {
+            class: "history-item--title",
+            onClick: $event => itemClick(item.content)
+          }, [_createVNode(_unref(Ellipsis), {
+            style: {
+              "width": "100%"
+            }
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(item.name), 1 /* TEXT */)]),
+            _: 2 /* DYNAMIC */
+          }, 1024 /* DYNAMIC_SLOTS */)], 8 /* PROPS */, _hoisted_1), _createVNode(_unref(Popconfirm), {
+            title: _unref(contextLocale).advanced.history.confirmDelete,
+            placement: "top",
+            onConfirm: $event => deleteHistory(item)
+          }, {
+            default: _withCtx(() => [_createElementVNode("span", _hoisted_2, [_createVNode(_unref(AIcon), {
+              type: "DeleteOutlined"
+            })])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["title", "onConfirm"])]);
+        }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : (_openBlock(), _createElementBlock("div", _hoisted_3, [_createVNode(_unref(Empty))]))]),
+        default: _withCtx(() => [_createElementVNode("div", {
+          class: "search-history-button-icon",
+          onClick: _withModifiers(showHistoryList, ["stop"])
+        }, [_createVNode(_unref(AIcon), {
+          type: "DownOutlined"
+        })])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["open"])], 2 /* CLASS */);
+    };
+  }
+});
+export default __sfc_main__;