@ldmjs/ui 1.0.0-dev-8 → 1.0.0-dev-9
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/README.md +22 -6
- package/dist/index.d.ts +4 -0
- package/dist/index.js +1274 -36
- package/dist/scss/_inputs.scss +162 -0
- package/dist/scss/index.scss +1 -0
- package/dist/types/options.d.ts +6 -5
- package/package.json +91 -65
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
.small-input {
|
|
2
|
+
.v-text-field__prefix {
|
|
3
|
+
min-height: var(--input-height);
|
|
4
|
+
padding: 0 0 0 8px;
|
|
5
|
+
|
|
6
|
+
.v-text-field__prefix__text {
|
|
7
|
+
margin: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
& + input.v-field__input {
|
|
11
|
+
padding-left: 0px !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&.v-field {
|
|
16
|
+
background-color: var(--white);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
& .v-field__input {
|
|
20
|
+
min-height: var(--input-height);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.password {
|
|
24
|
+
.v-field__input {
|
|
25
|
+
font-size: var(--title-font-size) !important;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&:not(.v-combobox):not(.v-select) {
|
|
30
|
+
.v-field__input {
|
|
31
|
+
height: var(--input-height);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.v-field-label:not(.v-field-label--floating) {
|
|
36
|
+
transform: unset !important;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
body {
|
|
41
|
+
.v-field {
|
|
42
|
+
font-size: var(--font-size) !important;
|
|
43
|
+
background-color: var(--white);
|
|
44
|
+
}
|
|
45
|
+
.v-label.v-field-label {
|
|
46
|
+
color: var(--grey);
|
|
47
|
+
top: unset !important;
|
|
48
|
+
&:not(.v-field-label--floating) {
|
|
49
|
+
height: 100%;
|
|
50
|
+
font-size: inherit !important;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
.v-field.v-field--disabled {
|
|
54
|
+
opacity: 1;
|
|
55
|
+
}
|
|
56
|
+
.v-field-label--floating {
|
|
57
|
+
color: var(--grey);
|
|
58
|
+
font-size: var(--body-0-font-size) !important;
|
|
59
|
+
}
|
|
60
|
+
.v-field--variant-outlined {
|
|
61
|
+
.v-field__outline__start,
|
|
62
|
+
.v-field__outline__end {
|
|
63
|
+
border-color: var(--grey-l-5);
|
|
64
|
+
opacity: 1;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
.v-label.v-label--clickable {
|
|
68
|
+
font-size: var(--font-size);
|
|
69
|
+
color: var(--text);
|
|
70
|
+
opacity: 1;
|
|
71
|
+
letter-spacing: 0;
|
|
72
|
+
}
|
|
73
|
+
.v-input {
|
|
74
|
+
&.v-textarea {
|
|
75
|
+
.v-field {
|
|
76
|
+
padding-right: 0px;
|
|
77
|
+
}
|
|
78
|
+
.v-field__input {
|
|
79
|
+
padding: 7px 6px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
&:not(.v-textarea) {
|
|
83
|
+
.v-field__input {
|
|
84
|
+
min-height: var(--input-height) !important;
|
|
85
|
+
padding: 4px 6px;
|
|
86
|
+
}
|
|
87
|
+
&.v-text-field--plain-underlined {
|
|
88
|
+
.v-field__input {
|
|
89
|
+
padding: 0;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
&:not(.v-textarea):not(.v-select):not(.v-combobox) {
|
|
94
|
+
max-height: var(--input-max-height);
|
|
95
|
+
}
|
|
96
|
+
&:not(.v-select) .v-field__input {
|
|
97
|
+
input {
|
|
98
|
+
height: 100%;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
&.v-text-field input {
|
|
102
|
+
margin-top: 0;
|
|
103
|
+
margin-bottom: 0;
|
|
104
|
+
}
|
|
105
|
+
&.v-input--disabled {
|
|
106
|
+
.v-field {
|
|
107
|
+
background-color: var(--grey-l-6);
|
|
108
|
+
color: var(--grey-l-3);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
.v-field__input {
|
|
113
|
+
display: flex;
|
|
114
|
+
align-items: center;
|
|
115
|
+
font-size: inherit !important;
|
|
116
|
+
opacity: 1;
|
|
117
|
+
}
|
|
118
|
+
.v-input__details {
|
|
119
|
+
padding: 0 !important;
|
|
120
|
+
margin: 0 !important;
|
|
121
|
+
z-index: 1;
|
|
122
|
+
min-height: 18px;
|
|
123
|
+
.v-messages {
|
|
124
|
+
font-size: calc(var(--font-size) - 1px) !important;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
.v-field--variant-outlined.v-field--focused .v-field__outline {
|
|
128
|
+
.v-field__outline__start {
|
|
129
|
+
border-top-width: 1px !important;
|
|
130
|
+
border-bottom-width: 1px !important;
|
|
131
|
+
border-inline-start-width: 1px !important;
|
|
132
|
+
border-color: var(--grey-l-4) !important;
|
|
133
|
+
}
|
|
134
|
+
.v-field__outline__end {
|
|
135
|
+
border-top-width: 1px !important;
|
|
136
|
+
border-bottom-width: 1px !important;
|
|
137
|
+
border-inline-end-width: 1px !important;
|
|
138
|
+
border-color: var(--grey-l-4) !important;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
input.disabled {
|
|
144
|
+
background-color: var(--grey-l-6);
|
|
145
|
+
color: var(--grey-l-3);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
input:-webkit-autofill,
|
|
149
|
+
input:-webkit-autofill:hover,
|
|
150
|
+
input:-webkit-autofill:focus textarea:-webkit-autofill,
|
|
151
|
+
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
|
|
152
|
+
select:-webkit-autofill,
|
|
153
|
+
select:-webkit-autofill:hover,
|
|
154
|
+
select:-webkit-autofill:focus {
|
|
155
|
+
-webkit-background-clip: text;
|
|
156
|
+
background-clip: text;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
::-webkit-input-placeholder {color: var(--grey-l-2)}
|
|
160
|
+
::-moz-placeholder {color: var(--grey-l-2)}
|
|
161
|
+
input:-moz-placeholder {color: var(--grey-l-2)}
|
|
162
|
+
input:-ms-input-placeholder {color: var(--grey-l-2)}
|
package/dist/scss/index.scss
CHANGED
package/dist/types/options.d.ts
CHANGED
|
@@ -6,6 +6,12 @@ export interface ldmuiOptions {
|
|
|
6
6
|
'ld-loader'?: string;
|
|
7
7
|
'ld-toggle-buttons'?: string;
|
|
8
8
|
'ld-breadcrumbs'?: string;
|
|
9
|
+
'ld-edit-text'?: string;
|
|
10
|
+
},
|
|
11
|
+
viewport?: {
|
|
12
|
+
isMobile: string;
|
|
13
|
+
isTablet: string;
|
|
14
|
+
isDesktop: string;
|
|
9
15
|
},
|
|
10
16
|
LdIcon?: {
|
|
11
17
|
path: string;
|
|
@@ -13,11 +19,6 @@ export interface ldmuiOptions {
|
|
|
13
19
|
icons: Array<[string, string]>;
|
|
14
20
|
}
|
|
15
21
|
},
|
|
16
|
-
LdBtn?: {
|
|
17
|
-
isMobile: string;
|
|
18
|
-
isTablet: string;
|
|
19
|
-
isDesktop: string;
|
|
20
|
-
},
|
|
21
22
|
LdBreadcrumbs?: {
|
|
22
23
|
home: {
|
|
23
24
|
name: string;
|
package/package.json
CHANGED
|
@@ -1,65 +1,91 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@ldmjs/ui",
|
|
3
|
-
"version": "1.0.0-dev-
|
|
4
|
-
"description": "ldm ui",
|
|
5
|
-
"main": "dist/index.js",
|
|
6
|
-
"engines": {
|
|
7
|
-
"node": ">=16",
|
|
8
|
-
"npm": ">=8"
|
|
9
|
-
},
|
|
10
|
-
"scripts": {
|
|
11
|
-
"dev": "webpack serve --config config/webpack.config.dev.js --progress --profile",
|
|
12
|
-
"build": "webpack --config config/webpack.config.build.js --stats-error-details",
|
|
13
|
-
"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"@
|
|
36
|
-
"@
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"typescript": "
|
|
51
|
-
"
|
|
52
|
-
"vue-
|
|
53
|
-
"vue-
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"webpack-
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@ldmjs/ui",
|
|
3
|
+
"version": "1.0.0-dev-9",
|
|
4
|
+
"description": "ldm ui",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"engines": {
|
|
7
|
+
"node": ">=16",
|
|
8
|
+
"npm": ">=8"
|
|
9
|
+
},
|
|
10
|
+
"scripts": {
|
|
11
|
+
"dev": "webpack serve --config config/webpack.config.dev.js --progress --profile",
|
|
12
|
+
"build": "webpack --config config/webpack.config.build.js --stats-error-details",
|
|
13
|
+
"serve": "webpack serve --config config/webpack.config.serve.js --progress --profile",
|
|
14
|
+
"test": "jest --runInBand --no-cache",
|
|
15
|
+
"pub": "node config/publish.js && npm publish --access=public"
|
|
16
|
+
},
|
|
17
|
+
"repository": {
|
|
18
|
+
"type": "git",
|
|
19
|
+
"url": "https://github.com/ldmjs/ui.git"
|
|
20
|
+
},
|
|
21
|
+
"keywords": [
|
|
22
|
+
"ldm",
|
|
23
|
+
"ui"
|
|
24
|
+
],
|
|
25
|
+
"author": "ldmjs <nevezhin@lanit.ru>",
|
|
26
|
+
"license": "MIT",
|
|
27
|
+
"bugs": {
|
|
28
|
+
"url": "https://github.com/ldmjs/ui/issues"
|
|
29
|
+
},
|
|
30
|
+
"homepage": "https://github.com/ldmjs/ui#readme",
|
|
31
|
+
"files": [
|
|
32
|
+
"dist/"
|
|
33
|
+
],
|
|
34
|
+
"devDependencies": {
|
|
35
|
+
"@babel/core": "7.23.6",
|
|
36
|
+
"@babel/plugin-proposal-decorators": "7.23.6",
|
|
37
|
+
"@babel/plugin-proposal-export-default-from": "7.23.3",
|
|
38
|
+
"@babel/plugin-transform-class-properties": "7.23.3",
|
|
39
|
+
"@babel/plugin-transform-export-namespace-from": "7.23.4",
|
|
40
|
+
"@babel/plugin-transform-runtime": "7.23.6",
|
|
41
|
+
"@babel/plugin-transform-typescript": "7.23.6",
|
|
42
|
+
"@babel/preset-env": "7.23.6",
|
|
43
|
+
"@babel/preset-typescript": "7.23.3",
|
|
44
|
+
"@types/babel__core": "^7",
|
|
45
|
+
"@types/babel__plugin-transform-runtime": "^7",
|
|
46
|
+
"@types/babel__preset-env": "^7",
|
|
47
|
+
"@types/eslint": "^8",
|
|
48
|
+
"@types/jest": "^29.5.12",
|
|
49
|
+
"@types/lodash-es": "^4",
|
|
50
|
+
"@typescript-eslint/eslint-plugin": "5.41.0",
|
|
51
|
+
"@typescript-eslint/parser": "5.41.0",
|
|
52
|
+
"@vue/test-utils": "2.4.3",
|
|
53
|
+
"@vue/vue3-jest": "29.2.6",
|
|
54
|
+
"@vuelidate/core": "2.0.2",
|
|
55
|
+
"@vuelidate/validators": "2.0.2",
|
|
56
|
+
"babel-jest": "29.5.0",
|
|
57
|
+
"babel-plugin-const-enum": "1.2.0",
|
|
58
|
+
"copy-webpack-plugin": "^12.0.2",
|
|
59
|
+
"css-loader": "6.8.1",
|
|
60
|
+
"eslint": "8.56.0",
|
|
61
|
+
"html-webpack-plugin": "5.6.0",
|
|
62
|
+
"jest": "29.2.2",
|
|
63
|
+
"jest-environment-jsdom": "29.2.2",
|
|
64
|
+
"jest-transform-stub": "2.0.0",
|
|
65
|
+
"lodash-es": "4.17.21",
|
|
66
|
+
"material-design-icons-iconfont": "^6.7.0",
|
|
67
|
+
"node-sass": "9.0.0",
|
|
68
|
+
"postcss-loader": "7.3.3",
|
|
69
|
+
"sass": "1.69.5",
|
|
70
|
+
"sass-loader": "13.3.2",
|
|
71
|
+
"style-loader": "3.3.3",
|
|
72
|
+
"terser-webpack-plugin": "5.3.10",
|
|
73
|
+
"ts-jest": "29.0.3",
|
|
74
|
+
"ts-loader": "9.5.1",
|
|
75
|
+
"typescript": "4.9.5",
|
|
76
|
+
"vue": "3.4.21",
|
|
77
|
+
"vue-class-component": "8.0.0-rc.1",
|
|
78
|
+
"vue-eslint-parser": "9.4.2",
|
|
79
|
+
"vue-imask": "6.6.1",
|
|
80
|
+
"vue-loader": "17.3.1",
|
|
81
|
+
"vue-property-decorator": "10.0.0-rc.3",
|
|
82
|
+
"vuetify": "3.5.9",
|
|
83
|
+
"webpack": "5.90.2",
|
|
84
|
+
"webpack-cli": "5.1.4",
|
|
85
|
+
"webpack-dev-server": "4.15.1",
|
|
86
|
+
"webpack-plugin-vuetify": "2.0.1"
|
|
87
|
+
},
|
|
88
|
+
"volta": {
|
|
89
|
+
"node": "16.20.0"
|
|
90
|
+
}
|
|
91
|
+
}
|