@alicloud/console-components
Version:
Alibaba Cloud React Components
38 lines (37 loc) • 2.62 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
/* eslint-disable no-script-url */
/**
* title: "超长字段/隐藏字段"
* description: "通过设置maxNode属性设置最多显示字段，超出省略。"
*/
var react_1 = __importDefault(require("react"));
var console_components_1 = require("@alicloud/console-components");
var spanStyle = {
display: 'inline-block',
width: '160px',
textOverflow: 'ellipsis',
overflow: 'hidden',
};
function Demo2() {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(console_components_1.Breadcrumb, { maxNode: 5 },
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u65E0\u5F71\u4E91\u7535\u8111"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" },
react_1.default.createElement("span", { style: spanStyle }, "\u7528\u6237\u4E0E\u7BA1\u7406\u5458\u540D\u79F0\u5B9E\u4F8B\u7BA1\u7406\u7528\u6237\u4E0E\u7BA1\u7406\u5458\u540D\u79F0\u5B9E\u4F8B\u7BA1\u7406")),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u7EC4\u7EC7ID"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u7EC4\u7EC7ID"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, null, "\u7B56\u7565")),
react_1.default.createElement("br", null),
react_1.default.createElement(console_components_1.Breadcrumb, { maxNode: 5 },
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u65E0\u5F71\u4E91\u7535\u8111"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u7528\u6237\u4E0E\u7BA1\u7406\u5458"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u7EC4\u7EC7ID"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u7EC4\u7EC7ID"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, { link: "javascript:void(0)" }, "\u7EC4\u7EC7ID"),
react_1.default.createElement(console_components_1.Breadcrumb.Item, null, "\u7B56\u7565"))));
}
exports.default = Demo2;