imm-element-ui 1.6.4 → 1.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/esm2022/lib/crumb-action/crumb-action.component.mjs +3 -3
  2. package/esm2022/lib/form/form-field/context-menu.mjs +35 -35
  3. package/esm2022/lib/form/form-field/field-control.mjs +1 -1
  4. package/esm2022/lib/form/form-field/field-utils.mjs +1 -1
  5. package/esm2022/lib/form/form-field/form-field.mjs +135 -135
  6. package/esm2022/lib/form/form-field/index.mjs +1 -1
  7. package/esm2022/lib/form/form-field/label.directive.mjs +1 -1
  8. package/esm2022/lib/form/form-type/autocomplete.type.mjs +151 -151
  9. package/esm2022/lib/form/form-type/codemirror.type.mjs +1 -1
  10. package/esm2022/lib/form/form-type/datepicker.type.mjs +177 -177
  11. package/esm2022/lib/form/form-type/image.type.mjs +211 -211
  12. package/esm2022/lib/form/form-type/index.mjs +1 -1
  13. package/esm2022/lib/form/form-type/inputnumber.type.mjs +91 -91
  14. package/esm2022/lib/form/form-type/inputtext.type.mjs +19 -19
  15. package/esm2022/lib/form/form-type/multiselect.type.mjs +163 -163
  16. package/esm2022/lib/form/form-type/radio.type.mjs +77 -77
  17. package/esm2022/lib/form/form-type/rowselector.type.mjs +25 -25
  18. package/esm2022/lib/form/form-type/select.type.mjs +133 -133
  19. package/esm2022/lib/form/form-type/textarea.type.mjs +25 -25
  20. package/esm2022/lib/form/form-type/treeselect.type.mjs +115 -115
  21. package/esm2022/lib/form/form-type/upload.type.mjs +131 -131
  22. package/esm2022/lib/grid/cell-edit/cell-edit-datePicker.compoent.mjs +139 -139
  23. package/esm2022/lib/grid/cell-render/chip-render.mjs +21 -21
  24. package/esm2022/lib/grid/cell-render/img-renderer.mjs +25 -25
  25. package/esm2022/lib/grid/grid/grid.component.mjs +5 -3
  26. package/esm2022/lib/grid/grid-utils.mjs +1 -1
  27. package/esm2022/lib/import/import.component.mjs +1 -1
  28. package/esm2022/lib/loading/loading.component.mjs +3 -3
  29. package/esm2022/lib/page-form/page-form.component.mjs +6 -3
  30. package/esm2022/lib/page-grid-list/page-grid-list.component.mjs +3 -3
  31. package/esm2022/lib/row-selector/row-selector.component.mjs +3 -3
  32. package/esm2022/lib/search/search/search.component.mjs +3 -3
  33. package/esm2022/lib/search/search-tip/search-tip.component.mjs +1 -1
  34. package/esm2022/lib/search/search-utils.mjs +1 -1
  35. package/esm2022/lib/search/text-panel/text-panel.component.mjs +1 -1
  36. package/esm2022/lib/service/action.service.mjs +6 -1
  37. package/esm2022/lib/service/loading.service.mjs +1 -1
  38. package/esm2022/lib/steps/steps.component.mjs +1 -1
  39. package/esm2022/public-api.mjs +1 -1
  40. package/fesm2022/imm-element-ui.mjs +1679 -1670
  41. package/fesm2022/imm-element-ui.mjs.map +1 -1
  42. package/lib/crumb-action/crumb-action.component.d.ts +1 -1
  43. package/lib/grid/grid/grid.component.d.ts +1 -1
  44. package/lib/grid/grid-utils.d.ts +2 -529
  45. package/lib/service/action.service.d.ts +3 -0
  46. package/package.json +1 -1
  47. package/src/lib/crumb-action/crumb-action.component.scss +60 -60
  48. package/src/lib/grid/grid/grid.component.scss +45 -45
  49. package/src/lib/loading/loading.component.scss +31 -31
  50. package/src/lib/page-form/page-form.component.scss +31 -31
  51. package/src/lib/row-selector/row-selector.component.scss +1 -1
  52. package/src/lib/search/pop-date/pop-date.component.scss +67 -67
  53. package/src/lib/search/pop-list/pop-list.component.scss +23 -23
  54. package/src/lib/search/pop-panel/pop-panel.component.scss +32 -32
  55. package/src/lib/search/pop-self/pop-self.component.scss +80 -80
  56. package/src/lib/search/pop-sort/pop-sort.component.scss +49 -49
  57. package/src/lib/search/pop-tree/pop-tree.component.scss +37 -37
  58. package/src/lib/search/search/search.component.scss +70 -70
  59. package/src/lib/search/search-tip/search-tip.component.scss +50 -50
  60. package/src/lib/search/text-panel/text-panel.component.scss +24 -24
  61. package/src/lib/styles/styles.scss +232 -232
@@ -1,60 +1,60 @@
1
- @import '../styles/styles.scss';
2
- .crumb-title {
3
- color: var(--p-primary-color);
4
- }
5
- .crumb-title + .crumb-title {
6
- padding-left: .5rem;
7
- &::before {
8
- padding-right: .5rem;
9
- // color: var(--breadcrumb-divider-color);
10
- content: var(--breadcrumb-divider, "/");
11
- }
12
- }
13
- :host::ng-deep {
14
- .p-button-text.p-button-secondary {
15
- color:var(--p-surface-700);
16
- }
17
- .title-action {
18
- .p-button{
19
- padding: 0;
20
- }
21
- }
22
- .new-action {
23
- .p-button {
24
- padding: 0;
25
- button {
26
- padding-top: 2px;
27
- height: 100%;
28
- align-items: center;
29
- }
30
- }
31
- }
32
-
33
- .select-crumb {
34
- .p-button {
35
- padding: 0;
36
- background-color: #fff;
37
- line-height: 1;
38
-
39
- button {
40
- padding: 0;
41
- width: 17px;
42
- height: 17px;
43
- // width: 20px;
44
- // height: 20px;
45
- }
46
- }
47
- }
48
- .p-popover-content {
49
- padding:.5rem
50
- }
51
- .left-btn {
52
- .p-button {
53
- height: 33px;
54
- min-width: 51px;
55
- }
56
- }
57
- }
58
- // .current-title {
59
- // width: calc(100% - 105px);
60
- // }
1
+ @import '../styles/styles.scss';
2
+ .crumb-title {
3
+ color: var(--p-primary-color);
4
+ }
5
+ .crumb-title + .crumb-title {
6
+ padding-left: .5rem;
7
+ &::before {
8
+ padding-right: .5rem;
9
+ // color: var(--breadcrumb-divider-color);
10
+ content: var(--breadcrumb-divider, "/");
11
+ }
12
+ }
13
+ :host::ng-deep {
14
+ .p-button-text.p-button-secondary {
15
+ color:var(--p-surface-700);
16
+ }
17
+ .title-action {
18
+ .p-button{
19
+ padding: 0;
20
+ }
21
+ }
22
+ .new-action {
23
+ .p-button {
24
+ padding: 0;
25
+ button {
26
+ padding-top: 2px;
27
+ height: 100%;
28
+ align-items: center;
29
+ }
30
+ }
31
+ }
32
+
33
+ .select-crumb {
34
+ .p-button {
35
+ padding: 0;
36
+ background-color: #fff;
37
+ line-height: 1;
38
+
39
+ button {
40
+ padding: 0;
41
+ width: 17px;
42
+ height: 17px;
43
+ // width: 20px;
44
+ // height: 20px;
45
+ }
46
+ }
47
+ }
48
+ .p-popover-content {
49
+ padding:.5rem
50
+ }
51
+ .left-btn {
52
+ .p-button {
53
+ height: 33px;
54
+ min-width: 51px;
55
+ }
56
+ }
57
+ }
58
+ // .current-title {
59
+ // width: calc(100% - 105px);
60
+ // }
@@ -1,46 +1,46 @@
1
- :host ::ng-deep {
2
- .ag-grid .ag-body {
3
- overflow-y: scroll !important;
4
- scrollbar-gutter: stable;
5
- transition: height 0.2s ease;
6
- }
7
- .ag-grid {
8
- transition: height 0.2s ease;
9
- }
10
- .ag-root-wrapper {
11
- overflow: initial !important;
12
- }
13
- .tree-grid {
14
- .ag-body-vertical-scroll {
15
- width: 5px !important;
16
- max-width: 5px !important;
17
- min-width: 5px !important;
18
- display: block !important;
19
- }
20
- }
21
- .cell-wrap-text {
22
- white-space: normal !important;
23
- word-break: break-word !important;
24
- line-height: 1.5 !important;
25
- padding: 10px 15px;
26
- }
27
- .editable-column-header .ag-header-cell-text::after {
28
- content: '✐';
29
- padding-left: 6px;
30
- color: var(--p-primary-color);
31
- // font-size: 14px;
32
- }
33
- .rowSpan{
34
- .ag-cell {
35
- border-right: 1px solid color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
36
- }
37
- }
38
- // .row-wrap-text {
39
- // .ag-cell {
40
- // display: flex !important;
41
- // align-items: center !important;
42
- // justify-content: start !important;
43
- // }
44
- // }
45
-
1
+ :host ::ng-deep {
2
+ .ag-grid .ag-body {
3
+ overflow-y: scroll !important;
4
+ scrollbar-gutter: stable;
5
+ transition: height 0.2s ease;
6
+ }
7
+ .ag-grid {
8
+ transition: height 0.2s ease;
9
+ }
10
+ .ag-root-wrapper {
11
+ overflow: initial !important;
12
+ }
13
+ .tree-grid {
14
+ .ag-body-vertical-scroll {
15
+ width: 5px !important;
16
+ max-width: 5px !important;
17
+ min-width: 5px !important;
18
+ display: block !important;
19
+ }
20
+ }
21
+ .cell-wrap-text {
22
+ white-space: normal !important;
23
+ word-break: break-word !important;
24
+ line-height: 1.5 !important;
25
+ padding: 10px 15px;
26
+ }
27
+ .editable-column-header .ag-header-cell-text::after {
28
+ content: '✐';
29
+ padding-left: 6px;
30
+ color: var(--p-primary-color);
31
+ // font-size: 14px;
32
+ }
33
+ .rowSpan{
34
+ .ag-cell {
35
+ border-right: 1px solid color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
36
+ }
37
+ }
38
+ // .row-wrap-text {
39
+ // .ag-cell {
40
+ // display: flex !important;
41
+ // align-items: center !important;
42
+ // justify-content: start !important;
43
+ // }
44
+ // }
45
+
46
46
  }
@@ -1,31 +1,31 @@
1
- .mask {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- height: 100vh;
6
- width: 100vw;
7
- z-index: 9998;
8
- }
9
- .progress {
10
- position: fixed;
11
- top: 35vh;
12
- left: 50vw;
13
- height: 5rem;
14
- width: 5rem;
15
- border-radius: 0.5rem;
16
- display: flex;
17
- justify-content: center;
18
- align-items: center;
19
- z-index: 9999;
20
- }
21
-
22
- :host ::ng-deep .custom-spinner .p-progress-spinner-circle {
23
- animation: custom-progress-spinner-dash 3s ease-in-out infinite, custom-progress-spinner-color 12s ease-in-out infinite;
24
- }
25
-
26
- @keyframes custom-progress-spinner-color {
27
- 100%,
28
- 0% {
29
- stroke: #fff;
30
- }
31
- }
1
+ .mask {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ height: 100vh;
6
+ width: 100vw;
7
+ z-index: 9998;
8
+ }
9
+ .progress {
10
+ position: fixed;
11
+ top: 35vh;
12
+ left: 50vw;
13
+ height: 5rem;
14
+ width: 5rem;
15
+ border-radius: 0.5rem;
16
+ display: flex;
17
+ justify-content: center;
18
+ align-items: center;
19
+ z-index: 9999;
20
+ }
21
+
22
+ :host ::ng-deep .custom-spinner .p-progress-spinner-circle {
23
+ animation: custom-progress-spinner-dash 3s ease-in-out infinite, custom-progress-spinner-color 12s ease-in-out infinite;
24
+ }
25
+
26
+ @keyframes custom-progress-spinner-color {
27
+ 100%,
28
+ 0% {
29
+ stroke: #fff;
30
+ }
31
+ }
@@ -1,31 +1,31 @@
1
- .main {
2
- height: calc(100vh - 128px);
3
- }
4
- :host ::ng-deep {
5
- .main .ag-root-wrapper {
6
- border-left: none !important; /* 移除所有边框 */
7
- border-right: none !important;
8
- border-bottom: none !important;
9
- }
10
- .form-action {
11
- background: #e7e9ed !important;
12
- color: var(--ag-text-color) !important;
13
- border-color: #e7e9ed !important;
14
- }
15
- .form-action:not(:disabled):hover {
16
- background-color: #d8dadd !important;
17
- // color: #1F2937 !important;
18
- border-color: #d8dadd;
19
- }
20
- }
21
- .form-panel {
22
- border: solid 1px #dbdbdb;
23
- }
24
- .icon-sidebar {
25
- color: #334155;
26
- padding: 2.5px;
27
- }
28
- .icon-sidebar:hover {
29
- color: var(--p-primary-color);
30
- cursor: pointer;
31
- }
1
+ .main {
2
+ height: calc(100vh - 128px);
3
+ }
4
+ :host ::ng-deep {
5
+ .main .ag-root-wrapper {
6
+ border-left: none !important; /* 移除所有边框 */
7
+ border-right: none !important;
8
+ border-bottom: none !important;
9
+ }
10
+ .form-action {
11
+ background: #e7e9ed !important;
12
+ color: var(--ag-text-color) !important;
13
+ border-color: #e7e9ed !important;
14
+ }
15
+ .form-action:not(:disabled):hover {
16
+ background-color: #d8dadd !important;
17
+ // color: #1F2937 !important;
18
+ border-color: #d8dadd;
19
+ }
20
+ }
21
+ .form-panel {
22
+ border: solid 1px #dbdbdb;
23
+ }
24
+ .icon-sidebar {
25
+ color: #334155;
26
+ padding: 2.5px;
27
+ }
28
+ .icon-sidebar:hover {
29
+ color: var(--p-primary-color);
30
+ cursor: pointer;
31
+ }
@@ -1 +1 @@
1
- @import '../styles/styles.scss';
1
+ @import '../styles/styles.scss';
@@ -1,67 +1,67 @@
1
- @import '../../styles/styles.scss';
2
- ::ng-deep {
3
- .s-pop-date-container {
4
- .p-inputtext {
5
- font-size: 12px;
6
- }
7
- .p-select-sm .p-select-label {
8
- font-size: 12px;
9
- }
10
- }
11
- .s-pop-date-select-panel {
12
- .p-select-option {
13
- font-size: 12px;
14
- padding: 0.25rem 0.75rem;
15
- }
16
- }
17
- .s-pop-date-datepicker-panel {
18
- .p-datepicker-calendar {
19
- font-size: 12px;
20
- .p-datepicker-day-view {
21
- font-size: 12px;
22
- .p-datepicker-day {
23
- height: 1.5rem;
24
- width: 1.5rem;
25
- }
26
- }
27
- }
28
- }
29
- }
30
- .s-pop-date-container {
31
- padding: 5px 0;
32
- border-bottom: solid 1px #d6d8db;
33
- }
34
- .s-pop-date-label {
35
- padding: 2.5px 1.6rem;
36
- display: flex;
37
- justify-content: space-between;
38
- align-items: center;
39
- // font-size: 14px;
40
- }
41
- .s-pop-date-label-icon {
42
- color: var(--p-form-field-icon-color);
43
- font-size: 12px;
44
- }
45
- .s-pop-date-label:hover {
46
- background-color: var(--p-list-option-focus-background);
47
- cursor: pointer;
48
- }
49
- .s-pop-date-panel {
50
- padding: 6px 0;
51
- }
52
- .s-pop-date-panel-show {
53
- display: block;
54
- }
55
- .s-pop-date-panel-hide {
56
- display: none;
57
- }
58
- .s-pop-date-range {
59
- padding: 0.5rem 2rem;
60
- height: 30px;
61
- font-size: 12px;
62
- }
63
- .s-pop-date-picker {
64
- padding: 0.5rem 2rem;
65
- height: 30px;
66
- font-size: 12px;
67
- }
1
+ @import '../../styles/styles.scss';
2
+ ::ng-deep {
3
+ .s-pop-date-container {
4
+ .p-inputtext {
5
+ font-size: 12px;
6
+ }
7
+ .p-select-sm .p-select-label {
8
+ font-size: 12px;
9
+ }
10
+ }
11
+ .s-pop-date-select-panel {
12
+ .p-select-option {
13
+ font-size: 12px;
14
+ padding: 0.25rem 0.75rem;
15
+ }
16
+ }
17
+ .s-pop-date-datepicker-panel {
18
+ .p-datepicker-calendar {
19
+ font-size: 12px;
20
+ .p-datepicker-day-view {
21
+ font-size: 12px;
22
+ .p-datepicker-day {
23
+ height: 1.5rem;
24
+ width: 1.5rem;
25
+ }
26
+ }
27
+ }
28
+ }
29
+ }
30
+ .s-pop-date-container {
31
+ padding: 5px 0;
32
+ border-bottom: solid 1px #d6d8db;
33
+ }
34
+ .s-pop-date-label {
35
+ padding: 2.5px 1.6rem;
36
+ display: flex;
37
+ justify-content: space-between;
38
+ align-items: center;
39
+ // font-size: 14px;
40
+ }
41
+ .s-pop-date-label-icon {
42
+ color: var(--p-form-field-icon-color);
43
+ font-size: 12px;
44
+ }
45
+ .s-pop-date-label:hover {
46
+ background-color: var(--p-list-option-focus-background);
47
+ cursor: pointer;
48
+ }
49
+ .s-pop-date-panel {
50
+ padding: 6px 0;
51
+ }
52
+ .s-pop-date-panel-show {
53
+ display: block;
54
+ }
55
+ .s-pop-date-panel-hide {
56
+ display: none;
57
+ }
58
+ .s-pop-date-range {
59
+ padding: 0.5rem 2rem;
60
+ height: 30px;
61
+ font-size: 12px;
62
+ }
63
+ .s-pop-date-picker {
64
+ padding: 0.5rem 2rem;
65
+ height: 30px;
66
+ font-size: 12px;
67
+ }
@@ -1,23 +1,23 @@
1
- @import '../../styles/styles.scss';
2
- .s-check {
3
- padding: 0 2.5px;
4
- font-size: 1rem;
5
- width: 1.5rem;
6
- line-height: 1;
7
- display: inline-block;
8
- }
9
- .s-pop-panel-item {
10
- padding: 6px 0;
11
- border-bottom: solid 1px #d6d8db;
12
- }
13
- .s-pop-panel-item-option {
14
- // font-size: 14px;
15
- padding: 2px 0;
16
- }
17
- .s-pop-panel-item-option:hover {
18
- background-color: var(--p-list-option-focus-background);
19
- cursor: pointer;
20
- }
21
- .s-pop-panel-item-selected-option {
22
- color: var(--p-form-field-focus-border-color)
23
- }
1
+ @import '../../styles/styles.scss';
2
+ .s-check {
3
+ padding: 0 2.5px;
4
+ font-size: 1rem;
5
+ width: 1.5rem;
6
+ line-height: 1;
7
+ display: inline-block;
8
+ }
9
+ .s-pop-panel-item {
10
+ padding: 6px 0;
11
+ border-bottom: solid 1px #d6d8db;
12
+ }
13
+ .s-pop-panel-item-option {
14
+ // font-size: 14px;
15
+ padding: 2px 0;
16
+ }
17
+ .s-pop-panel-item-option:hover {
18
+ background-color: var(--p-list-option-focus-background);
19
+ cursor: pointer;
20
+ }
21
+ .s-pop-panel-item-selected-option {
22
+ color: var(--p-form-field-focus-border-color)
23
+ }
@@ -1,32 +1,32 @@
1
- @import '../../styles/styles.scss';
2
-
3
- // @media (min-width:768px) {
4
- // .panel-box {
5
- // width:535px
6
- // }
7
- // }
8
- .s-pop-show {
9
- display: block;
10
- }
11
- .s-pop-hide {
12
- display: none;
13
- }
14
- .s-pop-panel-title {
15
- // font-size: 14px;
16
- display: flex;
17
- align-items: center;
18
- font-weight: 600;
19
- margin-left: 1rem;
20
- }
21
- .s-pop-panel-title-icon {
22
- padding: 0 5px;
23
- // font-size: 14px;
24
- color: var(--p-primary-color);
25
- }
26
- .s-check {
27
- padding: 0 2.5px;
28
- font-size: 1rem;
29
- width: 1.5rem;
30
- line-height: 1;
31
- display: inline-block;
32
- }
1
+ @import '../../styles/styles.scss';
2
+
3
+ // @media (min-width:768px) {
4
+ // .panel-box {
5
+ // width:535px
6
+ // }
7
+ // }
8
+ .s-pop-show {
9
+ display: block;
10
+ }
11
+ .s-pop-hide {
12
+ display: none;
13
+ }
14
+ .s-pop-panel-title {
15
+ // font-size: 14px;
16
+ display: flex;
17
+ align-items: center;
18
+ font-weight: 600;
19
+ margin-left: 1rem;
20
+ }
21
+ .s-pop-panel-title-icon {
22
+ padding: 0 5px;
23
+ // font-size: 14px;
24
+ color: var(--p-primary-color);
25
+ }
26
+ .s-check {
27
+ padding: 0 2.5px;
28
+ font-size: 1rem;
29
+ width: 1.5rem;
30
+ line-height: 1;
31
+ display: inline-block;
32
+ }