@dt-frames/ui 2.0.23 → 3.0.1

package/es/components/form/index.less

@@ -1,361 +0,0 @@
-@import '../upload/index.less';
-
-.basic-form{
-	&__search{
-		padding: 0 10px;
-		& > div{
-			border-bottom: 1px dashed #e7e7e7;
-		}
-
-		&.basic-form__compact .ant-form-item {
-			margin-bottom: 14px;
-		}
-	}
-
-	&__dialog {
-		.ant-form-item {
-			margin-bottom: 22px;
-			&.small{
-				margin-bottom: 18px;
-			}
-
-			&.ant-form-item-with-help{
-				margin-bottom: 0;
-			}
-		}
-	}
-
-	.ant-form-item-control-input .ant-form-item-control-input-content{
-		height: 100%;
-	}
-
-	textarea.ant-input{
-		padding-top: 4px;
-		padding-bottom: 4px;
-	}
-
-	&__compact {
-		.ant-form-item-control-input-content .ant-form-item {
-			margin-bottom: 0;
-		}
-
-		.ant-form-item-has-error.ant-form-item.small{
-			margin-bottom: 0;
-		}
-	}
-
-
-
-	.ant-form-item.small {
-		line-height: 30px;
-		font-size: 12px;
-
-		.ant-form-item-label label {
-			font-size: 12px;
-			height: 30px;
-		}
-
-		.ant-input-affix-wrapper-sm:not(.ant-input-affix-wrapper-textarea-with-clear-btn){
-			height: 30px;
-
-			.ant-input-sm{
-				height: 28px;
-				font-size: 12px;
-			}
-		}
-
-		.ant-input-prefix, .ant-input-suffix{
-			font-size: 12px;
-		}
-
-		.ant-form-item-explain{
-			height: 18px;
-			min-height: 18px;
-		}
-		.ant-form-item-explain-error{
-			font-size: 12px;
-			line-height: 16px;
-		}
-
-		.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
-		.ant-select-multiple.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
-			height: 30px;
-			line-height: 28px;
-		}
-
-		.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;
-			font-size: 12px;
-		}
-
-		.ant-select-multiple.ant-select-sm {
-			font-size: 12px;
-			.ant-select-selector{
-				min-height: 30px;
-				input{
-					height: 16px !important;
-					line-height: 16px !important;
-				}
-			}
-			.anticon {
-				display: flex;
-			}
-		}
-
-		.ant-radio-group-small label, .ant-checkbox-group-item {
-			font-size: 12px;
-			line-height: 30px;
-			height: 30px;
-		}
-
-		.ant-picker{
-			&-input input{
-				font-size: 12px;
-			}
-		}
-	}
-
-	
-
-	.ant-form-item.middle{
-		font-size: 13px;
-		.ant-form-item-label label{
-			height: 32px;
-			font-size: 13px;
-		}
-
-		.ant-input-prefix, .ant-input-suffix{
-			font-size: 13px;
-		}
-
-		.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-textarea-with-clear-btn){
-			height: 32px;
-	
-			.ant-input{
-				height: 26px;
-				font-size: 13px;
-			}
-		}
-
-		.ant-select-single:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
-		.ant-select-multiple:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
-			height: 32px;
-			line-height: 30px;
-		}
-
-		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
-			height: 32px;
-		}
-
-		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after,
-		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
-		.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
-			line-height: 30px;
-			font-size: 13px;
-		}
-
-		.ant-select-multiple {
-			font-size: 13px;
-			.ant-select-selector{
-				min-height: 32px;
-				input{
-					height: 28px !important;
-					line-height: 28px !important;
-				}
-			}
-			.anticon {
-				display: flex;
-			}
-		}
-
-		.ant-radio-group-default label, .ant-checkbox-group-item {
-			font-size: 12px;
-			line-height: 30px;
-			height: 30px;
-		}
-
-		.ant-picker{
-			&-input input{
-				font-size: 13px;
-			}
-		}
-
-		.ant-form-item-explain{
-			height: 22px;
-			min-height: 22px;
-		}
-		.ant-form-item-explain-error{
-			font-size: 13px;
-			line-height: 20px;
-		}
-	}
-
-	.ant-form-item.large{
-		font-size: 14px;
-		.ant-form-item-label label{
-			height: 34px;
-			font-size: 14px;
-		}
-
-		.ant-input-prefix, .ant-input-suffix{
-			font-size: 14px;
-		}
-
-		.ant-input-affix-wrapper-lg:not(.ant-input-affix-wrapper-textarea-with-clear-btn){
-			height: 34px;
-	
-			.ant-input{
-				font-size: 14px;
-			}
-		}
-
-		.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
-		.ant-select-multiple.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
-			height: 34px;
-			line-height: 32px;
-		}
-
-		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{
-			height: 34px;
-		}
-
-		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
-		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
-		.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
-			line-height: 32px;
-			font-size: 14px;
-		}
-
-		.ant-select-multiple.ant-select-lg {
-			font-size: 14px;
-			.ant-select-selector{
-				min-height: 34px;
-				input{
-					height: 16px !important;
-					line-height: 16px !important;
-				}
-			}
-
-			.ant-select-selector::after{
-				margin: 0;
-			}
-
-			.ant-select-selection-overflow-item{
-				height: 26px;
-				.ant-select-selection-item{
-					height: 24px;
-					line-height: 24px;
-					font-size: 13px;
-				}
-			}
-			.anticon {
-				display: flex;
-			}
-		}
-
-		.ant-radio-group-large label, .ant-checkbox-group-item {
-			font-size: 14px;
-			line-height: 32px;
-			height: 32px;
-		}
-
-		.ant-picker{
-			&-input input{
-				font-size: 14px;
-			}
-		}
-
-		.ant-form-item-explain{
-			height: 22px;
-			min-height: 22px;
-		}
-		.ant-form-item-explain-error{
-			font-size: 13px;
-			line-height: 20px;
-		}
-	}
-
-	.ant-input-number {
-		width: 100%;
-		height: 100%;
-		font-size: 13px;
-		&.ant-input-number-sm{
-			line-height: 28px;
-    		font-size: 12px;
-		}
-
-		&.ant-input-number-lg{
-			line-height: 28px;
-    		font-size: 14px;
-			input{
-				height: 32px;
-			}
-		}
-	}
-
-	.anticon-swap-right{
-		display: block;
-	}
-
-	.ant-input-affix-wrapper-input-with-clear-btn{
-		.ant-input-clear-icon{
-			display: none;
-		}
-		&:hover, .ant-input:focus + .ant-input-suffix{
-			.ant-input-clear-icon{
-				display: block;
-			}
-		}
-	}
-}
-
-.basic-arrow{
-    display: inline-block;
-    cursor: pointer;
-    transform: rotate(180deg);
-    transition: all 0.3s ease 0.1s;
-    transform-origin: center center;
-
-    
-    .dt-icon{
-        vertical-align: middle;
-        color: @primary-color !important;
-    }
-
-    &--active{
-        transform: rotate(0deg);
-    }
-}
-
-.ant-select-dropdown.small .ant-select-item.ant-select-item-option {
-	font-size: 12px;
-    line-height: 20px;
-    min-height: 30px;
-}
-
-.ant-select-dropdown.middle .ant-select-item.ant-select-item-option {
-	font-size: 13px;
-    line-height: 24px;
-    min-height: 32px;
-}
-
-.ant-picker-dropdown.small {
-	font-size: 12px;
-}
-
-.ant-picker-dropdown.middle {
-	font-size: 13px;
-}
-
-.dt-form-btns {
-	.ant-form-item-control-input-content{
-		display: flex;
-		gap: 12px;
-	}
-}

package/es/components/form/src/components/formIcon.d.ts

@@ -1,14 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    value: StringConstructor;
-    placeholder: StringConstructor;
-}, {
-    getUiSize: import("vue").ComputedRef<import('../../../../theme').UiSize>;
-    iconRef: any;
-    props: any;
-    state: any;
-    setState: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
-    placeholder: StringConstructor;
-}>>, {}>;
-export default _sfc_main;

package/es/components/form/src/components/formInputUseDialog.d.ts

@@ -1,17 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {
-    t: {
-        (key: string): string;
-        (key: string, locale: string): string;
-        (key: string, locale: string, list: unknown[]): string;
-        (key: string, locale: string, named: Record<string, unknown>): string;
-        (key: string, list: unknown[]): string;
-        (key: string, named: Record<string, unknown>): string;
-    };
-    attrs: {
-        [x: string]: unknown;
-    };
-    bindProps: import("vue").ComputedRef<any>;
-    onClickInput: () => void;
-    clearProps: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _sfc_main;

package/es/components/form/src/components/radioButton.d.ts

@@ -1,34 +0,0 @@
-import { PropType } from "vue";
-declare type OptionsItem = {
-    label: string;
-    value: string | number | boolean;
-    disabled?: boolean;
-};
-declare type RadioItem = string | OptionsItem;
-declare const _sfc_main: import("vue").DefineComponent<{
-    value: {
-        type: PropType<string | number | boolean>;
-    };
-    options: {
-        type: PropType<RadioItem[]>;
-        default: () => any[];
-    };
-}, {
-    props: any;
-    attrs: {
-        [x: string]: unknown;
-    };
-    state: any;
-    getOptions: import("vue").ComputedRef<OptionsItem[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: PropType<string | number | boolean>;
-    };
-    options: {
-        type: PropType<RadioItem[]>;
-        default: () => any[];
-    };
-}>>, {
-    options: RadioItem[];
-}>;
-export default _sfc_main;

package/es/components/form/src/enums/index.d.ts

@@ -1,7 +0,0 @@
-export declare const SEARCH_BTN_NAME = "UI.SEARCH";
-export declare const RESET_BTN_NAME = "UI.RESET";
-export declare const SEARCH_BTNS: {
-    label: string;
-    preIcon: string;
-    type: string;
-}[];

package/es/components/icons/index.less

@@ -1,47 +0,0 @@
-.dt-pick-icon{
-	&__menus .menu{
-		&.active, &:hover{
-			background: @primary-color;
-			color: #fff;
-			span{
-				color: #fff;
-			}
-		}
-	}
-
-	&__content {
-		.ant-input-search{
-            width: 50%;
-            margin: 0 25% 34px 25%;
-
-			.ant-input.ant-input-sm {
-				height: 30px;
-				font-size: 12px;
-			}
-        }
-
-		&_item{
-			a{
-				border: 1px solid #fff;
-				transform: all 0.3s;
-				color: rgba(0,0,0,.45);
-				&:hover, &.active-icon{
-					border: 1px solid @primary-color;
-					border-radius: 4px;
-					color: @primary-color;
-				}
-			}
-
-			i{
-				font-size: 20px;
-			}
-		}
-	}
-}
-
-.dt-pick-icon-item{
-    .ant-tooltip-inner, .ant-tooltip-arrow-content {
-        background: #fff !important;
-        color: @primary-color;
-    }
-}