mt-ui-components-vue3
Version:
玛果添实UI组件库(Vue3)
118 lines • 3.93 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { genComponentStyleHook } from 'ant-design-vue/es/theme/internal';
var useStyles = function useStyles(token) {
var _componentCls;
var componentCls = token.componentCls;
return _defineProperty({}, componentCls, (_componentCls = {}, _defineProperty(_componentCls, "".concat(componentCls, "-warp"), {
padding: '24px',
backgroundColor: '#fff',
marginBottom: '24px'
}), _defineProperty(_componentCls, ".JSearch-items", {
flex: '1 1 auto'
}), _defineProperty(_componentCls, '.JSearch-left', {
minWidth: 0,
flex: '1 1 0'
}), _defineProperty(_componentCls, '.JSearch-footer', {
gap: '4px'
}), _defineProperty(_componentCls, '.more-text', {
paddingRight: '24px'
}), _defineProperty(_componentCls, '.more-icon', {
transition: 'transform 0.3s',
transform: 'rotateZ(90deg)',
fontSize: '14px'
}), _defineProperty(_componentCls, '.JSearch-footer--btns', {
display: 'flex',
gap: '12px'
}), _defineProperty(_componentCls, '.items-expand', {
display: 'flex',
gap: '16px',
'&': {
display: 'flex',
gap: '16px',
flexDirection: 'column'
}
}), _defineProperty(_componentCls, '.JSearch-right', {
minWidth: 0,
flex: '1 1 0'
}), _defineProperty(_componentCls, '.left-items', {
display: 'flex',
gap: '16px',
flexDirection: 'column'
}), _defineProperty(_componentCls, '.right-items', {
display: 'flex',
gap: '16px',
flexDirection: 'column'
}), _defineProperty(_componentCls, '.JSearch-center', {
flexDirection: 'row',
justifyContent: 'center'
}), _defineProperty(_componentCls, '.JSearch-item', {
gap: '8px'
}), _defineProperty(_componentCls, '.JSearch-item--label', {
textAlign: 'right'
}), _defineProperty(_componentCls, '.no-radius', {
borderRadius: '0',
borderColor: '#f1f1f1'
}), _defineProperty(_componentCls, '.search-history-warp', {
position: 'relative'
}), _defineProperty(_componentCls, '.search-history-button', {
paddingRight: '32px'
}), _defineProperty(_componentCls, '.search-history-button-icon', {
position: 'absolute',
width: '24px',
height: '18px',
right: '6px',
top: '8px',
color: '#fff',
lineHeight: '18px',
textAlign: 'center',
fontWeight: 'bold',
'> span': {
fontSize: '14px'
}
}), _defineProperty(_componentCls, '.more-up', {
transform: 'rotateZ(-90deg)'
}), _defineProperty(_componentCls, '.expand', {
marginTop: '16px',
width: '100%',
justifyContent: 'space-between'
}), _defineProperty(_componentCls, '.JSearch-vertical', {
flexDirection: 'column'
}), _defineProperty(_componentCls, '.senior-expand', {
flexDirection: 'column'
}), _defineProperty(_componentCls, '.small', {
gap: '12px'
}), _defineProperty(_componentCls, ".senior", {
'> .JSearch-content': {
display: 'flex'
}
}), _defineProperty(_componentCls, '.search-history-empty', {
padding: '12px 12px 6px 12px',
backgroundColor: '#fff'
}), _defineProperty(_componentCls, '.search-history-items', {
width: '120px',
maxHeight: '300px',
overflowY: 'auto'
}), _defineProperty(_componentCls, '.search-history-item', {
display: 'flex',
padding: '4px 0px 4px 4px',
alignItems: 'center',
gap: '4px',
'&:hover': {
backgroundColor: '#f1f1f1'
}
}), _defineProperty(_componentCls, '.history-item--title', {
width: 'calc(100% - 30px)',
cursor: 'pointer'
}), _defineProperty(_componentCls, '.JSearch-delete', {
padding: '0 6px',
flex: '0 0 28px'
}), _defineProperty(_componentCls, '.search-history-list-pop', {
'.ant-popover-inner-content': {
padding: '0'
}
}), _componentCls));
};
// export default useStyles;
export default genComponentStyleHook('AdvancedSearch', function (token) {
return [useStyles(token)];
});