@fastkit/vui 0.7.13 → 0.7.20
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/dist/tool/index.js +2 -0
- package/dist/tool/vite-plugin.d.ts.map +1 -1
- package/dist/vui.cjs.js +133 -70
- package/dist/vui.cjs.prod.js +133 -70
- package/dist/vui.css +45 -17
- package/dist/vui.d.ts +119 -0
- package/dist/vui.min.css +1 -1
- package/dist/vui.min.css.map +1 -1
- package/dist/vui.mjs +135 -74
- package/package.json +6 -6
- package/src/components/VFormControl/VFormControl.scss +42 -0
- package/src/components/VFormControl/VFormControl.tsx +69 -4
- package/src/components/VSelect/VSelect.tsx +21 -5
- package/src/components/VTextField/VTextField.tsx +2 -0
- package/src/components/VTextarea/VTextarea.tsx +2 -0
- package/src/components/VWysiwygEditor/VWysiwygEditor.tsx +2 -0
- package/src/components/kits.ts +1 -1
- package/src/composables/form-selector.tsx +2 -0
- package/src/service.tsx +2 -0
- package/src/tool/vite-plugin.ts +2 -0
- package/dist/assets/.DS_Store +0 -0
- package/src/.DS_Store +0 -0
- package/src/assets/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/VButton/.DS_Store +0 -0
- package/src/components/VCheckboxGroup/.DS_Store +0 -0
- package/src/components/VHero/.DS_Store +0 -0
- package/src/components/VRadio/.DS_Store +0 -0
- package/src/components/VRadioGroup/.DS_Store +0 -0
- package/src/components/VSwitchGroup/.DS_Store +0 -0
- package/src/components/VTabs/.DS_Store +0 -0
- package/src/components/VToolbar/.DS_Store +0 -0
- package/src/components/VWysiwygEditor/.DS_Store +0 -0
- package/src/composables/.DS_Store +0 -0
- package/src/styles/.DS_Store +0 -0
- package/src/tool/.DS_Store +0 -0
package/dist/vui.css
CHANGED
|
@@ -866,6 +866,8 @@ thead th {
|
|
|
866
866
|
--my-message-color: var(--control-disabled-color);
|
|
867
867
|
}
|
|
868
868
|
.v-form-control__label {
|
|
869
|
+
display: flex;
|
|
870
|
+
align-items: center;
|
|
869
871
|
align-self: flex-start;
|
|
870
872
|
font-size: var(--control-label-font-size);
|
|
871
873
|
font-weight: var(--control-label-font-weight);
|
|
@@ -873,6 +875,32 @@ thead th {
|
|
|
873
875
|
color: var(--my-label-color);
|
|
874
876
|
letter-spacing: 0.00938em;
|
|
875
877
|
}
|
|
878
|
+
.v-form-control__label__hinttip {
|
|
879
|
+
display: inline-flex;
|
|
880
|
+
align-items: center;
|
|
881
|
+
margin-top: -0.2em;
|
|
882
|
+
margin-left: 0.6em;
|
|
883
|
+
font-size: 80%;
|
|
884
|
+
line-height: 1;
|
|
885
|
+
color: inherit;
|
|
886
|
+
text-decoration: none;
|
|
887
|
+
letter-spacing: normal;
|
|
888
|
+
cursor: pointer;
|
|
889
|
+
}
|
|
890
|
+
.v-form-control__label__hinttip__icon {
|
|
891
|
+
position: relative;
|
|
892
|
+
display: flex;
|
|
893
|
+
align-items: center;
|
|
894
|
+
justify-content: center;
|
|
895
|
+
font-size: 120%;
|
|
896
|
+
text-decoration: none !important;
|
|
897
|
+
}
|
|
898
|
+
.v-form-control__label__hinttip:hover .v-form-control__label__hinttip__icon::before, .v-form-control__label__hinttip:focus .v-form-control__label__hinttip__icon::before {
|
|
899
|
+
opacity: 0.1;
|
|
900
|
+
}
|
|
901
|
+
.v-form-control__label__hinttip__hint {
|
|
902
|
+
font-size: calc(var(--root-em) * 0.75);
|
|
903
|
+
}
|
|
876
904
|
.v-form-control__info {
|
|
877
905
|
display: flex;
|
|
878
906
|
padding-top: 3px;
|
|
@@ -890,6 +918,23 @@ thead th {
|
|
|
890
918
|
flex: 0 1;
|
|
891
919
|
margin-left: auto;
|
|
892
920
|
}
|
|
921
|
+
.v-icon {
|
|
922
|
+
display: inline-flex;
|
|
923
|
+
align-items: center;
|
|
924
|
+
justify-content: center;
|
|
925
|
+
width: 1.25em;
|
|
926
|
+
user-select: none;
|
|
927
|
+
aspect-ratio: 1/1;
|
|
928
|
+
}
|
|
929
|
+
.v-icon--clickable {
|
|
930
|
+
cursor: pointer;
|
|
931
|
+
}
|
|
932
|
+
.v-icon__body {
|
|
933
|
+
display: inline-flex;
|
|
934
|
+
align-items: center;
|
|
935
|
+
justify-content: center;
|
|
936
|
+
transition: transform 150ms linear;
|
|
937
|
+
}
|
|
893
938
|
.v-grid-item {
|
|
894
939
|
display: block;
|
|
895
940
|
}
|
|
@@ -983,23 +1028,6 @@ thead th {
|
|
|
983
1028
|
margin-top: 0;
|
|
984
1029
|
margin-bottom: 0;
|
|
985
1030
|
}
|
|
986
|
-
.v-icon {
|
|
987
|
-
display: inline-flex;
|
|
988
|
-
align-items: center;
|
|
989
|
-
justify-content: center;
|
|
990
|
-
width: 1.25em;
|
|
991
|
-
user-select: none;
|
|
992
|
-
aspect-ratio: 1/1;
|
|
993
|
-
}
|
|
994
|
-
.v-icon--clickable {
|
|
995
|
-
cursor: pointer;
|
|
996
|
-
}
|
|
997
|
-
.v-icon__body {
|
|
998
|
-
display: inline-flex;
|
|
999
|
-
align-items: center;
|
|
1000
|
-
justify-content: center;
|
|
1001
|
-
transition: transform 150ms linear;
|
|
1002
|
-
}
|
|
1003
1031
|
.v-button {
|
|
1004
1032
|
--padding: 1em;
|
|
1005
1033
|
--height: 2.5714285714em;
|