imm-element-ui 1.8.4 → 1.8.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 (101) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/crumb-action/crumb-action.component.mjs +3 -3
  3. package/esm2022/lib/form/form/form.component.mjs +3 -3
  4. package/esm2022/lib/form/form-field/context-menu.mjs +35 -35
  5. package/esm2022/lib/form/form-field/field-control.mjs +1 -1
  6. package/esm2022/lib/form/form-field/field-utils.mjs +1 -1
  7. package/esm2022/lib/form/form-field/form-field.mjs +135 -135
  8. package/esm2022/lib/form/form-field/form-type.mjs +85 -85
  9. package/esm2022/lib/form/form-field/index.mjs +1 -1
  10. package/esm2022/lib/form/form-field/label.directive.mjs +1 -1
  11. package/esm2022/lib/form/form-type/autocomplete.type.mjs +151 -151
  12. package/esm2022/lib/form/form-type/codemirror.type.mjs +1 -1
  13. package/esm2022/lib/form/form-type/datepicker.type.mjs +185 -179
  14. package/esm2022/lib/form/form-type/image.type.mjs +219 -219
  15. package/esm2022/lib/form/form-type/index.mjs +1 -1
  16. package/esm2022/lib/form/form-type/inputnumber.type.mjs +91 -91
  17. package/esm2022/lib/form/form-type/inputtext.type.mjs +19 -19
  18. package/esm2022/lib/form/form-type/multiselect.type.mjs +163 -163
  19. package/esm2022/lib/form/form-type/radio.type.mjs +77 -77
  20. package/esm2022/lib/form/form-type/rowselector.type.mjs +25 -25
  21. package/esm2022/lib/form/form-type/select.type.mjs +133 -133
  22. package/esm2022/lib/form/form-type/textarea.type.mjs +25 -25
  23. package/esm2022/lib/form/form-type/treeselect.type.mjs +115 -115
  24. package/esm2022/lib/form/form-type/upload.type.mjs +131 -131
  25. package/esm2022/lib/grid/actions/actions.component.mjs +1 -1
  26. package/esm2022/lib/grid/cell-edit/cell-edit-autoComplete.component.mjs +25 -25
  27. package/esm2022/lib/grid/cell-edit/cell-edit-datePicker.compoent.mjs +139 -139
  28. package/esm2022/lib/grid/cell-edit/cell-edit-inputDate.component.mjs +27 -27
  29. package/esm2022/lib/grid/cell-edit/cell-edit-inputNumber.component.mjs +75 -75
  30. package/esm2022/lib/grid/cell-edit/cell-edit-inputText.compoent.mjs +1 -1
  31. package/esm2022/lib/grid/cell-edit/cell-edit-select.component.mjs +121 -121
  32. package/esm2022/lib/grid/cell-edit/index.mjs +1 -1
  33. package/esm2022/lib/grid/cell-render/async-renderer.mjs +1 -1
  34. package/esm2022/lib/grid/cell-render/chip-render.mjs +21 -21
  35. package/esm2022/lib/grid/cell-render/img-renderer.mjs +25 -25
  36. package/esm2022/lib/grid/cell-render/link-render.mjs +13 -13
  37. package/esm2022/lib/grid/cell-render/row-span.mjs +5 -5
  38. package/esm2022/lib/grid/grid/grid.component.mjs +11 -5
  39. package/esm2022/lib/grid/grid-utils.mjs +1 -1
  40. package/esm2022/lib/grid/mock-data.mjs +1 -1
  41. package/esm2022/lib/grid/pager/pager.component.mjs +3 -3
  42. package/esm2022/lib/head/head.component.mjs +3 -3
  43. package/esm2022/lib/href-btn-list/href-btn-list.component.mjs +1 -1
  44. package/esm2022/lib/import/import.component.mjs +3 -3
  45. package/esm2022/lib/loading/loading.component.mjs +3 -3
  46. package/esm2022/lib/log/log.component.mjs +3 -3
  47. package/esm2022/lib/page-form/page-form.component.mjs +3 -3
  48. package/esm2022/lib/page-form/page-form.interface.mjs +1 -1
  49. package/esm2022/lib/page-grid-list/page-grid-list.component.mjs +3 -3
  50. package/esm2022/lib/row-selector/row-selector.component.mjs +3 -3
  51. package/esm2022/lib/search/mock-data.mjs +1 -1
  52. package/esm2022/lib/search/pop-date/pop-date.component.mjs +3 -3
  53. package/esm2022/lib/search/pop-list/pop-list.component.mjs +3 -3
  54. package/esm2022/lib/search/pop-panel/pop-panel.component.mjs +3 -3
  55. package/esm2022/lib/search/pop-select/pop-select.component.mjs +3 -3
  56. package/esm2022/lib/search/pop-self/pop-self.component.mjs +3 -3
  57. package/esm2022/lib/search/pop-sort/pop-sort.component.mjs +3 -3
  58. package/esm2022/lib/search/pop-tree/pop-tree.component.mjs +3 -3
  59. package/esm2022/lib/search/search/search.component.mjs +3 -3
  60. package/esm2022/lib/search/search-tip/search-tip.component.mjs +3 -3
  61. package/esm2022/lib/search/search-utils.mjs +1 -1
  62. package/esm2022/lib/search/text-panel/text-panel.component.mjs +3 -3
  63. package/esm2022/lib/service/i18n.service.mjs +1 -1
  64. package/esm2022/lib/service/loading.service.mjs +1 -1
  65. package/esm2022/lib/service/themeConfig.service.mjs +1 -1
  66. package/esm2022/lib/steps/steps.component.mjs +1 -1
  67. package/esm2022/lib/theme-config/theme-config-panel.compoent.mjs +39 -39
  68. package/esm2022/lib/theme-config/theme-config.compoent.mjs +29 -29
  69. package/esm2022/public-api.mjs +1 -1
  70. package/fesm2022/imm-element-ui.mjs +2132 -2120
  71. package/fesm2022/imm-element-ui.mjs.map +1 -1
  72. package/lib/crumb-action/crumb-action.component.d.ts +1 -1
  73. package/lib/form/form-type/datepicker.type.d.ts +2 -1
  74. package/lib/grid/grid/grid.component.d.ts +1 -1
  75. package/lib/grid/grid-utils.d.ts +2 -529
  76. package/lib/service/themeConfig.service.d.ts +1 -1
  77. package/package.json +1 -1
  78. package/src/lib/crumb-action/crumb-action.component.scss +60 -60
  79. package/src/lib/grid/grid/grid.component.scss +45 -45
  80. package/src/lib/grid/pager/pager.component.scss +3 -3
  81. package/src/lib/head/head.component.scss +3 -3
  82. package/src/lib/href-btn-list/href-btn-list.component.scss +51 -51
  83. package/src/lib/import/import.component.scss +10 -10
  84. package/src/lib/loading/loading.component.scss +31 -31
  85. package/src/lib/log/log.component.scss +26 -26
  86. package/src/lib/page-form/page-form.component.scss +31 -31
  87. package/src/lib/page-grid-list/page-grid-list.component.scss +12 -12
  88. package/src/lib/row-selector/row-selector.component.scss +1 -1
  89. package/src/lib/search/dynamic-search/dynamic-search.component.scss +70 -70
  90. package/src/lib/search/pop-date/pop-date.component.scss +67 -67
  91. package/src/lib/search/pop-list/pop-list.component.scss +23 -23
  92. package/src/lib/search/pop-panel/pop-panel.component.scss +32 -32
  93. package/src/lib/search/pop-select/pop-select.component.scss +39 -39
  94. package/src/lib/search/pop-self/pop-self.component.scss +80 -80
  95. package/src/lib/search/pop-sort/pop-sort.component.scss +49 -49
  96. package/src/lib/search/pop-tree/pop-tree.component.scss +37 -37
  97. package/src/lib/search/search/search.component.scss +70 -70
  98. package/src/lib/search/search-tip/search-tip.component.scss +50 -50
  99. package/src/lib/search/text-panel/text-panel.component.scss +24 -24
  100. package/src/lib/steps/steps.component.scss +97 -97
  101. 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,3 +1,3 @@
1
- .page-container {
2
- color: #334155;
3
- }
1
+ .page-container {
2
+ color: #334155;
3
+ }
@@ -1,3 +1,3 @@
1
- .child-hide {
2
- display: none;
3
- }
1
+ .child-hide {
2
+ display: none;
3
+ }
@@ -1,52 +1,52 @@
1
- .btn{
2
- // border-radius: var(--p-border-radius-md);
3
- border: 1px solid rgb(216, 218, 221);
4
- color: var(--ag-text-color);
5
- z-index: 0;
6
- // border-left: none;
7
- &:active{
8
- border-color: var(--p-button-primary-active-border-color);
9
- z-index: 1
10
- }
11
- }
12
- .not-first{
13
- margin-left: -1px;
14
- }
15
- .bg {
16
- background-color: rgb(230, 242, 243);
17
- }
18
-
19
- .panel-box{
20
- width: calc(100vw - 32px);
21
- // left: -50vw;
22
- left: 16px;
23
- margin-top: 6px;
24
- background: #fff;
25
- box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
26
- .panel-btn {
27
- border: 1px solid rgb(216, 218, 221);
28
- border-top: none;
29
- border-left: none;
30
- color: var(--ag-text-color);
31
- &:hover{
32
- background-color: var(--p-button-outlined-primary-hover-background);
33
- }
34
- }
35
- }
36
- .txt-color {
37
- color: var(--p-primary-color);
38
- }
39
- .btn:hover{
40
- // background-color: #e7e9ed;
41
- background-color: var(--p-button-outlined-primary-hover-background);
42
- }
43
-
44
- .first-btn {
45
- border-radius:var(--p-border-radius-md) 0 0 var(--p-border-radius-md);
46
- margin-left: 0 !important;
47
-
48
- // border-left:1px solid rgb(216, 218, 221);
49
- }
50
- .last-btn {
51
- border-radius:0 var(--p-border-radius-md) var(--p-border-radius-md) 0;
1
+ .btn{
2
+ // border-radius: var(--p-border-radius-md);
3
+ border: 1px solid rgb(216, 218, 221);
4
+ color: var(--ag-text-color);
5
+ z-index: 0;
6
+ // border-left: none;
7
+ &:active{
8
+ border-color: var(--p-button-primary-active-border-color);
9
+ z-index: 1
10
+ }
11
+ }
12
+ .not-first{
13
+ margin-left: -1px;
14
+ }
15
+ .bg {
16
+ background-color: rgb(230, 242, 243);
17
+ }
18
+
19
+ .panel-box{
20
+ width: calc(100vw - 32px);
21
+ // left: -50vw;
22
+ left: 16px;
23
+ margin-top: 6px;
24
+ background: #fff;
25
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
26
+ .panel-btn {
27
+ border: 1px solid rgb(216, 218, 221);
28
+ border-top: none;
29
+ border-left: none;
30
+ color: var(--ag-text-color);
31
+ &:hover{
32
+ background-color: var(--p-button-outlined-primary-hover-background);
33
+ }
34
+ }
35
+ }
36
+ .txt-color {
37
+ color: var(--p-primary-color);
38
+ }
39
+ .btn:hover{
40
+ // background-color: #e7e9ed;
41
+ background-color: var(--p-button-outlined-primary-hover-background);
42
+ }
43
+
44
+ .first-btn {
45
+ border-radius:var(--p-border-radius-md) 0 0 var(--p-border-radius-md);
46
+ margin-left: 0 !important;
47
+
48
+ // border-left:1px solid rgb(216, 218, 221);
49
+ }
50
+ .last-btn {
51
+ border-radius:0 var(--p-border-radius-md) var(--p-border-radius-md) 0;
52
52
  }
@@ -1,10 +1,10 @@
1
- ::ng-deep {
2
- .p-file-import .p-fileupload-basic {
3
- justify-content: start;
4
- }
5
- }
6
- .btn-link {
7
- color: var(--p-primary-color);
8
- padding: 0.5rem;
9
- }
10
-
1
+ ::ng-deep {
2
+ .p-file-import .p-fileupload-basic {
3
+ justify-content: start;
4
+ }
5
+ }
6
+ .btn-link {
7
+ color: var(--p-primary-color);
8
+ padding: 0.5rem;
9
+ }
10
+
@@ -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,26 +1,26 @@
1
- .log-panel {
2
- color: #334155;
3
- }
4
- .log-item-user {
5
- font-size: 13px;
6
- }
7
- .log-item-time {
8
- color: #989ea6;
9
- font-size: 11px;
10
- }
11
- .log-item-unit {
12
- font-size: 6px;
13
- }
14
- .log-item-content {
15
- padding-top: 1px;
16
- white-space: normal !important;
17
- word-break: break-word !important;
18
- }
19
-
20
- :host ::ng-deep {
21
- .p-avatar-lg {
22
- font-size: 1rem;
23
- background: var(--p-primary-color);
24
- color: #fff;
25
- }
26
- }
1
+ .log-panel {
2
+ color: #334155;
3
+ }
4
+ .log-item-user {
5
+ font-size: 13px;
6
+ }
7
+ .log-item-time {
8
+ color: #989ea6;
9
+ font-size: 11px;
10
+ }
11
+ .log-item-unit {
12
+ font-size: 6px;
13
+ }
14
+ .log-item-content {
15
+ padding-top: 1px;
16
+ white-space: normal !important;
17
+ word-break: break-word !important;
18
+ }
19
+
20
+ :host ::ng-deep {
21
+ .p-avatar-lg {
22
+ font-size: 1rem;
23
+ background: var(--p-primary-color);
24
+ color: #fff;
25
+ }
26
+ }
@@ -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,13 +1,13 @@
1
- .ms-grid {
2
- // height: calc(100vh - 98px);
3
- background-color: #efefef;
4
- // margin: 0 2.5px;
5
- }
6
- .ms-content {
7
- border-top: solid 1px #dbdbdb;
8
- // height: calc(100vh - 98px);
9
- background-color: rgb(249, 250, 251);
10
- }
11
- .mode-hide {
12
- display: none;
1
+ .ms-grid {
2
+ // height: calc(100vh - 98px);
3
+ background-color: #efefef;
4
+ // margin: 0 2.5px;
5
+ }
6
+ .ms-content {
7
+ border-top: solid 1px #dbdbdb;
8
+ // height: calc(100vh - 98px);
9
+ background-color: rgb(249, 250, 251);
10
+ }
11
+ .mode-hide {
12
+ display: none;
13
13
  }
@@ -1 +1 @@
1
- @import '../styles/styles.scss';
1
+ @import '../styles/styles.scss';