@smurfox/proxy-ui 0.1.35 → 0.2.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/dist/module.json +1 -1
- package/dist/module.mjs +3 -2
- package/dist/runtime/components/Avatar.d.vue.ts +1 -1
- package/dist/runtime/components/Avatar.vue +18 -13
- package/dist/runtime/components/Avatar.vue.d.ts +1 -1
- package/dist/runtime/components/Button.d.vue.ts +1 -1
- package/dist/runtime/components/Button.vue +30 -12
- package/dist/runtime/components/Button.vue.d.ts +1 -1
- package/dist/runtime/components/Card.d.vue.ts +1 -1
- package/dist/runtime/components/Card.vue.d.ts +1 -1
- package/dist/runtime/components/Chip.d.vue.ts +1 -1
- package/dist/runtime/components/Chip.vue +22 -10
- package/dist/runtime/components/Chip.vue.d.ts +1 -1
- package/dist/runtime/components/Dropdown.d.vue.ts +12 -0
- package/dist/runtime/components/Dropdown.vue +51 -0
- package/dist/runtime/components/Dropdown.vue.d.ts +12 -0
- package/dist/runtime/components/Input.d.vue.ts +2 -2
- package/dist/runtime/components/Input.vue +25 -13
- package/dist/runtime/components/Input.vue.d.ts +2 -2
- package/dist/runtime/components/Select.d.vue.ts +2 -2
- package/dist/runtime/components/Select.vue +104 -86
- package/dist/runtime/components/Select.vue.d.ts +2 -2
- package/dist/runtime/components/Table.d.vue.ts +79 -0
- package/dist/runtime/components/Table.vue +178 -0
- package/dist/runtime/components/Table.vue.d.ts +79 -0
- package/dist/runtime/components/Tabs.d.vue.ts +2 -2
- package/dist/runtime/components/Tabs.vue +8 -8
- package/dist/runtime/components/Tabs.vue.d.ts +2 -2
- package/dist/runtime/components/TextArea.d.vue.ts +1 -1
- package/dist/runtime/components/TextArea.vue +51 -51
- package/dist/runtime/components/TextArea.vue.d.ts +1 -1
- package/dist/runtime/types/index.d.ts +15 -14
- package/package.json +1 -1
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="flex flex-col gap-1">
|
|
3
|
-
<div
|
|
4
|
-
v-if="label"
|
|
5
|
-
class="flex items-start gap-1"
|
|
6
|
-
>
|
|
7
|
-
<label
|
|
8
|
-
class="dark:text-white"
|
|
9
|
-
:class="[labelClass]"
|
|
10
|
-
>{{ label }} </label>
|
|
11
|
-
<span
|
|
12
|
-
v-if="props.required"
|
|
13
|
-
class="text-danger"
|
|
14
|
-
>*</span>
|
|
15
|
-
</div>
|
|
16
|
-
<div class="relative w-full">
|
|
17
|
-
<div
|
|
18
|
-
v-if="$slots.startContent"
|
|
19
|
-
class="absolute left-3 top-3 flex items-center pointer-events-none"
|
|
20
|
-
:class="props.error ? 'text-danger' : ''"
|
|
21
|
-
>
|
|
22
|
-
<slot name="startContent" />
|
|
23
|
-
</div>
|
|
24
|
-
<textarea
|
|
25
|
-
:placeholder="placeholder"
|
|
26
|
-
:rows="rows"
|
|
27
|
-
class="w-full p-3 text-sm transition-colors"
|
|
2
|
+
<div class="flex flex-col gap-1">
|
|
3
|
+
<div
|
|
4
|
+
v-if="label"
|
|
5
|
+
class="flex items-start gap-1"
|
|
6
|
+
>
|
|
7
|
+
<label
|
|
8
|
+
class="dark:text-white"
|
|
9
|
+
:class="[labelClass]"
|
|
10
|
+
>{{ label }} </label>
|
|
11
|
+
<span
|
|
12
|
+
v-if="props.required"
|
|
13
|
+
class="text-danger"
|
|
14
|
+
>*</span>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="relative w-full">
|
|
17
|
+
<div
|
|
18
|
+
v-if="$slots.startContent"
|
|
19
|
+
class="absolute left-3 top-3 flex items-center pointer-events-none"
|
|
20
|
+
:class="props.error ? 'text-danger' : ''"
|
|
21
|
+
>
|
|
22
|
+
<slot name="startContent" />
|
|
23
|
+
</div>
|
|
24
|
+
<textarea
|
|
25
|
+
:placeholder="placeholder"
|
|
26
|
+
:rows="rows"
|
|
27
|
+
class="w-full p-3 text-sm transition-colors"
|
|
28
28
|
:class="[
|
|
29
29
|
$slots.startContent ? 'pl-9' : '',
|
|
30
30
|
$slots.endContent ? 'pr-9' : '',
|
|
@@ -32,36 +32,36 @@
|
|
|
32
32
|
roundedVariants[props.rounded],
|
|
33
33
|
props.error ? errorVariants[props.variant] : variants[props.variant],
|
|
34
34
|
props.disabled ? 'opacity-70' : ''
|
|
35
|
-
]"
|
|
36
|
-
:value="modelValue"
|
|
37
|
-
:disabled="props.disabled"
|
|
35
|
+
]"
|
|
36
|
+
:value="modelValue"
|
|
37
|
+
:disabled="props.disabled"
|
|
38
38
|
@input="
|
|
39
39
|
emit(
|
|
40
40
|
'update:modelValue',
|
|
41
41
|
$event.target.value
|
|
42
42
|
)
|
|
43
|
-
"
|
|
44
|
-
/>
|
|
45
|
-
<div
|
|
46
|
-
v-if="$slots.endContent"
|
|
47
|
-
class="absolute right-3 top-3 flex items-center"
|
|
48
|
-
>
|
|
49
|
-
<slot name="endContent" />
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
<p
|
|
53
|
-
v-if="description && !props.error"
|
|
54
|
-
class="text-gray-600 dark:text-white/60 text-xs"
|
|
55
|
-
>
|
|
56
|
-
{{ description }}
|
|
57
|
-
</p>
|
|
58
|
-
<p
|
|
59
|
-
v-if="props.error"
|
|
60
|
-
class="text-danger text-xs mt-1"
|
|
61
|
-
>
|
|
62
|
-
{{ props.error }}
|
|
63
|
-
</p>
|
|
64
|
-
</div>
|
|
43
|
+
"
|
|
44
|
+
/>
|
|
45
|
+
<div
|
|
46
|
+
v-if="$slots.endContent"
|
|
47
|
+
class="absolute right-3 top-3 flex items-center"
|
|
48
|
+
>
|
|
49
|
+
<slot name="endContent" />
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<p
|
|
53
|
+
v-if="description && !props.error"
|
|
54
|
+
class="text-gray-600 dark:text-white/60 text-xs"
|
|
55
|
+
>
|
|
56
|
+
{{ description }}
|
|
57
|
+
</p>
|
|
58
|
+
<p
|
|
59
|
+
v-if="props.error"
|
|
60
|
+
class="text-danger text-xs mt-1"
|
|
61
|
+
>
|
|
62
|
+
{{ props.error }}
|
|
63
|
+
</p>
|
|
64
|
+
</div>
|
|
65
65
|
</template>
|
|
66
66
|
|
|
67
67
|
<script setup>
|
|
@@ -29,9 +29,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
29
29
|
resize: TextAreaResize;
|
|
30
30
|
variant: InputVariant;
|
|
31
31
|
disabled: boolean;
|
|
32
|
-
labelClass: string;
|
|
33
32
|
required: boolean;
|
|
34
33
|
rows: number | string;
|
|
34
|
+
labelClass: string;
|
|
35
35
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
36
36
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
37
37
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export type
|
|
2
|
-
export type
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
1
|
+
export type GlobalRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
|
|
2
|
+
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'flat';
|
|
4
|
+
export type ButtonColor = 'default' | 'ios' | 'primary' | 'danger' | 'success' | 'warning' | 'custom';
|
|
5
|
+
export type ButtonRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
5
6
|
export interface ButtonProps {
|
|
6
7
|
label?: string;
|
|
7
8
|
size?: ButtonSize;
|
|
@@ -16,10 +17,10 @@ export interface ButtonProps {
|
|
|
16
17
|
endIcon?: string;
|
|
17
18
|
customClass?: string;
|
|
18
19
|
}
|
|
19
|
-
export type ChipSize =
|
|
20
|
-
export type ChipVariant =
|
|
21
|
-
export type ChipColor =
|
|
22
|
-
export type ChipRounded =
|
|
20
|
+
export type ChipSize = 'sm' | 'md' | 'lg';
|
|
21
|
+
export type ChipVariant = 'default' | 'secondary' | 'outline' | 'flat';
|
|
22
|
+
export type ChipColor = 'default' | 'ios' | 'primary' | 'danger' | 'success' | 'warning' | 'custom';
|
|
23
|
+
export type ChipRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
23
24
|
export interface ChipProps {
|
|
24
25
|
label?: string;
|
|
25
26
|
size?: ChipSize;
|
|
@@ -30,16 +31,16 @@ export interface ChipProps {
|
|
|
30
31
|
endIcon?: string;
|
|
31
32
|
customClass?: string;
|
|
32
33
|
}
|
|
33
|
-
export type CardVariant =
|
|
34
|
+
export type CardVariant = 'default' | 'liquidGlass';
|
|
34
35
|
export interface CardProps {
|
|
35
36
|
variant?: CardVariant;
|
|
36
37
|
customClass?: string;
|
|
37
38
|
isBordered?: boolean;
|
|
38
39
|
}
|
|
39
|
-
export type AvatarSize =
|
|
40
|
-
export type AvatarRounded =
|
|
41
|
-
export type InputVariant =
|
|
42
|
-
export type InputRounded =
|
|
40
|
+
export type AvatarSize = 'sm' | 'md' | 'lg' | 'full';
|
|
41
|
+
export type AvatarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
42
|
+
export type InputVariant = 'default' | 'secondary';
|
|
43
|
+
export type InputRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
43
44
|
export interface InputProps {
|
|
44
45
|
type?: string;
|
|
45
46
|
label?: string;
|
|
@@ -52,7 +53,7 @@ export interface InputProps {
|
|
|
52
53
|
error?: string;
|
|
53
54
|
disabled?: boolean;
|
|
54
55
|
}
|
|
55
|
-
export type TabsRounded =
|
|
56
|
+
export type TabsRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
56
57
|
export interface TabItem {
|
|
57
58
|
label: string;
|
|
58
59
|
value: string;
|