imm-element-ui 2.0.0 → 2.0.2

package/src/lib/search/pop-sort/pop-sort.component.scss

@@ -1,49 +1,49 @@
-@import '../../styles/styles.scss';
-.s-pop-sort-container {
-	padding: 5px 0;
-}
-.s-pop-sort-label {
-	padding: 2.5px 1.6rem;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	font-size: 13px;
-}
-.s-pop-sort-label-icon {
-	color: var(--p-form-field-icon-color);
-	font-size: 12px;
-}
-.s-pop-sort-label:hover {
-	background-color: var(--p-list-option-focus-background);
-	cursor: pointer;
-}
-.s-pop-sort-panel {
-	padding: 0 0.4rem;
-	overflow-y: scroll;
-	max-height: 200px;
-}
-.s-pop-sort-panel-show {
-	display: block;
-}
-.s-pop-sort-panel-hide {
-	display: none;
-}
-
-.s-check {
-	padding: 0 2.5px;
-	font-size: 1rem;
-	width: 1.5rem;
-	line-height: 1;
-	display: inline-block;
-}
-.s-pop-sort-item-option {
-	font-size: 12px;
-	padding: 2px 0;
-}
-.s-pop-sort-item-option:hover {
-	background-color: var(--p-list-option-focus-background);
-	cursor: pointer;
-}
-.s-pop-sort-item-selected-option {
-	color: var(--p-form-field-focus-border-color);
-}
+@import '../../styles/styles.scss';
+.s-pop-sort-container {
+	padding: 5px 0;
+}
+.s-pop-sort-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 13px;
+}
+.s-pop-sort-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-sort-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-sort-panel {
+	padding: 0 0.4rem;
+	overflow-y: scroll;
+	max-height: 200px;
+}
+.s-pop-sort-panel-show {
+	display: block;
+}
+.s-pop-sort-panel-hide {
+	display: none;
+}
+
+.s-check {
+	padding: 0 2.5px;
+	font-size: 1rem;
+	width: 1.5rem;
+	line-height: 1;
+	display: inline-block;
+}
+.s-pop-sort-item-option {
+	font-size: 12px;
+	padding: 2px 0;
+}
+.s-pop-sort-item-option:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-sort-item-selected-option {
+	color: var(--p-form-field-focus-border-color);
+}

package/src/lib/search/pop-tree/pop-tree.component.scss

@@ -1,37 +1,37 @@
-@import '../../styles/styles.scss';
-::ng-deep {
-	.s-pop-tree-popover .p-popover-content {
-		padding: var(--p-select-list-padding);
-		.s-pop-tree-content .p-tree {
-			padding: 0;
-		}
-	}
-}
-.s-pop-tree-container {
-	padding: 5px 0;
-	border-bottom: solid 1px #d6d8db;
-	position: relative;
-}
-.s-pop-tree-label {
-	padding: 2.5px 1.6rem;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	// font-size: 13px;
-}
-.s-pop-tree-label-icon {
-	color: var(--p-form-field-icon-color);
-	font-size: 12px;
-}
-.s-pop-tree-label:hover {
-	background-color: var(--p-list-option-focus-background);
-	cursor: pointer;
-}
-.s-pop-tree-panel-item-option {
-	// font-size: 14px;
-	padding: 2px 1.5rem;
-}
-.s-pop-tree-panel-item-option:hover {
-	background-color: var(--p-list-option-focus-background);
-	cursor: pointer;
-}
+@import '../../styles/styles.scss';
+::ng-deep {
+	.s-pop-tree-popover .p-popover-content {
+		padding: var(--p-select-list-padding);
+		.s-pop-tree-content .p-tree {
+			padding: 0;
+		}
+	}
+}
+.s-pop-tree-container {
+	padding: 5px 0;
+	border-bottom: solid 1px #d6d8db;
+	position: relative;
+}
+.s-pop-tree-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	// font-size: 13px;
+}
+.s-pop-tree-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-tree-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-tree-panel-item-option {
+	// font-size: 14px;
+	padding: 2px 1.5rem;
+}
+.s-pop-tree-panel-item-option:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}

package/src/lib/search/search/search.component.scss

@@ -1,70 +1,70 @@
-@import '../../styles/styles.scss';
-.s-main {
-	display: flex;
-	align-items: stretch;
-	position: relative;
-	color: #334155;
-}
-.s-active {
-	border: 1px solid var(--p-form-field-focus-border-color);
-}
-.s-unactive {
-	border: 1px solid var(--p-form-field-border-color);
-}
-.s-container {
-	border-right-width: 0;
-	border-radius: 3.5px 0 0 3.5px;
-	padding: 1.25px 0;
-	width: 100%;
-}
-.s-search {
-	color: var(--p-form-field-icon-color);
-	padding: 0 10px;
-}
-.s-input-container {
-	padding: 1.25px 0;
-}
-.s-input {
-	height: 30px;
-	border-width: 0;
-	width: 100%;
-	min-width: 25px;
-}
-.s-input:focus {
-	outline-width: 0;
-}
-.s-dropdown {
-	width: 35px;
-	border-radius: 0 3.5px 3.5px 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.s-dropdown:hover {
-	background-color: #e7e9ed;
-	cursor: pointer;
-}
-.s-dropdown-icon {
-	color: var(--p-form-field-icon-color);
-}
-
-::ng-deep {
-	.p-popover.p-popover-flipped:before {
-		display: none;
-	}
-	.p-popover.p-popover-flipped:after {
-		display: none;
-	}
-	.p-popover:before {
-		display: none;
-	}
-	.p-popover:after {
-		display: none;
-	}
-	.p-popover {
-		margin-top: 2.5px;
-	}
-	.p-popover-flipped {
-		margin-top: -5px;
-	}
-}
+@import '../../styles/styles.scss';
+.s-main {
+	display: flex;
+	align-items: stretch;
+	position: relative;
+	color: #334155;
+}
+.s-active {
+	border: 1px solid var(--p-form-field-focus-border-color);
+}
+.s-unactive {
+	border: 1px solid var(--p-form-field-border-color);
+}
+.s-container {
+	border-right-width: 0;
+	border-radius: 3.5px 0 0 3.5px;
+	padding: 1.25px 0;
+	width: 100%;
+}
+.s-search {
+	color: var(--p-form-field-icon-color);
+	padding: 0 10px;
+}
+.s-input-container {
+	padding: 1.25px 0;
+}
+.s-input {
+	height: 30px;
+	border-width: 0;
+	width: 100%;
+	min-width: 25px;
+}
+.s-input:focus {
+	outline-width: 0;
+}
+.s-dropdown {
+	width: 35px;
+	border-radius: 0 3.5px 3.5px 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.s-dropdown:hover {
+	background-color: #e7e9ed;
+	cursor: pointer;
+}
+.s-dropdown-icon {
+	color: var(--p-form-field-icon-color);
+}
+
+::ng-deep {
+	.p-popover.p-popover-flipped:before {
+		display: none;
+	}
+	.p-popover.p-popover-flipped:after {
+		display: none;
+	}
+	.p-popover:before {
+		display: none;
+	}
+	.p-popover:after {
+		display: none;
+	}
+	.p-popover {
+		margin-top: 2.5px;
+	}
+	.p-popover-flipped {
+		margin-top: -5px;
+	}
+}

package/src/lib/search/search-tip/search-tip.component.scss

@@ -1,50 +1,50 @@
-@import '../../styles/styles.scss';
-.s-search-tip {
-	background-color: #e4e6ea;
-	font-size: 12px;
-	color: #334155;
-	margin: 1.25px;
-	display: flex;
-	flex-wrap: nowrap;
-	border-radius: 3.5px;
-}
-.s-search-tip-field {
-	padding: 2.5px 5px 1.5px 5px;
-	margin-right: 2.5px;
-	background-color: var(--p-primary-color);
-	border-radius: 3.5px 0 0 3.5px;
-	color: #fff;
-}
-.s-search-tip-icon {
-	padding: 6.5px 6px 0 6px;
-	margin-right: 2.5px;
-	font-size: 11px;
-	border-radius: 3.5px 0 0 3.5px;
-	color: #fff;
-}
-.s-search-tip-icon-filter {
-	background-color: var(--p-primary-color);
-}
-.s-search-tip-icon-group {
-	background-color: var(--p-primary-color);
-}
-.s-search-tip-sort:hover {
-	cursor: pointer;
-}
-.s-search-tip-title {
-	padding: 2.5px;
-	white-space: nowrap;
-}
-.s-search-tip-opertor {
-	opacity: 0.5;
-	font-style: italic;
-}
-.s-search-tip-close {
-	padding: 6.5px 5px 0 5px;
-	border-radius: 0 3.5px 3.5px 0;
-	font-size: 11px;
-}
-.s-search-tip-close:hover {
-	color: var(--p-primary-color);
-	cursor: pointer;
-}
+@import '../../styles/styles.scss';
+.s-search-tip {
+	background-color: #e4e6ea;
+	font-size: 12px;
+	color: #334155;
+	margin: 1.25px;
+	display: flex;
+	flex-wrap: nowrap;
+	border-radius: 3.5px;
+}
+.s-search-tip-field {
+	padding: 2.5px 5px 1.5px 5px;
+	margin-right: 2.5px;
+	background-color: var(--p-primary-color);
+	border-radius: 3.5px 0 0 3.5px;
+	color: #fff;
+}
+.s-search-tip-icon {
+	padding: 6.5px 6px 0 6px;
+	margin-right: 2.5px;
+	font-size: 11px;
+	border-radius: 3.5px 0 0 3.5px;
+	color: #fff;
+}
+.s-search-tip-icon-filter {
+	background-color: var(--p-primary-color);
+}
+.s-search-tip-icon-group {
+	background-color: var(--p-primary-color);
+}
+.s-search-tip-sort:hover {
+	cursor: pointer;
+}
+.s-search-tip-title {
+	padding: 2.5px;
+	white-space: nowrap;
+}
+.s-search-tip-opertor {
+	opacity: 0.5;
+	font-style: italic;
+}
+.s-search-tip-close {
+	padding: 6.5px 5px 0 5px;
+	border-radius: 0 3.5px 3.5px 0;
+	font-size: 11px;
+}
+.s-search-tip-close:hover {
+	color: var(--p-primary-color);
+	cursor: pointer;
+}

package/src/lib/search/text-panel/text-panel.component.scss

@@ -1,24 +1,24 @@
-@import '../../styles/styles.scss';
-::ng-deep {
-	.s-text-panel-select-panel {
-		.p-select-option {
-			font-size: 12px;
-			padding: 0.25rem 0.75rem;
-		}
-	}
-}
-.s-str-item {
-	padding: 5px;
-	font-size: 12px;
-}
-.s-str-item:hover {
-	background-color: var(--p-list-option-focus-background);
-	cursor: pointer;
-}
-.s-str-item-field {
-	font-weight: 600;
-	color: var(--p-primary-color);
-}
-.s-str-item-value {
-	font-weight: 600;
-}
+@import '../../styles/styles.scss';
+::ng-deep {
+	.s-text-panel-select-panel {
+		.p-select-option {
+			font-size: 12px;
+			padding: 0.25rem 0.75rem;
+		}
+	}
+}
+.s-str-item {
+	padding: 5px;
+	font-size: 12px;
+}
+.s-str-item:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-str-item-field {
+	font-weight: 600;
+	color: var(--p-primary-color);
+}
+.s-str-item-value {
+	font-weight: 600;
+}

package/src/lib/steps/steps.component.scss

@@ -1,97 +1,97 @@
-::ng-deep {
-	.pop-steps {
-		&.p-popover.p-popover-flipped:before {
-			display: none;
-		}
-		&.p-popover.p-popover-flipped:after {
-			display: none;
-		}
-		&.p-popover:before {
-			display: none;
-		}
-		&.p-popover:after {
-			display: none;
-		}
-		&.p-popover-flipped {
-			margin-top: -5px;
-		}
-		.p-popover-content {
-			padding: 0;
-		}
-	}
-	.end-steps {
-		&.p-popover {
-			margin-top: 2.5px;
-			z-index: 999;
-			position: absolute !important;
-			left: auto !important;
-			right: 0 !important;
-			top: 100% !important;
-			min-width: 125px;
-		}
-	}
-	.start-steps {
-		&.p-popover {
-			margin-top: 2.5px;
-			z-index: 999;
-			position: absolute !important;
-			left: 0 !important;
-			right: auto !important;
-			top: 100% !important;
-			min-width: 125px;
-		}
-	}
-}
-
-.step-item {
-	position: relative;
-	height: 32px;
-	padding: 0 5px;
-	background-color: #e7e9ed;
-	span {
-		color: #334155c2;
-		white-space: nowrap;
-	}
-}
-.step-item.step-first {
-	padding-left: 15px;
-}
-.step-item.step-last {
-	padding-right: 15px;
-}
-.step-item:not(.step-first) {
-	border-left: 15px solid transparent;
-	margin-left: 2px;
-}
-.step-item:not(.step-first)::before {
-	content: '';
-	position: absolute;
-	top: 0;
-	left: -15px;
-	width: 0;
-	height: 0;
-	border-top: 15px solid transparent;
-	border-bottom: 15px solid transparent;
-	border-left: 12px solid white;
-}
-.step-item:not(.step-last)::after {
-	content: '';
-	position: absolute;
-	top: 0;
-	right: -12px;
-	width: 0;
-	height: 0;
-	border-top: 15px solid transparent;
-	border-bottom: 15px solid transparent;
-	border-left: 12px solid #e7e9ed;
-	z-index: 2;
-}
-.step-item.step-active {
-	background-color: var(--p-primary-200);
-	span {
-		color: #334155;
-	}
-}
-.step-item.step-active::after {
-	border-left: 12px solid var(--p-primary-200);
-}
+::ng-deep {
+	.pop-steps {
+		&.p-popover.p-popover-flipped:before {
+			display: none;
+		}
+		&.p-popover.p-popover-flipped:after {
+			display: none;
+		}
+		&.p-popover:before {
+			display: none;
+		}
+		&.p-popover:after {
+			display: none;
+		}
+		&.p-popover-flipped {
+			margin-top: -5px;
+		}
+		.p-popover-content {
+			padding: 0;
+		}
+	}
+	.end-steps {
+		&.p-popover {
+			margin-top: 2.5px;
+			z-index: 999;
+			position: absolute !important;
+			left: auto !important;
+			right: 0 !important;
+			top: 100% !important;
+			min-width: 125px;
+		}
+	}
+	.start-steps {
+		&.p-popover {
+			margin-top: 2.5px;
+			z-index: 999;
+			position: absolute !important;
+			left: 0 !important;
+			right: auto !important;
+			top: 100% !important;
+			min-width: 125px;
+		}
+	}
+}
+
+.step-item {
+	position: relative;
+	height: 32px;
+	padding: 0 5px;
+	background-color: #e7e9ed;
+	span {
+		color: #334155c2;
+		white-space: nowrap;
+	}
+}
+.step-item.step-first {
+	padding-left: 15px;
+}
+.step-item.step-last {
+	padding-right: 15px;
+}
+.step-item:not(.step-first) {
+	border-left: 15px solid transparent;
+	margin-left: 2px;
+}
+.step-item:not(.step-first)::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: -15px;
+	width: 0;
+	height: 0;
+	border-top: 15px solid transparent;
+	border-bottom: 15px solid transparent;
+	border-left: 12px solid white;
+}
+.step-item:not(.step-last)::after {
+	content: '';
+	position: absolute;
+	top: 0;
+	right: -12px;
+	width: 0;
+	height: 0;
+	border-top: 15px solid transparent;
+	border-bottom: 15px solid transparent;
+	border-left: 12px solid #e7e9ed;
+	z-index: 2;
+}
+.step-item.step-active {
+	background-color: var(--p-primary-200);
+	span {
+		color: #334155;
+	}
+}
+.step-item.step-active::after {
+	border-left: 12px solid var(--p-primary-200);
+}