@orca-fe/antd-plus
Version:
Transformer Container
81 lines (80 loc) • 1.86 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _jssPluginAutoPrefix = _interopRequireDefault(require("@orca-fe/jss-plugin-auto-prefix"));
var _simpleJss = require("@orca-fe/simple-jss");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefix = 'draggable-list-no-key';
var _default = exports.default = (0, _simpleJss.createUseStyles)({
dragging: {},
hoverStyle: {
'&:not($dragging)': {
'& $item': {
'&:active': {
opacity: '0.75'
},
'&:hover': {
// color: '#FFFFFF',
backgroundColor: 'rgba(18, 101, 210, 0.15)'
}
}
}
},
checked: {},
draggingItem: {},
internalStyle: {
'& $checked:not($draggingItem)': {
color: '#FFFFFF',
backgroundColor: '#1160aa',
'&:hover': {
backgroundColor: '#1774cc'
}
},
'& $draggingItem': {
opacity: '0.75',
backgroundColor: 'rgba(125, 125, 125, 0.3)'
}
},
root: {
userSelect: 'none'
},
before: {},
after: {},
item: {
position: 'relative',
border: '1px solid transparent',
'&:firstChild': {
borderTopWidth: '2px'
},
'&:lastChild': {
borderBottomWidth: '2px'
},
'&$before': {
borderTopColor: '#1199ff'
},
'&$after': {
borderBottomColor: '#1199ff'
}
},
draggingNum: {
position: 'fixed',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#1199ff',
border: '2px solid #0974c4',
color: '#FFFFFF',
borderRadius: '12px',
padding: '0 10px',
marginTop: '5px',
marginLeft: '10px',
userSelect: 'none'
}
}, {
classNamePrefix: prefix,
plugins: [(0, _jssPluginAutoPrefix.default)({
prefix: prefix
})]
});