@bos-alpha/progress/lib/components/model3d/cpt-info.js

进度管理

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
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);
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Spin } from 'antd';
import styled from '@emotion/styled';
export var CptInfo = function (_a) {
    var cptKey = _a.cptKey, _b = _a.fetching, fetching = _b === void 0 ? false : _b, cptInfoList = _a.cptInfoList;
    return (_jsx(InfoBox, { children: fetching ? (_jsx("div", __assign({ className: "no-data" }, { children: _jsx(Spin, { tip: "\u83B7\u53D6\u4E2D..." }, void 0) }), void 0)) : cptInfoList.length > 0 ? (_jsx("div", __assign({ className: "list" }, { children: cptInfoList.map(function (el, index) { return (_jsx("div", __assign({ className: "list-item" }, { children: _jsxs("div", __assign({ className: "list-item-card" }, { children: [_jsx("div", __assign({ className: "list-title" }, { children: el.title }), void 0), _jsx("div", __assign({ className: "list-content" }, { children: el.item.map(function (it, cindex) { return (_jsxs("div", __assign({ className: "sub-list-item" }, { children: [_jsx("div", __assign({ className: "sub-title" }, { children: it.title }), void 0), _jsx("div", __assign({ className: "sub-content" }, { children: it[it.title] }), void 0)] }), cindex)); }) }), void 0)] }), void 0) }), index)); }) }), void 0)) : (_jsx("div", __assign({ className: "no-data" }, { children: cptKey ? '该构件暂无属性信息' : '请选择构件' }), void 0)) }, void 0));
};
var InfoBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: 1px solid #d9d9d9;\n    border-radius: 4px;\n    height: 30vh;\n    overflow: auto;\n    ::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    }\n    ::-webkit-scrollbar-thumb {\n        background-color: rgb(222, 222, 228);\n        border-radius: 4px;\n    }\n    ::-webkit-scrollbar-track {\n        background-color: transparent;\n    }\n    & > .list {\n        .list-item {\n            padding: 6px;\n            border-bottom: 1px solid #d9d9d9;\n            .list-item-card {\n                padding: 6px;\n                border: 1px solid #d9d9d9;\n                border-radius: 4px;\n            }\n            .list-title {\n                font-size: 14px;\n                font-weight: 700;\n                padding: 6px;\n                border-bottom: 1px solid #d9d9d9;\n            }\n            .sub-list-item {\n                padding-bottom: 10px;\n            }\n            .sub-title {\n                padding: 6px;\n            }\n            .sub-content {\n                color: rgba(0, 0, 0, 0.45);\n                padding-left: 10px;\n                word-break: break-all;\n            }\n        }\n    }\n    & > .no-data {\n        padding: 16px;\n        color: rgba(0, 0, 0, 0.25);\n        font-size: 14px;\n        text-align: center;\n    }\n"], ["\n    border: 1px solid #d9d9d9;\n    border-radius: 4px;\n    height: 30vh;\n    overflow: auto;\n    ::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    }\n    ::-webkit-scrollbar-thumb {\n        background-color: rgb(222, 222, 228);\n        border-radius: 4px;\n    }\n    ::-webkit-scrollbar-track {\n        background-color: transparent;\n    }\n    & > .list {\n        .list-item {\n            padding: 6px;\n            border-bottom: 1px solid #d9d9d9;\n            .list-item-card {\n                padding: 6px;\n                border: 1px solid #d9d9d9;\n                border-radius: 4px;\n            }\n            .list-title {\n                font-size: 14px;\n                font-weight: 700;\n                padding: 6px;\n                border-bottom: 1px solid #d9d9d9;\n            }\n            .sub-list-item {\n                padding-bottom: 10px;\n            }\n            .sub-title {\n                padding: 6px;\n            }\n            .sub-content {\n                color: rgba(0, 0, 0, 0.45);\n                padding-left: 10px;\n                word-break: break-all;\n            }\n        }\n    }\n    & > .no-data {\n        padding: 16px;\n        color: rgba(0, 0, 0, 0.25);\n        font-size: 14px;\n        text-align: center;\n    }\n"])));
var templateObject_1;