@next-libs/cmdb-instances 7.25.1 → 7.25.3

package/dist/esm/instance-detail/index.module.css

@@ -183,7 +183,7 @@ html[data-ui="v8-2"] .detailCard {
     grid-column: 1 / 7;
   }
   .detailCard dl {
-    grid-template-columns: auto 1fr auto 1fr auto 1fr;
+    grid-template-columns: 150px 1fr 150px 1fr 150px 1fr;
   }
   .detailCard dd.structAttr {
     grid-column: 2 / 7;
@@ -201,3 +201,47 @@ html[data-ui="v8-2"] .detailCard {
 .emptyWrap {
   margin-top: 20px;
 }
+
+.oneColumnCard dl {
+  grid-template-columns: 150px 1fr;
+}
+.detailCard dt {
+  max-width: 150px;
+}
+.detailCard dt .labelTooltip {
+  display: -webkit-inline-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.detailCard dt .labelContainer {
+  display: flex;
+  align-items: flex-end;
+  justify-content: end;
+}
+.oneColumnCard dt.structAttr {
+  grid-column: 1 / 2;
+}
+.oneColumnCard dd.structAttr {
+  grid-column: 2 / 2;
+}
+.oneColumnCard .groupName,
+.oneColumnCard .groupSeparator {
+  grid-column: 1 / 3;
+}
+
+.twoColumnCard dl {
+  grid-template-columns: 150px 1fr 150px 1fr;
+}
+.twoColumnCard dt.structAttr {
+  grid-column: 1 / 2;
+}
+.twoColumnCard dd.structAttr {
+  grid-column: 2 / 5;
+}
+
+.twoColumnCard .groupName,
+.twoColumnCard .groupSeparator {
+  grid-column: 1 / 5;
+}

package/dist/types/instance-detail/InstanceDetail.d.ts

@@ -68,9 +68,12 @@ interface LegacyInstanceDetailState {
     scrollContainer?: HTMLElement;
     httpErrorSting?: string;
     externalSourceId?: string;
+    displayColumns?: number;
 }
 export declare class LegacyInstanceDetail extends React.Component<LegacyInstanceDetailProps, LegacyInstanceDetailState> {
     constructor(props: LegacyInstanceDetailProps);
+    private cardContentRef;
+    private cardContentResize;
     render(): React.ReactNode;
     getCardTitle(): React.ReactNode;
     onActionClick(eventName: string): void;
@@ -83,8 +86,10 @@ export declare class LegacyInstanceDetail extends React.Component<LegacyInstance
     searchInstanceRelationData(page: number, pageSize: number, attr: any, value?: string, externalSourceId?: string): Promise<void>;
     formatBasicInfoGroupList(modelData: Partial<ModifiedModelCmdbObject>, basicInfoGroupList: any[]): any[];
     setBasicInfoGroupList(state: LegacyInstanceDetailState): void;
+    listenCardContent(): void;
     componentDidUpdate(prevProps: LegacyInstanceDetailProps): void;
     componentDidMount(): Promise<void>;
+    componentWillUnmount(): void;
     toggleBasicInfoGroupFilter(basicInfoGroup: any): void;
     isSelfRelation(relation: any, hideModelData: string[], objectId: string): boolean;
     getInstanceDetailData(props: LegacyInstanceDetailProps, modelDataMap: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "7.25.1",
+  "version": "7.25.3",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -52,5 +52,5 @@
     "js-base64": "^3.7.7",
     "marked": "^2.1.3"
   },
-  "gitHead": "3b8ae7c784731098cdc31c768a16650b65d9c6e8"
+  "gitHead": "b05733105a99adeb74e006c08815d4bf083fdd0d"
 }