@dt-frames/ui 2.0.0 → 2.0.2

package/es/components/table/index.less

@@ -0,0 +1,183 @@
+.dt-form-btns {
+	.ant-form-item-control-input-content{
+		display: flex;
+		gap: 12px;
+	}
+}
+
+.dt-table{
+	.table-striped td {
+		background-color: #fafafa;
+	}
+
+	.dt-pagination{
+        margin: 0 !important;
+        padding: 10px;
+        border: 1px solid #f0f0f0;
+		display: flex;
+		align-items: center;
+
+		svg{
+			display: block;
+		}
+
+		&.dt-pagination-small {
+			font-size: 12px;
+		}
+    }
+
+	&-setting {
+		i{
+			font-size: 18px;
+		}
+	}
+
+	.ant-table-title {
+		padding: 8px 0 !important;
+		border: none !important;
+	}
+
+	.ant-table-thead > tr > th{
+        font-weight: bolder;
+        color: #333;
+		background: #f6f6f5;
+
+		.ant-table-resize-handle-line{
+			width: 2px;
+			margin-left: 6px;
+		}
+    }
+
+	.ant-input-number-sm, .ant-input-sm, .ant-select-sm{
+		width: 100%;
+        height: 26px;
+        font-size: 12px;
+        line-height: 26px;
+    }
+
+	.ant-select-sm .ant-select-selector{
+		height: 26px !important;
+	}
+
+	.ant-picker-small{
+		width: 100%;
+	}
+
+	.ant-picker-small input{
+		font-size: 12px;
+		height: 24px !important;
+	}
+
+	&-header-top{
+		border-color: @primary-color;
+		color: @primary-color;
+	}
+}
+
+.ant-select-sm{
+	.ant-select-item-option-content{
+		font-size: 12px;
+	}
+}
+
+.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{
+	height: 30px;
+}
+.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
+.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
+.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
+	line-height: 28px;
+	height: 28px;
+	font-size: 12px;
+}
+
+.ant-table-small{
+    .ant-table-cell {
+        height: 32px !important;
+        line-height: 16px !important;
+        font-size: 12px !important;
+        padding: 2px 8px !important;
+    }
+}
+
+.ant-table-middle{
+    .ant-table-cell {
+        height: 38px !important;
+        line-height: 20px !important;
+        font-size: 13px !important;
+        padding: 4px 8px !important;
+    }
+}
+
+.column-setting{
+
+	&__popover-title{
+		label{
+			font-size: 12px;
+			line-height: 30px;
+			display: flex;
+			align-items: center;
+			margin: 0 2px;
+			.ant-checkbox{
+				margin-top: -6px;
+			}
+		}
+	}
+
+	&__cloumn-list{
+		.ant-popover-inner-content{
+			padding: 0;
+		}
+		.ant-checkbox-group{
+			width: 100%;
+			min-width: 270px;
+		}
+
+		.disabled{
+			i{
+				cursor: not-allowed;
+				opacity: 0.5;
+			}
+		}
+	}
+
+	&__check-item {
+		.ant-checkbox-wrapper{
+			flex: 1;
+			font-size: 13px;
+		}
+
+		i{
+			font-size: 16px;
+			margin: 0 5px;
+			color: rgb(85, 85, 85);
+		}
+	}
+}
+
+// table中表单错误提示
+.edit-cell-rule-popover .ant-popover-inner-content{
+    padding: 4px 8px;
+    color: #ed6f6f;
+    border-radius: 2px;
+}
+
+.dt-table-action{
+	&-btn, &-dropdown{
+		font-size: 16px;
+	}
+	&-dropdown{
+		color: @primary-color;
+	}
+}
+
+.dt-action-select{
+	.ant-dropdown-menu-title-content{
+		display: flex;
+	}
+}
+
+.dt-table-action-btn, .dt-table-action-dropdown{
+	font-size: 18px;
+    vertical-align: middle;
+}

package/es/components/table/src/components/TableAction.d.ts

@@ -0,0 +1,70 @@
+import { PropType } from 'vue';
+import { ButtonType } from '../types/table.type';
+declare const _sfc_main: import("vue").DefineComponent<{
+    fixed: {
+        type: PropType<boolean | "left" | "right">;
+        default: string;
+    };
+    expand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    btns: {
+        type: PropType<ButtonType[]>;
+        default: any[];
+    };
+    flag: {
+        type: PropType<"ACTION">;
+    };
+    record: {
+        default: {};
+    };
+    index: {
+        type: NumberConstructor;
+    };
+}, {
+    actionBtns: import("vue").Ref<any[]>;
+    props: any;
+    handleAction: (it: ButtonType) => void;
+    attrs: {
+        [x: string]: unknown;
+    };
+    getPopupContainer: () => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    fixed: {
+        type: PropType<boolean | "left" | "right">;
+        default: string;
+    };
+    expand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    btns: {
+        type: PropType<ButtonType[]>;
+        default: any[];
+    };
+    flag: {
+        type: PropType<"ACTION">;
+    };
+    record: {
+        default: {};
+    };
+    index: {
+        type: NumberConstructor;
+    };
+}>>, {
+    fixed: boolean | "left" | "right";
+    width: string;
+    record: {};
+    expand: boolean;
+    btns: ButtonType[];
+}>;
+export default _sfc_main;