@fastkit/vui 0.18.10 → 0.18.12

package/dist/vui.mjs

@@ -464,14 +464,14 @@ var VFormControl = defineComponent({
       "v-form-control--focused": control.focused,
       "v-form-control--dirty": control.dirty,
       "v-form-control--pristine": control.pristine,
-      "v-form-control--disabled": control.disabled,
-      "v-form-control--readonly": control.readonly,
+      "v-form-control--disabled": control.isDisabled,
+      "v-form-control--readonly": control.isReadonly,
       "v-form-control--touched": control.touched,
       "v-form-control--untouched": control.untouched,
       "v-form-control--invalid": control.invalid,
       "v-form-control--valid": control.valid
-    }, colorProvider.className(props12.error ? "error" : control.invalid && !control.readonly ? "error" : "primary")]);
-    const getRequiredChip = createRequiredChipRenderer(() => control.required, props12, vui);
+    }, colorProvider.className(props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary")]);
+    const getRequiredChip = createRequiredChipRenderer(() => control.isRequired, props12, vui);
     const handleClick = (ev) => ctx.emit("clickLabel", ev, control);
     return () => {
       const label = control.renderLabel();
@@ -605,7 +605,6 @@ function defineFormSelectorComponent(opts) {
       return () => {
         return createVNode(VFormControl, {
           "nodeControl": selectorControl,
-          "focused": selectorControl.focused,
           "hiddenInfo": props13.hiddenInfo,
           "class": classes.value,
           "label": props13.label,
@@ -2341,12 +2340,12 @@ var VControlField = defineComponent({
       return classes2;
     });
     const resolvedSlots = computed(() => {
-      const slots13 = {};
+      const slots12 = {};
       ADORNMENT_POSITIONS.forEach((position) => {
         const key = `${position}Adornment`;
-        slots13[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
+        slots12[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
       });
-      return slots13;
+      return slots12;
     });
     const renderAdornment = (position) => {
       let child;
@@ -2394,7 +2393,7 @@ var VTextCounter = defineComponent({
     }, [`${this.length} / ${this.maxlength}`]);
   }
 });
-var slots6 = defineSlots();
+var CHECKABLE_SLOTS = defineSlots();
 var VCheckable = defineComponent({
   name: "VCheckable",
   props: {
@@ -2402,10 +2401,10 @@ var VCheckable = defineComponent({
     disabled: Boolean,
     readonly: Boolean,
     checked: Boolean,
-    ...slots6()
+    ...CHECKABLE_SLOTS()
     // autoWidth: Boolean,
   },
-  slots: slots6,
+  slots: CHECKABLE_SLOTS,
   setup(props12, ctx) {
     const colorProvider = useVuiColorProvider();
     const invalid = computed(() => props12.invalid);
@@ -2466,7 +2465,7 @@ var VCheckbox = defineComponent({
     ctx.expose({
       control: api
     });
-    const slots13 = {
+    const slots12 = {
       input: () => nodeControl.createInputElement({
         type: "checkbox"
       }),
@@ -2482,7 +2481,7 @@ var VCheckbox = defineComponent({
         "invalid": nodeControl.invalid,
         "disabled": nodeControl.isDisabled,
         "readonly": nodeControl.isReadonly
-      }, slots13);
+      }, slots12);
     };
   }
 });
@@ -2496,9 +2495,9 @@ var VCheckboxGroup = defineFormSelectorComponent({
   className: "v-checkbox-group",
   itemRenderer: ({
     attrs,
-    slots: slots13
-  }) => createVNode(VCheckbox, attrs, _isSlot3(slots13) ? slots13 : {
-    default: () => [slots13]
+    slots: slots12
+  }) => createVNode(VCheckbox, attrs, _isSlot3(slots12) ? slots12 : {
+    default: () => [slots12]
   })
 });
 var {
@@ -2521,7 +2520,7 @@ var VRadio = defineComponent({
     const classes = computed(() => ["v-radio", {
       "v-radio--selected": nodeControl.selected
     }, control.classes.value]);
-    const slots13 = {
+    const slots12 = {
       input: () => nodeControl.createInputElement({
         type: "radio"
       }),
@@ -2537,7 +2536,7 @@ var VRadio = defineComponent({
         "invalid": nodeControl.invalid,
         "disabled": nodeControl.isDisabled,
         "readonly": nodeControl.isReadonly
-      }, slots13);
+      }, slots12);
     };
   }
 });
@@ -2550,9 +2549,9 @@ var VRadioGroup = defineFormSelectorComponent({
   className: "v-radio-group",
   itemRenderer: ({
     attrs,
-    slots: slots13
-  }) => createVNode(VRadio, attrs, _isSlot4(slots13) ? slots13 : {
-    default: () => [slots13]
+    slots: slots12
+  }) => createVNode(VRadio, attrs, _isSlot4(slots12) ? slots12 : {
+    default: () => [slots12]
   })
 });
 var {
@@ -2580,7 +2579,7 @@ var VSwitch = defineComponent({
       "v-switch--selected": nodeControl.selected,
       "v-switch--disabled": nodeControl.isDisabled
     }, control.classes.value]);
-    const slots13 = {
+    const slots12 = {
       input: () => nodeControl.createInputElement({
         type: "checkbox"
       }),
@@ -2601,7 +2600,7 @@ var VSwitch = defineComponent({
         "invalid": nodeControl.invalid,
         "disabled": nodeControl.isDisabled,
         "readonly": nodeControl.isReadonly
-      }, slots13);
+      }, slots12);
     };
   }
 });
@@ -2615,9 +2614,9 @@ var VSwitchGroup = defineFormSelectorComponent({
   className: "v-switch-group",
   itemRenderer: ({
     attrs,
-    slots: slots13
-  }) => createVNode(VSwitch, attrs, _isSlot5(slots13) ? slots13 : {
-    default: () => [slots13]
+    slots: slots12
+  }) => createVNode(VSwitch, attrs, _isSlot5(slots12) ? slots12 : {
+    default: () => [slots12]
   })
 });
 var {
@@ -2657,16 +2656,16 @@ var VOption = defineComponent({
     };
   }
 });
-var slots7 = defineSlots();
+var slots6 = defineSlots();
 var VOptionGroup = defineComponent({
   name: "VOptionGroup",
   props: {
     ...createFormSelectorItemGroupProps(),
     // eslint-disable-next-line vue/require-prop-types
     label: {},
-    ...slots7()
+    ...slots6()
   },
-  slots: slots7,
+  slots: slots6,
   setup(props12, ctx) {
     const groupControl = useFormSelectorItemGroupControl(props12, ctx, {
       parentNodeType: VUI_SELECT_SYMBOL
@@ -2704,7 +2703,7 @@ var {
 } = createFormSelectorSettings({
   defaultValidateTiming: "blur"
 });
-var slots8 = defineSlots();
+var slots7 = defineSlots();
 var VSelect = defineComponent({
   name: "VSelect",
   props: {
@@ -2713,7 +2712,7 @@ var VSelect = defineComponent({
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...slots8(),
+    ...slots7(),
     ...createPropsOptions({
       placeholder: String,
       loadingMessage: {},
@@ -2721,7 +2720,7 @@ var VSelect = defineComponent({
     }),
     closeOnNavigation: Boolean
   },
-  slots: slots8,
+  slots: slots7,
   emits: emits7,
   setup(props12, ctx) {
     const menuRef = ref(null);
@@ -3044,7 +3043,7 @@ var {
   props: props8,
   emits: emits8
 } = createTextInputNodeSettings();
-var slots9 = defineSlots();
+var slots8 = defineSlots();
 function createTextFieldProps() {
   return {
     ...props8,
@@ -3052,14 +3051,14 @@ function createTextFieldProps() {
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...slots9()
+    ...slots8()
   };
 }
 var VTextField = defineComponent({
   name: "VTextField",
   props: createTextFieldProps(),
   emits: emits8,
-  slots: slots9,
+  slots: slots8,
   setup(props12, ctx) {
     const inputControl = useTextInputNodeControl(props12, ctx, {
       nodeType: VUI_TEXT_FIELD_SYMBOL
@@ -3097,7 +3096,6 @@ var VTextField = defineComponent({
     return () => {
       return createVNode(VFormControl, {
         "nodeControl": inputControl,
-        "focused": inputControl.focused,
         "hiddenInfo": props12.hiddenInfo,
         "class": classes.value,
         "label": props12.label,
@@ -3178,7 +3176,7 @@ var {
   props: props9,
   emits: emits9
 } = createTextareaNodeSettings();
-var slots10 = defineSlots();
+var slots9 = defineSlots();
 var VTextarea = defineComponent({
   name: "VTextarea",
   props: {
@@ -3187,7 +3185,7 @@ var VTextarea = defineComponent({
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...slots10()
+    ...slots9()
   },
   emits: emits9,
   setup(props12, ctx) {
@@ -3226,7 +3224,6 @@ var VTextarea = defineComponent({
     return () => {
       return createVNode(VFormControl, {
         "nodeControl": inputControl,
-        "focused": inputControl.focused,
         "class": ["v-textarea", control.classes.value],
         "label": props12.label,
         "hint": props12.hint,
@@ -3310,13 +3307,9 @@ var VForm = defineComponent({
     ctx.expose({
       control: nodeControl
     });
-    return () => createVNode("form", {
-      "ref": nodeControl.formRef(),
-      "class": classes.value,
-      "action": nodeControl.nativeAction,
-      "spellcheck": nodeControl.spellcheck,
-      "onSubmit": nodeControl.handleSubmit
-    }, [ctx.slots.default?.(nodeControl)]);
+    return () => createVNode("form", mergeProps({
+      "class": classes.value
+    }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]);
   }
 });
 function _isSlot7(s) {
@@ -3383,7 +3376,7 @@ var VTab = defineComponent({
 function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var slots11 = defineSlots();
+var slots10 = defineSlots();
 var VTabs = defineComponent({
   name: "VTabs",
   props: {
@@ -3413,13 +3406,13 @@ var VTabs = defineComponent({
     withQuery: Boolean,
     color: String,
     onBeforeChange: Function,
-    ...slots11()
+    ...slots10()
   },
   emits: {
     "update:modelValue": (newValue) => true,
     change: (newValue) => true
   },
-  slots: slots11,
+  slots: slots10,
   setup(props12, ctx) {
     const vui = useVui();
     const internalValueRef = ref(null);
@@ -4595,7 +4588,7 @@ var VToolbarEdge = defineComponent({
     };
   }
 });
-var slots12 = defineSlots();
+var slots11 = defineSlots();
 var VToolbarTitle = defineComponent({
   name: "VToolbarTitle",
   props: {
@@ -4603,9 +4596,9 @@ var VToolbarTitle = defineComponent({
       type: String,
       default: "span"
     },
-    ...slots12()
+    ...slots11()
   },
-  slots: slots12,
+  slots: slots11,
   setup(props12, ctx) {
     const _TagName = computed(() => props12.tag);
     return () => {