@ucloud-fe/react-components
Version:
UCloud react components
57 lines (48 loc) • 12.2 kB
JavaScript
"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.itemWidthAutoCls = 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 itemWidthAutoCls = prefixCls + '-item-width-auto';
exports.itemWidthAutoCls = itemWidthAutoCls;
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;}.", itemWidthAutoCls, "{width:auto;}.", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nhc2NhZGVyL3N0eWxlL2Nhc2NhZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2FzY2FkZXIvc3R5bGUvY2FzY2FkZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCB7IHNXcmFwIH0gZnJvbSAnc3JjL3N0eWxlJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmNvbnN0IGNvbXBvbmVudE5hbWUgPSAnY2FzY2FkZSc7XG5cbmV4cG9ydCBjb25zdCBwcmVmaXhDbHMgPSBfcHJlZml4Q2xzICsgJy0nICsgY29tcG9uZW50TmFtZTtcbmV4cG9ydCBjb25zdCBpdGVtc0NscyA9IHByZWZpeENscyArICctaXRlbXMnO1xuZXhwb3J0IGNvbnN0IGl0ZW1XaWR0aEF1dG9DbHMgPSBwcmVmaXhDbHMgKyAnLWl0ZW0td2lkdGgtYXV0byc7XG5leHBvcnQgY29uc3QgaXRlbUNscyA9IHByZWZpeENscyArICctaXRlbSc7XG5leHBvcnQgY29uc3QgZGl2aWRlckNscyA9IHByZWZpeENscyArICctZGl2aWRlcic7XG5leHBvcnQgY29uc3QgZW1wdHlDbHMgPSBwcmVmaXhDbHMgKyAnLWVtcHR5JztcbmV4cG9ydCBjb25zdCB0aXRsZUNscyA9IHByZWZpeENscyArICctdGl0bGUnO1xuZXhwb3J0IGNvbnN0IGljb25DbHMgPSBwcmVmaXhDbHMgKyAnLWljb24nO1xuZXhwb3J0IGNvbnN0IGVycm9yQ2xzID0gcHJlZml4Q2xzICsgJy1lcnJvcic7XG5cbmNvbnN0IHByZWZpeEF0dHIgPSAnZGF0YS0nICsgY29tcG9uZW50TmFtZTtcbmV4cG9ydCBjb25zdCBleHBhbmRlZEF0dHIgPSBwcmVmaXhBdHRyICsgJy1leHBhbmRlZCc7XG5leHBvcnQgY29uc3Qgc2VsZWN0ZWRBdHRyID0gcHJlZml4QXR0ciArICctc2VsZWN0ZWQnO1xuZXhwb3J0IGNvbnN0IHZhbHVlQXR0ciA9IHByZWZpeEF0dHIgKyAnLWl0ZW0tdmFsdWUnO1xuXG5leHBvcnQgY29uc3QgU0Nhc2NhZGUgPSBzV3JhcCh7fSkoXG4gICAgc3R5bGVkLmRpdihwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgICAgICAgICAuJHtlcnJvckNsc30sXG4gICAgICAgICAgICAuJHtlbXB0eUNsc30sXG4gICAgICAgICAgICAuJHtpdGVtc0Nsc30ge1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAyNDBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2l0ZW1XaWR0aEF1dG9DbHN9IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogYXV0bztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2VtcHR5Q2xzfSB7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpdGVtc0Nsc30ge1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTgwcHg7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpdGVtc0Nsc30gKyAuJHtpdGVtc0Nsc30ge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcgJztcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2l0ZW1DbHN9IHtcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgICAgICAgICAgICZbJHtleHBhbmRlZEF0dHJ9XSxcbiAgICAgICAgICAgICAgICAmOmhvdmVyOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9DT0xPUl9CR19ERUZBVUxUX0xJR0hUfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJlske3NlbGVjdGVkQXR0cn1dIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAuJHt0aXRsZUNsc30ge1xuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLiR7aWNvbkNsc30ge1xuICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtkaXZpZGVyQ2xzfSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxNnB4IDA7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jbGlwOiBjb250ZW50LWJveDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nhc2NhZGVyL3N0eWxlL2Nhc2NhZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCSSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DYXNjYWRlci9zdHlsZS9jYXNjYWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuaW1wb3J0IHsgc1dyYXAgfSBmcm9tICdzcmMvc3R5bGUnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuY29uc3QgY29tcG9uZW50TmFtZSA9ICdjYXNjYWRlJztcblxuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLScgKyBjb21wb25lbnROYW1lO1xuZXhwb3J0IGNvbnN0IGl0ZW1zQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtcyc7XG5leHBvcnQgY29uc3QgaXRlbVdpZHRoQXV0b0NscyA9IHByZWZpeENscyArICctaXRlbS13aWR0aC1hdXRvJztcbmV4cG9ydCBjb25zdCBpdGVtQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtJztcbmV4cG9ydCBjb25zdCBkaXZpZGVyQ2xzID0gcHJlZml4Q2xzICsgJy1kaXZpZGVyJztcbmV4cG9ydCBjb25zdCBlbXB0eUNscyA9IHByZWZpeENscyArICctZW1wdHknO1xuZXhwb3J0IGNvbnN0IHRpdGxlQ2xzID0gcHJlZml4Q2xzICsgJy10aXRsZSc7XG5leHBvcnQgY29uc3QgaWNvbkNscyA9IHByZWZpeENscyArICctaWNvbic7XG5leHBvcnQgY29uc3QgZXJyb3JDbHMgPSBwcmVmaXhDbHMgKyAnLWVycm9yJztcblxuY29uc3QgcHJlZml4QXR0ciA9ICdkYXRhLScgKyBjb21wb25lbnROYW1lO1xuZXhwb3J0IGNvbnN0IGV4cGFuZGVkQXR0ciA9IHByZWZpeEF0dHIgKyAnLWV4cGFuZGVkJztcbmV4cG9ydCBjb25zdCBzZWxlY3RlZEF0dHIgPSBwcmVmaXhBdHRyICsgJy1zZWxlY3RlZCc7XG5leHBvcnQgY29uc3QgdmFsdWVBdHRyID0gcHJlZml4QXR0ciArICctaXRlbS12YWx1ZSc7XG5cbmV4cG9ydCBjb25zdCBTQ2FzY2FkZSA9IHNXcmFwKHt9KShcbiAgICBzdHlsZWQuZGl2KHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICAgICAgICAgIC4ke2Vycm9yQ2xzfSxcbiAgICAgICAgICAgIC4ke2VtcHR5Q2xzfSxcbiAgICAgICAgICAgIC4ke2l0ZW1zQ2xzfSB7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDI0MHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7aXRlbVdpZHRoQXV0b0Nsc30ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7ZW1wdHlDbHN9IHtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMzJweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfRElTQUJMRUR9O1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2l0ZW1zQ2xzfSB7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxODBweDtcbiAgICAgICAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2l0ZW1zQ2xzfSArIC4ke2l0ZW1zQ2xzfSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyAnO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfTElORV9ERUZBVUxUX0xJR0hUfTtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7aXRlbUNsc30ge1xuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogOHB4O1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICAgICAgICAgJlske2V4cGFuZGVkQXR0cn1dLFxuICAgICAgICAgICAgICAgICY6aG92ZXI6bm90KFtkaXNhYmxlZF0pIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0JHX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmWyR7c2VsZWN0ZWRBdHRyfV0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltkaXNhYmxlZF0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfRElTQUJMRUR9O1xuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC4ke3RpdGxlQ2xzfSB7XG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAuJHtpY29uQ2xzfSB7XG4gICAgICAgICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2RpdmlkZXJDbHN9IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogMXB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDE2cHggMDtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfTElORV9ERUZBVUxUX0xJR0hUfTtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNsaXA6IGNvbnRlbnQtYm94O1xuICAgICAgICAgICAgfVxuICAgICAgICBgO1xuICAgIH0pXG4pO1xuIl19 */"));
exports.SCascade = SCascade;