@alicloudfe/components
Version:
A react component library for aliyun
61 lines (60 loc) • 3.44 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var next_1 = require("@alifd/next");
var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
var config_provider_1 = __importDefault(require("../config-provider"));
var useCssVar_1 = require("../utils/useCssVar");
var Card = react_1.default.forwardRef(function (props, ref) {
return react_1.default.createElement(next_1.Card, __assign({}, props, { ref: ref }));
});
hoist_non_react_statics_1.default(Card, next_1.Card);
Card.DropDownActions = function (_a) {
var actions = _a.actions;
var theme = useCssVar_1.useCssVar('--alicloudfe-components-theme').trim();
var actionIcon = (function () {
if (theme.startsWith('hybridcloud')) {
return (react_1.default.createElement(next_1.Icon, { className: "hybridcloud-card-dropdown-actions-icon", type: "ellipsis", size: "large" }));
}
else if (theme.startsWith('yunxiao')) {
return (react_1.default.createElement(next_1.Icon, { className: "yunxiao-card-dropdown-actions-icon", type: "ellipsis" }));
}
else {
return react_1.default.createElement(next_1.Icon, { type: "ellipsis-vertical", size: "small" });
}
})();
return (react_1.default.createElement(next_1.Dropdown, { trigger: actionIcon, triggerType: "click" },
react_1.default.createElement(next_1.Menu, null, actions.map(function (_a, idx) {
var label = _a.label, onClick = _a.onClick;
return (react_1.default.createElement(next_1.Menu.Item, { onClick: onClick, key: idx }, label));
}))));
};
var CollapsableTail = function (_a) {
var collapsed = _a.collapsed, onCollapsedChange = _a.onCollapsedChange, prefix = _a.prefix, _b = _a.children, children = _b === void 0 ? '展开更多' : _b;
return (react_1.default.createElement("div", { className: prefix + "card-collapsable-tail", onClick: function () { return onCollapsedChange(!collapsed); } },
children,
collapsed ? react_1.default.createElement(next_1.Icon, { type: "3212" }) : react_1.default.createElement(next_1.Icon, { type: "3213" })));
};
Card.CollapsableTail = config_provider_1.default.config(CollapsableTail);
var CollapsableHead = function (_a) {
var collapsed = _a.collapsed, onCollapsedChange = _a.onCollapsedChange, prefix = _a.prefix, _b = _a.children, children = _b === void 0 ? '标题' : _b;
return (react_1.default.createElement("div", { className: prefix + "card-collapsable-head", onClick: function () { return onCollapsedChange(!collapsed); } },
children,
collapsed ? react_1.default.createElement(next_1.Icon, { type: "3212" }) : react_1.default.createElement(next_1.Icon, { type: "3213" })));
};
Card.CollapsableHead = config_provider_1.default.config(CollapsableHead);
exports.default = Card;