@fewangsit/wangsvue-presets 1.0.84 → 1.0.85-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/fixedasset/fieldwrapper/index.d.ts +26 -0
- package/fixedasset/fieldwrapper/index.js +32 -0
- package/fixedasset/index.d.ts +2 -0
- package/fixedasset/index.js +2 -0
- package/fixedasset/index.system.js +1 -1
- package/fixedasset/inputbadge/index.js +2 -3
- package/fixedasset/inputgroup/index.js +3 -4
- package/fixedasset/inputtext/index.js +4 -4
- package/fixedasset/style.css +49 -0
- package/package.json +1 -1
- package/wangsvue/fieldwrapper/index.d.ts +22 -0
- package/wangsvue/fieldwrapper/index.js +26 -0
- package/wangsvue/index.d.ts +2 -0
- package/wangsvue/index.js +112 -110
- package/wangsvue/index.system.js +2 -2
- package/wangsvue/inputbadge/index.js +1 -2
- package/wangsvue/style.css +49 -0
@@ -6,16 +6,16 @@ exports.default = {
|
|
6
6
|
var props = _a.props, context = _a.context, parent = _a.parent;
|
7
7
|
return ({
|
8
8
|
class: [
|
9
|
-
'px-3 py-
|
9
|
+
'px-3 py-[5px] w-full bg-transparent',
|
10
10
|
// Size
|
11
|
-
'h-
|
11
|
+
'h-max',
|
12
12
|
{
|
13
13
|
'max-h-[43px]': (_c = (_b = parent.instance) === null || _b === void 0 ? void 0 : _b.placeholder) === null || _c === void 0 ? void 0 : _c.includes('password'),
|
14
14
|
},
|
15
15
|
// Font
|
16
|
-
'text-
|
16
|
+
'text-general-800 text-xs tracking-[0.02em] font-medium',
|
17
17
|
'placeholder:text-general-200',
|
18
|
-
'placeholder:!font-
|
18
|
+
'placeholder:!font-light',
|
19
19
|
'appearance-none',
|
20
20
|
// Interactions
|
21
21
|
{
|
package/fixedasset/style.css
CHANGED
@@ -1417,6 +1417,10 @@
|
|
1417
1417
|
height: 0.5rem;
|
1418
1418
|
}
|
1419
1419
|
|
1420
|
+
.h-2\.5{
|
1421
|
+
height: 0.625rem;
|
1422
|
+
}
|
1423
|
+
|
1420
1424
|
.h-3{
|
1421
1425
|
height: 0.75rem;
|
1422
1426
|
}
|
@@ -1651,6 +1655,10 @@
|
|
1651
1655
|
width: 0.5rem;
|
1652
1656
|
}
|
1653
1657
|
|
1658
|
+
.w-2\.5{
|
1659
|
+
width: 0.625rem;
|
1660
|
+
}
|
1661
|
+
|
1654
1662
|
.w-20{
|
1655
1663
|
width: 5rem;
|
1656
1664
|
}
|
@@ -2278,6 +2286,10 @@
|
|
2278
2286
|
gap: 1.5rem;
|
2279
2287
|
}
|
2280
2288
|
|
2289
|
+
.gap-\[2px\]{
|
2290
|
+
gap: 2px;
|
2291
|
+
}
|
2292
|
+
|
2281
2293
|
.gap-\[5px\]{
|
2282
2294
|
gap: 5px;
|
2283
2295
|
}
|
@@ -3509,6 +3521,10 @@
|
|
3509
3521
|
font-size: 0.9rem;
|
3510
3522
|
}
|
3511
3523
|
|
3524
|
+
.text-\[10px\]{
|
3525
|
+
font-size: 10px;
|
3526
|
+
}
|
3527
|
+
|
3512
3528
|
.text-\[12px\]{
|
3513
3529
|
font-size: 12px;
|
3514
3530
|
}
|
@@ -3799,6 +3815,11 @@
|
|
3799
3815
|
color: rgb(151 153 155 / var(--tw-text-opacity));
|
3800
3816
|
}
|
3801
3817
|
|
3818
|
+
.text-grayscale-700{
|
3819
|
+
--tw-text-opacity: 1;
|
3820
|
+
color: rgb(113 115 116 / var(--tw-text-opacity));
|
3821
|
+
}
|
3822
|
+
|
3802
3823
|
.text-grayscale-800{
|
3803
3824
|
--tw-text-opacity: 1;
|
3804
3825
|
color: rgb(75 77 78 / var(--tw-text-opacity));
|
@@ -4085,6 +4106,11 @@
|
|
4085
4106
|
--tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
|
4086
4107
|
}
|
4087
4108
|
|
4109
|
+
.\!ring-primary-500{
|
4110
|
+
--tw-ring-opacity: 1 !important;
|
4111
|
+
--tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
|
4112
|
+
}
|
4113
|
+
|
4088
4114
|
.ring-blue-400\/50{
|
4089
4115
|
--tw-ring-color: rgb(96 165 250 / 0.5);
|
4090
4116
|
}
|
@@ -4444,6 +4470,14 @@ h6,
|
|
4444
4470
|
scrollbar-width: thin;
|
4445
4471
|
}
|
4446
4472
|
|
4473
|
+
.placeholder\:\!font-light::-moz-placeholder{
|
4474
|
+
font-weight: 300 !important;
|
4475
|
+
}
|
4476
|
+
|
4477
|
+
.placeholder\:\!font-light::placeholder{
|
4478
|
+
font-weight: 300 !important;
|
4479
|
+
}
|
4480
|
+
|
4447
4481
|
.placeholder\:\!font-normal::-moz-placeholder{
|
4448
4482
|
font-weight: 400 !important;
|
4449
4483
|
}
|
@@ -5765,6 +5799,11 @@ h6,
|
|
5765
5799
|
--tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
|
5766
5800
|
}
|
5767
5801
|
|
5802
|
+
.\[\&\:has\(\:focus\)\]\:\!ring-primary-500:has(:focus){
|
5803
|
+
--tw-ring-opacity: 1 !important;
|
5804
|
+
--tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
|
5805
|
+
}
|
5806
|
+
|
5768
5807
|
.\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
|
5769
5808
|
--tw-ring-opacity: 1;
|
5770
5809
|
--tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
|
@@ -5775,6 +5814,11 @@ h6,
|
|
5775
5814
|
--tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
|
5776
5815
|
}
|
5777
5816
|
|
5817
|
+
.\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-500:has(:focus) .inputgroupaddon{
|
5818
|
+
--tw-ring-opacity: 1 !important;
|
5819
|
+
--tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
|
5820
|
+
}
|
5821
|
+
|
5778
5822
|
.\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
|
5779
5823
|
text-align: center;
|
5780
5824
|
}
|
@@ -5874,6 +5918,11 @@ h6,
|
|
5874
5918
|
--tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
|
5875
5919
|
}
|
5876
5920
|
|
5921
|
+
.\[\&_\.inputgroupaddon\]\:ring-general-200 .inputgroupaddon{
|
5922
|
+
--tw-ring-opacity: 1;
|
5923
|
+
--tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
|
5924
|
+
}
|
5925
|
+
|
5877
5926
|
.\[\&_\.inputgroupaddon\]\:ring-general-400 .inputgroupaddon{
|
5878
5927
|
--tw-ring-opacity: 1;
|
5879
5928
|
--tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
|
package/package.json
CHANGED
@@ -0,0 +1,22 @@
|
|
1
|
+
declare namespace _default {
|
2
|
+
let root: {
|
3
|
+
class: string[];
|
4
|
+
'data-wv-name': string;
|
5
|
+
'data-wv-section': string;
|
6
|
+
};
|
7
|
+
function label({ props }: {
|
8
|
+
props: any;
|
9
|
+
}): {
|
10
|
+
class: any[][];
|
11
|
+
'data-wv-section': string;
|
12
|
+
};
|
13
|
+
namespace info {
|
14
|
+
let _class: string;
|
15
|
+
export { _class as class };
|
16
|
+
}
|
17
|
+
namespace optionaltext {
|
18
|
+
let _class_1: string;
|
19
|
+
export { _class_1 as class };
|
20
|
+
}
|
21
|
+
}
|
22
|
+
export default _default;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.default = {
|
4
|
+
root: {
|
5
|
+
'class': [
|
6
|
+
'flex flex-col items-start justify-start relative gap-1 w-full shrink-0 overflow-hidden',
|
7
|
+
],
|
8
|
+
'data-wv-name': 'fieldwrapper',
|
9
|
+
'data-wv-section': 'root',
|
10
|
+
},
|
11
|
+
label: function (_a) {
|
12
|
+
var props = _a.props;
|
13
|
+
return ({
|
14
|
+
'class': [
|
15
|
+
['text-general-900 text-xs flex gap-[2px] font-normal', props.labelClass],
|
16
|
+
],
|
17
|
+
'data-wv-section': 'fieldlabel',
|
18
|
+
});
|
19
|
+
},
|
20
|
+
info: {
|
21
|
+
class: 'w-2.5 h-2.5 text-grayscale-900',
|
22
|
+
},
|
23
|
+
optionaltext: {
|
24
|
+
class: 'text-grayscale-700 text-[10px] font-normal leading-4',
|
25
|
+
},
|
26
|
+
};
|
package/wangsvue/index.d.ts
CHANGED
@@ -34,6 +34,7 @@ declare namespace wangsvue {
|
|
34
34
|
export { password };
|
35
35
|
export { validatormessage };
|
36
36
|
export { fileupload };
|
37
|
+
export { fieldwrapper };
|
37
38
|
export { button };
|
38
39
|
export { buttondownload };
|
39
40
|
export { buttonbulkaction };
|
@@ -129,6 +130,7 @@ import textarea from './textarea/index.js';
|
|
129
130
|
import password from './password/index.js';
|
130
131
|
import validatormessage from './validatormessage/index.js';
|
131
132
|
import fileupload from './fileupload';
|
133
|
+
import fieldwrapper from './fieldwrapper/index.js';
|
132
134
|
import button from './button/index.js';
|
133
135
|
import buttondownload from './buttondownload/index.js';
|
134
136
|
import buttonbulkaction from './buttonbulkaction/index';
|
package/wangsvue/index.js
CHANGED
@@ -31,71 +31,72 @@ var index_js_28 = require("./divider/index.js");
|
|
31
31
|
var index_js_29 = require("./dock/index.js");
|
32
32
|
var index_js_30 = require("./dropdown/index.js");
|
33
33
|
var index_js_31 = require("./fieldset/index.js");
|
34
|
+
var index_js_32 = require("./fieldwrapper/index.js");
|
34
35
|
var index_1 = require("./form/index");
|
35
36
|
var global_js_1 = require("./global.js");
|
36
|
-
var
|
37
|
-
var
|
38
|
-
var
|
39
|
-
var
|
40
|
-
var
|
41
|
-
var
|
42
|
-
var
|
43
|
-
var
|
44
|
-
var
|
45
|
-
var
|
46
|
-
var
|
47
|
-
var
|
48
|
-
var
|
49
|
-
var
|
50
|
-
var
|
51
|
-
var
|
52
|
-
var
|
53
|
-
var
|
54
|
-
var
|
55
|
-
var
|
56
|
-
var
|
57
|
-
var
|
58
|
-
var
|
59
|
-
var
|
60
|
-
var
|
61
|
-
var
|
62
|
-
var
|
63
|
-
var
|
64
|
-
var
|
65
|
-
var
|
66
|
-
var
|
67
|
-
var
|
68
|
-
var
|
69
|
-
var
|
70
|
-
var
|
71
|
-
var
|
72
|
-
var
|
73
|
-
var
|
74
|
-
var
|
75
|
-
var
|
76
|
-
var
|
77
|
-
var
|
78
|
-
var
|
79
|
-
var
|
80
|
-
var
|
81
|
-
var
|
82
|
-
var
|
83
|
-
var
|
84
|
-
var
|
85
|
-
var
|
86
|
-
var
|
87
|
-
var
|
88
|
-
var
|
37
|
+
var index_js_33 = require("./image/index.js");
|
38
|
+
var index_js_34 = require("./inlinemessage/index.js");
|
39
|
+
var index_js_35 = require("./inputbadge/index.js");
|
40
|
+
var index_js_36 = require("./inputgroup/index.js");
|
41
|
+
var index_js_37 = require("./inputgroupaddon/index.js");
|
42
|
+
var index_js_38 = require("./inputmask/index.js");
|
43
|
+
var index_js_39 = require("./inputnumber/index.js");
|
44
|
+
var index_js_40 = require("./inputotp/index.js");
|
45
|
+
var index_js_41 = require("./inputphonenumber/index.js");
|
46
|
+
var index_js_42 = require("./inputswitch/index.js");
|
47
|
+
var index_js_43 = require("./inputtext/index.js");
|
48
|
+
var index_js_44 = require("./knob/index.js");
|
49
|
+
var index_js_45 = require("./listbox/index.js");
|
50
|
+
var index_js_46 = require("./megamenu/index.js");
|
51
|
+
var index_js_47 = require("./menu/index.js");
|
52
|
+
var index_js_48 = require("./menubar/index.js");
|
53
|
+
var index_js_49 = require("./message/index.js");
|
54
|
+
var index_js_50 = require("./multiselect/index.js");
|
55
|
+
var index_js_51 = require("./orderlist/index.js");
|
56
|
+
var index_js_52 = require("./organizationchart/index.js");
|
57
|
+
var index_js_53 = require("./overlaypanel/index.js");
|
58
|
+
var index_js_54 = require("./paginator/index.js");
|
59
|
+
var index_js_55 = require("./panel/index.js");
|
60
|
+
var index_js_56 = require("./panelmenu/index.js");
|
61
|
+
var index_js_57 = require("./password/index.js");
|
62
|
+
var index_js_58 = require("./picklist/index.js");
|
63
|
+
var index_js_59 = require("./progressbar/index.js");
|
64
|
+
var index_js_60 = require("./buttonradio/index.js");
|
65
|
+
var index_js_61 = require("./rating/index.js");
|
66
|
+
var index_js_62 = require("./ripple/index.js");
|
67
|
+
var index_js_63 = require("./scrollpanel/index.js");
|
68
|
+
var index_js_64 = require("./scrolltop/index.js");
|
69
|
+
var index_js_65 = require("./selectbutton/index.js");
|
70
|
+
var index_js_66 = require("./sidebar/index.js");
|
71
|
+
var index_js_67 = require("./skeleton/index.js");
|
72
|
+
var index_js_68 = require("./slider/index.js");
|
73
|
+
var index_js_69 = require("./splitbutton/index.js");
|
74
|
+
var index_js_70 = require("./steps/index.js");
|
75
|
+
var index_js_71 = require("./tabmenu/index.js");
|
76
|
+
var index_js_72 = require("./tabview/index.js");
|
77
|
+
var index_js_73 = require("./tag/index.js");
|
78
|
+
var index_js_74 = require("./terminal/index.js");
|
79
|
+
var index_js_75 = require("./textarea/index.js");
|
80
|
+
var index_js_76 = require("./tieredmenu/index.js");
|
81
|
+
var index_js_77 = require("./timeline/index.js");
|
82
|
+
var index_js_78 = require("./toast/index.js");
|
83
|
+
var index_js_79 = require("./togglebutton/index.js");
|
84
|
+
var index_js_80 = require("./toolbar/index.js");
|
85
|
+
var index_js_81 = require("./tooltip/index.js");
|
86
|
+
var index_js_82 = require("./tree/index.js");
|
87
|
+
var index_js_83 = require("./treeselect/index.js");
|
88
|
+
var index_js_84 = require("./tristatecheckbox/index.js");
|
89
|
+
var index_js_85 = require("./validatormessage/index.js");
|
89
90
|
var index_2 = require("./buttonbulkaction/index");
|
90
|
-
var
|
91
|
-
var
|
91
|
+
var index_js_86 = require("./badgegroup/index.js");
|
92
|
+
var index_js_87 = require("./breadcrumb/index.js");
|
92
93
|
var inputcurrency_1 = require("./inputcurrency");
|
93
94
|
var fileupload_1 = require("./fileupload");
|
94
95
|
var workcalendar_1 = require("./workcalendar");
|
95
96
|
var directives = {
|
96
97
|
badge: index_js_6.default,
|
97
|
-
ripple:
|
98
|
-
tooltip:
|
98
|
+
ripple: index_js_62.default,
|
99
|
+
tooltip: index_js_81.default,
|
99
100
|
};
|
100
101
|
var wangsvue = {
|
101
102
|
global: global_js_1.default,
|
@@ -104,98 +105,99 @@ var wangsvue = {
|
|
104
105
|
form: index_1.default,
|
105
106
|
autocomplete: index_js_2.default,
|
106
107
|
dropdown: index_js_30.default,
|
107
|
-
inputnumber:
|
108
|
-
inputphonenumber:
|
108
|
+
inputnumber: index_js_39.default,
|
109
|
+
inputphonenumber: index_js_41.default,
|
109
110
|
inputcurrency: inputcurrency_1.default,
|
110
|
-
inputotp:
|
111
|
-
inputtext:
|
112
|
-
inputbadge:
|
111
|
+
inputotp: index_js_40.default,
|
112
|
+
inputtext: index_js_43.default,
|
113
|
+
inputbadge: index_js_35.default,
|
113
114
|
calendar: index_js_11.default,
|
114
115
|
checkbox: index_js_16.default,
|
115
|
-
buttonradio:
|
116
|
-
inputswitch:
|
117
|
-
selectbutton:
|
118
|
-
slider:
|
116
|
+
buttonradio: index_js_60.default,
|
117
|
+
inputswitch: index_js_42.default,
|
118
|
+
selectbutton: index_js_65.default,
|
119
|
+
slider: index_js_68.default,
|
119
120
|
chips: index_js_18.default,
|
120
|
-
rating:
|
121
|
-
multiselect:
|
122
|
-
togglebutton:
|
121
|
+
rating: index_js_61.default,
|
122
|
+
multiselect: index_js_50.default,
|
123
|
+
togglebutton: index_js_79.default,
|
123
124
|
cascadeselect: index_js_14.default,
|
124
|
-
listbox:
|
125
|
+
listbox: index_js_45.default,
|
125
126
|
colorpicker: index_js_19.default,
|
126
|
-
inputgroup:
|
127
|
-
inputgroupaddon:
|
128
|
-
inputmask:
|
129
|
-
knob:
|
130
|
-
treeselect:
|
131
|
-
tristatecheckbox:
|
132
|
-
textarea:
|
133
|
-
password:
|
134
|
-
validatormessage:
|
127
|
+
inputgroup: index_js_36.default,
|
128
|
+
inputgroupaddon: index_js_37.default,
|
129
|
+
inputmask: index_js_38.default,
|
130
|
+
knob: index_js_44.default,
|
131
|
+
treeselect: index_js_83.default,
|
132
|
+
tristatecheckbox: index_js_84.default,
|
133
|
+
textarea: index_js_75.default,
|
134
|
+
password: index_js_57.default,
|
135
|
+
validatormessage: index_js_85.default,
|
135
136
|
fileupload: fileupload_1.default,
|
137
|
+
fieldwrapper: index_js_32.default,
|
136
138
|
// Buttons
|
137
139
|
button: index_js_7.default,
|
138
140
|
buttondownload: index_js_8.default,
|
139
141
|
buttonbulkaction: index_2.default,
|
140
142
|
buttonsearch: index_js_10.default,
|
141
143
|
buttonfilter: index_js_9.default,
|
142
|
-
splitbutton:
|
144
|
+
splitbutton: index_js_69.default,
|
143
145
|
// Data
|
144
|
-
paginator:
|
146
|
+
paginator: index_js_54.default,
|
145
147
|
datatable: index_js_22.default,
|
146
|
-
tree:
|
148
|
+
tree: index_js_82.default,
|
147
149
|
dataview: index_js_23.default,
|
148
150
|
dataviewlayoutoptions: index_js_24.default,
|
149
|
-
organizationchart:
|
150
|
-
orderlist:
|
151
|
-
picklist:
|
152
|
-
timeline:
|
151
|
+
organizationchart: index_js_52.default,
|
152
|
+
orderlist: index_js_51.default,
|
153
|
+
picklist: index_js_58.default,
|
154
|
+
timeline: index_js_77.default,
|
153
155
|
changelog: index_js_15.default,
|
154
156
|
// Panels
|
155
157
|
accordion: index_js_1.default,
|
156
|
-
panel:
|
158
|
+
panel: index_js_55.default,
|
157
159
|
fieldset: index_js_31.default,
|
158
160
|
card: index_js_12.default,
|
159
|
-
tabview:
|
161
|
+
tabview: index_js_72.default,
|
160
162
|
divider: index_js_28.default,
|
161
|
-
toolbar:
|
162
|
-
scrollpanel:
|
163
|
+
toolbar: index_js_80.default,
|
164
|
+
scrollpanel: index_js_63.default,
|
163
165
|
// Menu
|
164
166
|
contextmenu: index_js_21.default,
|
165
|
-
menu:
|
166
|
-
menubar:
|
167
|
-
steps:
|
168
|
-
breadcrumb:
|
169
|
-
tieredmenu:
|
170
|
-
panelmenu:
|
171
|
-
megamenu:
|
167
|
+
menu: index_js_47.default,
|
168
|
+
menubar: index_js_48.default,
|
169
|
+
steps: index_js_70.default,
|
170
|
+
breadcrumb: index_js_87.default,
|
171
|
+
tieredmenu: index_js_76.default,
|
172
|
+
panelmenu: index_js_56.default,
|
173
|
+
megamenu: index_js_46.default,
|
172
174
|
dock: index_js_29.default,
|
173
|
-
tabmenu:
|
175
|
+
tabmenu: index_js_71.default,
|
174
176
|
// Overlays
|
175
177
|
dialog: index_js_25.default,
|
176
178
|
dialogconfirm: index_js_26.default,
|
177
179
|
dialogform: index_js_27.default,
|
178
|
-
overlaypanel:
|
179
|
-
sidebar:
|
180
|
+
overlaypanel: index_js_53.default,
|
181
|
+
sidebar: index_js_66.default,
|
180
182
|
confirmpopup: index_js_20.default,
|
181
183
|
// Messages
|
182
|
-
message:
|
183
|
-
inlinemessage:
|
184
|
-
toast:
|
184
|
+
message: index_js_49.default,
|
185
|
+
inlinemessage: index_js_34.default,
|
186
|
+
toast: index_js_78.default,
|
185
187
|
// Media
|
186
188
|
carousel: index_js_13.default,
|
187
189
|
// Misc
|
188
190
|
badge: index_js_5.default,
|
189
|
-
badgegroup:
|
191
|
+
badgegroup: index_js_86.default,
|
190
192
|
avatar: index_js_3.default,
|
191
193
|
avatargroup: index_js_4.default,
|
192
|
-
tag:
|
194
|
+
tag: index_js_73.default,
|
193
195
|
chip: index_js_17.default,
|
194
|
-
progressbar:
|
195
|
-
skeleton:
|
196
|
-
scrolltop:
|
197
|
-
terminal:
|
198
|
-
image:
|
196
|
+
progressbar: index_js_59.default,
|
197
|
+
skeleton: index_js_67.default,
|
198
|
+
scrolltop: index_js_64.default,
|
199
|
+
terminal: index_js_74.default,
|
200
|
+
image: index_js_33.default,
|
199
201
|
workcalendar: workcalendar_1.default,
|
200
202
|
};
|
201
203
|
exports.default = wangsvue;
|