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,80 +1,80 @@
1
- @import '../../styles/styles.scss';
2
- ::ng-deep {
3
- .s-pop-self-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-self-select-panel {
12
- .p-select-option {
13
- font-size: 12px;
14
- padding: 0.25rem 0.75rem;
15
- }
16
- }
17
- .s-pop-self-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-self-container {
31
- padding: 5px 0;
32
- }
33
- .s-pop-self-label {
34
- padding: 2.5px 1.6rem;
35
- display: flex;
36
- justify-content: space-between;
37
- align-items: center;
38
- // font-size: 14px;
39
- }
40
- .s-pop-self-label-icon {
41
- color: var(--p-form-field-icon-color);
42
- font-size: 12px;
43
- }
44
- .s-pop-self-label:hover {
45
- background-color: var(--p-list-option-focus-background);
46
- cursor: pointer;
47
- }
48
- .s-pop-self-panel {
49
- padding: 6px 0;
50
- }
51
- .s-pop-self-panel-show {
52
- display: block;
53
- }
54
- .s-pop-self-panel-hide {
55
- display: none;
56
- }
57
- .s-pop-self-item {
58
- padding: 0.5rem 2rem;
59
- height: 30px;
60
- font-size: 12px;
61
- }
62
- .s-pop-self-item-btn-container {
63
- display: flex;
64
- justify-content: space-between;
65
- align-items: center;
66
- font-size: 12px;
67
- }
68
- .s-pop-self-item-btn {
69
- border-radius: 2px;
70
- padding: 2px;
71
- }
72
- .s-pop-self-item-btn:hover {
73
- color: var(--p-primary-color);
74
- cursor: pointer;
75
- }
76
- .date-span {
77
- background-color: #f8f8f8;
78
- height: 21px;
79
- color: #b6bbba;
80
- }
1
+ @import '../../styles/styles.scss';
2
+ ::ng-deep {
3
+ .s-pop-self-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-self-select-panel {
12
+ .p-select-option {
13
+ font-size: 12px;
14
+ padding: 0.25rem 0.75rem;
15
+ }
16
+ }
17
+ .s-pop-self-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-self-container {
31
+ padding: 5px 0;
32
+ }
33
+ .s-pop-self-label {
34
+ padding: 2.5px 1.6rem;
35
+ display: flex;
36
+ justify-content: space-between;
37
+ align-items: center;
38
+ // font-size: 14px;
39
+ }
40
+ .s-pop-self-label-icon {
41
+ color: var(--p-form-field-icon-color);
42
+ font-size: 12px;
43
+ }
44
+ .s-pop-self-label:hover {
45
+ background-color: var(--p-list-option-focus-background);
46
+ cursor: pointer;
47
+ }
48
+ .s-pop-self-panel {
49
+ padding: 6px 0;
50
+ }
51
+ .s-pop-self-panel-show {
52
+ display: block;
53
+ }
54
+ .s-pop-self-panel-hide {
55
+ display: none;
56
+ }
57
+ .s-pop-self-item {
58
+ padding: 0.5rem 2rem;
59
+ height: 30px;
60
+ font-size: 12px;
61
+ }
62
+ .s-pop-self-item-btn-container {
63
+ display: flex;
64
+ justify-content: space-between;
65
+ align-items: center;
66
+ font-size: 12px;
67
+ }
68
+ .s-pop-self-item-btn {
69
+ border-radius: 2px;
70
+ padding: 2px;
71
+ }
72
+ .s-pop-self-item-btn:hover {
73
+ color: var(--p-primary-color);
74
+ cursor: pointer;
75
+ }
76
+ .date-span {
77
+ background-color: #f8f8f8;
78
+ height: 21px;
79
+ color: #b6bbba;
80
+ }
@@ -1,49 +1,49 @@
1
- @import '../../styles/styles.scss';
2
- .s-pop-sort-container {
3
- padding: 5px 0;
4
- }
5
- .s-pop-sort-label {
6
- padding: 2.5px 1.6rem;
7
- display: flex;
8
- justify-content: space-between;
9
- align-items: center;
10
- font-size: 13px;
11
- }
12
- .s-pop-sort-label-icon {
13
- color: var(--p-form-field-icon-color);
14
- font-size: 12px;
15
- }
16
- .s-pop-sort-label:hover {
17
- background-color: var(--p-list-option-focus-background);
18
- cursor: pointer;
19
- }
20
- .s-pop-sort-panel {
21
- padding: 0 0.4rem;
22
- overflow-y: scroll;
23
- max-height: 200px;
24
- }
25
- .s-pop-sort-panel-show {
26
- display: block;
27
- }
28
- .s-pop-sort-panel-hide {
29
- display: none;
30
- }
31
-
32
- .s-check {
33
- padding: 0 2.5px;
34
- font-size: 1rem;
35
- width: 1.5rem;
36
- line-height: 1;
37
- display: inline-block;
38
- }
39
- .s-pop-sort-item-option {
40
- font-size: 12px;
41
- padding: 2px 0;
42
- }
43
- .s-pop-sort-item-option:hover {
44
- background-color: var(--p-list-option-focus-background);
45
- cursor: pointer;
46
- }
47
- .s-pop-sort-item-selected-option {
48
- color: var(--p-form-field-focus-border-color);
49
- }
1
+ @import '../../styles/styles.scss';
2
+ .s-pop-sort-container {
3
+ padding: 5px 0;
4
+ }
5
+ .s-pop-sort-label {
6
+ padding: 2.5px 1.6rem;
7
+ display: flex;
8
+ justify-content: space-between;
9
+ align-items: center;
10
+ font-size: 13px;
11
+ }
12
+ .s-pop-sort-label-icon {
13
+ color: var(--p-form-field-icon-color);
14
+ font-size: 12px;
15
+ }
16
+ .s-pop-sort-label:hover {
17
+ background-color: var(--p-list-option-focus-background);
18
+ cursor: pointer;
19
+ }
20
+ .s-pop-sort-panel {
21
+ padding: 0 0.4rem;
22
+ overflow-y: scroll;
23
+ max-height: 200px;
24
+ }
25
+ .s-pop-sort-panel-show {
26
+ display: block;
27
+ }
28
+ .s-pop-sort-panel-hide {
29
+ display: none;
30
+ }
31
+
32
+ .s-check {
33
+ padding: 0 2.5px;
34
+ font-size: 1rem;
35
+ width: 1.5rem;
36
+ line-height: 1;
37
+ display: inline-block;
38
+ }
39
+ .s-pop-sort-item-option {
40
+ font-size: 12px;
41
+ padding: 2px 0;
42
+ }
43
+ .s-pop-sort-item-option:hover {
44
+ background-color: var(--p-list-option-focus-background);
45
+ cursor: pointer;
46
+ }
47
+ .s-pop-sort-item-selected-option {
48
+ color: var(--p-form-field-focus-border-color);
49
+ }
@@ -1,37 +1,37 @@
1
- @import '../../styles/styles.scss';
2
- ::ng-deep {
3
- .s-pop-tree-popover .p-popover-content {
4
- padding: var(--p-select-list-padding);
5
- .s-pop-tree-content .p-tree {
6
- padding: 0;
7
- }
8
- }
9
- }
10
- .s-pop-tree-container {
11
- padding: 5px 0;
12
- border-bottom: solid 1px #d6d8db;
13
- position: relative;
14
- }
15
- .s-pop-tree-label {
16
- padding: 2.5px 1.6rem;
17
- display: flex;
18
- justify-content: space-between;
19
- align-items: center;
20
- // font-size: 13px;
21
- }
22
- .s-pop-tree-label-icon {
23
- color: var(--p-form-field-icon-color);
24
- font-size: 12px;
25
- }
26
- .s-pop-tree-label:hover {
27
- background-color: var(--p-list-option-focus-background);
28
- cursor: pointer;
29
- }
30
- .s-pop-tree-panel-item-option {
31
- // font-size: 14px;
32
- padding: 2px 1.5rem;
33
- }
34
- .s-pop-tree-panel-item-option:hover {
35
- background-color: var(--p-list-option-focus-background);
36
- cursor: pointer;
37
- }
1
+ @import '../../styles/styles.scss';
2
+ ::ng-deep {
3
+ .s-pop-tree-popover .p-popover-content {
4
+ padding: var(--p-select-list-padding);
5
+ .s-pop-tree-content .p-tree {
6
+ padding: 0;
7
+ }
8
+ }
9
+ }
10
+ .s-pop-tree-container {
11
+ padding: 5px 0;
12
+ border-bottom: solid 1px #d6d8db;
13
+ position: relative;
14
+ }
15
+ .s-pop-tree-label {
16
+ padding: 2.5px 1.6rem;
17
+ display: flex;
18
+ justify-content: space-between;
19
+ align-items: center;
20
+ // font-size: 13px;
21
+ }
22
+ .s-pop-tree-label-icon {
23
+ color: var(--p-form-field-icon-color);
24
+ font-size: 12px;
25
+ }
26
+ .s-pop-tree-label:hover {
27
+ background-color: var(--p-list-option-focus-background);
28
+ cursor: pointer;
29
+ }
30
+ .s-pop-tree-panel-item-option {
31
+ // font-size: 14px;
32
+ padding: 2px 1.5rem;
33
+ }
34
+ .s-pop-tree-panel-item-option:hover {
35
+ background-color: var(--p-list-option-focus-background);
36
+ cursor: pointer;
37
+ }
@@ -1,70 +1,70 @@
1
- @import '../../styles/styles.scss';
2
- .s-main {
3
- display: flex;
4
- align-items: stretch;
5
- position: relative;
6
- color: #334155;
7
- }
8
- .s-active {
9
- border: 1px solid var(--p-form-field-focus-border-color);
10
- }
11
- .s-unactive {
12
- border: 1px solid var(--p-form-field-border-color);
13
- }
14
- .s-container {
15
- border-right-width: 0;
16
- border-radius: 3.5px 0 0 3.5px;
17
- padding: 1.25px 0;
18
- width: 100%;
19
- }
20
- .s-search {
21
- color: var(--p-form-field-icon-color);
22
- padding: 0 10px;
23
- }
24
- .s-input-container {
25
- padding: 1.25px 0;
26
- }
27
- .s-input {
28
- height: 30px;
29
- border-width: 0;
30
- width: 100%;
31
- min-width: 25px;
32
- }
33
- .s-input:focus {
34
- outline-width: 0;
35
- }
36
- .s-dropdown {
37
- width: 35px;
38
- border-radius: 0 3.5px 3.5px 0;
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- }
43
- .s-dropdown:hover {
44
- background-color: #e7e9ed;
45
- cursor: pointer;
46
- }
47
- .s-dropdown-icon {
48
- color: var(--p-form-field-icon-color);
49
- }
50
-
51
- ::ng-deep {
52
- .p-popover.p-popover-flipped:before {
53
- display: none;
54
- }
55
- .p-popover.p-popover-flipped:after {
56
- display: none;
57
- }
58
- .p-popover:before {
59
- display: none;
60
- }
61
- .p-popover:after {
62
- display: none;
63
- }
64
- .p-popover {
65
- margin-top: 2.5px;
66
- }
67
- .p-popover-flipped {
68
- margin-top: -5px;
69
- }
70
- }
1
+ @import '../../styles/styles.scss';
2
+ .s-main {
3
+ display: flex;
4
+ align-items: stretch;
5
+ position: relative;
6
+ color: #334155;
7
+ }
8
+ .s-active {
9
+ border: 1px solid var(--p-form-field-focus-border-color);
10
+ }
11
+ .s-unactive {
12
+ border: 1px solid var(--p-form-field-border-color);
13
+ }
14
+ .s-container {
15
+ border-right-width: 0;
16
+ border-radius: 3.5px 0 0 3.5px;
17
+ padding: 1.25px 0;
18
+ width: 100%;
19
+ }
20
+ .s-search {
21
+ color: var(--p-form-field-icon-color);
22
+ padding: 0 10px;
23
+ }
24
+ .s-input-container {
25
+ padding: 1.25px 0;
26
+ }
27
+ .s-input {
28
+ height: 30px;
29
+ border-width: 0;
30
+ width: 100%;
31
+ min-width: 25px;
32
+ }
33
+ .s-input:focus {
34
+ outline-width: 0;
35
+ }
36
+ .s-dropdown {
37
+ width: 35px;
38
+ border-radius: 0 3.5px 3.5px 0;
39
+ display: flex;
40
+ align-items: center;
41
+ justify-content: center;
42
+ }
43
+ .s-dropdown:hover {
44
+ background-color: #e7e9ed;
45
+ cursor: pointer;
46
+ }
47
+ .s-dropdown-icon {
48
+ color: var(--p-form-field-icon-color);
49
+ }
50
+
51
+ ::ng-deep {
52
+ .p-popover.p-popover-flipped:before {
53
+ display: none;
54
+ }
55
+ .p-popover.p-popover-flipped:after {
56
+ display: none;
57
+ }
58
+ .p-popover:before {
59
+ display: none;
60
+ }
61
+ .p-popover:after {
62
+ display: none;
63
+ }
64
+ .p-popover {
65
+ margin-top: 2.5px;
66
+ }
67
+ .p-popover-flipped {
68
+ margin-top: -5px;
69
+ }
70
+ }
@@ -1,50 +1,50 @@
1
- @import '../../styles/styles.scss';
2
- .s-search-tip {
3
- background-color: #e4e6ea;
4
- font-size: 12px;
5
- color: #334155;
6
- margin: 1.25px;
7
- display: flex;
8
- flex-wrap: nowrap;
9
- border-radius: 3.5px;
10
- }
11
- .s-search-tip-field {
12
- padding: 2.5px 5px 1.5px 5px;
13
- margin-right: 2.5px;
14
- background-color: var(--p-primary-color);
15
- border-radius: 3.5px 0 0 3.5px;
16
- color: #fff;
17
- }
18
- .s-search-tip-icon {
19
- padding: 6.5px 6px 0 6px;
20
- margin-right: 2.5px;
21
- font-size: 11px;
22
- border-radius: 3.5px 0 0 3.5px;
23
- color: #fff;
24
- }
25
- .s-search-tip-icon-filter {
26
- background-color: var(--p-primary-color);
27
- }
28
- .s-search-tip-icon-group {
29
- background-color: var(--p-primary-color);
30
- }
31
- .s-search-tip-sort:hover {
32
- cursor: pointer;
33
- }
34
- .s-search-tip-title {
35
- padding: 2.5px;
36
- white-space: nowrap;
37
- }
38
- .s-search-tip-opertor {
39
- opacity: 0.5;
40
- font-style: italic;
41
- }
42
- .s-search-tip-close {
43
- padding: 6.5px 5px 0 5px;
44
- border-radius: 0 3.5px 3.5px 0;
45
- font-size: 11px;
46
- }
47
- .s-search-tip-close:hover {
48
- color: var(--p-primary-color);
49
- cursor: pointer;
50
- }
1
+ @import '../../styles/styles.scss';
2
+ .s-search-tip {
3
+ background-color: #e4e6ea;
4
+ font-size: 12px;
5
+ color: #334155;
6
+ margin: 1.25px;
7
+ display: flex;
8
+ flex-wrap: nowrap;
9
+ border-radius: 3.5px;
10
+ }
11
+ .s-search-tip-field {
12
+ padding: 2.5px 5px 1.5px 5px;
13
+ margin-right: 2.5px;
14
+ background-color: var(--p-primary-color);
15
+ border-radius: 3.5px 0 0 3.5px;
16
+ color: #fff;
17
+ }
18
+ .s-search-tip-icon {
19
+ padding: 6.5px 6px 0 6px;
20
+ margin-right: 2.5px;
21
+ font-size: 11px;
22
+ border-radius: 3.5px 0 0 3.5px;
23
+ color: #fff;
24
+ }
25
+ .s-search-tip-icon-filter {
26
+ background-color: var(--p-primary-color);
27
+ }
28
+ .s-search-tip-icon-group {
29
+ background-color: var(--p-primary-color);
30
+ }
31
+ .s-search-tip-sort:hover {
32
+ cursor: pointer;
33
+ }
34
+ .s-search-tip-title {
35
+ padding: 2.5px;
36
+ white-space: nowrap;
37
+ }
38
+ .s-search-tip-opertor {
39
+ opacity: 0.5;
40
+ font-style: italic;
41
+ }
42
+ .s-search-tip-close {
43
+ padding: 6.5px 5px 0 5px;
44
+ border-radius: 0 3.5px 3.5px 0;
45
+ font-size: 11px;
46
+ }
47
+ .s-search-tip-close:hover {
48
+ color: var(--p-primary-color);
49
+ cursor: pointer;
50
+ }
@@ -1,24 +1,24 @@
1
- @import '../../styles/styles.scss';
2
- ::ng-deep {
3
- .s-text-panel-select-panel {
4
- .p-select-option {
5
- font-size: 12px;
6
- padding: 0.25rem 0.75rem;
7
- }
8
- }
9
- }
10
- .s-str-item {
11
- padding: 5px;
12
- font-size: 12px;
13
- }
14
- .s-str-item:hover {
15
- background-color: var(--p-list-option-focus-background);
16
- cursor: pointer;
17
- }
18
- .s-str-item-field {
19
- font-weight: 600;
20
- color: var(--p-primary-color);
21
- }
22
- .s-str-item-value {
23
- font-weight: 600;
24
- }
1
+ @import '../../styles/styles.scss';
2
+ ::ng-deep {
3
+ .s-text-panel-select-panel {
4
+ .p-select-option {
5
+ font-size: 12px;
6
+ padding: 0.25rem 0.75rem;
7
+ }
8
+ }
9
+ }
10
+ .s-str-item {
11
+ padding: 5px;
12
+ font-size: 12px;
13
+ }
14
+ .s-str-item:hover {
15
+ background-color: var(--p-list-option-focus-background);
16
+ cursor: pointer;
17
+ }
18
+ .s-str-item-field {
19
+ font-weight: 600;
20
+ color: var(--p-primary-color);
21
+ }
22
+ .s-str-item-value {
23
+ font-weight: 600;
24
+ }