@raxium/vue 0.2.5 → 0.2.7
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/components/button/props.d.ts +2 -2
- package/dist/components/checkbox/Checkbox.js +1 -3
- package/dist/components/date-picker/DatePicker.js +16 -4
- package/dist/components/dialog/DialogFooter.js +2 -1
- package/dist/components/input/Input.js +3 -0
- package/dist/components/radio-group/RadioGroupItem.js +1 -3
- package/dist/components/slider/SliderThumb.js +1 -3
- package/dist/components/slider/SliderTooltipThumb.js +1 -3
- package/dist/components/switch/Switch.js +1 -3
- package/dist/components/tags-input/TagsInput.js +1 -3
- package/dist/providers/config/rui-config-context.d.ts +4 -0
- package/package.json +4 -4
|
@@ -2,8 +2,8 @@ import type { ButtonVariants } from '@raxium/themes/default';
|
|
|
2
2
|
import type { ThemeCrafts } from '../../providers';
|
|
3
3
|
import type { HTMLAttributes } from 'vue';
|
|
4
4
|
export interface ButtonProps extends ThemeCrafts<'tvButton'> {
|
|
5
|
-
variant?: ButtonVariants['variant']
|
|
6
|
-
color?: ButtonVariants['color']
|
|
5
|
+
variant?: ButtonVariants['variant'];
|
|
6
|
+
color?: ButtonVariants['color'];
|
|
7
7
|
class?: HTMLAttributes['class'];
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
tooltip?: string;
|
|
@@ -148,9 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
148
148
|
"class",
|
|
149
149
|
"as-child"
|
|
150
150
|
])) : createCommentVNode("", true),
|
|
151
|
-
createVNode(unref(Checkbox).HiddenInput
|
|
152
|
-
class: "hidden"
|
|
153
|
-
})
|
|
151
|
+
createVNode(unref(Checkbox).HiddenInput)
|
|
154
152
|
]),
|
|
155
153
|
_: 3
|
|
156
154
|
}, 8, [
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { createBlock, createPropsRestProxy, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
2
|
import { DatePicker, useDatePicker, useForwardExpose, useForwardProps } from "@ark-ui/vue";
|
|
3
|
+
import { useConfig } from "../../composables/useConfig.js";
|
|
3
4
|
import { useTheme } from "../../composables/useTheme.js";
|
|
4
5
|
import { ThemeProvider } from "../../providers/theme/index.js";
|
|
5
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -98,17 +99,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
98
99
|
],
|
|
99
100
|
setup (__props, { expose: __expose, emit: __emit }) {
|
|
100
101
|
const props = createPropsRestProxy(__props, [
|
|
101
|
-
"theme"
|
|
102
|
+
"theme",
|
|
103
|
+
"lazyMount",
|
|
104
|
+
"unmountOnExit"
|
|
102
105
|
]);
|
|
103
106
|
const emit = __emit;
|
|
104
|
-
const
|
|
107
|
+
const forwarded = useForwardProps(props);
|
|
108
|
+
const datePicker = useDatePicker(forwarded, emit);
|
|
109
|
+
const datePickerOptions = useConfig("date-picker", ()=>({
|
|
110
|
+
unmountOnExit: __props.unmountOnExit,
|
|
111
|
+
lazyMount: __props.lazyMount
|
|
112
|
+
}));
|
|
105
113
|
const theme = useTheme(()=>__props.theme);
|
|
106
114
|
__expose({
|
|
107
115
|
$api: datePicker
|
|
108
116
|
});
|
|
109
117
|
useForwardExpose();
|
|
110
118
|
return (_ctx, _cache)=>(openBlock(), createBlock(unref(DatePicker).RootProvider, {
|
|
111
|
-
value: unref(datePicker)
|
|
119
|
+
value: unref(datePicker),
|
|
120
|
+
"lazy-mount": unref(datePickerOptions)?.lazyMount,
|
|
121
|
+
"unmount-on-exit": unref(datePickerOptions)?.unmountOnExit
|
|
112
122
|
}, {
|
|
113
123
|
default: withCtx(()=>[
|
|
114
124
|
createVNode(unref(ThemeProvider), {
|
|
@@ -124,7 +134,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
124
134
|
]),
|
|
125
135
|
_: 3
|
|
126
136
|
}, 8, [
|
|
127
|
-
"value"
|
|
137
|
+
"value",
|
|
138
|
+
"lazy-mount",
|
|
139
|
+
"unmount-on-exit"
|
|
128
140
|
]));
|
|
129
141
|
}
|
|
130
142
|
});
|
|
@@ -46,7 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
46
46
|
}, {
|
|
47
47
|
default: withCtx(()=>[
|
|
48
48
|
createVNode(unref(Button), mergeProps({
|
|
49
|
-
variant: "text"
|
|
49
|
+
variant: "text",
|
|
50
|
+
color: "default"
|
|
50
51
|
}, __props.widget?.cancel, {
|
|
51
52
|
class: unref(clsx)(__props.ui?.cancel),
|
|
52
53
|
theme: unref(theme),
|
|
@@ -66,6 +66,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
66
66
|
const emits = __emit;
|
|
67
67
|
const inputId = useId();
|
|
68
68
|
const innerValue = ref(__props.modelValue ?? __props.defaultValue ?? "");
|
|
69
|
+
watch(()=>__props.modelValue, (newVal)=>{
|
|
70
|
+
innerValue.value = newVal ?? "";
|
|
71
|
+
});
|
|
69
72
|
watch(innerValue, (newVal)=>{
|
|
70
73
|
emits("update:modelValue", newVal);
|
|
71
74
|
}, {
|
|
@@ -118,9 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
118
118
|
"class"
|
|
119
119
|
])) : createCommentVNode("", true)
|
|
120
120
|
]),
|
|
121
|
-
createVNode(unref(RadioGroup).ItemHiddenInput
|
|
122
|
-
class: "hidden"
|
|
123
|
-
})
|
|
121
|
+
createVNode(unref(RadioGroup).ItemHiddenInput)
|
|
124
122
|
]),
|
|
125
123
|
_: 3
|
|
126
124
|
})
|
|
@@ -38,9 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
"data-theme-size": unref(theme).size
|
|
39
39
|
}), {
|
|
40
40
|
default: withCtx(()=>[
|
|
41
|
-
createVNode(unref(Slider).HiddenInput
|
|
42
|
-
class: "hidden"
|
|
43
|
-
})
|
|
41
|
+
createVNode(unref(Slider).HiddenInput)
|
|
44
42
|
]),
|
|
45
43
|
_: 1
|
|
46
44
|
}, 16, [
|
|
@@ -117,9 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
117
117
|
name: __props.name
|
|
118
118
|
}, {
|
|
119
119
|
default: withCtx(()=>[
|
|
120
|
-
createVNode(unref(Slider).HiddenInput
|
|
121
|
-
class: "hidden"
|
|
122
|
-
})
|
|
120
|
+
createVNode(unref(Slider).HiddenInput)
|
|
123
121
|
]),
|
|
124
122
|
_: 1
|
|
125
123
|
}, 8, [
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@raxium/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.7",
|
|
5
5
|
"description": "Vue core components for Raxium, based on Ark UI",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Hwacc",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"lucide-vue-next": "^1.0.0",
|
|
69
69
|
"vue-component-type-helpers": "^3.2.1",
|
|
70
70
|
"@raxium/shared": "0.1.1",
|
|
71
|
-
"@raxium/themes": "0.1.
|
|
71
|
+
"@raxium/themes": "0.1.8"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@ark-ui/vue": "5.35.0",
|
|
@@ -88,8 +88,8 @@
|
|
|
88
88
|
"tsc-alias": "^1.8.16",
|
|
89
89
|
"vitest": "^4.1.1",
|
|
90
90
|
"vue-tsc": "^3.2.4",
|
|
91
|
-
"@raxium/
|
|
92
|
-
"@raxium/
|
|
91
|
+
"@raxium/shared": "0.1.1",
|
|
92
|
+
"@raxium/themes": "0.1.8"
|
|
93
93
|
},
|
|
94
94
|
"publishConfig": {
|
|
95
95
|
"access": "public"
|