mt-ui-components-vue3/lib/Search/style/Search.style.js

玛果添实UI组件库(Vue3)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _internal = require("ant-design-vue/es/theme/internal");
var useStyles = function useStyles(token) {
  var _componentCls;
  var componentCls = token.componentCls;
  return (0, _defineProperty2.default)({}, componentCls, (_componentCls = {}, (0, _defineProperty2.default)(_componentCls, "".concat(componentCls, "-warp"), {
    padding: '24px',
    backgroundColor: '#fff',
    marginBottom: '24px'
  }), (0, _defineProperty2.default)(_componentCls, ".JSearch-items", {
    flex: '1 1 auto'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-left', {
    minWidth: 0,
    flex: '1 1 0'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-footer', {
    gap: '4px'
  }), (0, _defineProperty2.default)(_componentCls, '.more-text', {
    paddingRight: '24px'
  }), (0, _defineProperty2.default)(_componentCls, '.more-icon', {
    transition: 'transform 0.3s',
    transform: 'rotateZ(90deg)',
    fontSize: '14px'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-footer--btns', {
    display: 'flex',
    gap: '12px'
  }), (0, _defineProperty2.default)(_componentCls, '.items-expand', {
    display: 'flex',
    gap: '16px',
    '&': {
      display: 'flex',
      gap: '16px',
      flexDirection: 'column'
    }
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-right', {
    minWidth: 0,
    flex: '1 1 0'
  }), (0, _defineProperty2.default)(_componentCls, '.left-items', {
    display: 'flex',
    gap: '16px',
    flexDirection: 'column'
  }), (0, _defineProperty2.default)(_componentCls, '.right-items', {
    display: 'flex',
    gap: '16px',
    flexDirection: 'column'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-center', {
    flexDirection: 'row',
    justifyContent: 'center'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-item', {
    gap: '8px'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-item--label', {
    textAlign: 'right'
  }), (0, _defineProperty2.default)(_componentCls, '.no-radius', {
    borderRadius: '0',
    borderColor: '#f1f1f1'
  }), (0, _defineProperty2.default)(_componentCls, '.search-history-warp', {
    position: 'relative'
  }), (0, _defineProperty2.default)(_componentCls, '.search-history-button', {
    paddingRight: '32px'
  }), (0, _defineProperty2.default)(_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'
    }
  }), (0, _defineProperty2.default)(_componentCls, '.more-up', {
    transform: 'rotateZ(-90deg)'
  }), (0, _defineProperty2.default)(_componentCls, '.expand', {
    marginTop: '16px',
    width: '100%',
    justifyContent: 'space-between'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-vertical', {
    flexDirection: 'column'
  }), (0, _defineProperty2.default)(_componentCls, '.senior-expand', {
    flexDirection: 'column'
  }), (0, _defineProperty2.default)(_componentCls, '.small', {
    gap: '12px'
  }), (0, _defineProperty2.default)(_componentCls, ".senior", {
    '> .JSearch-content': {
      display: 'flex'
    }
  }), (0, _defineProperty2.default)(_componentCls, '.search-history-empty', {
    padding: '12px 12px 6px 12px',
    backgroundColor: '#fff'
  }), (0, _defineProperty2.default)(_componentCls, '.search-history-items', {
    width: '120px',
    maxHeight: '300px',
    overflowY: 'auto'
  }), (0, _defineProperty2.default)(_componentCls, '.search-history-item', {
    display: 'flex',
    padding: '4px 0px 4px 4px',
    alignItems: 'center',
    gap: '4px',
    '&:hover': {
      backgroundColor: '#f1f1f1'
    }
  }), (0, _defineProperty2.default)(_componentCls, '.history-item--title', {
    width: 'calc(100% - 30px)',
    cursor: 'pointer'
  }), (0, _defineProperty2.default)(_componentCls, '.JSearch-delete', {
    padding: '0 6px',
    flex: '0 0 28px'
  }), (0, _defineProperty2.default)(_componentCls, '.search-history-list-pop', {
    '.ant-popover-inner-content': {
      padding: '0'
    }
  }), _componentCls));
};
// export default useStyles;
var _default = (0, _internal.genComponentStyleHook)('AdvancedSearch', function (token) {
  return [useStyles(token)];
});
exports.default = _default;