mt-ui-components-vue3/lib/ProTable/style/index.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 genStyles = function genStyles(token) {
  var _$concat;
  var componentCls = token.componentCls;
  return (0, _defineProperty2.default)({}, componentCls, (0, _defineProperty2.default)({
    minHeight: "100%",
    width: "100%",
    padding: "16px 24px 24px",
    // backgroundColor: token.colorBgLayout,
    ".ant-spin-nested-loading": {
      height: "100%",
      ".ant-spin-container": {
        height: "100%"
      }
    }
  }, "".concat(componentCls, "-body"), (_$concat = {
    width: "100%",
    boxSizing: "border-box",
    height: "100%",
    display: "flex",
    flexDirection: "column"
  }, (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-body-header"), {
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center'
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-body-header-right"), {
    display: "flex",
    gap: "8px",
    alignItems: "center"
  }), (0, _defineProperty2.default)(_$concat, "right-button-icon", {
    color: token.colorPrimary
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-body-header-right-button"), {
    ".ant-radio-button-wrapper": {
      padding: "0 8px"
    },
    ".ant-radio-button-wrapper-checked": {
      '.right-button-icon': {
        color: token.colorPrimary
      }
    }
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-content"), {
    flex: "1",
    padding: "16px 0"
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-alert"), {
    marginBottom: "16px"
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-card-items"), {
    display: "grid",
    gridGap: "26px"
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-card-item"), {
    display: "flex",
    minWidth: "0"
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-pagination"), {
    width: '100%',
    display: "flex",
    justifyContent: "flex-end"
  }), (0, _defineProperty2.default)(_$concat, "".concat(componentCls, "-empty"), {
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    margin: "10% 0"
  }), _$concat)));
};
// export default useStyles;
var _default = (0, _internal.genComponentStyleHook)('ProTable', function (token) {
  return [genStyles(token)];
});
exports.default = _default;