mt-ui-components-vue3/lib/Tabs/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"));
require("ant-design-vue");
var _internal = require("ant-design-vue/es/theme/internal");
// import { createStyles } from "antd-style";

var useStyles = function useStyles(token) {
  var _componentCls;
  var componentCls = token.componentCls,
    antCls = token.antCls;
  console.log('-------token---', token, antCls);
  return (0, _defineProperty2.default)({}, componentCls, (_componentCls = {
    "center-extra-coontent": {
      overflow: "hidden"
    }
  }, (0, _defineProperty2.default)(_componentCls, "".concat(antCls, "-tabs-tab"), {
    borderRadius: "6px 6px 0px 0px",
    border: "none",
    marginLeft: "4px",
    backgroundColor: "#F3F4F4",
    borderBottom: "1px solid  ".concat(token.colorPrimary),
    padding: "6px 12px"
  }), (0, _defineProperty2.default)(_componentCls, "".concat(antCls, "-tabs-tab-btn"), {
    fontSize: "16px"
  }), (0, _defineProperty2.default)(_componentCls, "".concat(antCls, "-tabs-nav"), {
    "&:before": {
      borderBottom: "1px solid  ".concat(token.colorPrimary),
      zIndex: "1",
      fontSize: "16px"
    }
  }), (0, _defineProperty2.default)(_componentCls, "".concat(antCls, "-tabs-tab-active"), {
    backgroundColor: token.colorPrimary
  }), _componentCls));
};
// export default useStyles;
var _default = (0, _internal.genComponentStyleHook)('Tabs', function (token) {
  return [useStyles(token)];
});
exports.default = _default;