@jetlinks-web/components 3.0.0-rc → 3.0.0

package/es/ProTable/hooks/useTableSelection.js

@@ -0,0 +1,95 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { ref, provide, watch, unref, computed } from "vue";
+import { omit } from "lodash-es";
+export var PROTABLE_ROW_SELECTION_KEY = Symbol('protable-row-selection-key');
+export var useTableSelection = function useTableSelection() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    type: 'checkbox',
+    rowKey: "id",
+    isCheck: true
+  };
+  var _options$type = options.type,
+    type = _options$type === void 0 ? 'checkbox' : _options$type,
+    _options$rowKey = options.rowKey,
+    rowKey = _options$rowKey === void 0 ? 'id' : _options$rowKey;
+  var selectedRowKeys = ref([]);
+  var selectedRows = ref([]);
+  var selectionObj = ref(null);
+  var isCheckRef = computed(function () {
+    return unref(options.isCheck);
+  });
+  var onSelect = function onSelect(record, selected) {
+    if (type === 'checkbox') {
+      if (selected) {
+        selectedRows.value.push(record);
+      } else {
+        selectedRows.value = selectedRows.value.filter(function (i) {
+          return i[rowKey] !== record[rowKey];
+        });
+      }
+      selectedRowKeys.value = selectedRows.value.map(function (i) {
+        return i[rowKey];
+      });
+    }
+  };
+  // 单选
+  var onChange = function onChange(_selectedRowKeys, _selectedRows) {
+    if (type === 'radio') {
+      selectedRowKeys.value = _selectedRowKeys;
+      selectedRows.value = _selectedRows;
+    }
+  };
+  var onSelectAll = function onSelectAll(selected, _selectedRows, changeRows) {
+    if (selected) {
+      var _selectedRows$value;
+      (_selectedRows$value = selectedRows.value).push.apply(_selectedRows$value, _toConsumableArray(changeRows));
+    } else {
+      var arr = changeRows.map(function (item) {
+        return item[rowKey];
+      });
+      selectedRows.value = selectedRows.value.filter(function (i) {
+        return !arr.includes(i[rowKey]);
+      });
+    }
+    selectedRowKeys.value = selectedRows.value.map(function (i) {
+      return i[rowKey];
+    });
+  };
+  var onSelectNone = function onSelectNone() {
+    selectedRowKeys.value = [];
+    selectedRows.value = [];
+  };
+  var updateSelection = function updateSelection() {
+    if (isCheckRef.value) {
+      // 提供选择上下文
+      selectionObj.value = type === 'checkbox' ? _objectSpread(_objectSpread({}, omit(options, ['isCheck'])), {}, {
+        selectedRowKeys: selectedRowKeys,
+        onSelect: onSelect,
+        onSelectAll: onSelectAll,
+        onSelectNone: onSelectNone
+      }) : _objectSpread(_objectSpread({}, omit(options, ['isCheck'])), {}, {
+        selectedRowKeys: selectedRowKeys,
+        onChange: onChange,
+        onSelectNone: onSelectNone
+      });
+    } else {
+      // 清空选择状态
+      onSelectNone();
+      selectionObj.value = null;
+    }
+  };
+  watch(isCheckRef, function () {
+    updateSelection();
+  }, {
+    immediate: true,
+    deep: false
+  } // 注意：deep 设为 false
+  );
+  provide(PROTABLE_ROW_SELECTION_KEY, selectionObj);
+  return {
+    selectedRowKeys: selectedRowKeys,
+    selectedRows: selectedRows,
+    onSelectNone: onSelectNone
+  };
+};

package/es/ProTable/setting.js

@@ -48,7 +48,7 @@ export var _contentProps = _objectSpread(_objectSpread(_objectSpread({}, tablePr
     }
   },
   scroll: {
-    type: Object,
+    type: [Object, Boolean],
     default: function _default() {
       return {};
     } //  x: 1366

package/es/ProTable/style/index.js

@@ -1 +1,109 @@
-import './ProTable.less';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import genCompoentStyle from "../../style/styleRegister";
+var genProTableStyle = function genProTableStyle(config) {
+  var token = config.token;
+  return {
+    '.jtable-body-spin': {
+      height: '100%',
+      width: '100%',
+      backgroundColor: '#fff',
+      '.ant-spin-nested-loading': {
+        height: '100%',
+        '.ant-spin-container': {
+          height: '100%'
+        }
+      },
+      '.jtable-body': {
+        width: '100%',
+        boxSizing: 'border-box',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    },
+    '.jtable-body-header': {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: '16px',
+      width: '100%',
+      gap: '8px',
+      '.jtable-body-header-left': {
+        flex: 1,
+        minWidth: 0
+      },
+      '.jtable-body-header-right': {
+        display: 'flex',
+        gap: '8px',
+        alignItems: 'center',
+        '.jtable-body-header-right-button': {
+          width: '62px',
+          '.right-button-icon': {
+            fontSize: '16px',
+            color: '#d9d9d9'
+          },
+          '.ant-radio-button-wrapper': {
+            padding: '0 8px'
+          },
+          '.ant-radio-button-wrapper-checked': {
+            color: token.colorPrimary
+          }
+        }
+      }
+    },
+    '.jtable-box': {
+      flex: 1,
+      minHeight: 0,
+      '.jtable-card': _defineProperty({
+        height: '100%',
+        overflowY: 'auto',
+        '.jtable-card-items': {
+          display: 'grid',
+          gridGap: '26px',
+          '.jtable-card-item': {
+            display: 'flex',
+            minWidth: 0
+          }
+        }
+      }, "j-table-empty", {
+        marginTop: '100px'
+      }),
+      '.ant-table-wrapper': {
+        height: '100%',
+        '.ant-table': {
+          height: '100%',
+          '.ant-table-container': {
+            height: '100%',
+            '.ant-table-content': {
+              height: '100%'
+            }
+          }
+        }
+      },
+      '.j-table-scroll': {
+        '.ant-table-container': {
+          display: 'flex',
+          flexDirection: 'column'
+        },
+        '.ant-table-body': {
+          flex: 1,
+          minHeight: 0,
+          overflowY: 'auto'
+        }
+      }
+    },
+    '.jtable-alert': {
+      marginBottom: '16px'
+    },
+    '.jtable-pagination': {
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'flex-end',
+      marginTop: '16px',
+      '.hide-content': _defineProperty({}, "".concat(token.antCls, "-pagination-item,& ").concat(token.antCls, "-pagination-jump-prev, & ").concat(token.antCls, "-pagination-jump-next"), {
+        display: 'none'
+      })
+    }
+  };
+};
+export default genCompoentStyle([genProTableStyle]);

package/es/RadioButton/RadioButton.js

@@ -2,19 +2,23 @@
   "value": "props",
   "options": "props",
   "columns": "props",
-  "defineOptions": "setup-const",
   "ref": "setup-const",
   "computed": "setup-const",
   "watch": "setup-const",
+  "useRadioButtonStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "myValue": "setup-ref",
   "styles": "setup-ref",
   "onClick": "setup-const"
 } */
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["onClick"];
 import { ref, computed, watch } from 'vue';
+import useRadioButtonStyle from './style';
 const __sfc_main__ = Object.assign({
     name: 'JRadioButton',
 }, {
@@ -36,6 +40,8 @@ const __sfc_main__ = Object.assign({
     setup(__props, { emit: __emit }) {
         const props = __props;
         const emit = __emit;
+        const prefixCls = computed(() => 'j-radio-button');
+        const [wrapSSR, hashId] = useRadioButtonStyle(prefixCls);
         const myValue = ref(props.value);
         const styles = computed(() => {
             return {
@@ -54,7 +60,7 @@ const __sfc_main__ = Object.assign({
         });
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
-                class: "j-radio-button",
+                class: _normalizeClass(['j-radio-button', _unref(hashId)]),
                 style: _normalizeStyle(styles.value)
             }, [
                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
@@ -63,7 +69,7 @@ const __sfc_main__ = Object.assign({
                         class: _normalizeClass(["j-radio-button-item", { 'active': myValue.value === item.value }])
                     }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1));
                 }), 256 /* UNKEYED_FRAGMENT */))
-            ], 4 /* STYLE */));
+            ], 6 /* CLASS, STYLE */));
         };
     }
 });

package/es/RadioButton/style/index.js

@@ -1 +1,23 @@
-import './index.less';
+import genCompoentStyle from '../../style/styleRegister';
+var genRadioButtonStyle = function genRadioButtonStyle(config) {
+  var token = config.token;
+  return {
+    '.j-radio-button': {
+      display: 'grid',
+      gap: '16px',
+      '.j-radio-button-item': {
+        padding: '6px 12px',
+        textAlign: 'center',
+        height: '100%',
+        borderRadius: '2px',
+        backgroundColor: '#f5f5f5',
+        cursor: 'pointer',
+        '&.active': {
+          color: '#fff',
+          backgroundColor: token.colorPrimary
+        }
+      }
+    }
+  };
+};
+export default genCompoentStyle([genRadioButtonStyle]);

package/es/Scrollbar/Scrollbar.js

@@ -32,9 +32,13 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "scrollbarEmits": "setup-maybe-ref",
   "scrollbarProps": "setup-maybe-ref",
   "BarInstance": "setup-maybe-ref",
+  "useScrollbarStyle": "setup-maybe-ref",
   "COMPONENT_NAME": "literal-const",
   "props": "setup-reactive-const",
   "emit": "setup-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "stopResizeObserver": "setup-let",
   "stopResizeListener": "setup-let",
   "scrollbarRef": "setup-ref",
@@ -51,13 +55,14 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "update": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
+import { unref as _unref, renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
 import { computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch, } from 'vue';
 import { useEventListener, useResizeObserver } from '@vueuse/core';
 import { isNumber, isObject } from '@jetlinks-web/utils';
 import Bar from './Bar.js';
 import { scrollbarContextKey } from './constants';
 import { scrollbarEmits, scrollbarProps, } from './scrollbarProps';
+import useScrollbarStyle from './style';
 const COMPONENT_NAME = 'JScrollbar';
 const __sfc_main__ = _defineComponent({
     ...{
@@ -68,6 +73,8 @@ const __sfc_main__ = _defineComponent({
     setup(__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emit = __emit;
+        const prefixCls = computed(() => 'j-scrollbar');
+        const [wrapSSR, hashId] = useScrollbarStyle(prefixCls);
         let stopResizeObserver = undefined;
         let stopResizeListener = undefined;
         const scrollbarRef = ref();
@@ -172,7 +179,7 @@ const __sfc_main__ = _defineComponent({
             return (_openBlock(), _createElementBlock("div", {
                 ref_key: "scrollbarRef",
                 ref: scrollbarRef,
-                class: "j-scrollbar"
+                class: _normalizeClass(['j-scrollbar', _unref(hashId)])
             }, [
                 _createElementVNode("div", {
                     ref_key: "wrapRef",
@@ -205,7 +212,7 @@ const __sfc_main__ = _defineComponent({
                         "min-size": _ctx.minSize
                     }, null, 8 /* PROPS */, ["always", "min-size"]))
                     : _createCommentVNode("v-if", true)
-            ], 512 /* NEED_PATCH */));
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/Scrollbar/Thumb.js

@@ -26,12 +26,16 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "BAR_MAP": "setup-maybe-ref",
   "renderThumbStyle": "setup-maybe-ref",
   "thumbProps": "setup-maybe-ref",
+  "useScrollbarStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "scrollbar": "setup-maybe-ref",
   "instance": "setup-ref",
   "thumb": "setup-ref",
   "thumbState": "setup-ref",
   "visible": "setup-ref",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "cursorDown": "setup-let",
   "cursorLeave": "setup-let",
   "originalOnSelectStart": "setup-let",
@@ -48,13 +52,14 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "restoreOnselectstart": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { computed, inject, onBeforeUnmount, ref, toRef } from 'vue';
 import { useEventListener } from '@vueuse/core';
 import { isClient } from '@jetlinks-web/utils';
 import { scrollbarContextKey } from './constants';
 import { BAR_MAP, renderThumbStyle } from './util';
 import { thumbProps } from './thumbProps';
+import useScrollbarStyle from './style';
 const __sfc_main__ = _defineComponent({
     props: thumbProps,
     setup(__props) {
@@ -66,6 +71,8 @@ const __sfc_main__ = _defineComponent({
         const thumb = ref();
         const thumbState = ref({});
         const visible = ref(false);
+        const prefixCls = computed(() => 'j-scrollbar');
+        const [wrapSSR, hashId] = useScrollbarStyle(prefixCls);
         let cursorDown = false;
         let cursorLeave = false;
         let originalOnSelectStart = isClient ? document.onselectstart : null;
@@ -159,30 +166,34 @@ const __sfc_main__ = _defineComponent({
         useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mousemove', mouseMoveScrollbarHandler);
         useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mouseleave', mouseLeaveScrollbarHandler);
         return (_ctx, _cache) => {
-            return (_openBlock(), _createBlock(_Transition, {
-                name: "j-scrollbar-fade",
-                persisted: ""
-            }, {
-                default: _withCtx(() => [
-                    _withDirectives(_createElementVNode("div", {
-                        ref_key: "instance",
-                        ref: instance,
-                        class: _normalizeClass(['j-scrollbar__bar', props.vertical ? 'is-vertical' : 'is-horizontal']),
-                        onMousedown: clickTrackHandler
-                    }, [
-                        _createElementVNode("div", {
-                            ref_key: "thumb",
-                            ref: thumb,
-                            class: "j-scrollbar__thumb",
-                            style: _normalizeStyle(thumbStyle.value),
-                            onMousedown: clickThumbHandler
-                        }, null, 36 /* STYLE, NEED_HYDRATION */)
-                    ], 34 /* CLASS, NEED_HYDRATION */), [
-                        [_vShow, _ctx.always || visible.value]
-                    ])
-                ]),
-                _: 1 /* STABLE */
-            }));
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass([_unref(hashId)])
+            }, [
+                _createVNode(_Transition, {
+                    name: "j-scrollbar-fade",
+                    persisted: ""
+                }, {
+                    default: _withCtx(() => [
+                        _withDirectives(_createElementVNode("div", {
+                            ref_key: "instance",
+                            ref: instance,
+                            class: _normalizeClass(['j-scrollbar__bar', props.vertical ? 'is-vertical' : 'is-horizontal']),
+                            onMousedown: clickTrackHandler
+                        }, [
+                            _createElementVNode("div", {
+                                ref_key: "thumb",
+                                ref: thumb,
+                                class: "j-scrollbar__thumb",
+                                style: _normalizeStyle(thumbStyle.value),
+                                onMousedown: clickThumbHandler
+                            }, null, 36 /* STYLE, NEED_HYDRATION */)
+                        ], 34 /* CLASS, NEED_HYDRATION */), [
+                            [_vShow, _ctx.always || visible.value]
+                        ])
+                    ]),
+                    _: 1 /* STABLE */
+                })
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/Scrollbar/style/index.js

@@ -1 +1,63 @@
-import './index.less';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import genCompoentStyle from "../../style/styleRegister";
+var scrollbarBgColor = '#909399';
+var scrollbarHoverBgColor = '#909399';
+var scrollbarHoverOpacity = 0.5;
+var scrollbarOpacity = 0.3;
+var transitionDuration = '0.3s';
+var genScrollbarStyle = function genScrollbarStyle(config) {
+  var componentCls = config.componentCls,
+    token = config.token;
+  return _defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty({
+    overflow: 'hidden',
+    position: 'relative',
+    height: '100%'
+  }, "".concat(componentCls, "__wrap"), _defineProperty({
+    overflow: 'auto',
+    height: '100%'
+  }, "".concat(componentCls, "--hidden-default"), {
+    scrollbarWidth: 'none',
+    '&::-webkit-scrollbar': {
+      display: 'none'
+    }
+  })), "".concat(componentCls, "__thumb"), {
+    position: 'relative',
+    display: 'block',
+    width: 0,
+    height: 0,
+    cursor: 'pointer',
+    borderRadius: 'inherit',
+    backgroundColor: scrollbarBgColor,
+    transition: "".concat(transitionDuration, " background-color"),
+    opacity: scrollbarOpacity,
+    '&:hover': {
+      backgroundColor: scrollbarHoverBgColor,
+      opacity: scrollbarOpacity
+    }
+  }), "".concat(componentCls, "__bar"), _defineProperty(_defineProperty({
+    position: 'absolute',
+    right: '2px',
+    bottom: '2px',
+    zIndex: 1,
+    borderRadius: '4px'
+  }, "".concat(componentCls, "--vertical"), {
+    width: '6px',
+    top: '2px',
+    '> div': {
+      width: '100%'
+    }
+  }), "".concat(componentCls, "--horizontal"), {
+    height: '6px',
+    left: '2px',
+    '> div': {
+      height: '100%'
+    }
+  }))), "".concat(componentCls, "-fade"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-fade-enter-active"), {
+    transition: 'opacity 340ms ease-out'
+  }), "".concat(componentCls, "-fade-leave-active"), {
+    transition: 'opacity 120ms ease-out'
+  }), "".concat(componentCls, "-fade-enter-from,").concat(componentCls, "-fade-leave-active"), {
+    opacity: 0
+  }));
+};
+export default genCompoentStyle([genScrollbarStyle]);

package/es/Search/Advanced/History.js

@@ -15,8 +15,12 @@
   "Popover": "setup-maybe-ref",
   "message": "setup-maybe-ref",
   "useLocaleReceiver": "setup-maybe-ref",
+  "useSearchStyle": "setup-maybe-ref",
   "emit": "setup-const",
   "props": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "contextLocale": "setup-maybe-ref",
   "historyList": "setup-ref",
   "historyVisible": "setup-ref",
@@ -28,15 +32,10 @@
   "deleteHistory": "setup-const"
 } */
 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, withModifiers as _withModifiers } from "vue";
-const _hoisted_1 = { class: "search-history-warp" };
-const _hoisted_2 = {
-    key: 0,
-    class: "search-history-items"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "delete" };
-const _hoisted_5 = {
+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"
 };
@@ -45,6 +44,7 @@ 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({
     props: {
         target: {
@@ -69,6 +69,8 @@ const __sfc_main__ = _defineComponent({
     setup(__props, { emit: __emit }) {
         const emit = __emit;
         const props = __props;
+        const prefixCls = computed(() => 'JSearch');
+        const [wrapSSR, hashId] = useSearchStyle(prefixCls);
         const [contextLocale] = useLocaleReceiver('Search');
         const historyList = ref([]);
         const historyVisible = ref(false);
@@ -109,7 +111,9 @@ const __sfc_main__ = _defineComponent({
             }
         };
         return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['search-history-warp', _unref(hashId)])
+            }, [
                 _createVNode(_unref(FormItemRest), null, {
                     default: _withCtx(() => [
                         _createVNode(_unref(Button), {
@@ -134,7 +138,10 @@ const __sfc_main__ = _defineComponent({
                 }, {
                     content: _withCtx(() => [
                         (!showEmpty.value)
-                            ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                            ? (_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,
@@ -150,14 +157,14 @@ const __sfc_main__ = _defineComponent({
                                                 ]),
                                                 _: 2 /* DYNAMIC */
                                             }, 1024 /* DYNAMIC_SLOTS */)
-                                        ], 8 /* PROPS */, _hoisted_3),
+                                        ], 8 /* PROPS */, _hoisted_1),
                                         _createVNode(_unref(Popconfirm), {
                                             title: _unref(contextLocale).advanced.history.confirmDelete,
                                             placement: "top",
                                             onConfirm: ($event) => (deleteHistory(item))
                                         }, {
                                             default: _withCtx(() => [
-                                                _createElementVNode("span", _hoisted_4, [
+                                                _createElementVNode("span", _hoisted_2, [
                                                     _createVNode(_unref(AIcon), { type: "DeleteOutlined" })
                                                 ])
                                             ]),
@@ -165,8 +172,8 @@ const __sfc_main__ = _defineComponent({
                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "onConfirm"])
                                     ]));
                                 }), 128 /* KEYED_FRAGMENT */))
-                            ]))
-                            : (_openBlock(), _createElementBlock("div", _hoisted_5, [
+                            ], 2 /* CLASS */))
+                            : (_openBlock(), _createElementBlock("div", _hoisted_3, [
                                 _createVNode(_unref(Empty))
                             ]))
                     ]),
@@ -180,7 +187,7 @@ const __sfc_main__ = _defineComponent({
                     ]),
                     _: 1 /* STABLE */
                 }, 8 /* PROPS */, ["visible"])
-            ]));
+            ], 2 /* CLASS */));
         };
     }
 });

package/es/Search/Advanced/SaveHistory.js

@@ -22,8 +22,7 @@
   "saveHistory": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1745819698180"), n = n(), _popScopeId(), n);
+import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }