@jetlinks-web/components 3.2.3 → 3.2.6

package/es/AutoComplete/AutoComplete.js

@@ -1,3 +1,9 @@
+function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) {
+    return lhs;
+}
+else {
+    return rhsFn();
+} }
 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];
@@ -16,6 +22,8 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } return value; }
 /* Analyzed bindings: {
   "searchKey": "props",
+  "multiple": "props",
+  "AutoComplete": "setup-maybe-ref",
   "Select": "setup-maybe-ref",
   "selectProps": "setup-maybe-ref",
   "ref": "setup-const",
@@ -24,20 +32,30 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "myValue": "setup-ref",
-  "_label": "setup-ref",
-  "handleChange": "setup-const",
-  "_options": "setup-ref",
+  "searchValue": "setup-ref",
+  "customOptions": "setup-ref",
+  "isEmpty": "setup-const",
+  "normalizeText": "setup-const",
+  "isOptionMatched": "setup-const",
+  "componentProps": "setup-ref",
+  "mergedOptions": "setup-ref",
+  "displayOptions": "setup-ref",
+  "appendCustomOption": "setup-const",
   "handleSearch": "setup-const",
-  "onSelect": "setup-const"
+  "handleMultipleChange": "setup-const",
+  "handleSingleChange": "setup-const",
+  "handleSingleBlur": "setup-const",
+  "onSelect": "setup-const",
+  "normalizeValueByMode": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { Select } from 'ant-design-vue';
+import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, } from "vue";
+import { AutoComplete, Select } from 'ant-design-vue';
 import { selectProps } from 'ant-design-vue/lib/select';
-import { ref, watch, computed } from 'vue';
+import { ref, watch, computed, } from 'vue';
 const __sfc_main__ = _defineComponent({
     ...{
-        name: 'JAutoComplete'
+        name: 'JAutoComplete',
     },
     props: {
         ...selectProps(),
@@ -45,55 +63,147 @@ const __sfc_main__ = _defineComponent({
             type: String,
             default: 'label',
         },
+        multiple: {
+            type: Boolean,
+            default: true,
+        },
     },
     emits: ["select", "change", "update:value"],
     setup(__props, { emit: __emit }) {
         const props = __props;
         const emit = __emit;
         const myValue = ref();
-        const _label = ref();
-        const handleChange = (e) => {
-            if (e.length === 0) {
-                myValue.value = undefined;
-                emit('update:value', undefined);
+        const searchValue = ref('');
+        const customOptions = ref([]);
+        const isEmpty = (val) => val === undefined || val === null || val === '';
+        const normalizeText = (val) => {
+            if (isEmpty(val)) {
+                return '';
+            }
+            if (typeof val === 'object' && val !== null && 'value' in val) {
+                return String(_nullishCoalesce(val.value, () => (''))).trim();
             }
+            return String(val).trim();
+        };
+        const isOptionMatched = (option, keyword) => {
+            const optionValue = normalizeText(_optionalChain([option, 'optionalAccess', _ => _.value]));
+            const optionLabel = normalizeText(_nullishCoalesce(_optionalChain([option, 'optionalAccess', _2 => _2[props.searchKey]]), () => (_optionalChain([option, 'optionalAccess', _3 => _3.label]))));
+            return optionValue === keyword || optionLabel === keyword;
         };
-        const _options = computed(() => {
-            const item = props.options.find(option => option.value === myValue.value);
-            if (item || !myValue.value) {
-                _label.value = _optionalChain([item, 'optionalAccess', _ => _.label]);
-                return props.options;
+        const componentProps = computed(() => {
+            const { multiple, searchKey, options, value, mode, ...rest } = props;
+            return rest;
+        });
+        const mergedOptions = computed(() => {
+            const baseOptions = Array.isArray(props.options)
+                ? (props.options)
+                : [];
+            const result = [];
+            const keys = new Set();
+            [...customOptions.value, ...baseOptions].forEach((option) => {
+                const key = normalizeText(_optionalChain([option, 'optionalAccess', _4 => _4.value]) || _optionalChain([option, 'optionalAccess', _5 => _5[props.searchKey]]) || _optionalChain([option, 'optionalAccess', _6 => _6.label]));
+                if (!key || keys.has(key)) {
+                    return;
+                }
+                keys.add(key);
+                result.push(option);
+            });
+            return result;
+        });
+        const displayOptions = computed(() => {
+            const keyword = normalizeText(searchValue.value);
+            if (!keyword) {
+                return mergedOptions.value;
             }
-            _label.value = myValue.value;
-            return [
-                { label: myValue.value, value: myValue.value },
-                ...props.options
-            ];
+            const exists = mergedOptions.value.some((option) => isOptionMatched(option, keyword));
+            if (exists) {
+                return mergedOptions.value;
+            }
+            return [{ label: keyword, value: keyword }, ...mergedOptions.value];
         });
-        const handleSearch = (e) => {
-            myValue.value = e;
+        const appendCustomOption = (val) => {
+            const keyword = normalizeText(val);
+            if (!keyword) {
+                return;
+            }
+            const exists = mergedOptions.value.some((option) => isOptionMatched(option, keyword));
+            if (exists) {
+                return;
+            }
+            customOptions.value = [{ label: keyword, value: keyword }, ...customOptions.value];
+        };
+        const handleSearch = (val) => {
+            searchValue.value = normalizeText(val);
+        };
+        const handleMultipleChange = (val) => {
+            const nextValue = Array.isArray(val)
+                ? val
+                : isEmpty(val)
+                    ? []
+                    : [val];
+            nextValue.forEach((item) => appendCustomOption(item));
+            myValue.value = nextValue;
+            emit('update:value', nextValue);
+            emit('change', nextValue);
+        };
+        const handleSingleChange = (val) => {
+            const nextValue = isEmpty(val) ? undefined : val;
+            myValue.value = nextValue;
+            emit('update:value', nextValue);
+            emit('change', nextValue);
+        };
+        const handleSingleBlur = () => {
+            appendCustomOption(myValue.value);
         };
         const onSelect = (val, option) => {
-            myValue.value = val;
-            emit('update:value', val);
+            appendCustomOption(val);
             emit('select', val, option);
         };
-        watch(() => props.value, (val) => {
-            myValue.value = val;
+        const normalizeValueByMode = (val) => {
+            if (isEmpty(val)) {
+                return props.multiple ? [] : undefined;
+            }
+            if (props.multiple) {
+                return Array.isArray(val) ? val : [val];
+            }
+            return Array.isArray(val) ? val[val.length - 1] : val;
+        };
+        watch([() => props.value, () => props.multiple], ([val]) => {
+            const nextValue = normalizeValueByMode(val);
+            myValue.value = nextValue;
+            if (Array.isArray(nextValue)) {
+                nextValue.forEach((item) => appendCustomOption(item));
+            }
+            else {
+                appendCustomOption(nextValue);
+            }
         }, { immediate: true });
         return (_ctx, _cache) => {
-            return (_openBlock(), _createBlock(_unref(Select), _mergeProps({
-                value: myValue.value,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => ((myValue).value = $event)),
-                allowClear: ""
-            }, props, {
-                options: _options.value,
-                mode: "tags",
-                style: { "width": "100%" },
-                onSelect: onSelect,
-                onSearch: handleSearch,
-                onChange: handleChange
-            }), null, 16 /* FULL_PROPS */, ["value", "options"]));
+            return (props.multiple)
+                ? (_openBlock(), _createBlock(_unref(Select), _mergeProps({
+                    key: 0,
+                    value: myValue.value,
+                    allowClear: ""
+                }, componentProps.value, {
+                    mode: "tags",
+                    options: displayOptions.value,
+                    style: { "width": "100%" },
+                    onSelect: onSelect,
+                    onSearch: handleSearch,
+                    onChange: handleMultipleChange
+                }), null, 16 /* FULL_PROPS */, ["value", "options"]))
+                : (_openBlock(), _createBlock(_unref(AutoComplete), _mergeProps({
+                    key: 1,
+                    value: myValue.value,
+                    allowClear: ""
+                }, componentProps.value, {
+                    options: displayOptions.value,
+                    style: { "width": "100%" },
+                    onSelect: onSelect,
+                    onSearch: handleSearch,
+                    onChange: handleSingleChange,
+                    onBlur: handleSingleBlur
+                }), null, 16 /* FULL_PROPS */, ["value", "options"]));
         };
     }
 });

package/es/EditTable/EditTable.js

@@ -97,7 +97,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onScrollDown": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, normalizeClass as _normalizeClass } from "vue";
+import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, mergeProps as _mergeProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = { class: "jetlinks-edit-table-extra" };
 const _hoisted_2 = { class: "jetlinks-edit-table" };
 const _hoisted_3 = { class: "jetlinks-edit-table-body" };
@@ -105,47 +105,54 @@ const _hoisted_4 = {
     key: 0,
     class: "readonly-mask"
 };
-import { FULL_SCREEN, RIGHT_MENU, TABLE_DATA_SOURCE, TABLE_ERROR, TABLE_GROUP_ACTIVE, TABLE_GROUP_ERROR, TABLE_GROUP_OPTIONS, TABLE_H_SCROLL, TABLE_OPEN_GROUP, TABLE_TOOL, TABLE_WRAPPER } from './consts';
+import { FULL_SCREEN, RIGHT_MENU, TABLE_DATA_SOURCE, TABLE_ERROR, TABLE_GROUP_ACTIVE, TABLE_GROUP_ERROR, TABLE_GROUP_OPTIONS, TABLE_H_SCROLL, TABLE_OPEN_GROUP, TABLE_TOOL, TABLE_WRAPPER, } from './consts';
 import { useGroup, useValidate } from './hooks';
 import { tableProps } from 'ant-design-vue/lib/table';
 import { useFormContext } from './context';
 import { useFullscreen } from '@vueuse/core';
 import { provide, useSlots, ref, reactive, computed, watch } from 'vue';
-import { bodyProps } from "./props";
+import { bodyProps } from './props';
 import { findIndex, get, sortBy } from 'lodash-es';
 import Group from './group.js';
 import VirtualTable from '../VirtualTable/Table';
-import { useLocaleReceiver } from "../LocaleReciver";
+import { useLocaleReceiver } from '../LocaleReciver';
 import useEditTableStyle from './style';
 const defaultGroupId = 'group_1';
 const __sfc_main__ = _defineComponent({
     ...{
-        name: 'JEditTable'
+        name: 'JEditTable',
     },
     props: {
         ...tableProps(),
         ...bodyProps(),
         searchColumns: {
             type: Array,
-            default: undefined
+            default: undefined,
         },
         serial: {
             type: [Object, Boolean],
             default: () => ({
                 width: 70,
-                title: ''
-            })
+                title: '',
+            }),
         },
         validateRowKey: {
             type: Boolean,
-            default: false
+            default: false,
         },
         readonly: {
             type: Boolean,
-            default: false
-        }
+            default: false,
+        },
     },
-    emits: ['scrollDown', 'rightMenuClick', 'editChange', 'searchVisibleChange', 'groupDelete', 'groupEdit'],
+    emits: [
+        'scrollDown',
+        'rightMenuClick',
+        'editChange',
+        'searchVisibleChange',
+        'groupDelete',
+        'groupEdit',
+    ],
     setup(__props, { expose: __expose, emit: __emit }) {
         const emit = __emit;
         const [contextLocale] = useLocaleReceiver('EditTable');
@@ -165,9 +172,9 @@ const __sfc_main__ = _defineComponent({
             key: undefined,
             order: undefined,
             orderKeys: [],
-            dataIndex: undefined
+            dataIndex: undefined,
         });
-        const { groupActive, groupOptions, addGroup, removeGroup, updateGroupActive, updateGroupOptions } = useGroup(props.openGroup);
+        const { groupActive, groupOptions, addGroup, removeGroup, updateGroupActive, updateGroupOptions, } = useGroup(props.openGroup);
         // 处理数据源
         const _dataSource = computed(() => {
             const _options = new Map();
@@ -185,7 +192,8 @@ const __sfc_main__ = _defineComponent({
                     const _groupId = _optionalChain([item, 'access', _2 => _2.expands, 'optionalAccess', _3 => _3.groupId]);
                     if (!_groupId) {
                         item.expands.groupId = groupActive.value || defaultGroupId;
-                        item.expands.groupName = groupActive.label || (contextLocale.value.Group.one + '1');
+                        item.expands.groupName =
+                            groupActive.label || contextLocale.value.Group.one + '1';
                     }
                     const _optionsItem = _options.get(item.expands.groupId);
                     if (!_optionsItem) {
@@ -193,7 +201,7 @@ const __sfc_main__ = _defineComponent({
                             value: _optionalChain([item, 'access', _4 => _4.expands, 'optionalAccess', _5 => _5.groupId]),
                             label: _optionalChain([item, 'access', _6 => _6.expands, 'optionalAccess', _7 => _7.groupName]),
                             effective: item.id ? 1 : 0,
-                            len: 1
+                            len: 1,
                         });
                     }
                     else {
@@ -225,7 +233,7 @@ const __sfc_main__ = _defineComponent({
         });
         const scroll = computed(() => {
             const _scroll = {
-                y: props.height
+                y: props.height,
             };
             if (_optionalChain([props, 'access', _9 => _9.scroll, 'optionalAccess', _10 => _10.x])) {
                 _scroll.x = props.scroll.x;
@@ -241,7 +249,9 @@ const __sfc_main__ = _defineComponent({
                 err.forEach((item, errIndex) => {
                     item.forEach((e, eIndex) => {
                         const field = findField(e.__dataIndex, e.field);
-                        const _eventKey = field ? field.eventKey : `${e.__dataIndex}-${e.field}`;
+                        const _eventKey = field
+                            ? field.eventKey
+                            : `${e.__dataIndex}-${e.field}`;
                         if (field) {
                             field.showErrorTip(e.message);
                         }
@@ -265,12 +275,15 @@ const __sfc_main__ = _defineComponent({
             onEdit: () => {
                 emit('editChange', true);
             },
-            validateRowKey: props.validateRowKey
+            validateRowKey: props.validateRowKey,
         });
         // Provide context
         provide(TABLE_WRAPPER, tableWrapper);
         provide(FULL_SCREEN, isFullscreen);
-        provide(RIGHT_MENU, { click: rightMenu, getPopupContainer: () => tableWrapper.value });
+        provide(RIGHT_MENU, {
+            click: rightMenu,
+            getPopupContainer: () => tableWrapper.value,
+        });
         provide(TABLE_ERROR, fieldsErrMap);
         provide(TABLE_GROUP_ERROR, fieldsGroupError);
         provide(TABLE_DATA_SOURCE, _dataSource);
@@ -300,7 +313,7 @@ const __sfc_main__ = _defineComponent({
                 sortData.orderKeys = [];
                 sortData.dataIndex = undefined;
             },
-            sortData
+            sortData,
         });
         provide(TABLE_GROUP_OPTIONS, groupOptions);
         provide(TABLE_GROUP_ACTIVE, groupActive);
@@ -328,7 +341,9 @@ const __sfc_main__ = _defineComponent({
             fieldsErrMap.value[key] = message;
         }
         const scrollWidth = computed(() => {
-            return (props.dataSource.length * props.cellHeight) > props.height ? scrollDefaultWidth.value : 0;
+            return props.dataSource.length * props.cellHeight > props.height
+                ? scrollDefaultWidth.value
+                : 0;
         });
         const newColumns = computed(() => {
             const _columns = [];
@@ -344,7 +359,7 @@ const __sfc_main__ = _defineComponent({
                         return record.__serial;
                     },
                     width: _optionalChain([(props.serial), 'optionalAccess', _14 => _14.width]),
-                    fixed: 'left'
+                    fixed: 'left',
                 };
                 _columns.push(serial);
             }
@@ -369,7 +384,7 @@ const __sfc_main__ = _defineComponent({
         };
         const groupDelete = (id, index) => {
             removeGroup(index);
-            Object.keys(fieldsErrMap.value).forEach(errorKey => {
+            Object.keys(fieldsErrMap.value).forEach((errorKey) => {
                 const [idx] = errorKey.split('-');
                 const dataSourceItem = _dataSource.value[parseInt(idx)];
                 const groupId = _optionalChain([dataSourceItem, 'optionalAccess', _15 => _15.expands, 'optionalAccess', _16 => _16.groupId]);
@@ -396,7 +411,7 @@ const __sfc_main__ = _defineComponent({
             if (props.openGroup) {
                 const _errorObj = errorMap;
                 const groupErrorMap = {};
-                Object.keys(_errorObj).forEach(errorKey => {
+                Object.keys(_errorObj).forEach((errorKey) => {
                     const [index] = errorKey.split('-');
                     const dataSourceItem = _dataSource.value[parseInt(index)];
                     const groupId = _optionalChain([dataSourceItem, 'optionalAccess', _17 => _17.expands, 'optionalAccess', _18 => _18.groupId]);
@@ -405,8 +420,8 @@ const __sfc_main__ = _defineComponent({
                         [errorKey]: {
                             message: _errorObj[errorKey],
                             index,
-                            serial: dataSourceItem.__serial
-                        }
+                            serial: dataSourceItem.__serial,
+                        },
                     };
                     if (groupError) {
                         groupError.push(groupErrorItem);
@@ -426,7 +441,7 @@ const __sfc_main__ = _defineComponent({
             removeField,
             removeFieldError,
             addFieldError,
-            validateItem
+            validateItem,
         });
         __expose({
             validate,
@@ -434,14 +449,14 @@ const __sfc_main__ = _defineComponent({
             scrollToById,
             scrollToByIndex,
             getTableWrapperRef,
-            getGroupActive
+            getGroupActive,
         });
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
                 class: _normalizeClass({
                     'jetlinks-edit-table-wrapper': true,
                     'table-full-screen': _unref(isFullscreen),
-                    [_unref(hashId)]: true
+                    [_unref(hashId)]: true,
                 }),
                 ref_key: "tableWrapper",
                 ref: tableWrapper
@@ -457,7 +472,7 @@ const __sfc_main__ = _defineComponent({
                         _createVNode(_unref(VirtualTable), _mergeProps({
                             ref_key: "virtualTableRef",
                             ref: virtualTableRef
-                        }, props, {
+                        }, _ctx.$attrs, {
                             "data-source": bodyDataSource.value,
                             columns: newColumns.value,
                             scroll: scroll.value,
@@ -465,19 +480,31 @@ const __sfc_main__ = _defineComponent({
                             virtual: {
                                 itemHeight: props.cellHeight,
                                 overscan: 5,
-                                threshold: props.height / props.cellHeight
+                                threshold: props.height / props.cellHeight,
                             }
-                        }), {
+                        }), _createSlots({
                             bodyCell: _withCtx(({ column, record, index }) => [
-                                _renderSlot(_ctx.$slots, column.dataIndex, {
-                                    column: column,
-                                    record: record,
-                                    index: record.__dataIndex,
-                                    visibleIndex: index
-                                })
+                                (_ctx.$slots[column.dataIndex])
+                                    ? _renderSlot(_ctx.$slots, column.dataIndex, {
+                                        key: 0,
+                                        column: column,
+                                        record: record,
+                                        index: record.__dataIndex,
+                                        visibleIndex: index
+                                    })
+                                    : _createCommentVNode("v-if", true)
                             ]),
-                            _: 3 /* FORWARDED */
-                        }, 16 /* FULL_PROPS */, ["data-source", "columns", "scroll", "virtual"]),
+                            _: 2 /* DYNAMIC */
+                        }, [
+                            _renderList(_ctx.$slots, (_, slotName) => {
+                                return {
+                                    name: slotName,
+                                    fn: _withCtx((slotProps) => [
+                                        _renderSlot(_ctx.$slots, slotName, _normalizeProps(_guardReactiveProps(slotProps || {})))
+                                    ])
+                                };
+                            })
+                        ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["data-source", "columns", "scroll", "virtual"]),
                         (__props.readonly)
                             ? (_openBlock(), _createElementBlock("div", _hoisted_4))
                             : _createCommentVNode("v-if", true),

package/es/ProLayout/Basic/BasicLayout.js

@@ -210,6 +210,7 @@ export default defineComponent({
       var collapsedButtonRender = getSlot(slots, props, 'collapsedButtonRender');
       var headerContentRender = getSlot(slots, props, 'headerContentRender');
       var rightContentRender = getSlot(slots, props, 'rightContentRender');
+      var leftContentRender = getSlot(slots, props, 'leftContentRender');
       var customHeaderRender = getSlot(slots, props, 'headerRender');
       // menu
       var menuHeaderRender = getSlot(slots, props, 'menuHeaderRender');
@@ -232,6 +233,7 @@ export default defineComponent({
           onSelect: onSelect,
           onMenuHeaderClick: onMenuHeaderClick,
           rightContentRender: rightContentRender,
+          leftContentRender: leftContentRender,
           collapsedButtonRender: collapsedButtonRender,
           headerTitleRender: menuHeaderRender,
           menuExtraRender: menuExtraRender,

package/es/ProLayout/Basic/Header.js

@@ -26,6 +26,12 @@ export var headerViewProps = _objectSpread(_objectSpread({}, baseHeaderProps), {
       return undefined;
     }
   },
+  leftContentRender: {
+    type: [Object, Function, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
   hasSiderMenu: PropTypes.looseBool,
   siderWidth: PropTypes.number.def(208)
 });
@@ -56,6 +62,7 @@ export default defineComponent({
         "theme": theme.value,
         "mode": "horizontal"
       }, props), {}, {
+        "leftContentRender": props.leftContentRender,
         "onCollapse": onCollapse.value,
         "menuData": context.menuData
       }), null);

package/es/ProLayout/TopHeader/index.js

@@ -50,6 +50,12 @@ export var baseHeaderProps = _objectSpread(_objectSpread({}, defaultSettingProps
       return undefined;
     }
   },
+  leftContentRender: {
+    type: [Object, Function],
+    default: function _default() {
+      return undefined;
+    }
+  },
   collapsedButtonRender: siderMenuProps.collapsedButtonRender,
   matchMenuKeys: siderMenuProps.matchMenuKeys,
   // events
@@ -90,6 +96,7 @@ export var TopNavHeader = function TopNavHeader(props) {
     onOpenKeys = props.onOpenKeys,
     onSelect = props.onSelect,
     contentWidth = props.contentWidth,
+    leftContentRender = props.leftContentRender,
     rightContentRender = props.rightContentRender,
     topHeaderMenuRender = props.topHeaderMenuRender,
     layout = props.layout,
@@ -146,7 +153,9 @@ export var TopNavHeader = function TopNavHeader(props) {
     "class": "".concat(prefixCls, "-logo"),
     "key": "logo",
     "id": "logo"
-  }, [headerDom])]), _createVNode("div", {
+  }, [headerDom])]), leftContentRender && _createVNode("div", {
+    "class": "".concat(prefixCls, "-left-content")
+  }, [typeof leftContentRender === 'function' ? leftContentRender(_objectSpread({}, props)) : leftContentRender]), _createVNode("div", {
     "style": {
       flex: 1
     },

package/es/ProLayout/TopHeader/style.js

@@ -84,13 +84,17 @@ export var genTopHeaderStyle = function genTopHeaderStyle(config) {
     }
   }), '.anticon', {
     color: 'inherit'
-  })), "".concat(topNavHeaderCls, "-main"), _defineProperty({
+  })), "".concat(topNavHeaderCls, "-main"), _defineProperty(_defineProperty({
     display: 'flex',
     height: '100%',
     paddingLeft: '16px'
   }, "".concat(topNavHeaderCls, "-main-left"), {
     display: 'flex',
     minWidth: '192px'
+  }), "".concat(topNavHeaderCls, "-left-content"), {
+    display: 'flex',
+    alignItems: 'center',
+    marginInlineEnd: '16px'
   })), '.anticon', {
     color: '#fff'
   }), "".concat(topNavHeaderCls, "-logo"), {

package/es/Search/Advanced/History.js

@@ -41,7 +41,7 @@ const _hoisted_3 = {
 };
 import { computed, ref } from 'vue';
 import { isFunction } from 'lodash-es';
-import { AIcon, Empty, Ellipsis } from '../../../';
+import { AIcon, Empty, Ellipsis } from '../../';
 import { Popconfirm, Button, FormItemRest, Popover, message } from 'ant-design-vue';
 import { useLocaleReceiver } from "../../LocaleReciver";
 import useSearchStyle from '../style';