aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/list/vertical-list/index.less

@@ -1,209 +1,209 @@
-.list-item {
-    display: flex;
-
-    .list-item-icon {
-        width: 80px;
-        height: 80px;
-        overflow: hidden;
-        border-radius: 8px;
-        margin-right: 8px;
-        background: var(--ant-color-bg-elevated);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex: 0 0 auto;
-
-        .ant-image {
-            width: 100%;
-            object-fit: cover;
-            transition-property: transform;
-            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-            transition-duration: .3s;
-        }
-
-    }
-
-    .list-item-right {
-        // 宽度充满可用空间
-        flex: 1;
-        min-width: 0;
-    }
-
-    .list-item-icon:hover {
-        .ant-image {
-            transform: scale(1.1);
-        }
-    }
-
-    .list-item-head {
-        width: 100%;
-
-        .list-item-head-title {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            width: 100%;
-
-            .list-item-head-primary,
-            .list-item-head-second {
-                display: flex;
-                align-items: center;
-                max-width: 70%;
-                min-height: 32px;
-
-                .primary-column,
-                .second-column {
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    font-size: 16px;
-                    font-weight: 600;
-                }
-
-                .second-column {
-                    font-size: 14px;
-                    font-weight: normal;
-                }
-
-                .primary-column-label,
-                .second-column-label {
-                    margin-left: 8px;
-
-                    .tag {
-                        font-size: 12px !important;
-                        padding: 2px 6px !important;
-                        border-radius: 6px !important;
-                        white-space: nowrap;
-                    }
-                }
-
-                .second-column-label {
-                    .tag {
-                        font-size: 10px !important;
-                        padding: 2px 4px !important;
-                        line-height: normal;
-                    }
-                }
-            }
-
-            .list-item-head-second {
-                margin-top: 6px;
-            }
-        }
-
-        .label-column {
-            white-space: nowrap;
-            overflow: hidden;
-        }
-    }
-
-    .list-content {
-        margin-top: 12px;
-
-        .list-content-card {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .card-cols {
-            overflow: auto;
-
-            &::-webkit-scrollbar {
-                display: none;
-                /* 隐藏滚动条 */
-            }
-
-            scrollbar-width: none;
-            -ms-overflow-style: none;
-
-            .card-show-item {
-                display: flex;
-                align-items: center;
-                justify-content: start;
-
-                .title {
-                    white-space: nowrap;
-                    color: var(--ant-color-text-secondary);
-                }
-
-                .element {
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    max-height: 22px;
-                }
-            }
-        }
-
-        .list-content-option {
-            overflow: auto;
-            flex-wrap: nowrap;
-            display: flex;
-
-            .ant-space {
-                flex-wrap: nowrap !important;
-            }
-
-            &::-webkit-scrollbar {
-                display: none;
-                /* 隐藏滚动条 */
-            }
-
-            scrollbar-width: none;
-            -ms-overflow-style: none;
-        }
-
-        .list-content-option:hover,
-        .card-cols:hover {
-            &::-webkit-scrollbar {
-                display: block;
-                /* 隐藏滚动条 */
-            }
-
-            scrollbar-width: auto;
-            -ms-overflow-style: auto;
-        }
-
-        .ant-col {
-            padding: 0 2px !important;
-        }
-
-        .detail-content {
-            margin-top: 12px;
-            border-top: 1px solid var(--ant-color-border);
-            padding: 12px 12px 0;
-            animation: slide-down .3s ease-out;
-
-            .detail-content-item {
-                display: flex;
-                align-items: center;
-                justify-content: start;
-
-                .title {
-                    white-space: nowrap;
-                    color: var(--ant-color-text-secondary);
-                }
-
-                .element {
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-                    white-space: nowrap;
-                }
-            }
-        }
-
-    }
-}
-
-@keyframes slide-down {
-    0% {
-        opacity: 0;
-        transform: translateY(-10px);
-    }
-
-    100% {
-        opacity: 1;
-        transform: translate(0);
-    }
+.list-item {
+    display: flex;
+
+    .list-item-icon {
+        width: 80px;
+        height: 80px;
+        overflow: hidden;
+        border-radius: 8px;
+        margin-right: 8px;
+        background: var(--ant-color-bg-elevated);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex: 0 0 auto;
+
+        .ant-image {
+            width: 100%;
+            object-fit: cover;
+            transition-property: transform;
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-duration: .3s;
+        }
+
+    }
+
+    .list-item-right {
+        // 宽度充满可用空间
+        flex: 1;
+        min-width: 0;
+    }
+
+    .list-item-icon:hover {
+        .ant-image {
+            transform: scale(1.1);
+        }
+    }
+
+    .list-item-head {
+        width: 100%;
+
+        .list-item-head-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            width: 100%;
+
+            .list-item-head-primary,
+            .list-item-head-second {
+                display: flex;
+                align-items: center;
+                max-width: 70%;
+                min-height: 32px;
+
+                .primary-column,
+                .second-column {
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    font-size: 16px;
+                    font-weight: 600;
+                }
+
+                .second-column {
+                    font-size: 14px;
+                    font-weight: normal;
+                }
+
+                .primary-column-label,
+                .second-column-label {
+                    margin-left: 8px;
+
+                    .tag {
+                        font-size: 12px !important;
+                        padding: 2px 6px !important;
+                        border-radius: 6px !important;
+                        white-space: nowrap;
+                    }
+                }
+
+                .second-column-label {
+                    .tag {
+                        font-size: 10px !important;
+                        padding: 2px 4px !important;
+                        line-height: normal;
+                    }
+                }
+            }
+
+            .list-item-head-second {
+                margin-top: 6px;
+            }
+        }
+
+        .label-column {
+            white-space: nowrap;
+            overflow: hidden;
+        }
+    }
+
+    .list-content {
+        margin-top: 12px;
+
+        .list-content-card {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .card-cols {
+            overflow: auto;
+
+            &::-webkit-scrollbar {
+                display: none;
+                /* 隐藏滚动条 */
+            }
+
+            scrollbar-width: none;
+            -ms-overflow-style: none;
+
+            .card-show-item {
+                display: flex;
+                align-items: center;
+                justify-content: start;
+
+                .title {
+                    white-space: nowrap;
+                    color: var(--ant-color-text-secondary);
+                }
+
+                .element {
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    max-height: 22px;
+                }
+            }
+        }
+
+        .list-content-option {
+            overflow: auto;
+            flex-wrap: nowrap;
+            display: flex;
+
+            .ant-space {
+                flex-wrap: nowrap !important;
+            }
+
+            &::-webkit-scrollbar {
+                display: none;
+                /* 隐藏滚动条 */
+            }
+
+            scrollbar-width: none;
+            -ms-overflow-style: none;
+        }
+
+        .list-content-option:hover,
+        .card-cols:hover {
+            &::-webkit-scrollbar {
+                display: block;
+                /* 隐藏滚动条 */
+            }
+
+            scrollbar-width: auto;
+            -ms-overflow-style: auto;
+        }
+
+        .ant-col {
+            padding: 0 2px !important;
+        }
+
+        .detail-content {
+            margin-top: 12px;
+            border-top: 1px solid var(--ant-color-border);
+            padding: 12px 12px 0;
+            animation: slide-down .3s ease-out;
+
+            .detail-content-item {
+                display: flex;
+                align-items: center;
+                justify-content: start;
+
+                .title {
+                    white-space: nowrap;
+                    color: var(--ant-color-text-secondary);
+                }
+
+                .element {
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    white-space: nowrap;
+                }
+            }
+        }
+
+    }
+}
+
+@keyframes slide-down {
+    0% {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translate(0);
+    }
 }

package/src/aldehyde/list/vertical-list/index.tsx

@@ -1,55 +1,55 @@
-import React from "react";
-import { Card, List, Empty } from "antd";
-import Item from "./item";
-import { FieldConfig, CardListConfig } from "../../tmpl/interface";
-import "./index.less";
-
-type VerticalListProps = {
-    hiddenRowCodes?: string[];
-    dataSource?: object[];
-    columnConfigs?: FieldConfig[];
-    serverKey: string;
-    columns: any[];
-    errorText?: string;
-    listConfig?: CardListConfig;
-};
-
-const VerticalList = (props: VerticalListProps) => {
-    const { columnConfigs, columns, serverKey, errorText, listConfig } = props;
-
-    const renderOpt = (item: unknown) => {
-        const actionCol = columns.find(col => col["操作"] == 1);
-        return actionCol?.render(item, item);
-    }
-
-    const getUnHidenDataSource = () => {
-        const { hiddenRowCodes, dataSource } = props;
-        let ds: object[] = [];
-        if (dataSource) {
-            for (let d of dataSource) {
-                if (!hiddenRowCodes?.includes(d['code'])) {
-                    ds.push(d);
-                }
-            }
-        }
-        return ds;
-    };
-
-
-    return (<List split={false} style={{ marginTop: "6px" }}
-        dataSource={getUnHidenDataSource()}
-        renderItem={(item) => (
-            <List.Item style={{ padding: "6px 0" }} key={item["id"]} >
-                <Card hoverable size="small" styles={{ body: { padding: 12 } }} style={{ margin: 0, width: "100%" }}>
-                    <Item current={item} listConfig={listConfig} serverKey={serverKey} renderOpt={renderOpt(item)} columnConfigs={columnConfigs} />
-                </Card>
-            </List.Item>
-        )}
-        locale={{
-            emptyText: errorText ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={errorText} styles={{ description: { color: "#ff4d4f" } }} /> : undefined
-        }}
-    />
-    );
-};
-
-export default VerticalList;
+import React from "react";
+import { Card, List, Empty } from "antd";
+import Item from "./item";
+import { FieldConfig, CardListConfig } from "../../tmpl/interface";
+import "./index.less";
+
+type VerticalListProps = {
+    hiddenRowCodes?: string[];
+    dataSource?: object[];
+    columnConfigs?: FieldConfig[];
+    serverKey: string;
+    columns: any[];
+    errorText?: string;
+    listConfig?: CardListConfig;
+};
+
+const VerticalList = (props: VerticalListProps) => {
+    const { columnConfigs, columns, serverKey, errorText, listConfig } = props;
+
+    const renderOpt = (item: unknown) => {
+        const actionCol = columns.find(col => col["操作"] == 1);
+        return actionCol?.render(item, item);
+    }
+
+    const getUnHidenDataSource = () => {
+        const { hiddenRowCodes, dataSource } = props;
+        let ds: object[] = [];
+        if (dataSource) {
+            for (let d of dataSource) {
+                if (!hiddenRowCodes?.includes(d['code'])) {
+                    ds.push(d);
+                }
+            }
+        }
+        return ds;
+    };
+
+
+    return (<List split={false} style={{ marginTop: "6px" }}
+        dataSource={getUnHidenDataSource()}
+        renderItem={(item) => (
+            <List.Item style={{ padding: "6px 0" }} key={item["id"]} >
+                <Card hoverable size="small" styles={{ body: { padding: 12 } }} style={{ margin: 0, width: "100%" }}>
+                    <Item current={item} listConfig={listConfig} serverKey={serverKey} renderOpt={renderOpt(item)} columnConfigs={columnConfigs} />
+                </Card>
+            </List.Item>
+        )}
+        locale={{
+            emptyText: errorText ? <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={errorText} styles={{ description: { color: "#ff4d4f" } }} /> : undefined
+        }}
+    />
+    );
+};
+
+export default VerticalList;