wip
This commit is contained in:
117
public/build/assets/FormSelect-DsrGsWMf.js
vendored
Normal file
117
public/build/assets/FormSelect-DsrGsWMf.js
vendored
Normal file
@@ -0,0 +1,117 @@
|
||||
import { a as FormGroup, L as Label, E as ErrorText, H as HelperText } from "./FormInput-CxgB4EEe.js";
|
||||
import { r as resolveComponent, o as openBlock, g as createBlock, w as withCtx, f as createTextVNode, t as toDisplayString, e as createCommentVNode, b as createBaseVNode, j as renderSlot, n as normalizeClass } from "./app-glaRp76R.js";
|
||||
import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
|
||||
const defaultClasses = "w-full border-medium-emphasis text-body h-10 px-2 border rounded bg-surface-1 focus:outline-none focus:border-primary";
|
||||
const _sfc_main = {
|
||||
props: {
|
||||
id: {
|
||||
type: String,
|
||||
required: false
|
||||
},
|
||||
label: {
|
||||
type: String,
|
||||
required: false
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: () => "text"
|
||||
},
|
||||
required: {
|
||||
type: Boolean,
|
||||
default: () => false
|
||||
},
|
||||
helperText: {
|
||||
type: String
|
||||
},
|
||||
errors: {
|
||||
type: Array
|
||||
},
|
||||
placeholder: {
|
||||
type: String
|
||||
},
|
||||
modelValue: {
|
||||
required: false,
|
||||
default: ""
|
||||
},
|
||||
loading: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
FormGroup,
|
||||
Label,
|
||||
ErrorText,
|
||||
HelperText
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
defaultClasses,
|
||||
selected: this.value
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
updateValue(value) {
|
||||
this.$emit("update:modelValue", value);
|
||||
}
|
||||
}
|
||||
};
|
||||
const _hoisted_1 = ["disabled", "id", "required", "placeholder", "value"];
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
const _component_Label = resolveComponent("Label");
|
||||
const _component_ErrorText = resolveComponent("ErrorText");
|
||||
const _component_HelperText = resolveComponent("HelperText");
|
||||
const _component_FormGroup = resolveComponent("FormGroup");
|
||||
return openBlock(), createBlock(_component_FormGroup, null, {
|
||||
default: withCtx(() => [
|
||||
$props.label ? (openBlock(), createBlock(_component_Label, {
|
||||
key: 0,
|
||||
errors: $props.errors,
|
||||
forId: $props.id
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString($props.label), 1)
|
||||
], void 0, true),
|
||||
_: 1
|
||||
}, 8, ["errors", "forId"])) : createCommentVNode("", true),
|
||||
createBaseVNode("select", {
|
||||
disabled: $props.loading || $props.disabled,
|
||||
class: normalizeClass([
|
||||
$data.defaultClasses,
|
||||
$props.disabled || $props.loading ? "opacity-50" : "",
|
||||
$props.loading ? "cursor-wait" : ""
|
||||
]),
|
||||
id: $props.id,
|
||||
required: $props.required,
|
||||
placeholder: $props.placeholder,
|
||||
onInput: _cache[0] || (_cache[0] = ($event) => $options.updateValue($event.target.value)),
|
||||
value: $props.modelValue
|
||||
}, [
|
||||
renderSlot(_ctx.$slots, "default")
|
||||
], 42, _hoisted_1),
|
||||
$props.errors ? (openBlock(), createBlock(_component_ErrorText, { key: 1 }, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString($props.errors[0]), 1)
|
||||
], void 0, true),
|
||||
_: 1
|
||||
})) : createCommentVNode("", true),
|
||||
$props.helperText && !$props.errors ? (openBlock(), createBlock(_component_HelperText, { key: 2 }, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString($props.helperText), 1)
|
||||
], void 0, true),
|
||||
_: 1
|
||||
})) : createCommentVNode("", true)
|
||||
], void 0, true),
|
||||
_: 3
|
||||
});
|
||||
}
|
||||
const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
export {
|
||||
FormSelect as F
|
||||
};
|
||||
Reference in New Issue
Block a user