yuyeon 0.0.47-rc.11 → 0.0.47-rc.12

package/lib/composables/communication.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"communication.mjs","names":["computed","getCurrentInstance","ref","toRaw","watch","hasOwnProperty","kebabToCamel","toKebabCase","useToggleScope","useModelDuplex","props","prop","arguments","length","undefined","defaultValue","getIn","v","setOut","vm","kebabProp","property","txValue","getProp","isDefinedProp","registeredProps","vnode","value","model","get","set","neo","current","emit","Object","defineProperty","useProvided","provided","internal"],"sources":["../../src/composables/communication.ts"],"sourcesContent":["import { computed, getCurrentInstance, ref, toRaw, watch } from 'vue';\r\nimport type { Ref } from 'vue';\r\n\r\nimport { hasOwnProperty } from '../util/common';\r\nimport { kebabToCamel, toKebabCase } from '../util/string';\r\nimport { useToggleScope } from './scope';\r\nimport {WritableComputedRef} from \"@vue/runtime-core\";\r\n\r\nexport function useModelDuplex(\r\n  props: any,\r\n  prop: string = 'modelValue',\r\n  defaultValue?: any,\r\n  getIn: (value?: any) => any = (v: any) => v,\r\n  setOut: (value: any) => any = (v: any) => v,\r\n) {\r\n  const vm = getCurrentInstance()!;\r\n  const kebabProp = toKebabCase(prop);\r\n  const property = kebabProp === prop ? kebabToCamel(prop) : prop;\r\n  const txValue = ref(\r\n    props[property] !== undefined ? props[property] : defaultValue,\r\n  );\r\n\r\n  function getProp() {\r\n    return props[property];\r\n  }\r\n\r\n  const isDefinedProp = computed(() => {\r\n    getProp();\r\n    const registeredProps = vm.vnode.props;\r\n    return (\r\n      (hasOwnProperty(registeredProps, kebabProp) ||\r\n        hasOwnProperty(registeredProps, property)) &&\r\n      (hasOwnProperty(registeredProps, `onUpdate:${kebabProp}`) ||\r\n        hasOwnProperty(registeredProps, `onUpdate:${property}`))\r\n    );\r\n  });\r\n\r\n  useToggleScope(\r\n    () => !isDefinedProp.value,\r\n    () => {\r\n      watch(\r\n        () => getProp(),\r\n        (value) => {\r\n          txValue.value = value;\r\n        },\r\n      );\r\n    },\r\n  );\r\n\r\n  const model = computed({\r\n    get(): any {\r\n      return getIn(isDefinedProp.value ? getProp() : txValue.value);\r\n    },\r\n    set(value) {\r\n      const neo = setOut(value);\r\n      const current = toRaw(isDefinedProp.value ? getProp() : txValue.value);\r\n      if (current === neo || getIn(current) === value) {\r\n        return;\r\n      }\r\n      txValue.value = neo;\r\n      vm?.emit(`update:${property}`, neo);\r\n    },\r\n  }) as WritableComputedRef<any> & { readonly rxValue: any };\r\n\r\n  Object.defineProperty(model, 'rxValue', {\r\n    get: () => (isDefinedProp.value ? getProp() : txValue.value),\r\n  });\r\n\r\n  return model;\r\n}\r\n\r\nexport function useProvided<T>(props: any, prop: string, provided: Ref<T>) {\r\n  const internal = useModelDuplex(props, prop, props[prop] ?? provided.value);\r\n\r\n  watch(provided, (value) => {\r\n    if (props[prop] == null) {\r\n      internal.value = value;\r\n    }\r\n  });\r\n  return internal;\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"communication.mjs","names":["computed","getCurrentInstance","ref","toRaw","watch","hasOwnProperty","kebabToCamel","toKebabCase","useToggleScope","useModelDuplex","props","prop","arguments","length","undefined","defaultValue","getIn","v","setOut","vm","kebabProp","property","txValue","getProp","isDefinedProp","registeredProps","vnode","value","model","get","set","neo","current","emit","Object","defineProperty","useProvided","provided","internal"],"sources":["../../src/composables/communication.ts"],"sourcesContent":["import { WritableComputedRef } from '@vue/runtime-core';\nimport { computed, getCurrentInstance, ref, toRaw, watch } from 'vue';\nimport type { Ref } from 'vue';\n\nimport { hasOwnProperty } from '../util/common';\nimport { kebabToCamel, toKebabCase } from '../util/string';\nimport { useToggleScope } from './scope';\n\nexport function useModelDuplex(\n  props: any,\n  prop: string = 'modelValue',\n  defaultValue?: any,\n  getIn: (value?: any) => any = (v: any) => v,\n  setOut: (value: any) => any = (v: any) => v,\n) {\n  const vm = getCurrentInstance()!;\n  const kebabProp = toKebabCase(prop);\n  const property = kebabProp === prop ? kebabToCamel(prop) : prop;\n  const txValue = ref(\n    props[property] !== undefined ? props[property] : defaultValue,\n  );\n\n  function getProp() {\n    return props[property];\n  }\n\n  const isDefinedProp = computed(() => {\n    getProp();\n    const registeredProps = vm.vnode.props;\n    return (\n      (hasOwnProperty(registeredProps, kebabProp) ||\n        hasOwnProperty(registeredProps, property)) &&\n      (hasOwnProperty(registeredProps, `onUpdate:${kebabProp}`) ||\n        hasOwnProperty(registeredProps, `onUpdate:${property}`))\n    );\n  });\n\n  useToggleScope(\n    () => !isDefinedProp.value,\n    () => {\n      watch(\n        () => getProp(),\n        (value) => {\n          txValue.value = value;\n        },\n      );\n    },\n  );\n\n  const model = computed({\n    get(): any {\n      return getIn(isDefinedProp.value ? getProp() : txValue.value);\n    },\n    set(value) {\n      const neo = setOut(value);\n      const current = toRaw(isDefinedProp.value ? getProp() : txValue.value);\n      if (current === neo || getIn(current) === value) {\n        return;\n      }\n      txValue.value = neo;\n      vm?.emit(`update:${property}`, neo);\n    },\n  }) as WritableComputedRef<any> & { readonly rxValue: any };\n\n  Object.defineProperty(model, 'rxValue', {\n    get: () => (isDefinedProp.value ? getProp() : txValue.value),\n  });\n\n  return model;\n}\n\nexport function useProvided<T>(props: any, prop: string, provided: Ref<T>) {\n  const internal = useModelDuplex(props, prop, props[prop] ?? provided.value);\n\n  watch(provided, (value) => {\n    if (props[prop] == null) {\n      internal.value = value;\n    }\n  });\n  return internal;\n}\n"],"mappings":"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"}

package/lib/composables/form.mjs

@@ -0,0 +1,100 @@
+import { computed, inject, provide, ref, shallowRef, toRef } from 'vue';
+import { propsFactory } from "../util/vue-component.mjs";
+import { useModelDuplex } from "./communication.mjs";
+export const YUYEON_FORM_KEY = Symbol.for('yuyeon.form');
+export const pressFormPropsOptions = propsFactory({
+  readonly: Boolean,
+  disabled: Boolean,
+  loading: Boolean,
+  modelValue: {
+    type: Boolean,
+    default: null
+  },
+  validateOn: {
+    type: String,
+    default: 'input'
+  }
+}, 'form');
+export function createForm(props) {
+  const model = useModelDuplex(props);
+  const isValidating = shallowRef(false);
+  const inputs = ref([]);
+  const errors = ref([]);
+  const isReadonly = computed(() => props.readonly);
+  const isDisabled = computed(() => props.disabled);
+  const isLoading = computed(() => props.loading);
+  async function validate() {
+    const results = [];
+    let valid = true;
+    errors.value = [];
+    isValidating.value = true;
+    for (const item of inputs.value) {
+      const itemErrors = await item.validate();
+      if (itemErrors.length > 0) {
+        valid = false;
+        results.push({
+          id: item.id,
+          vnode: item.vnode,
+          exposed: item.vnode.component?.exposed,
+          errors: itemErrors
+        });
+      }
+    }
+    errors.value = results;
+    isValidating.value = false;
+    return {
+      valid,
+      errors: errors.value
+    };
+  }
+  function register(input) {
+    const {
+      id,
+      validate,
+      vnode
+    } = input;
+    inputs.value.push({
+      id,
+      validate,
+      vnode,
+      isError: null,
+      errors: []
+    });
+  }
+  function unregister(id) {
+    inputs.value = inputs.value.filter(input => input.id !== id);
+  }
+  function update(id, isError, errors) {
+    const found = inputs.value.find(item => item.id === id);
+    if (!found) return;
+    found.isError = isError;
+    found.errors = errors;
+  }
+  const provideInstance = {
+    inputs,
+    isDisabled,
+    isReadonly,
+    isLoading,
+    isValid: model,
+    isValidating,
+    register,
+    unregister,
+    update,
+    validateOn: toRef(props, 'validateOn')
+  };
+  provide(YUYEON_FORM_KEY, provideInstance);
+  return {
+    inputs,
+    errors,
+    isValid: model,
+    isDisabled,
+    isReadonly,
+    isLoading,
+    isValidating,
+    validate
+  };
+}
+export function useForm() {
+  return inject(YUYEON_FORM_KEY, null);
+}
+//# sourceMappingURL=form.mjs.map

package/lib/composables/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":["computed","inject","provide","ref","shallowRef","toRef","propsFactory","useModelDuplex","YUYEON_FORM_KEY","Symbol","for","pressFormPropsOptions","readonly","Boolean","disabled","loading","modelValue","type","default","validateOn","String","createForm","props","model","isValidating","inputs","errors","isReadonly","isDisabled","isLoading","validate","results","valid","value","item","itemErrors","length","push","id","vnode","exposed","component","register","input","isError","unregister","filter","update","found","find","provideInstance","isValid","useForm"],"sources":["../../src/composables/form.ts"],"sourcesContent":["import {\n  ComputedRef,\n  InjectionKey,\n  PropType,\n  Ref,\n  computed,\n  inject,\n  provide,\n  ref,\n  shallowRef,\n  toRef, VNode,\n} from 'vue';\n\nimport { EventProp, propsFactory } from '../util/vue-component';\nimport { useModelDuplex } from './communication';\nimport { ValidationProps } from './validation';\n\nexport interface FormInput {\n  id: number | string;\n  vnode: VNode;\n  validate: () => Promise<any[]>;\n  isError: boolean | undefined | null;\n  errors: any[];\n}\n\nexport interface InputValidationResult {\n  id: number | string;\n  vnode: VNode;\n  exposed: any;\n  errors: any[];\n}\n\nexport interface FormValidationResult {\n  valid: boolean;\n  errors: InputValidationResult[];\n}\n\nexport interface SubmitEventPromise\n  extends SubmitEvent,\n    Promise<FormValidationResult> {}\n\nexport interface FormInstance {\n  register: (input: {\n    id: number | string;\n    vnode: VNode;\n    validate: () => Promise<any[]>;\n    resetValidation: () => Promise<void>;\n  }) => void;\n  unregister: (id: number | string) => void;\n  update: (\n    id: number | string,\n    isError: boolean | undefined | null,\n    errors: any[],\n  ) => void;\n  inputs: Ref<FormInput[]>;\n  isDisabled: ComputedRef<boolean>;\n  isReadonly: ComputedRef<boolean>;\n  isLoading: ComputedRef<boolean>;\n  isValidating: Ref<boolean>;\n  isValid: Ref<boolean | null>;\n  validateOn: Ref<FormProps['validateOn']>;\n}\n\nexport const YUYEON_FORM_KEY: InjectionKey<FormInstance> =\n  Symbol.for('yuyeon.form');\n\nexport interface FormProps {\n  readonly: boolean;\n  disabled: boolean;\n  loading: boolean;\n  modelValue: boolean | null;\n  'onUpdate:modelValue': EventProp<[boolean | null]> | undefined;\n  validateOn: ValidationProps['validateOn'];\n}\n\nexport const pressFormPropsOptions = propsFactory(\n  {\n    readonly: Boolean,\n    disabled: Boolean,\n    loading: Boolean,\n    modelValue: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n    validateOn: {\n      type: String as PropType<ValidationProps['validateOn']>,\n      default: 'input',\n    },\n  },\n  'form',\n);\n\nexport function createForm(props: FormProps) {\n  const model = useModelDuplex(props);\n  const isValidating = shallowRef(false);\n  const inputs = ref<FormInput[]>([]);\n  const errors = ref<InputValidationResult[]>([]);\n\n  const isReadonly = computed(() => props.readonly);\n  const isDisabled = computed(() => props.disabled);\n  const isLoading = computed(() => props.loading);\n\n  async function validate() {\n    const results: InputValidationResult[] = [];\n    let valid = true;\n\n    errors.value = [];\n    isValidating.value = true;\n\n    for (const item of inputs.value) {\n      const itemErrors = await item.validate();\n\n      if (itemErrors.length > 0) {\n        valid = false;\n\n        results.push({\n          id: item.id,\n          vnode: item.vnode,\n          exposed: item.vnode.component?.exposed,\n          errors: itemErrors,\n        });\n      }\n    }\n\n    errors.value = results;\n    isValidating.value = false;\n\n    return { valid, errors: errors.value };\n  }\n\n  function register(input: {\n    id: number | string;\n    vnode: VNode;\n    validate: () => Promise<any[]>;\n  }) {\n    const { id, validate, vnode } = input;\n    inputs.value.push({\n      id,\n      validate,\n      vnode,\n      isError: null,\n      errors: [],\n    });\n  }\n\n  function unregister(id: number | string) {\n    inputs.value = inputs.value.filter((input) => input.id !== id);\n  }\n\n  function update(\n    id: number | string,\n    isError: boolean | undefined | null,\n    errors: any[],\n  ) {\n    const found = inputs.value.find((item) => item.id === id);\n\n    if (!found) return;\n\n    found.isError = isError;\n    found.errors = errors;\n  }\n\n  const provideInstance: FormInstance = {\n    inputs,\n    isDisabled,\n    isReadonly,\n    isLoading,\n    isValid: model,\n    isValidating,\n    register,\n    unregister,\n    update,\n    validateOn: toRef(props, 'validateOn'),\n  };\n\n  provide(YUYEON_FORM_KEY, provideInstance);\n\n  return {\n    inputs,\n    errors,\n    isValid: model,\n    isDisabled,\n    isReadonly,\n    isLoading,\n    isValidating,\n    validate,\n  };\n}\n\nexport function useForm() {\n  return inject(YUYEON_FORM_KEY, null);\n}\n"],"mappings":"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"}

package/lib/composables/validation.mjs

@@ -1,6 +1,7 @@
-import { computed, ref, watch } from 'vue';
+import { computed, getCurrentInstance, onBeforeMount, ref, watch } from 'vue';
 import { getUid, propsFactory } from "../util/index.mjs";
 import { useModelDuplex } from "./communication.mjs";
+import { useForm } from "./form.mjs";
 import { useToggleScope } from "./scope.mjs";
 export const pressValidationPropsOptions = propsFactory({
   readonly: Boolean,
@@ -24,8 +25,11 @@ export const pressValidationPropsOptions = propsFactory({
 }, 'validation');
 export function useValidation(props, name) {
   let uid = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getUid();
+  const cid = computed(() => props.name ?? uid);
   const model = useModelDuplex(props, 'modelValue');
   const validationModel = computed(() => props.validationValue === undefined ? model.value : props.validationValue);
+  const vm = getCurrentInstance();
+  const form = useForm();
   const validating = ref(false);
   const validateOn = computed(() => {
     let value = props.validateOn || 'input';
@@ -40,6 +44,9 @@ export function useValidation(props, name) {
   });
   const errorResult = ref();
   const errors = ref([]);
+  const isReadonly = computed(() => props.readonly ?? form?.isReadonly.value);
+  const isDisabled = computed(() => props.disabled ?? form?.isDisabled.value);
+  const isLoading = computed(() => props.loading ?? form?.isLoading.value);
   const isError = computed(() => {
     return props.status === 'error' || errors.value.length > 0;
   });
@@ -87,6 +94,21 @@ export function useValidation(props, name) {
     errors.value = [];
     errorResult.value = undefined;
   }
+  async function resetValidation() {
+    if (!validateOn.value.lazy) {
+      await invokeValidators();
+    } else {
+      resetError();
+    }
+  }
+  onBeforeMount(() => {
+    form?.register({
+      id: cid.value,
+      vnode: vm.vnode,
+      resetValidation,
+      validate: invokeValidators
+    });
+  });
   return {
     invokeValidators,
     resetError,
@@ -94,6 +116,9 @@ export function useValidation(props, name) {
     validateOn,
     errorResult,
     errors,
+    isReadonly,
+    isDisabled,
+    isLoading,
     isError,
     isSuccess
   };

package/lib/composables/validation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"validation.mjs","names":["computed","ref","watch","getUid","propsFactory","useModelDuplex","useToggleScope","pressValidationPropsOptions","readonly","Boolean","disabled","status","type","String","validator","value","includes","helperText","validators","Array","validateOn","validationValue","maxErrors","Number","default","useValidation","props","name","uid","arguments","length","undefined","model","validationModel","validating","onSet","Set","split","blur","has","input","lazy","submit","errorResult","errors","isError","isSuccess","invokeValidators","focused","unwatch","val","results","isArray","handler","result","console","warn","push","resetError"],"sources":["../../src/composables/validation.ts"],"sourcesContent":["import { PropType, computed, ref, watch } from 'vue';\n\nimport { getUid, propsFactory } from '../util';\nimport { useModelDuplex } from './communication';\nimport { useToggleScope } from './scope';\n\nexport const pressValidationPropsOptions = propsFactory(\n  {\n    readonly: Boolean as PropType<boolean>,\n    disabled: Boolean as PropType<boolean>,\n    status: {\n      type: String as PropType<'success' | 'warning' | 'error' | undefined>,\n      validator(value: string) {\n        return ['success', 'warning', 'error'].includes(value);\n      },\n    },\n    helperText: String,\n    validators: Array as PropType<((v: any) => boolean | string)[] | string[]>,\n    validateOn: {\n      type: String as PropType<string>,\n    },\n    validationValue: null,\n    maxErrors: {\n      type: [Number, String] as PropType<number | string>,\n      default: 1,\n    },\n  },\n  'validation',\n);\n\nexport function useValidation(props: any, name: string, uid = getUid()) {\n  const model = useModelDuplex(props, 'modelValue');\n  const validationModel = computed(() =>\n    props.validationValue === undefined ? model.value : props.validationValue,\n  );\n\n  const validating = ref(false);\n  const validateOn = computed(() => {\n    let value = props.validateOn || 'input';\n    if (value === 'lazy') value = 'input,lazy';\n    const onSet = new Set(value?.split(',') ?? []);\n\n    return {\n      blur: onSet.has('blur') || onSet.has('input'),\n      input: onSet.has('input'),\n      lazy: onSet.has('lazy'),\n      submit: onSet.has('submit'),\n    };\n  });\n\n  const errorResult = ref();\n  const errors = ref<any[]>([]);\n\n  const isError = computed(() => {\n    return props.status === 'error' || errors.value.length > 0;\n  });\n\n  const isSuccess = computed(() => {\n    return !isError.value && props.status === 'success';\n  });\n\n  useToggleScope(\n    () => validateOn.value.input,\n    () => {\n      watch(validationModel, () => {\n        if (validationModel.value != null) {\n          invokeValidators();\n        } else if (props.focused) {\n          const unwatch = watch(\n            () => props.focused,\n            (val) => {\n              if (!val) invokeValidators();\n\n              unwatch();\n            },\n          );\n        }\n      });\n    },\n  );\n\n  async function invokeValidators() {\n    const results: any[] = [];\n    validating.value = true;\n\n    if (Array.isArray(props.validators)) {\n      for (const validator of props.validators) {\n        if (results.length >= +(props.maxErrors ?? 1)) {\n          break;\n        }\n\n        const handler =\n          typeof validator === 'function' ? validator : () => validator;\n        const result = await handler(validationModel.value);\n\n        if (result === true) {\n          continue;\n        }\n\n        if (result !== false && typeof result !== 'string') {\n          console.warn('Wrong validator return type');\n          continue;\n        }\n        results.push(result || '');\n      }\n    }\n    validating.value = false;\n    errors.value = results;\n    errorResult.value = results?.[0];\n\n    return results;\n  }\n\n  function resetError() {\n    errors.value = [];\n    errorResult.value = undefined;\n  }\n\n  return {\n    invokeValidators,\n    resetError,\n    validating,\n    validateOn,\n    errorResult,\n    errors,\n    isError,\n    isSuccess,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"validation.mjs","names":["computed","getCurrentInstance","onBeforeMount","ref","watch","getUid","propsFactory","useModelDuplex","useForm","useToggleScope","pressValidationPropsOptions","readonly","Boolean","disabled","status","type","String","validator","value","includes","helperText","validators","Array","validateOn","validationValue","maxErrors","Number","default","useValidation","props","name","uid","arguments","length","undefined","cid","model","validationModel","vm","form","validating","onSet","Set","split","blur","has","input","lazy","submit","errorResult","errors","isReadonly","isDisabled","isLoading","loading","isError","isSuccess","invokeValidators","focused","unwatch","val","results","isArray","handler","result","console","warn","push","resetError","resetValidation","register","id","vnode","validate"],"sources":["../../src/composables/validation.ts"],"sourcesContent":["import {\n  PropType,\n  computed,\n  getCurrentInstance,\n  onBeforeMount,\n  ref,\n  watch,\n} from 'vue';\n\nimport { getUid, propsFactory } from '../util';\nimport { useModelDuplex } from './communication';\nimport { useForm } from './form';\nimport { useToggleScope } from './scope';\n\nexport interface ValidationProps {\n  validateOn: 'input' | 'blur' | 'lazy' | 'submit' | string;\n}\n\nexport const pressValidationPropsOptions = propsFactory(\n  {\n    readonly: Boolean as PropType<boolean>,\n    disabled: Boolean as PropType<boolean>,\n    status: {\n      type: String as PropType<'success' | 'warning' | 'error' | undefined>,\n      validator(value: string) {\n        return ['success', 'warning', 'error'].includes(value);\n      },\n    },\n    helperText: String,\n    validators: Array as PropType<((v: any) => boolean | string)[] | string[]>,\n    validateOn: {\n      type: String as PropType<ValidationProps['validateOn']>,\n    },\n    validationValue: null,\n    maxErrors: {\n      type: [Number, String] as PropType<number | string>,\n      default: 1,\n    },\n  },\n  'validation',\n);\n\nexport function useValidation(props: any, name: string, uid = getUid()) {\n  const cid = computed(() => props.name ?? uid);\n  const model = useModelDuplex(props, 'modelValue');\n  const validationModel = computed(() =>\n    props.validationValue === undefined ? model.value : props.validationValue,\n  );\n  const vm = getCurrentInstance()!;\n  const form = useForm();\n  const validating = ref(false);\n  const validateOn = computed(() => {\n    let value = props.validateOn || 'input';\n    if (value === 'lazy') value = 'input,lazy';\n    const onSet = new Set(value?.split(',') ?? []);\n\n    return {\n      blur: onSet.has('blur') || onSet.has('input'),\n      input: onSet.has('input'),\n      lazy: onSet.has('lazy'),\n      submit: onSet.has('submit'),\n    };\n  });\n\n  const errorResult = ref();\n  const errors = ref<any[]>([]);\n\n  const isReadonly = computed(() => props.readonly ?? form?.isReadonly.value);\n\n  const isDisabled = computed(() => props.disabled ?? form?.isDisabled.value);\n\n  const isLoading = computed(() => props.loading ?? form?.isLoading.value);\n\n  const isError = computed(() => {\n    return props.status === 'error' || errors.value.length > 0;\n  });\n\n  const isSuccess = computed(() => {\n    return !isError.value && props.status === 'success';\n  });\n\n  useToggleScope(\n    () => validateOn.value.input,\n    () => {\n      watch(validationModel, () => {\n        if (validationModel.value != null) {\n          invokeValidators();\n        } else if (props.focused) {\n          const unwatch = watch(\n            () => props.focused,\n            (val) => {\n              if (!val) invokeValidators();\n\n              unwatch();\n            },\n          );\n        }\n      });\n    },\n  );\n\n  async function invokeValidators() {\n    const results: any[] = [];\n    validating.value = true;\n\n    if (Array.isArray(props.validators)) {\n      for (const validator of props.validators) {\n        if (results.length >= +(props.maxErrors ?? 1)) {\n          break;\n        }\n\n        const handler =\n          typeof validator === 'function' ? validator : () => validator;\n        const result = await handler(validationModel.value);\n\n        if (result === true) {\n          continue;\n        }\n\n        if (result !== false && typeof result !== 'string') {\n          console.warn('Wrong validator return type');\n          continue;\n        }\n        results.push(result || '');\n      }\n    }\n    validating.value = false;\n    errors.value = results;\n    errorResult.value = results?.[0];\n\n    return results;\n  }\n\n  function resetError() {\n    errors.value = [];\n    errorResult.value = undefined;\n  }\n\n  async function resetValidation() {\n    if (!validateOn.value.lazy) {\n      await invokeValidators();\n    } else {\n      resetError();\n    }\n  }\n\n  onBeforeMount(() => {\n    form?.register({\n      id: cid.value,\n      vnode: vm.vnode,\n      resetValidation,\n      validate: invokeValidators,\n    });\n  });\n\n  return {\n    invokeValidators,\n    resetError,\n    validating,\n    validateOn,\n    errorResult,\n    errors,\n    isReadonly,\n    isDisabled,\n    isLoading,\n    isError,\n    isSuccess,\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.47-rc.11",
+  "version": "0.0.47-rc.12",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/checkbox/YCheckbox.d.ts

@@ -18,7 +18,7 @@ export declare const YCheckbox: import("vue").DefineComponent<{
     readonly: PropType<boolean>;
 }, {
     checked: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "update:modelValue" | "change")[], "click" | "focus" | "blur" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "blur" | "focus" | "update:modelValue" | "change")[], "click" | "blur" | "focus" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: PropType<boolean | any[]>;
     value: PropType<any>;
     label: PropType<string>;
@@ -37,8 +37,8 @@ export declare const YCheckbox: import("vue").DefineComponent<{
     readonly: PropType<boolean>;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }, {

package/types/components/checkbox/YInputCheckbox.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus(e: FocusEvent): void;
     onBlur(e: FocusEvent): void;
     onClick(event: MouseEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "blur" | "focus")[], "click" | "blur" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: PropType<string>;
     value: PropType<boolean>;
     icon: PropType<string>;
@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: PropType<boolean>;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
 }, {}>;

package/types/components/field-input/YFieldInput.d.ts

@@ -1,5 +1,7 @@
 import type { PropType, SlotsType } from 'vue';
+import { YInputDefaultSlotProps } from '../input';
 export declare const pressYFieldInputPropsOptions: <Defaults extends {
+    extended?: unknown;
     focused?: unknown;
     'onUpdate:focused'?: unknown;
     readonly?: unknown;
@@ -33,6 +35,10 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
     tabindex?: unknown;
     type?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    extended: unknown extends Defaults["extended"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["extended"] ? any : any>;
+        default: unknown extends Defaults["extended"] ? any : any;
+    };
     focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
         default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
@@ -229,6 +235,7 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
     };
 };
 export declare const YFieldInput: import("vue").DefineComponent<{
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -299,7 +306,8 @@ export declare const YFieldInput: import("vue").DefineComponent<{
         readonly rxValue: any;
     };
     inValue: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "update:modelValue" | "update:focused" | "input" | "change" | "keydown" | "keyup")[], "click" | "focus" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "update:modelValue" | "update:focused" | "input" | "change" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "input" | "blur" | "focus" | "mousedown" | "mouseup" | "mousedown:display" | "update:modelValue" | "update:focused" | "change" | "keydown" | "keyup")[], "click" | "input" | "blur" | "focus" | "mousedown" | "mouseup" | "mousedown:display" | "update:modelValue" | "update:focused" | "change" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -368,10 +376,10 @@ export declare const YFieldInput: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onMousedown?: ((...args: any[]) => any) | undefined;
     onMouseup?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
     "onMousedown:display"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -392,11 +400,7 @@ export declare const YFieldInput: import("vue").DefineComponent<{
     prepend: any;
     append: any;
     label: any;
-    default: {
-        value: any;
-        formLoading: boolean;
-        attrId: string;
-    };
+    default: YInputDefaultSlotProps;
     leading: {
         error: boolean;
     };

package/types/components/form/YForm.d.ts

@@ -1,32 +1,41 @@
-import { ComponentPublicInstance, PropType } from 'vue';
+import { SubmitEventPromise } from '../../composables/form';
 export declare const YForm: import("vue").DefineComponent<{
-    tag: {
-        type: PropType<string>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    validateOn: {
+        type: import("vue").PropType<string>;
         default: string;
-        validator(value: string): boolean;
     };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (val: boolean | null) => true;
+    submit: (e: SubmitEventPromise) => true;
+    'keydown.enter': (e: Event) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     loading: BooleanConstructor;
-}, unknown, {
-    inputs: Record<string, ComponentPublicInstance>;
-    formData: any;
-}, {
-    attrs(): any;
-}, {
-    register(component: any): void;
-    unregister(component: any): void;
-    validate(): boolean;
-}, import("vue").DefineComponent<{}, {}, {
-    attrs_$: any;
-    listeners_$: any;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    tag: {
-        type: PropType<string>;
+    modelValue: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    validateOn: {
+        type: import("vue").PropType<string>;
         default: string;
-        validator(value: string): boolean;
     };
-    loading: BooleanConstructor;
-}>>, {
-    tag: string;
+}>> & {
+    "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
+    onSubmit?: ((e: SubmitEventPromise) => any) | undefined;
+    "onKeydown.enter"?: ((e: Event) => any) | undefined;
+}, {
+    disabled: boolean;
     loading: boolean;
+    modelValue: boolean | null;
+    validateOn: string;
+    readonly: boolean;
 }, {}>;
 export type YForm = InstanceType<typeof YForm>;

package/types/components/input/YInput.d.ts

@@ -1,5 +1,6 @@
-import { PropType, SlotsType, VNode } from 'vue';
+import { PropType, SlotsType } from 'vue';
 export declare const pressYInputPropsOptions: <Defaults extends {
+    extended?: unknown;
     focused?: unknown;
     'onUpdate:focused'?: unknown;
     readonly?: unknown;
@@ -27,6 +28,10 @@ export declare const pressYInputPropsOptions: <Defaults extends {
     filled?: unknown;
     ceramic?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    extended: unknown extends Defaults["extended"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["extended"] ? any : any>;
+        default: unknown extends Defaults["extended"] ? any : any;
+    };
     focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
         default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
@@ -180,7 +185,13 @@ export declare const pressYInputPropsOptions: <Defaults extends {
         default: unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"];
     };
 };
+export interface YInputDefaultSlotProps {
+    value: any;
+    loading: boolean;
+    attrId: string;
+}
 export declare const YInput: import("vue").DefineComponent<{
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -232,19 +243,8 @@ export declare const YInput: import("vue").DefineComponent<{
     filled: PropType<boolean>;
     ceramic: PropType<boolean>;
     theme: PropType<string>;
-}, {
-    themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
-    isFocused: import("vue").WritableComputedRef<any> & {
-        readonly rxValue: any;
-    };
-    focusedClasses: import("vue").ComputedRef<{
-        [x: string]: any;
-    }>;
-    whenFocus: () => void;
-    whenBlur: () => void;
-    createLabel: () => VNode | undefined;
-    invokeValidators: () => Promise<any[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "focus" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], "click" | "error" | "focus" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "blur" | "focus" | "mousedown" | "mouseup" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], "click" | "error" | "blur" | "focus" | "mousedown" | "mouseup" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -300,10 +300,10 @@ export declare const YInput: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onMousedown?: ((...args: any[]) => any) | undefined;
     onMouseup?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
     "onMousedown:display"?: ((...args: any[]) => any) | undefined;
     "onMouseup:display"?: ((...args: any[]) => any) | undefined;
     "onClick:leading"?: ((...args: any[]) => any) | undefined;
@@ -319,11 +319,7 @@ export declare const YInput: import("vue").DefineComponent<{
     prepend: any;
     append: any;
     label: any;
-    default: {
-        value: any;
-        formLoading: boolean;
-        attrId: string;
-    };
+    default: YInputDefaultSlotProps;
     leading: {
         error: boolean;
     };
@@ -331,6 +327,7 @@ export declare const YInput: import("vue").DefineComponent<{
     'helper-text': {
         error: boolean;
         errorResult: string | undefined;
+        errors: any[];
     };
 }>>;
 export type YInput = InstanceType<typeof YInput>;

package/types/components/select/YSelect.d.ts

@@ -600,6 +600,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     origin?: unknown;
     offset?: unknown;
     viewportMargin?: unknown;
+    extended?: unknown;
     focused?: unknown;
     'onUpdate:focused'?: unknown;
     readonly?: unknown;
@@ -702,6 +703,10 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["viewportMargin"] ? number : number | Defaults["viewportMargin"]>;
         default: unknown extends Defaults["viewportMargin"] ? number : number | Defaults["viewportMargin"];
     };
+    extended: unknown extends Defaults["extended"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["extended"] ? any : any>;
+        default: unknown extends Defaults["extended"] ? any : any;
+    };
     focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
         default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
@@ -1536,6 +1541,7 @@ export declare const YSelect: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;
@@ -5661,6 +5667,7 @@ export declare const YSelect: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    extended: PropType<any>;
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(v: boolean) => void>;
     readonly: PropType<boolean>;