@aplus-frontend/ui 6.16.0 → 6.17.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.
- package/es/index.mjs +83 -81
- package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue.d.ts +124 -0
- package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue.mjs +4 -0
- package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue2.mjs +194 -0
- package/es/src/business/ap-draggable-grid/constans.d.ts +40 -0
- package/es/src/business/ap-draggable-grid/constans.mjs +41 -0
- package/es/src/business/ap-draggable-grid/index.d.ts +197 -0
- package/es/src/business/ap-draggable-grid/index.mjs +8 -0
- package/es/src/business/ap-draggable-grid/interface.d.ts +14 -0
- package/es/src/business/ap-draggable-grid/interface.mjs +1 -0
- package/es/src/business/ap-draggable-grid/style/css.d.ts +0 -0
- package/es/src/business/ap-draggable-grid/style/css.js +1 -0
- package/es/src/business/ap-draggable-grid/style/index.d.ts +0 -0
- package/es/src/business/ap-draggable-grid/style/index.js +1 -0
- package/es/src/business/index.d.ts +1 -0
- package/es/src/business/index.mjs +20 -18
- package/es/src/index.mjs +59 -57
- package/es/src/path-map.mjs +2 -1
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/index.js +1 -1
- package/lib/src/business/ap-draggable-grid/ApDraggableGrid.vue.d.ts +124 -0
- package/lib/src/business/ap-draggable-grid/ApDraggableGrid.vue.js +1 -0
- package/lib/src/business/ap-draggable-grid/ApDraggableGrid.vue2.js +1 -0
- package/lib/src/business/ap-draggable-grid/constans.d.ts +40 -0
- package/lib/src/business/ap-draggable-grid/constans.js +1 -0
- package/lib/src/business/ap-draggable-grid/index.d.ts +197 -0
- package/lib/src/business/ap-draggable-grid/index.js +1 -0
- package/lib/src/business/ap-draggable-grid/interface.d.ts +14 -0
- package/lib/src/business/ap-draggable-grid/interface.js +1 -0
- package/lib/src/business/ap-draggable-grid/style/css.cjs +1 -0
- package/lib/src/business/ap-draggable-grid/style/css.d.ts +0 -0
- package/lib/src/business/ap-draggable-grid/style/index.cjs +1 -0
- package/lib/src/business/ap-draggable-grid/style/index.d.ts +0 -0
- package/lib/src/business/index.d.ts +1 -0
- package/lib/src/business/index.js +1 -1
- package/lib/src/index.js +1 -1
- package/lib/src/path-map.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +2 -28
- package/theme/ap-draggable-grid/ap-draggable-grid.css +82 -0
- package/theme/ap-draggable-grid/ap-draggable-grid.less +38 -0
- package/theme/index.css +36 -0
- package/theme/index.less +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.17.0",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -14,32 +14,6 @@
|
|
|
14
14
|
"ant-design-vue",
|
|
15
15
|
"ui-components"
|
|
16
16
|
],
|
|
17
|
-
"release-it": {
|
|
18
|
-
"git": {
|
|
19
|
-
"commitMessage": "chore: release ${npm.name} ${version}",
|
|
20
|
-
"tagName": "${npm.name}-v${version}",
|
|
21
|
-
"commitArgs": [
|
|
22
|
-
"--no-verify"
|
|
23
|
-
]
|
|
24
|
-
},
|
|
25
|
-
"github": {
|
|
26
|
-
"release": false
|
|
27
|
-
},
|
|
28
|
-
"npm": {
|
|
29
|
-
"publish": false
|
|
30
|
-
},
|
|
31
|
-
"plugins": {
|
|
32
|
-
"@release-it/conventional-changelog": {
|
|
33
|
-
"preset": "angular",
|
|
34
|
-
"infile": false
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
"hooks": {
|
|
38
|
-
"after:init": "echo Start publish ${npm.name}.",
|
|
39
|
-
"after:git:release": "gulp -f ./script/build/index.ts",
|
|
40
|
-
"after:release": "pnpm run pub:cb && pnpm send:changelog"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
17
|
"sideEffects": [
|
|
44
18
|
"**/*.css",
|
|
45
19
|
"**/style/*.js"
|
|
@@ -80,6 +54,7 @@
|
|
|
80
54
|
"axios": "^1.7.2",
|
|
81
55
|
"csstype": "^3.1.3",
|
|
82
56
|
"jsdom": "^25.0.0",
|
|
57
|
+
"unified": "^11.0.5",
|
|
83
58
|
"vue": "^3.5.14",
|
|
84
59
|
"vue-types": "3.0.2",
|
|
85
60
|
"@aplus-frontend/ui-theme": "1.0.25"
|
|
@@ -94,7 +69,6 @@
|
|
|
94
69
|
"release:minor:beta": "release-it minor --preRelease=beta",
|
|
95
70
|
"release:patch:beta": "release-it patch --preRelease=beta",
|
|
96
71
|
"generate:version": "gulp -f ./script/generate-version.ts",
|
|
97
|
-
"send:changelog": "gulp -f ./script/send-changelog.ts",
|
|
98
72
|
"lint": "vue-tsc --noEmit && eslint \"./src/**/*.{js,jsx,ts,tsx,vue}\""
|
|
99
73
|
},
|
|
100
74
|
"module": "./es/index.mjs",
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
.reset-component {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
margin: 0;
|
|
4
|
+
padding: 0;
|
|
5
|
+
color: #182948;
|
|
6
|
+
font-size: 12px;
|
|
7
|
+
font-family: inherit;
|
|
8
|
+
line-height: 18px;
|
|
9
|
+
list-style: none;
|
|
10
|
+
}
|
|
11
|
+
.reset-scrollbar ::-webkit-scrollbar {
|
|
12
|
+
width: 10px;
|
|
13
|
+
height: 10px;
|
|
14
|
+
}
|
|
15
|
+
.reset-scrollbar ::-webkit-scrollbar-thumb {
|
|
16
|
+
background-color: var(--ap-scrollbar-thumb-color-base);
|
|
17
|
+
background-clip: content-box;
|
|
18
|
+
border: 1px solid transparent;
|
|
19
|
+
border-radius: 4px;
|
|
20
|
+
}
|
|
21
|
+
.reset-scrollbar ::-webkit-scrollbar-track,
|
|
22
|
+
.reset-scrollbar ::-webkit-scrollbar-corner {
|
|
23
|
+
background-color: var(--ap-table-header-bg, #f2f6f9);
|
|
24
|
+
}
|
|
25
|
+
.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
|
|
26
|
+
.reset-scrollbar ::-webkit-scrollbar-thumb:active {
|
|
27
|
+
background-color: var(--ap-scrollbar-thumb-color-hover);
|
|
28
|
+
}
|
|
29
|
+
.clear-fix::before {
|
|
30
|
+
display: table;
|
|
31
|
+
content: '';
|
|
32
|
+
}
|
|
33
|
+
.clear-fix::after {
|
|
34
|
+
display: table;
|
|
35
|
+
clear: both;
|
|
36
|
+
content: '';
|
|
37
|
+
}
|
|
38
|
+
.common-style {
|
|
39
|
+
box-sizing: border-box;
|
|
40
|
+
font-size: 12px;
|
|
41
|
+
font-family: inherit;
|
|
42
|
+
}
|
|
43
|
+
.common-style::before,
|
|
44
|
+
.common-style::after {
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
}
|
|
47
|
+
.aplus-ap-draggable-grid {
|
|
48
|
+
display: grid;
|
|
49
|
+
grid-template-columns: repeat(24, 1fr);
|
|
50
|
+
/* 固定24列布局 */
|
|
51
|
+
width: 100%;
|
|
52
|
+
padding: 20px;
|
|
53
|
+
box-sizing: border-box;
|
|
54
|
+
}
|
|
55
|
+
.aplus-ap-draggable-grid__item {
|
|
56
|
+
background: #fff;
|
|
57
|
+
border-radius: 8px;
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
justify-content: center;
|
|
61
|
+
transition: all 0.3s ease;
|
|
62
|
+
overflow: hidden;
|
|
63
|
+
}
|
|
64
|
+
.aplus-ap-draggable-grid--dragging {
|
|
65
|
+
cursor: move;
|
|
66
|
+
}
|
|
67
|
+
.aplus-ap-draggable-grid__dragging {
|
|
68
|
+
opacity: 0.5;
|
|
69
|
+
transform: scale(0.98);
|
|
70
|
+
z-index: 999;
|
|
71
|
+
}
|
|
72
|
+
.aplus-ap-draggable-grid__overlay {
|
|
73
|
+
background: #94bff8;
|
|
74
|
+
border: 2px dashed #e0ebfa;
|
|
75
|
+
}
|
|
76
|
+
.aplus-ap-draggable-grid-loading {
|
|
77
|
+
display: flex;
|
|
78
|
+
align-items: center;
|
|
79
|
+
justify-content: center;
|
|
80
|
+
min-height: 200px;
|
|
81
|
+
padding: 20px;
|
|
82
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
@import '../mixins/mixins.less';
|
|
2
|
+
@import '../mixins/config.less';
|
|
3
|
+
|
|
4
|
+
.b('ap-draggable-grid', {
|
|
5
|
+
display: grid;
|
|
6
|
+
grid-template-columns: repeat(24, 1fr); /* 固定24列布局 */
|
|
7
|
+
width: 100%;
|
|
8
|
+
padding: 20px;
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
&__item{
|
|
11
|
+
background: #fff;
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
transition: all 0.3s ease;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
&--dragging {
|
|
20
|
+
cursor: move;
|
|
21
|
+
}
|
|
22
|
+
&__dragging {
|
|
23
|
+
opacity: 0.5;
|
|
24
|
+
transform: scale(0.98);
|
|
25
|
+
z-index: 999;
|
|
26
|
+
}
|
|
27
|
+
&__overlay {
|
|
28
|
+
background: #94bff8;
|
|
29
|
+
border: 2px dashed #e0ebfa;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
.b('ap-draggable-grid-loading',{
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
justify-content: center;
|
|
36
|
+
min-height: 200px;
|
|
37
|
+
padding:20px;
|
|
38
|
+
});
|
package/theme/index.css
CHANGED
|
@@ -4106,3 +4106,39 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
|
|
|
4106
4106
|
.aplus-ap-drawer-close:hover .aplus-frontend-icon {
|
|
4107
4107
|
color: var(--ap-color-error, #FF4D4F);
|
|
4108
4108
|
}
|
|
4109
|
+
.aplus-ap-draggable-grid {
|
|
4110
|
+
display: grid;
|
|
4111
|
+
grid-template-columns: repeat(24, 1fr);
|
|
4112
|
+
/* 固定24列布局 */
|
|
4113
|
+
width: 100%;
|
|
4114
|
+
padding: 20px;
|
|
4115
|
+
box-sizing: border-box;
|
|
4116
|
+
}
|
|
4117
|
+
.aplus-ap-draggable-grid__item {
|
|
4118
|
+
background: #fff;
|
|
4119
|
+
border-radius: 8px;
|
|
4120
|
+
display: flex;
|
|
4121
|
+
align-items: center;
|
|
4122
|
+
justify-content: center;
|
|
4123
|
+
transition: all 0.3s ease;
|
|
4124
|
+
overflow: hidden;
|
|
4125
|
+
}
|
|
4126
|
+
.aplus-ap-draggable-grid--dragging {
|
|
4127
|
+
cursor: move;
|
|
4128
|
+
}
|
|
4129
|
+
.aplus-ap-draggable-grid__dragging {
|
|
4130
|
+
opacity: 0.5;
|
|
4131
|
+
transform: scale(0.98);
|
|
4132
|
+
z-index: 999;
|
|
4133
|
+
}
|
|
4134
|
+
.aplus-ap-draggable-grid__overlay {
|
|
4135
|
+
background: #94bff8;
|
|
4136
|
+
border: 2px dashed #e0ebfa;
|
|
4137
|
+
}
|
|
4138
|
+
.aplus-ap-draggable-grid-loading {
|
|
4139
|
+
display: flex;
|
|
4140
|
+
align-items: center;
|
|
4141
|
+
justify-content: center;
|
|
4142
|
+
min-height: 200px;
|
|
4143
|
+
padding: 20px;
|
|
4144
|
+
}
|
package/theme/index.less
CHANGED