npm - @sim-design/training - Versions diffs - 1.0.0 → 1.1.0 - Mend

@sim-design/training 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (278) hide show

package/dist-types/client/src/plugins/decision-making/styles.d.ts ADDED Viewed

@@ -0,0 +1,743 @@
+/**
+ * 决策判断插件样式 —— 两栏沉浸式布局
+ * 内联样式为主（项目惯例）；hover / 伪元素 / 滚动条等无法内联的部分，
+ * 由 injectedCSS 一次性注入 <head>（延续插件原有 keyframes 注入做法）。
+ *
+ * 主色采用项目既有蓝（#1890ff），保持领域中性（不绑定医疗绿）。
+ */
+export declare const styles: {
+    root: {
+        display: "flex";
+        flexDirection: "column";
+        height: string;
+        minHeight: string;
+        background: string;
+        overflow: "hidden";
+    };
+    scenarioBar: {
+        flexShrink: number;
+        padding: string;
+        background: string;
+        borderBottom: string;
+        display: "flex";
+        gap: number;
+        alignItems: "flex-start";
+    };
+    scenarioBarLabel: {
+        flexShrink: number;
+        fontSize: number;
+        fontWeight: number;
+        color: "#096dd9";
+        background: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+        marginTop: number;
+    };
+    scenarioBarText: {
+        fontSize: number;
+        lineHeight: number;
+        color: "#434343";
+        maxHeight: number;
+        overflowY: "auto";
+        whiteSpace: "pre-wrap";
+    };
+    workspace: {
+        display: "flex";
+        flex: number;
+        overflow: "hidden";
+        minHeight: number;
+    };
+    panelMaterials: {
+        width: string;
+        minWidth: number;
+        display: "flex";
+        flexDirection: "column";
+        borderRight: string;
+        minHeight: number;
+    };
+    materialHeader: {
+        flexShrink: number;
+        padding: string;
+        borderBottom: string;
+        fontSize: number;
+        fontWeight: number;
+        color: "#434343";
+        display: "flex";
+        alignItems: "center";
+    };
+    tabNav: {
+        flexShrink: number;
+        display: "flex";
+        gap: number;
+        padding: string;
+        background: string;
+        borderBottom: string;
+        overflowX: "auto";
+    };
+    tab: {
+        padding: string;
+        cursor: "pointer";
+        fontSize: number;
+        color: "#8c8c8c";
+        borderBottomWidth: number;
+        borderBottomStyle: "solid";
+        borderBottomColor: "transparent";
+        whiteSpace: "nowrap";
+        userSelect: "none";
+        background: string;
+        border: string;
+        transition: "all .2s";
+    };
+    tabActive: {
+        color: "#1890ff";
+        fontWeight: number;
+        borderBottomColor: "#1890ff";
+        background: string;
+    };
+    materialBody: {
+        flex: number;
+        overflowY: "auto";
+        padding: string;
+        minHeight: number;
+        scrollBehavior: "smooth";
+    };
+    sectionTitle: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#434343";
+        margin: string;
+        paddingLeft: number;
+        borderLeft: string;
+        lineHeight: number;
+    };
+    /** 可标注块的统一包裹层：提供定位上下文 + 右侧为「+」按钮留白 */
+    markableWrap: {
+        position: "relative";
+        marginBottom: number;
+        paddingRight: number;
+        borderRadius: number;
+        transition: "background .15s";
+    };
+    paragraphBase: {
+        fontSize: number;
+        lineHeight: number;
+        color: "#434343";
+        textAlign: "justify";
+        margin: number;
+    };
+    markerBtn: {
+        position: "absolute";
+        right: number;
+        top: number;
+        width: number;
+        height: number;
+        borderRadius: string;
+        background: string;
+        color: "#fff";
+        border: string;
+        cursor: "pointer";
+        fontSize: number;
+        lineHeight: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        boxShadow: "0 2px 8px rgba(56,158,13,.4)";
+    };
+    /** 块下方标注标签条（统一展示该块已有标注） */
+    blockMarkersBar: {
+        display: "flex";
+        flexWrap: "wrap";
+        gap: number;
+        marginTop: number;
+    };
+    inlineTag: {
+        display: "inline-block";
+        padding: string;
+        borderRadius: number;
+        fontSize: number;
+        cursor: "pointer";
+        transition: "transform .15s";
+    };
+    tableWrap: {
+        overflowX: "auto";
+        borderRadius: number;
+        border: string;
+    };
+    table: {
+        width: string;
+        borderCollapse: "collapse";
+        fontSize: number;
+    };
+    th: {
+        background: string;
+        padding: string;
+        textAlign: "left";
+        fontWeight: number;
+        color: "#434343";
+        borderBottom: string;
+        whiteSpace: "nowrap";
+    };
+    td: {
+        padding: string;
+        borderBottom: string;
+        color: "#595959";
+    };
+    cellWarning: {
+        color: "#d46b08";
+        fontWeight: number;
+        background: string;
+    };
+    cellDanger: {
+        color: "#cf1322";
+        fontWeight: number;
+        background: string;
+    };
+    infoCard: {
+        background: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+    };
+    infoCardHeader: {
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+        marginBottom: number;
+    };
+    infoCardName: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#262626";
+    };
+    infoCardBadge: {
+        fontSize: number;
+        fontWeight: number;
+        padding: string;
+        borderRadius: number;
+    };
+    infoCardItems: {
+        display: "flex";
+        flexWrap: "wrap";
+        gap: string;
+    };
+    infoCardItem: {
+        fontSize: number;
+        color: "#595959";
+    };
+    timeline: {};
+    timelineItem: {
+        display: "flex";
+        gap: number;
+        padding: string;
+        paddingLeft: number;
+        borderLeft: string;
+        position: "relative";
+    };
+    timelineDot: {
+        position: "absolute";
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        borderRadius: string;
+        border: string;
+    };
+    timelineLabel: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#434343";
+        minWidth: number;
+        flexShrink: number;
+    };
+    timelineDetail: {
+        fontSize: number;
+        color: "#595959";
+        lineHeight: number;
+    };
+    refCard: {
+        background: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+        margin: string;
+    };
+    refCardTitle: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#ad6800";
+        marginBottom: number;
+    };
+    refCardDesc: {
+        fontSize: number;
+        color: "#595959";
+        lineHeight: number;
+    };
+    refCardFact: {
+        fontSize: number;
+        color: "#8c8c8c";
+        marginTop: number;
+    };
+    panelDecision: {
+        flex: number;
+        display: "flex";
+        flexDirection: "column";
+        minWidth: number;
+        minHeight: number;
+    };
+    stepNav: {
+        flexShrink: number;
+        display: "flex";
+        padding: string;
+        background: string;
+        borderBottom: string;
+    };
+    stepItem: {
+        flex: number;
+        textAlign: "center";
+        padding: string;
+        cursor: "pointer";
+        position: "relative";
+    };
+    stepNum: {
+        position: "relative";
+        zIndex: number;
+        width: number;
+        height: number;
+        borderRadius: string;
+        display: "inline-flex";
+        alignItems: "center";
+        justifyContent: "center";
+        fontSize: number;
+        fontWeight: number;
+        marginBottom: number;
+        background: string;
+        color: "#8c8c8c";
+        transition: "all .25s";
+    };
+    stepNumActive: {
+        background: string;
+        color: "#fff";
+        boxShadow: "0 2px 8px rgba(56,158,13,.35)";
+    };
+    stepNumDone: {
+        background: string;
+        color: "#fff";
+    };
+    stepLabel: {
+        fontSize: number;
+        color: "#bfbfbf";
+    };
+    stepLabelActive: {
+        color: "#389e0d";
+        fontWeight: number;
+    };
+    stepLabelDone: {
+        color: "#52c41a";
+    };
+    decisionBody: {
+        flex: number;
+        overflowY: "auto";
+        padding: string;
+        minHeight: number;
+    };
+    hint: {
+        background: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+        marginBottom: number;
+        fontSize: number;
+        color: "#166534";
+        display: "flex";
+        gap: number;
+        lineHeight: number;
+    };
+    annotatedItem: {
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+        padding: string;
+        border: string;
+        borderRadius: number;
+        marginBottom: number;
+        cursor: "pointer";
+        transition: "all .2s";
+    };
+    annotatedDot: {
+        width: number;
+        height: number;
+        borderRadius: string;
+        flexShrink: number;
+    };
+    annotatedInfo: {
+        flex: number;
+        minWidth: number;
+    };
+    annotatedDesc: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#434343";
+        overflow: "hidden";
+        textOverflow: "ellipsis";
+        whiteSpace: "nowrap";
+    };
+    annotatedSource: {
+        fontSize: number;
+        color: "#bfbfbf";
+        marginTop: number;
+    };
+    annotatedActions: {
+        display: "flex";
+        gap: number;
+    };
+    iconBtn: {
+        width: number;
+        height: number;
+        border: string;
+        borderRadius: number;
+        background: string;
+        cursor: "pointer";
+        fontSize: number;
+        color: "#8c8c8c";
+    };
+    emptyState: {
+        textAlign: "center";
+        padding: string;
+        color: "#bfbfbf";
+    };
+    emptyIcon: {
+        fontSize: number;
+        marginBottom: number;
+    };
+    emptyText: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    group: {
+        marginBottom: number;
+    };
+    groupTitle: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#434343";
+        marginBottom: number;
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+    };
+    typeTag: {
+        fontSize: number;
+        padding: string;
+        borderRadius: number;
+        fontWeight: "normal";
+        background: string;
+        color: "#237804";
+    };
+    optionList: {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+    option: {
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+        padding: string;
+        borderWidth: number;
+        borderStyle: "solid";
+        borderColor: "#e8e8e8";
+        borderRadius: number;
+        cursor: "pointer";
+        transition: "all .2s";
+    };
+    optionSelected: {
+        borderColor: "#389e0d";
+        background: string;
+    };
+    optionRadio: {
+        width: number;
+        height: number;
+        borderWidth: number;
+        borderStyle: "solid";
+        borderColor: "#d9d9d9";
+        borderRadius: string;
+        flexShrink: number;
+        position: "relative";
+    };
+    optionRadioOn: {
+        borderColor: "#389e0d";
+    };
+    optionCheckbox: {
+        width: number;
+        height: number;
+        borderWidth: number;
+        borderStyle: "solid";
+        borderColor: "#d9d9d9";
+        borderRadius: number;
+        flexShrink: number;
+        position: "relative";
+    };
+    optionCheckboxOn: {
+        borderColor: "#389e0d";
+        background: string;
+    };
+    optionText: {
+        fontSize: number;
+        color: "#434343";
+        lineHeight: number;
+    };
+    freeCard: {
+        border: string;
+        borderRadius: number;
+        overflow: "hidden";
+        marginBottom: number;
+    };
+    freeHeader: {
+        background: string;
+        color: "#fff";
+        padding: string;
+        fontSize: number;
+        fontWeight: number;
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+    };
+    freeHeaderBadge: {
+        fontSize: number;
+        background: string;
+        padding: string;
+        borderRadius: number;
+        fontWeight: "normal";
+    };
+    freeBody: {
+        padding: number;
+    };
+    field: {
+        marginBottom: number;
+    };
+    fieldLabel: {
+        fontSize: number;
+        color: "#8c8c8c";
+        marginBottom: number;
+        display: "block";
+    };
+    fieldInput: {
+        width: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+        fontSize: number;
+        fontFamily: "inherit";
+        lineHeight: number;
+        boxSizing: "border-box";
+        resize: "vertical";
+        minHeight: number;
+    };
+    reasonToolbar: {
+        display: "flex";
+        gap: number;
+        marginBottom: number;
+        flexWrap: "wrap";
+    };
+    toolbarBtn: {
+        padding: string;
+        border: string;
+        borderRadius: number;
+        background: string;
+        fontSize: number;
+        color: "#595959";
+        cursor: "pointer";
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+    };
+    toolbarDot: {
+        width: number;
+        height: number;
+        borderRadius: string;
+    };
+    reasonEditor: {
+        width: string;
+        minHeight: number;
+        border: string;
+        borderRadius: number;
+        padding: number;
+        fontSize: number;
+        lineHeight: number;
+        resize: "vertical";
+        fontFamily: "inherit";
+        boxSizing: "border-box";
+    };
+    reasonMeta: {
+        marginTop: number;
+        display: "flex";
+        gap: number;
+        fontSize: number;
+        color: "#bfbfbf";
+    };
+    submitArea: {
+        flexShrink: number;
+        padding: string;
+        borderTop: string;
+        background: string;
+        display: "flex";
+        gap: number;
+    };
+    btnPrimary: {
+        padding: string;
+        background: string;
+        color: "#fff";
+        border: string;
+        borderRadius: number;
+        fontSize: number;
+        fontWeight: number;
+        cursor: "pointer";
+        transition: "all .2s";
+    };
+    btnSecondary: {
+        padding: string;
+        background: string;
+        color: "#595959";
+        border: string;
+        borderRadius: number;
+        fontSize: number;
+        cursor: "pointer";
+    };
+    btnSuccess: {
+        padding: string;
+        background: string;
+        color: "#fff";
+        border: string;
+        borderRadius: number;
+        fontSize: number;
+        fontWeight: number;
+        cursor: "pointer";
+    };
+    btnDisabled: {
+        background: string;
+        color: "#bfbfbf";
+        cursor: "not-allowed";
+        opacity: number;
+    };
+    errorTip: {
+        padding: string;
+        background: string;
+        border: string;
+        borderRadius: number;
+        color: "#d46b08";
+        fontSize: number;
+        marginBottom: number;
+    };
+    overlay: {
+        position: "fixed";
+        inset: number;
+        background: string;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    modalBox: {
+        background: string;
+        borderRadius: number;
+        width: number;
+        maxHeight: string;
+        overflowY: "auto";
+        boxShadow: "0 10px 30px rgba(0,0,0,.18)";
+    };
+    modalHeader: {
+        padding: string;
+        borderBottom: string;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    modalTitle: {
+        fontSize: number;
+        fontWeight: number;
+        color: "#262626";
+    };
+    modalClose: {
+        width: number;
+        height: number;
+        border: string;
+        background: string;
+        cursor: "pointer";
+        fontSize: number;
+        color: "#bfbfbf";
+        borderRadius: string;
+    };
+    modalBody: {
+        padding: number;
+    };
+    formGroup: {
+        marginBottom: number;
+    };
+    formLabel: {
+        display: "block";
+        fontSize: number;
+        fontWeight: number;
+        color: "#434343";
+        marginBottom: number;
+    };
+    formInput: {
+        width: string;
+        padding: string;
+        border: string;
+        borderRadius: number;
+        fontSize: number;
+        boxSizing: "border-box";
+        fontFamily: "inherit";
+    };
+    typeSelector: {
+        display: "flex";
+        gap: number;
+        flexWrap: "wrap";
+    };
+    typeOption: {
+        padding: string;
+        borderWidth: number;
+        borderStyle: "solid";
+        borderColor: "#d9d9d9";
+        borderRadius: number;
+        fontSize: number;
+        cursor: "pointer";
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+    };
+    typeOptionSelected: {
+        borderColor: "#389e0d";
+        background: string;
+        color: "#166534";
+        fontWeight: number;
+    };
+    typeDot: {
+        width: number;
+        height: number;
+        borderRadius: string;
+    };
+    modalFooter: {
+        padding: string;
+        borderTop: string;
+        display: "flex";
+        justifyContent: "flex-end";
+        gap: number;
+    };
+    toast: {
+        position: "fixed";
+        top: number;
+        left: string;
+        transform: "translateX(-50%)";
+        background: string;
+        color: "#fff";
+        padding: string;
+        borderRadius: number;
+        fontSize: number;
+        zIndex: number;
+        boxShadow: "0 10px 30px rgba(0,0,0,.18)";
+    };
+};
+/** 一次性注入的 CSS（hover / 伪元素 / 滚动条 / keyframes，内联无法表达的部分） */
+export declare const injectedCSS = "\n@keyframes dmFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes dmModalIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }\n.dm-fade { animation: dmFadeIn .3s ease; }\n.dm-modal-box { animation: dmModalIn .28s ease; }\n.dm-scroll::-webkit-scrollbar { width: 8px; height: 8px; }\n.dm-scroll::-webkit-scrollbar-thumb { background: #d9d9d9; border-radius: 4px; }\n.dm-mat-header::before { content: ''; display: inline-block; width: 4px; height: 18px; background: #389e0d; border-radius: 2px; margin-right: 8px; }\n.dm-markable { position: relative; }\n.dm-markable:hover { background: #f6ffed; }\n.dm-markable .dm-marker-btn { opacity: 0; transition: opacity .2s, transform .2s; }\n.dm-markable:hover .dm-marker-btn { opacity: 1; }\n.dm-marker-btn:hover { transform: scale(1.12); filter: brightness(1.08); }\n.dm-inline-tag:hover { transform: scale(1.05); }\n.dm-step-item::after { content: ''; position: absolute; right: 0; top: 33px; width: calc(100% - 28px); height: 2px; background: #e8e8e8; transform: translateX(50%); z-index: 0; }\n.dm-step-item:last-child::after { display: none; }\n.dm-step-item.is-active::after, .dm-step-item.is-done::after { background: #52c41a; }\n.dm-tab:hover { color: #1890ff; }\n.dm-option:hover { border-color: #389e0d; background: #f0fdf4; }\n.dm-annotated:hover { border-color: #389e0d; box-shadow: 0 1px 6px rgba(0,0,0,.08); }\n.dm-icon-btn:hover { border-color: #389e0d; color: #389e0d; }\n.dm-icon-btn.danger:hover { border-color: #ff4d4f; color: #ff4d4f; }\n.dm-toolbar-btn:hover { border-color: #389e0d; color: #389e0d; }\n.dm-type-option:hover { border-color: #389e0d; }\n.dm-btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(56,158,13,.35); }\n.dm-btn-success:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(56,158,13,.35); }\n.dm-field-input.hint-mode { background: linear-gradient(to bottom, transparent 90%, #f0fdf4 90%); }\n.dm-field-input:focus, .dm-reason-editor:focus, .dm-form-input:focus { border-color: #389e0d; box-shadow: 0 0 0 3px rgba(56,158,13,.12); outline: none; }\n";