hc-basic 1.0.3 → 1.1.0

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 (5) hide show
  1. package/lib/hc-basic.css +1 -1
  2. package/lib/hc-basic.umd.min.js +4 -4
  3. package/package.json +9 -9
  4. package/scss/common/_components.scss +130 -127
  5. package/vue.config.js +4 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hc-basic",
3
- "version": "1.0.3",
3
+ "version": "1.1.0",
4
4
  "author": "yangxiong",
5
5
  "description": "基于VUE + elementUI 公共内容库",
6
6
  "main": "lib/hc-basic.umd.min.js",
@@ -20,12 +20,13 @@
20
20
  "serve": "vue-cli-service serve --mode test",
21
21
  "build": "vue-cli-service build",
22
22
  "lib": "vue-cli-service build --target lib --name hc-basic --dest lib packages/index.js",
23
- "eslint": "prettier-eslint --write \"packages/**/*.{js,jsx,ts,tsx,json,vue,css,scss,less,md}\""
23
+ "eslint": "prettier-eslint --write \"examples/**/*.{js,jsx,ts,tsx,json,vue,css,scss,less,md}\""
24
24
  },
25
25
  "dependencies": {
26
26
  "axios": "^0.19.2",
27
27
  "core-js": "^3.4.3",
28
28
  "crypto-js": "^4.0.0",
29
+ "deepmerge": "^1.2.0",
29
30
  "element-ui": "^2.15.6",
30
31
  "jsencrypt": "^3.0.0-rc.1",
31
32
  "less-loader": "^5.0.0",
@@ -34,7 +35,6 @@
34
35
  "v-hotkey": "^0.8.0",
35
36
  "vue": "^2.6.10",
36
37
  "vue-router": "3.0.7",
37
- "deepmerge": "^1.2.0",
38
38
  "vuex": "^3.1.2"
39
39
  },
40
40
  "devDependencies": {
@@ -47,17 +47,17 @@
47
47
  "babel-eslint": "^10.0.3",
48
48
  "element-theme-chalk": "^2.13.0",
49
49
  "es6-promise": "^4.2.8",
50
- "eslint": "^5.16.0",
51
- "eslint-config-prettier": "^6.11.0",
52
- "eslint-plugin-prettier": "^3.1.4",
53
- "eslint-plugin-vue": "^7.0.0-alpha.6",
54
50
  "husky": "^4.2.5",
55
51
  "lint-staged": "^10.2.9",
56
52
  "node-sass": "^4.14.1",
53
+ "sass-loader": "^8.0.0",
54
+ "vue-template-compiler": "^2.6.10",
55
+ "eslint": "^6.8.0",
56
+ "eslint-config-prettier": "^6.11.0",
57
+ "eslint-plugin-prettier": "^3.1.4",
58
+ "eslint-plugin-vue": "^7.0.0-alpha.6",
57
59
  "prettier": "^2.0.5",
58
60
  "prettier-eslint-cli": "^5.0.0",
59
- "sass-loader": "^7.3.1",
60
- "vue-template-compiler": "^2.6.10",
61
61
  "webpack": "^4.41.2"
62
62
  },
63
63
  "husky": {
package/scss/common/_components.scss CHANGED
@@ -1,149 +1,152 @@
1
1
  // 自定义dialog高度
2
2
  .calcDialog {
3
- .el-dialog {
4
- position: relative;
5
- height: calc(100% - 150px);
6
- .el-dialog__body {
7
- height: calc(100% - 130px);
8
- overflow: auto;
9
- }
10
- .el-dialog__footer {
11
- position: absolute;
12
- bottom: 0;
13
- width: 100%;
14
- display: flex;
15
- justify-content: flex-end;
16
- padding: 10px 24px;
17
- background: #fff;
18
- box-shadow: rgba(0, 0, 0, 0.15) 0px -2px 8px 0px;
19
- }
20
- }
3
+ .el-dialog {
4
+ position: relative;
5
+ height: calc(100% - 150px);
6
+ .el-dialog__body {
7
+ height: calc(100% - 130px);
8
+ overflow: auto;
9
+ }
10
+ .el-dialog__footer {
11
+ position: absolute;
12
+ bottom: 0;
13
+ width: 100%;
14
+ display: flex;
15
+ justify-content: flex-end;
16
+ padding: 10px 24px;
17
+ background: #fff;
18
+ box-shadow: rgba(0, 0, 0, 0.15) 0px -2px 8px 0px;
19
+ }
20
+ }
21
+ }
22
+ .treeOperationPopper {
23
+ min-width: 40px !important;
24
+ padding: 0 !important;
21
25
  }
22
26
 
23
27
  .hcFormItem {
24
- .formButtonRight {
25
- display: flex;
26
- justify-content: flex-end;
28
+ .formButtonRight {
29
+ display: flex;
30
+ justify-content: flex-end;
27
31
 
28
- .el-form-item__content {
29
- padding-right: 0;
30
- }
31
- }
32
- .el-input-number .el-input__inner {
33
- text-align: left;
34
- }
32
+ .el-form-item__content {
33
+ padding-right: 0;
34
+ }
35
+ }
36
+ .el-input-number .el-input__inner {
37
+ text-align: left;
38
+ }
35
39
  }
36
40
  .hc-frame {
37
- .hcMenu {
38
- border-right: none;
39
- }
40
- .el-tabs__header {
41
- margin: 0;
42
- }
43
- .el-tabs__active-bar {
44
- background-color: transparent;
45
- }
46
- .contentMaxs {
47
- transition: all 0.15s;
48
- }
49
- .el-tabs__nav-wrap::after {
50
- background: none;
51
- }
52
- .el-tabs__item.is-closable {
53
- .el-icon-close {
54
- display: none;
55
- }
56
- }
57
- .el-tabs__item.is-closable:hover {
58
- .el-icon-close {
59
- display: inline-block;
60
- }
61
- }
62
- .el-tabs__item.is-active.is-closable {
63
- .el-icon-close {
64
- display: inline-block;
65
- }
66
- }
41
+ .hcMenu {
42
+ border-right: none;
43
+ }
44
+ .el-tabs__header {
45
+ margin: 0;
46
+ }
47
+ .el-tabs__active-bar {
48
+ background-color: transparent;
49
+ }
50
+ .contentMaxs {
51
+ transition: all 0.15s;
52
+ }
53
+ .el-tabs__nav-wrap::after {
54
+ background: none;
55
+ }
56
+ .el-tabs__item.is-closable {
57
+ .el-icon-close {
58
+ display: none;
59
+ }
60
+ }
61
+ .el-tabs__item.is-closable:hover {
62
+ .el-icon-close {
63
+ display: inline-block;
64
+ }
65
+ }
66
+ .el-tabs__item.is-active.is-closable {
67
+ .el-icon-close {
68
+ display: inline-block;
69
+ }
70
+ }
67
71
  }
68
72
 
69
73
  .hcSelectTreeOption.el-select-dropdown__item {
70
- padding: 0 !important;
71
- height: 200px;
74
+ padding: 0 !important;
75
+ height: 200px;
72
76
  }
73
77
  // 本项目扩展公共样式
74
78
  .hc-svg {
75
- &.color-text-primary-icon {
76
- fill: $--color-text-primary-hc;
77
- }
78
- &.color-primary-icon {
79
- fill: $--color-primary-hc;
80
- }
81
- &.color-success-icon {
82
- fill: $--color-success-hc;
83
- }
84
- &.color-warning-icon {
85
- fill: $--color-warning-hc;
86
- }
87
- &.color-info-icon {
88
- fill: $--color-info-hc;
89
- }
90
- &.color-danger-icon {
91
- fill: $--color-danger-hc;
92
- }
93
- &.color-text-regular-icon {
94
- fill: $--color-text-regular-hc;
95
- }
96
- &.color-text-secondary-icon {
97
- fill: $--color-text-secondary-hc;
98
- }
99
- &.color-text-placeholder-icon {
100
- fill: $--color-text-placeholder-hc;
101
- }
102
- &.color-text-white-icon {
103
- fill: $--color-white;
104
- }
79
+ &.color-text-primary-icon {
80
+ fill: $--color-text-primary-hc;
81
+ }
82
+ &.color-primary-icon {
83
+ fill: $--color-primary-hc;
84
+ }
85
+ &.color-success-icon {
86
+ fill: $--color-success-hc;
87
+ }
88
+ &.color-warning-icon {
89
+ fill: $--color-warning-hc;
90
+ }
91
+ &.color-info-icon {
92
+ fill: $--color-info-hc;
93
+ }
94
+ &.color-danger-icon {
95
+ fill: $--color-danger-hc;
96
+ }
97
+ &.color-text-regular-icon {
98
+ fill: $--color-text-regular-hc;
99
+ }
100
+ &.color-text-secondary-icon {
101
+ fill: $--color-text-secondary-hc;
102
+ }
103
+ &.color-text-placeholder-icon {
104
+ fill: $--color-text-placeholder-hc;
105
+ }
106
+ &.color-text-white-icon {
107
+ fill: $--color-white;
108
+ }
105
109
  }
106
110
 
107
111
  .animate-width {
108
- transition: width 0.5s;
109
- -moz-transition: width 0.5s; /* Firefox 4 */
110
- -webkit-transition: width 0.5s; /* Safari and Chrome */
111
- -o-transition: width 0.5s; /* Opera */
112
+ transition: width 0.5s;
113
+ -moz-transition: width 0.5s; /* Firefox 4 */
114
+ -webkit-transition: width 0.5s; /* Safari and Chrome */
115
+ -o-transition: width 0.5s; /* Opera */
112
116
  }
113
117
  .animate-height {
114
- transition: height 0.5s;
115
- -moz-transition: height 0.5s; /* Firefox 4 */
116
- -webkit-transition: height 0.5s; /* Safari and Chrome */
117
- -o-transition: height 0.5s; /* Opera */
118
+ transition: height 0.5s;
119
+ -moz-transition: height 0.5s; /* Firefox 4 */
120
+ -webkit-transition: height 0.5s; /* Safari and Chrome */
121
+ -o-transition: height 0.5s; /* Opera */
118
122
  }
119
123
  .hcRightMenu {
120
- width: 150px;
121
- @extend .bg-default;
122
- @extend .shadow-basic;
123
- @extend .cursor-pointer;
124
- @extend .text-14;
125
- @extend .radius;
126
- color: #333;
127
- position: fixed;
128
- z-index: 99999;
129
- .hcRightMenuChild {
130
- @extend .pl-12;
131
- @extend .py-8;
132
- @extend .border-bottom;
133
- overflow: hidden;
134
- text-overflow: ellipsis;
135
- white-space: nowrap;
136
- margin-block-start: 0em;
137
- margin-block-end: 0em;
138
- -webkit-touch-callout: none;
139
- -webkit-user-select: none;
140
- -khtml-user-select: none;
141
- -moz-user-select: none;
142
- -ms-user-select: none;
143
- user-select: none;
144
- &:hover{
145
- @extend .bg-info-10;
146
- }
147
- }
124
+ width: 150px;
125
+ @extend .bg-default;
126
+ @extend .shadow-basic;
127
+ @extend .cursor-pointer;
128
+ @extend .text-14;
129
+ @extend .radius;
130
+ color: #333;
131
+ position: fixed;
132
+ z-index: 99999;
133
+ .hcRightMenuChild {
134
+ @extend .pl-12;
135
+ @extend .py-8;
136
+ @extend .border-bottom;
137
+ overflow: hidden;
138
+ text-overflow: ellipsis;
139
+ white-space: nowrap;
140
+ margin-block-start: 0em;
141
+ margin-block-end: 0em;
142
+ -webkit-touch-callout: none;
143
+ -webkit-user-select: none;
144
+ -khtml-user-select: none;
145
+ -moz-user-select: none;
146
+ -ms-user-select: none;
147
+ user-select: none;
148
+ &:hover {
149
+ @extend .bg-info-10;
150
+ }
151
+ }
148
152
  }
149
-
package/vue.config.js CHANGED
@@ -23,8 +23,7 @@ module.exports = {
23
23
  });
24
24
  },
25
25
  devServer: {
26
- host: '0.0.0.0',
27
- port: '8081',
26
+ port: '8080',
28
27
  disableHostCheck: true,
29
28
  https: false,
30
29
  hotOnly: false,
@@ -35,8 +34,8 @@ module.exports = {
35
34
  // target: 'http://121.36.53.143:3100/mock/27/', // YAPI
36
35
  // target: 'http://wuhm.free.svipss.top/',
37
36
  changeOrigin: true, //是否允许跨域
38
- secure: false,
39
- },
37
+ secure: false
38
+ }
40
39
  }
41
- },
40
+ }
42
41
  };