"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;
