hbte-saas-ui 0.0.1

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 (137) hide show
  1. package/.browserslistrc +3 -0
  2. package/.editorconfig +7 -0
  3. package/.env.development +1 -0
  4. package/.env.lib +1 -0
  5. package/.eslintrc.js +14 -0
  6. package/.prettierrc +3 -0
  7. package/README.md +53 -0
  8. package/babel.config.js +3 -0
  9. package/docs/.vuepress/config.js +23 -0
  10. package/docs/.vuepress/styles/index.styl +4 -0
  11. package/docs/AdvQuery.md +26 -0
  12. package/docs/CustomQuery.md +21 -0
  13. package/docs/EditArea.md +16 -0
  14. package/docs/FilterDrop.md +29 -0
  15. package/docs/FullTable.md +68 -0
  16. package/docs/Pagination.md +22 -0
  17. package/docs/QueryForm.md +27 -0
  18. package/docs/README.md +17 -0
  19. package/docs/Table.md +58 -0
  20. package/docs/ToolGroup.md +32 -0
  21. package/examples/App.vue +97 -0
  22. package/examples/image/hb-image-viewer/3k.jpg +0 -0
  23. package/examples/image/hb-image-viewer/a.jpg +0 -0
  24. package/examples/image/hb-image-viewer/b.jpg +0 -0
  25. package/examples/main.js +39 -0
  26. package/examples/mock/authority.js +1108 -0
  27. package/examples/mock/dept.js +4001 -0
  28. package/examples/mock/fulltable.js +407 -0
  29. package/examples/mock/organizeData.js +18965 -0
  30. package/examples/router/index.js +111 -0
  31. package/examples/views/ElementCpTest.vue +299 -0
  32. package/examples/views/Fragment.vue +196 -0
  33. package/examples/views/HBAdvQuery.vue +150 -0
  34. package/examples/views/HBAuthority.vue +339 -0
  35. package/examples/views/HBDialog.vue +39 -0
  36. package/examples/views/HBEditarea.vue +350 -0
  37. package/examples/views/HBFilterDrop.vue +72 -0
  38. package/examples/views/HBFloatFooter.vue +42 -0
  39. package/examples/views/HBFullTable.vue +751 -0
  40. package/examples/views/HBImageViewer.vue +57 -0
  41. package/examples/views/HBNavMenu.vue +37 -0
  42. package/examples/views/HBOrganizeDialog.vue +133 -0
  43. package/examples/views/HBPagination.vue +80 -0
  44. package/examples/views/HBSelectVague.vue +57 -0
  45. package/examples/views/HBToolgroup.vue +29 -0
  46. package/examples/views/HBTopBar.vue +16 -0
  47. package/lib/demo.html +10 -0
  48. package/lib/fonts/iconfont.9e99af35.ttf +0 -0
  49. package/lib/hbte-ui.common.js +38291 -0
  50. package/lib/hbte-ui.css +1 -0
  51. package/lib/hbte-ui.umd.js +38301 -0
  52. package/lib/hbte-ui.umd.min.js +21 -0
  53. package/lib/img/nodata.f87d17c1.png +0 -0
  54. package/lib/img/user-logo--default.a53bd193.png +0 -0
  55. package/package.json +40 -0
  56. package/packages/adv-query/index.js +5 -0
  57. package/packages/adv-query/src/main.vue +294 -0
  58. package/packages/area-select/index.js +7 -0
  59. package/packages/area-select/src/main.vue +37 -0
  60. package/packages/authority/index.js +5 -0
  61. package/packages/authority/src/main.vue +606 -0
  62. package/packages/config.js +3 -0
  63. package/packages/custom-query/index.js +5 -0
  64. package/packages/custom-query/src/main.vue +80 -0
  65. package/packages/dialog/index.js +7 -0
  66. package/packages/dialog/src/main.vue +176 -0
  67. package/packages/edit-area/index.js +13 -0
  68. package/packages/edit-area/src/config.js +3 -0
  69. package/packages/edit-area/src/main.vue +304 -0
  70. package/packages/edit-area/src/simulateEvent.js +219 -0
  71. package/packages/filter-drop/index.js +6 -0
  72. package/packages/filter-drop/src/main.vue +107 -0
  73. package/packages/float-footer/index.js +7 -0
  74. package/packages/float-footer/src/main.vue +40 -0
  75. package/packages/fragment/index.js +7 -0
  76. package/packages/fragment/src/main.vue +74 -0
  77. package/packages/fragment/src/old.vue +144 -0
  78. package/packages/full-table/index.js +6 -0
  79. package/packages/full-table/src/config.js +14 -0
  80. package/packages/full-table/src/main.vue +141 -0
  81. package/packages/image-viewer/index.js +8 -0
  82. package/packages/image-viewer/src/main.js +14 -0
  83. package/packages/image-viewer/src/main.vue +138 -0
  84. package/packages/image-viewer/src/svg/cancel.svg +2 -0
  85. package/packages/image-viewer/src/svg/delete.svg +2 -0
  86. package/packages/image-viewer/src/svg/download.svg +2 -0
  87. package/packages/image-viewer/src/svg/rotate.svg +77 -0
  88. package/packages/image-viewer/src/svg/scaledown.svg +71 -0
  89. package/packages/image-viewer/src/svg/scaleup.svg +72 -0
  90. package/packages/index.js +43 -0
  91. package/packages/nav-menu/index.js +7 -0
  92. package/packages/nav-menu/src/main.vue +277 -0
  93. package/packages/organize-dialog/index.js +5 -0
  94. package/packages/organize-dialog/src/main.vue +427 -0
  95. package/packages/pagination/index.js +6 -0
  96. package/packages/pagination/src/main.vue +145 -0
  97. package/packages/query-form/index.js +5 -0
  98. package/packages/query-form/src/main.vue +142 -0
  99. package/packages/select-vague/index.js +5 -0
  100. package/packages/select-vague/src/main.vue +80 -0
  101. package/packages/table/index.js +5 -0
  102. package/packages/table/src/main.vue +265 -0
  103. package/packages/theme-chalk/adv-query.scss +107 -0
  104. package/packages/theme-chalk/authority.scss +103 -0
  105. package/packages/theme-chalk/common/elementCover.scss +722 -0
  106. package/packages/theme-chalk/common/flex.scss +66 -0
  107. package/packages/theme-chalk/common/global.scss +147 -0
  108. package/packages/theme-chalk/common/reset.scss +92 -0
  109. package/packages/theme-chalk/common/var.scss +46 -0
  110. package/packages/theme-chalk/custom-query.scss +10 -0
  111. package/packages/theme-chalk/dialog.scss +9 -0
  112. package/packages/theme-chalk/edit-area.scss +119 -0
  113. package/packages/theme-chalk/filter-drop.scss +81 -0
  114. package/packages/theme-chalk/float-footer.scss +14 -0
  115. package/packages/theme-chalk/fonts/iconfont.ttf +0 -0
  116. package/packages/theme-chalk/fragment.scss +51 -0
  117. package/packages/theme-chalk/full-table.scss +40 -0
  118. package/packages/theme-chalk/icon.scss +96 -0
  119. package/packages/theme-chalk/image-viewer.scss +94 -0
  120. package/packages/theme-chalk/images/company-logo--default.png +0 -0
  121. package/packages/theme-chalk/images/nodata.png +0 -0
  122. package/packages/theme-chalk/images/user-logo--default.png +0 -0
  123. package/packages/theme-chalk/index.scss +21 -0
  124. package/packages/theme-chalk/nav-menu.scss +205 -0
  125. package/packages/theme-chalk/organize-dialog.scss +170 -0
  126. package/packages/theme-chalk/pagination.scss +91 -0
  127. package/packages/theme-chalk/select.scss +8 -0
  128. package/packages/theme-chalk/table.scss +102 -0
  129. package/packages/theme-chalk/tool-group.scss +105 -0
  130. package/packages/theme-chalk/top-bar.scss +195 -0
  131. package/packages/tool-group/index.js +13 -0
  132. package/packages/tool-group/src/config.js +40 -0
  133. package/packages/tool-group/src/main.vue +93 -0
  134. package/packages/top-bar/index.js +7 -0
  135. package/packages/top-bar/src/main.vue +280 -0
  136. package/public/index.html +20 -0
  137. package/vue.config.js +6 -0
package/packages/theme-chalk/adv-query.scss ADDED
@@ -0,0 +1,107 @@
1
+ @import "common/var.scss";
2
+
3
+ .hb-advquery {
4
+ // height: 44px;
5
+ &-handles {
6
+ display: flex;
7
+ justify-content: space-around;
8
+ }
9
+ &__tools {
10
+ flex: 1;
11
+ }
12
+ &-query-btn {
13
+ display: flex;
14
+ padding: 10px 0;
15
+ justify-content: space-around;
16
+ margin-left: 10px;
17
+ :hover,
18
+ :focus {
19
+ border-color: #488af8 !important;
20
+ background-color: #fff !important;
21
+ color: #488af8 !important;
22
+ }
23
+ &__item {
24
+ i {
25
+ font-size: 12px !important;
26
+ }
27
+ }
28
+ &__custom {
29
+ margin-left: 10px;
30
+ margin-right: 10px;
31
+ height: 22px;
32
+ border: 1px solid $defaultBorderColor;
33
+ border-radius: 2px;
34
+ padding: 0 10px;
35
+ font-size: 12px;
36
+ line-height: 22px;
37
+ color: $mainColor;
38
+ background-color: #ffffff;
39
+ cursor: pointer;
40
+ &__dropdown-item {
41
+ margin-right: 10px;
42
+ }
43
+ &__handle-btn {
44
+ float: right;
45
+ padding-top: 8px;
46
+ }
47
+ }
48
+ }
49
+ &-form {
50
+ border-radius: 4px;
51
+ background-color: #fff;
52
+ border: 1px solid #eee;
53
+ max-height: 0;
54
+ // display: none;
55
+ overflow: hidden;
56
+ &__content {
57
+ padding: 20px 20px 0 20px;
58
+ }
59
+ &__row {
60
+ display: flex;
61
+ flex-wrap: wrap;
62
+ justify-content: flex-start;
63
+ // :before {
64
+ // display: none;
65
+ // }
66
+ }
67
+ &__item {
68
+ margin-right: 40px;
69
+ width: 280px;
70
+ }
71
+ &-extend {
72
+ margin-bottom: 10px;
73
+ max-height: max-content;
74
+ }
75
+ &-unextend {
76
+ border-width: 0 1px;
77
+ border-color: #eee;
78
+ }
79
+ // .el-input {
80
+ // width: 280px !important;
81
+ // }
82
+ }
83
+ &-search-button {
84
+ line-height: 80px;
85
+
86
+ margin-left: auto;
87
+ margin-right: 10px;
88
+
89
+ &__extend {
90
+ width: 30px;
91
+ padding: 6px !important;
92
+ border-radius: 4px !important;
93
+ }
94
+ &__btn {
95
+ border-radius: 4px !important;
96
+ }
97
+ }
98
+ .el-button.hb-advquery-search-button__btn {
99
+ border-radius: 4px !important;
100
+ }
101
+
102
+ .hb-toolgroup {
103
+ &-btn {
104
+ padding: 0 4px 0 24px;
105
+ }
106
+ }
107
+ }
package/packages/theme-chalk/authority.scss ADDED
@@ -0,0 +1,103 @@
1
+ @import "common/var.scss";
2
+
3
+ .hb-authority {
4
+ display: flex;
5
+ height: 100%;
6
+ .hb-authority-role-list {
7
+ position: relative;
8
+ background: #fff;
9
+ border-radius: 4px;
10
+ width: 200px;
11
+ margin-right: 10px;
12
+ flex-grow: 0;
13
+ padding: 20px 0;
14
+ .title {
15
+ font-size: $titleFontSize;
16
+ padding: 0 0 14px 20px;
17
+ }
18
+ .list {
19
+ overflow: auto;
20
+ height: calc(100% - 70px);
21
+ overflow: auto;
22
+ .active.item {
23
+ background-color: $plainPrimaryBg;
24
+ border-left: 3px solid $primaryBg;
25
+ padding-left: 17px;
26
+ color: $primaryBg;
27
+ }
28
+ .item {
29
+ cursor: pointer;
30
+ display: flex;
31
+ justify-content: space-between;
32
+ height: 34px;
33
+ line-height: 34px;
34
+ padding-left: 20px;
35
+ color: $subColor1;
36
+ &:hover {
37
+ background-color: #f5f7fa;
38
+ }
39
+ .edit {
40
+ padding-right: 8px;
41
+ .el-dropdown-link {
42
+ color: $subColor3;
43
+ }
44
+ }
45
+ p {
46
+ width: 155px;
47
+ overflow: hidden;
48
+ text-overflow: ellipsis;
49
+ white-space: nowrap;
50
+ }
51
+ }
52
+ }
53
+ .add-role {
54
+ position: absolute;
55
+ bottom: 20px;
56
+ width: 100%;
57
+ text-align: center;
58
+ button {
59
+ width: 140px;
60
+ }
61
+ }
62
+ }
63
+ .hb-authority-config {
64
+ overflow: hidden;
65
+ position: relative;
66
+ flex-grow: 1;
67
+ background: #fff;
68
+ border-radius: 4px;
69
+ .el-tabs {
70
+ height: 100%;
71
+ .el-tabs__content {
72
+ height: calc(100% - 125px);
73
+ overflow: auto;
74
+ .role-pane {
75
+ display: flex;
76
+ align-items: center;
77
+ .el-tag {
78
+ margin-right: 10px;
79
+ margin-bottom: 10px;
80
+ }
81
+ .el-button {
82
+ font-size: 13px;
83
+ height: 26px;
84
+ margin-bottom: 10px;
85
+ span {
86
+ padding-left: 6px;
87
+ }
88
+ }
89
+ }
90
+ }
91
+ }
92
+ .el-tabs__content {
93
+ .permission-box .el-checkbox__label {
94
+ font-weight: normal;
95
+ }
96
+ }
97
+ }
98
+ }
99
+ .hb-authority-dropdown {
100
+ margin: 0 -20px;
101
+ width: 60px;
102
+ text-align: center;
103
+ }