@ucloud-fe/react-components/lib/components/Cascader/style/cascade.js

UCloud react components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SCascade = exports.valueAttr = exports.selectedAttr = exports.expandedAttr = exports.errorCls = exports.iconCls = exports.titleCls = exports.emptyCls = exports.dividerCls = exports.itemCls = exports.itemsCls = exports.prefixCls = void 0;

var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

var _core = require("@emotion/core");

var _config = _interopRequireDefault(require("../../../config"));

var _style = require("../../../style");

var _this = void 0;

var _prefixCls = _config.default.prefixCls;
var componentName = 'cascade';
var prefixCls = _prefixCls + '-' + componentName;
exports.prefixCls = prefixCls;
var itemsCls = prefixCls + '-items';
exports.itemsCls = itemsCls;
var itemCls = prefixCls + '-item';
exports.itemCls = itemCls;
var dividerCls = prefixCls + '-divider';
exports.dividerCls = dividerCls;
var emptyCls = prefixCls + '-empty';
exports.emptyCls = emptyCls;
var titleCls = prefixCls + '-title';
exports.titleCls = titleCls;
var iconCls = prefixCls + '-icon';
exports.iconCls = iconCls;
var errorCls = prefixCls + '-error';
exports.errorCls = errorCls;
var prefixAttr = 'data-' + componentName;
var expandedAttr = prefixAttr + '-expanded';
exports.expandedAttr = expandedAttr;
var selectedAttr = prefixAttr + '-selected';
exports.selectedAttr = selectedAttr;
var valueAttr = prefixAttr + '-item-value';
exports.valueAttr = valueAttr;
var SCascade = (0, _style.sWrap)({})((0, _styledBase.default)("div", {
  target: "e4r44q70",
  label: "SCascade"
})(function (props) {
  (0, _newArrowCheck2.default)(this, _this);
  var DT = props.theme.designTokens;
  return /*#__PURE__*/(0, _core.css)("display:flex;.", errorCls, ",.", emptyCls, ",.", itemsCls, "{box-sizing:border-box;padding:8px;width:240px;}.", emptyCls, "{line-height:32px;color:", DT.T_COLOR_TEXT_DISABLED, ";text-align:center;}.", itemsCls, "{height:180px;overflow:auto;}.", itemsCls, " + .", itemsCls, "{&::before{content:' ';background:", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";display:block;}}.", itemCls, "{box-sizing:border-box;line-height:20px;padding:8px;display:flex;cursor:pointer;align-items:center;justify-content:space-between;&[", expandedAttr, "],&:hover:not([disabled]){background:", DT.T_COLOR_BG_DEFAULT_LIGHT, ";}&[", selectedAttr, "]{color:", DT.T_COLOR_TEXT_PRIMARY_DEFAULT, ";}&[disabled]{color:", DT.T_COLOR_TEXT_DISABLED, ";cursor:default;}.", titleCls, "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.", iconCls, "{flex-shrink:0;}}.", dividerCls, "{width:1px;padding:16px 0;background:", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";background-clip:content-box;};label:SCascade;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nhc2NhZGVyL3N0eWxlL2Nhc2NhZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2FzY2FkZXIvc3R5bGUvY2FzY2FkZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCB7IHNXcmFwIH0gZnJvbSAnc3JjL3N0eWxlJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmNvbnN0IGNvbXBvbmVudE5hbWUgPSAnY2FzY2FkZSc7XG5cbmV4cG9ydCBjb25zdCBwcmVmaXhDbHMgPSBfcHJlZml4Q2xzICsgJy0nICsgY29tcG9uZW50TmFtZTtcbmV4cG9ydCBjb25zdCBpdGVtc0NscyA9IHByZWZpeENscyArICctaXRlbXMnO1xuZXhwb3J0IGNvbnN0IGl0ZW1DbHMgPSBwcmVmaXhDbHMgKyAnLWl0ZW0nO1xuZXhwb3J0IGNvbnN0IGRpdmlkZXJDbHMgPSBwcmVmaXhDbHMgKyAnLWRpdmlkZXInO1xuZXhwb3J0IGNvbnN0IGVtcHR5Q2xzID0gcHJlZml4Q2xzICsgJy1lbXB0eSc7XG5leHBvcnQgY29uc3QgdGl0bGVDbHMgPSBwcmVmaXhDbHMgKyAnLXRpdGxlJztcbmV4cG9ydCBjb25zdCBpY29uQ2xzID0gcHJlZml4Q2xzICsgJy1pY29uJztcbmV4cG9ydCBjb25zdCBlcnJvckNscyA9IHByZWZpeENscyArICctZXJyb3InO1xuXG5jb25zdCBwcmVmaXhBdHRyID0gJ2RhdGEtJyArIGNvbXBvbmVudE5hbWU7XG5leHBvcnQgY29uc3QgZXhwYW5kZWRBdHRyID0gcHJlZml4QXR0ciArICctZXhwYW5kZWQnO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkQXR0ciA9IHByZWZpeEF0dHIgKyAnLXNlbGVjdGVkJztcbmV4cG9ydCBjb25zdCB2YWx1ZUF0dHIgPSBwcmVmaXhBdHRyICsgJy1pdGVtLXZhbHVlJztcblxuZXhwb3J0IGNvbnN0IFNDYXNjYWRlID0gc1dyYXAoe30pKFxuICAgIHN0eWxlZC5kaXYocHJvcHMgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcblxuICAgICAgICAgICAgLiR7ZXJyb3JDbHN9LFxuICAgICAgICAgICAgLiR7ZW1wdHlDbHN9LFxuICAgICAgICAgICAgLiR7aXRlbXNDbHN9IHtcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogMjQwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtlbXB0eUNsc30ge1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ESVNBQkxFRH07XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7aXRlbXNDbHN9IHtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE4MHB4O1xuICAgICAgICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7aXRlbXNDbHN9ICsgLiR7aXRlbXNDbHN9IHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnICc7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpdGVtQ2xzfSB7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgICAgICAgICAgICAgICAmWyR7ZXhwYW5kZWRBdHRyfV0sXG4gICAgICAgICAgICAgICAgJjpob3Zlcjpub3QoW2Rpc2FibGVkXSkge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfQkdfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbJHtzZWxlY3RlZEF0dHJ9XSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9QUklNQVJZX0RFRkFVTFR9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ESVNBQkxFRH07XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLiR7dGl0bGVDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC4ke2ljb25DbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7ZGl2aWRlckNsc30ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogMTZweCAwO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY2xpcDogY29udGVudC1ib3g7XG4gICAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */"));
}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nhc2NhZGVyL3N0eWxlL2Nhc2NhZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCSSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DYXNjYWRlci9zdHlsZS9jYXNjYWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuaW1wb3J0IHsgc1dyYXAgfSBmcm9tICdzcmMvc3R5bGUnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuY29uc3QgY29tcG9uZW50TmFtZSA9ICdjYXNjYWRlJztcblxuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLScgKyBjb21wb25lbnROYW1lO1xuZXhwb3J0IGNvbnN0IGl0ZW1zQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtcyc7XG5leHBvcnQgY29uc3QgaXRlbUNscyA9IHByZWZpeENscyArICctaXRlbSc7XG5leHBvcnQgY29uc3QgZGl2aWRlckNscyA9IHByZWZpeENscyArICctZGl2aWRlcic7XG5leHBvcnQgY29uc3QgZW1wdHlDbHMgPSBwcmVmaXhDbHMgKyAnLWVtcHR5JztcbmV4cG9ydCBjb25zdCB0aXRsZUNscyA9IHByZWZpeENscyArICctdGl0bGUnO1xuZXhwb3J0IGNvbnN0IGljb25DbHMgPSBwcmVmaXhDbHMgKyAnLWljb24nO1xuZXhwb3J0IGNvbnN0IGVycm9yQ2xzID0gcHJlZml4Q2xzICsgJy1lcnJvcic7XG5cbmNvbnN0IHByZWZpeEF0dHIgPSAnZGF0YS0nICsgY29tcG9uZW50TmFtZTtcbmV4cG9ydCBjb25zdCBleHBhbmRlZEF0dHIgPSBwcmVmaXhBdHRyICsgJy1leHBhbmRlZCc7XG5leHBvcnQgY29uc3Qgc2VsZWN0ZWRBdHRyID0gcHJlZml4QXR0ciArICctc2VsZWN0ZWQnO1xuZXhwb3J0IGNvbnN0IHZhbHVlQXR0ciA9IHByZWZpeEF0dHIgKyAnLWl0ZW0tdmFsdWUnO1xuXG5leHBvcnQgY29uc3QgU0Nhc2NhZGUgPSBzV3JhcCh7fSkoXG4gICAgc3R5bGVkLmRpdihwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgICAgICAgICAuJHtlcnJvckNsc30sXG4gICAgICAgICAgICAuJHtlbXB0eUNsc30sXG4gICAgICAgICAgICAuJHtpdGVtc0Nsc30ge1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAyNDBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2VtcHR5Q2xzfSB7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpdGVtc0Nsc30ge1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTgwcHg7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpdGVtc0Nsc30gKyAuJHtpdGVtc0Nsc30ge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcgJztcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2l0ZW1DbHN9IHtcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgICAgICAgICAgICZbJHtleHBhbmRlZEF0dHJ9XSxcbiAgICAgICAgICAgICAgICAmOmhvdmVyOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9DT0xPUl9CR19ERUZBVUxUX0xJR0hUfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJlske3NlbGVjdGVkQXR0cn1dIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAuJHt0aXRsZUNsc30ge1xuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLiR7aWNvbkNsc30ge1xuICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtkaXZpZGVyQ2xzfSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxNnB4IDA7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
exports.SCascade = SCascade;