yuyeon 0.3.3 → 0.3.4-beta.9

package/lib/composables/validation.js

@@ -1,4 +1,4 @@
-import { computed, getCurrentInstance, onBeforeMount, ref, watch } from 'vue';
+import { computed, getCurrentInstance, onBeforeMount, onBeforeUnmount, ref, watch } from 'vue';
 import { getUid, propsFactory } from "../util/component/index.js";
 import { useModelDuplex } from "./communication.js";
 import { useForm } from "./form.js";
@@ -44,9 +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 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;
   });
@@ -101,6 +101,9 @@ export function useValidation(props, name) {
       resetError();
     }
   }
+  onBeforeUnmount(() => {
+    form?.unregister?.(cid.value);
+  });
   onBeforeMount(() => {
     form?.register({
       id: cid.value,

package/lib/composables/validation.js.map

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

@@ -0,0 +1,3 @@
+export * from "./complement-click/index.js";
+export * from "./plate-wave/index.js";
+//# sourceMappingURL=index.js.map

package/lib/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/directives/index.ts"],"sourcesContent":["export * from './complement-click';\nexport * from './plate-wave';\n\n"],"mappings":""}

package/lib/directives/plate-wave/index.js

@@ -25,8 +25,8 @@ function hideAnimation(el) {
   }, delay + 300);
 }
 
-/*
- * Event
+/*
+ * Event
  * */
 
 let keyboardEventFlag = false;

package/lib/directives/plate-wave/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CLASS_NAME","showAnimation","el","animation","document","createElement","className","appendChild","dataset","activated","String","performance","now","hideAnimation","animations","getElementsByClassName","length","isHiding","diff","Number","delay","Math","max","setTimeout","removeChild","keyboardEventFlag","spawn","event","currentTarget","clean","stop","keyboardSpawn","key","keyboardClean","destroyListeners","removeEventListener","attachWave","binding","init","arguments","undefined","value","modifiers","enabled","addEventListener","PlateWave","mounted","updated","oldValue","unmount"],"sources":["../../../src/directives/plate-wave/index.ts"],"sourcesContent":["import type { DirectiveBinding } from 'vue';\r\n\r\nimport './plate-wave.scss';\r\n\r\nexport interface PlateWaveBinding\r\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\r\n  value?: boolean;\r\n  modifiers: { stop?: boolean };\r\n}\r\n\r\nconst CLASS_NAME = 'y-plate-wave__animation';\r\n\r\nfunction showAnimation(el: HTMLElement | null) {\r\n  if (!el) return;\r\n  const animation = document.createElement('span');\r\n  animation.className = CLASS_NAME;\r\n  el.appendChild(animation);\r\n  animation.dataset.activated = String(performance.now());\r\n}\r\n\r\nfunction hideAnimation(el: HTMLElement | null) {\r\n  if (!el) {\r\n    return;\r\n  }\r\n  const animations = el.getElementsByClassName(CLASS_NAME);\r\n  if (animations.length === 0) return;\r\n  const animation = animations[animations.length - 1] as HTMLElement;\r\n  if (animation.dataset.isHiding) return;\r\n  animation.dataset.isHiding = 'true';\r\n  const diff = performance.now() - Number(animation.dataset.activated);\r\n  const delay = Math.max(250 - diff, 0);\r\n  setTimeout(() => {\r\n    if (animation) {\r\n      el.removeChild(animation);\r\n    }\r\n  }, delay + 300);\r\n}\r\n\r\n/*\r\n * Event\r\n * */\r\n\r\nlet keyboardEventFlag = false;\r\n\r\nfunction spawn(event: Event) {\r\n  showAnimation(event.currentTarget as HTMLElement);\r\n}\r\n\r\nfunction clean(event: Event) {\r\n  hideAnimation(event.currentTarget as HTMLElement);\r\n}\r\n\r\nfunction stop(event: Event) {\r\n  //\r\n}\r\n\r\nfunction keyboardSpawn(event: KeyboardEvent) {\r\n  if (!keyboardEventFlag && (event.key === 'Enter' || event.key === 'Space')) {\r\n    keyboardEventFlag = true;\r\n    showAnimation(event.currentTarget as HTMLElement);\r\n  }\r\n}\r\n\r\nfunction keyboardClean(event: KeyboardEvent) {\r\n  keyboardEventFlag = false;\r\n  hideAnimation(event.currentTarget as HTMLElement);\r\n}\r\n\r\nfunction destroyListeners(el: HTMLElement) {\r\n  el.removeEventListener('mousedown', spawn);\r\n  el.removeEventListener('mouseup', clean);\r\n  el.removeEventListener('mouseleave', clean);\r\n  el.removeEventListener('keydown', keyboardSpawn);\r\n  el.removeEventListener('keyup', keyboardClean);\r\n}\r\n\r\nfunction attachWave(el: HTMLElement, binding: PlateWaveBinding, init = false) {\r\n  const { value, modifiers } = binding;\r\n  let enabled = value ?? true;\r\n  if (typeof value === 'boolean') {\r\n    enabled = value;\r\n  }\r\n  if (!enabled) hideAnimation(el);\r\n\r\n  if (enabled && init) {\r\n    if (modifiers.stop) {\r\n      el.addEventListener('mousedown', stop);\r\n      return;\r\n    }\r\n\r\n    el.addEventListener('mousedown', spawn);\r\n    el.addEventListener('mouseup', clean);\r\n    el.addEventListener('mouseleave', clean);\r\n    el.addEventListener('keydown', keyboardSpawn);\r\n    el.addEventListener('keyup', keyboardClean);\r\n    el.addEventListener('blur', clean);\r\n  } else if (!enabled && !init) {\r\n    destroyListeners(el);\r\n  }\r\n}\r\n\r\nexport const PlateWave = {\r\n  mounted(el: HTMLElement, binding: PlateWaveBinding) {\r\n    attachWave(el, binding, true);\r\n  },\r\n  updated(el: HTMLElement, binding: PlateWaveBinding) {\r\n    if (binding.value === binding.oldValue) {\r\n      return;\r\n    }\r\n    attachWave(el, binding);\r\n  },\r\n  unmount(el: HTMLElement) {\r\n    destroyListeners(el);\r\n  },\r\n};\r\n\r\nexport default PlateWave;\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["CLASS_NAME","showAnimation","el","animation","document","createElement","className","appendChild","dataset","activated","String","performance","now","hideAnimation","animations","getElementsByClassName","length","isHiding","diff","Number","delay","Math","max","setTimeout","removeChild","keyboardEventFlag","spawn","event","currentTarget","clean","stop","keyboardSpawn","key","keyboardClean","destroyListeners","removeEventListener","attachWave","binding","init","arguments","undefined","value","modifiers","enabled","addEventListener","PlateWave","mounted","updated","oldValue","unmount"],"sources":["../../../src/directives/plate-wave/index.ts"],"sourcesContent":["import type { Directive, DirectiveBinding } from 'vue';\n\nimport './plate-wave.scss';\n\nexport interface PlateWaveBinding\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?: boolean;\n  modifiers: { stop?: boolean };\n}\n\nconst CLASS_NAME = 'y-plate-wave__animation';\n\nfunction showAnimation(el: HTMLElement | null) {\n  if (!el) return;\n  const animation = document.createElement('span');\n  animation.className = CLASS_NAME;\n  el.appendChild(animation);\n  animation.dataset.activated = String(performance.now());\n}\n\nfunction hideAnimation(el: HTMLElement | null) {\n  if (!el) {\n    return;\n  }\n  const animations = el.getElementsByClassName(CLASS_NAME);\n  if (animations.length === 0) return;\n  const animation = animations[animations.length - 1] as HTMLElement;\n  if (animation.dataset.isHiding) return;\n  animation.dataset.isHiding = 'true';\n  const diff = performance.now() - Number(animation.dataset.activated);\n  const delay = Math.max(250 - diff, 0);\n  setTimeout(() => {\n    if (animation) {\n      el.removeChild(animation);\n    }\n  }, delay + 300);\n}\n\n/*\n * Event\n * */\n\nlet keyboardEventFlag = false;\n\nfunction spawn(event: Event) {\n  showAnimation(event.currentTarget as HTMLElement);\n}\n\nfunction clean(event: Event) {\n  hideAnimation(event.currentTarget as HTMLElement);\n}\n\nfunction stop(event: Event) {\n  //\n}\n\nfunction keyboardSpawn(event: KeyboardEvent) {\n  if (!keyboardEventFlag && (event.key === 'Enter' || event.key === 'Space')) {\n    keyboardEventFlag = true;\n    showAnimation(event.currentTarget as HTMLElement);\n  }\n}\n\nfunction keyboardClean(event: KeyboardEvent) {\n  keyboardEventFlag = false;\n  hideAnimation(event.currentTarget as HTMLElement);\n}\n\nfunction destroyListeners(el: HTMLElement) {\n  el.removeEventListener('mousedown', spawn);\n  el.removeEventListener('mouseup', clean);\n  el.removeEventListener('mouseleave', clean);\n  el.removeEventListener('keydown', keyboardSpawn);\n  el.removeEventListener('keyup', keyboardClean);\n}\n\nfunction attachWave(el: HTMLElement, binding: PlateWaveBinding, init = false) {\n  const { value, modifiers } = binding;\n  let enabled = value ?? true;\n  if (typeof value === 'boolean') {\n    enabled = value;\n  }\n  if (!enabled) hideAnimation(el);\n\n  if (enabled && init) {\n    if (modifiers.stop) {\n      el.addEventListener('mousedown', stop);\n      return;\n    }\n\n    el.addEventListener('mousedown', spawn);\n    el.addEventListener('mouseup', clean);\n    el.addEventListener('mouseleave', clean);\n    el.addEventListener('keydown', keyboardSpawn);\n    el.addEventListener('keyup', keyboardClean);\n    el.addEventListener('blur', clean);\n  } else if (!enabled && !init) {\n    destroyListeners(el);\n  }\n}\n\nexport const PlateWave = {\n  mounted(el: HTMLElement, binding: PlateWaveBinding) {\n    attachWave(el, binding, true);\n  },\n  updated(el: HTMLElement, binding: PlateWaveBinding) {\n    if (binding.value === binding.oldValue) {\n      return;\n    }\n    attachWave(el, binding);\n  },\n  unmount(el: HTMLElement) {\n    destroyListeners(el);\n  },\n};\n\nexport type PlateWaveDirective = Directive<HTMLElement, PlateWaveBinding>;\n\ndeclare module 'vue' {\n  export interface ComponentCustomProperties {\n    vPlateWave: PlateWaveDirective;\n  }\n}\n\nexport default PlateWave;\n"],"mappings":"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"}

package/lib/directives/theme-class/index.js

@@ -0,0 +1,24 @@
+import { unref, watchEffect } from 'vue';
+const bindThemeClass = (el, binding, vnode) => {
+  function bindingClass(themeClass) {
+    el.classList.forEach(classToken => {
+      if (classToken.startsWith('y-theme--') && classToken !== themeClass) {
+        el.classList.remove(classToken);
+      }
+    });
+    el.classList.add(themeClass);
+  }
+  watchEffect(() => {
+    const theme = binding.instance?.$yuyeon?.theme ?? vnode?.ctx?.root.appContext.config.globalProperties?.$yuyeon?.theme;
+    const themeName = binding.value ?? unref(theme.currentThemeKey) ?? '';
+    if (!themeName) {
+      return;
+    }
+    const themeClass = `y-theme--${themeName}`;
+    bindingClass(themeClass);
+  }, {
+    flush: 'post'
+  });
+};
+export default bindThemeClass;
+//# sourceMappingURL=index.js.map

package/lib/directives/theme-class/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["unref","watchEffect","bindThemeClass","el","binding","vnode","bindingClass","themeClass","classList","forEach","classToken","startsWith","remove","add","theme","instance","$yuyeon","ctx","root","appContext","config","globalProperties","themeName","value","currentThemeKey","flush"],"sources":["../../../src/directives/theme-class/index.ts"],"sourcesContent":["import { FunctionDirective, unref, watchEffect } from 'vue';\n\nconst bindThemeClass: FunctionDirective = (el, binding, vnode) => {\n  function bindingClass(themeClass: string) {\n    el.classList.forEach((classToken: string) => {\n      if (classToken.startsWith('y-theme--') && classToken !== themeClass) {\n        el.classList.remove(classToken);\n      }\n    });\n    el.classList.add(themeClass);\n  }\n\n  watchEffect(\n    () => {\n      const theme =\n        (binding.instance as any)?.$yuyeon?.theme ??\n        (vnode as any)?.ctx?.root.appContext.config.globalProperties?.$yuyeon\n          ?.theme;\n      const themeName = binding.value ?? unref(theme.currentThemeKey) ?? '';\n      if (!themeName) {\n        return;\n      }\n      const themeClass = `y-theme--${themeName}`;\n      bindingClass(themeClass);\n    },\n    { flush: 'post' },\n  );\n};\n\nexport default bindThemeClass;\n"],"mappings":"AAAA,SAA4BA,KAAK,EAAEC,WAAW,QAAQ,KAAK;AAE3D,MAAMC,cAAiC,GAAGA,CAACC,EAAE,EAAEC,OAAO,EAAEC,KAAK,KAAK;EAChE,SAASC,YAAYA,CAACC,UAAkB,EAAE;IACxCJ,EAAE,CAACK,SAAS,CAACC,OAAO,CAAEC,UAAkB,IAAK;MAC3C,IAAIA,UAAU,CAACC,UAAU,CAAC,WAAW,CAAC,IAAID,UAAU,KAAKH,UAAU,EAAE;QACnEJ,EAAE,CAACK,SAAS,CAACI,MAAM,CAACF,UAAU,CAAC;MACjC;IACF,CAAC,CAAC;IACFP,EAAE,CAACK,SAAS,CAACK,GAAG,CAACN,UAAU,CAAC;EAC9B;EAEAN,WAAW,CACT,MAAM;IACJ,MAAMa,KAAK,GACRV,OAAO,CAACW,QAAQ,EAAUC,OAAO,EAAEF,KAAK,IACxCT,KAAK,EAAUY,GAAG,EAAEC,IAAI,CAACC,UAAU,CAACC,MAAM,CAACC,gBAAgB,EAAEL,OAAO,EACjEF,KAAK;IACX,MAAMQ,SAAS,GAAGlB,OAAO,CAACmB,KAAK,IAAIvB,KAAK,CAACc,KAAK,CAACU,eAAe,CAAC,IAAI,EAAE;IACrE,IAAI,CAACF,SAAS,EAAE;MACd;IACF;IACA,MAAMf,UAAU,GAAI,YAAWe,SAAU,EAAC;IAC1ChB,YAAY,CAACC,UAAU,CAAC;EAC1B,CAAC,EACD;IAAEkB,KAAK,EAAE;EAAO,CAClB,CAAC;AACH,CAAC;AAED,eAAevB,cAAc"}

package/lib/util/string.js

@@ -66,4 +66,7 @@ export function simpleBraceParse(input) {
   });
   return results;
 }
+export function escapeRegExp(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
 //# sourceMappingURL=string.js.map

package/lib/util/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","names":["camelToPascal","str","charAt","toUpperCase","slice","toKebabCase","from","arguments","length","undefined","res","index","char","charCode","charCodeAt","toLowerCase","kebabToCamel","randomCharOne","Math","floor","random","simpleBraceParse","input","pattern","results","match","pointer","exec","variable","start","end","lastIndex","prevText","substring","push","type","content","trim"],"sources":["../../src/util/string.ts"],"sourcesContent":["export function camelToPascal(str: string) {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(str: string, from: 'camel' | 'pascal' = 'camel') {\n  let res = '';\n  for (let index = 0; index < str.length; index += 1) {\n    const char = str[index];\n    const charCode = char.charCodeAt(0);\n    if (charCode >= 65 && charCode <= 90) {\n      res += `${\n        index === 0 && from === 'camel' ? '' : '-'\n      }${char.toLowerCase()}`;\n    } else {\n      res += char;\n    }\n  }\n  return res;\n}\n\nexport function kebabToCamel(str: string) {\n  let res = '';\n  let index = 0;\n  while (index < str.length) {\n    const char = str[index];\n    if (char === '-') {\n      index += 1;\n      res += str[index].toUpperCase();\n    } else {\n      res += char;\n    }\n    index += 1;\n  }\n  return res;\n}\n\nexport function randomCharOne(str: string) {\n  if (str) {\n    return str.charAt(Math.floor(Math.random() * str.length));\n  }\n  return '';\n}\n\nexport function simpleBraceParse(input: string) {\n  const pattern = /\\{([^{}]+)\\}/g;\n  const results = [];\n  let match;\n  let pointer = 0;\n\n  while ((match = pattern.exec(input)) !== null) {\n    const variable = match[1];\n    const start = match.index;\n    const end = pattern.lastIndex;\n    if (start > 0) {\n      const prevText = input.substring(pointer, start);\n      results.push({\n        type: 'text',\n        content: prevText,\n      });\n    }\n    if (variable.trim()) {\n      results.push({\n        type: 'variable',\n        content: variable.trim(),\n      });\n    }\n\n    pointer = end;\n  }\n\n  results.push({\n    type: 'text',\n    content: input.substring(pointer, input.length),\n  });\n\n  return results;\n}\n"],"mappings":"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"}
+{"version":3,"file":"string.js","names":["camelToPascal","str","charAt","toUpperCase","slice","toKebabCase","from","arguments","length","undefined","res","index","char","charCode","charCodeAt","toLowerCase","kebabToCamel","randomCharOne","Math","floor","random","simpleBraceParse","input","pattern","results","match","pointer","exec","variable","start","end","lastIndex","prevText","substring","push","type","content","trim","escapeRegExp","replace"],"sources":["../../src/util/string.ts"],"sourcesContent":["export function camelToPascal(str: string) {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(str: string, from: 'camel' | 'pascal' = 'camel') {\n  let res = '';\n  for (let index = 0; index < str.length; index += 1) {\n    const char = str[index];\n    const charCode = char.charCodeAt(0);\n    if (charCode >= 65 && charCode <= 90) {\n      res += `${\n        index === 0 && from === 'camel' ? '' : '-'\n      }${char.toLowerCase()}`;\n    } else {\n      res += char;\n    }\n  }\n  return res;\n}\n\nexport function kebabToCamel(str: string) {\n  let res = '';\n  let index = 0;\n  while (index < str.length) {\n    const char = str[index];\n    if (char === '-') {\n      index += 1;\n      res += str[index].toUpperCase();\n    } else {\n      res += char;\n    }\n    index += 1;\n  }\n  return res;\n}\n\nexport function randomCharOne(str: string) {\n  if (str) {\n    return str.charAt(Math.floor(Math.random() * str.length));\n  }\n  return '';\n}\n\nexport function simpleBraceParse(input: string) {\n  const pattern = /\\{([^{}]+)\\}/g;\n  const results = [];\n  let match;\n  let pointer = 0;\n\n  while ((match = pattern.exec(input)) !== null) {\n    const variable = match[1];\n    const start = match.index;\n    const end = pattern.lastIndex;\n    if (start > 0) {\n      const prevText = input.substring(pointer, start);\n      results.push({\n        type: 'text',\n        content: prevText,\n      });\n    }\n    if (variable.trim()) {\n      results.push({\n        type: 'variable',\n        content: variable.trim(),\n      });\n    }\n\n    pointer = end;\n  }\n\n  results.push({\n    type: 'text',\n    content: input.substring(pointer, input.length),\n  });\n\n  return results;\n}\n\nexport function escapeRegExp(str: string) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.3.3",
+  "version": "0.3.4-beta.9",
   "keywords": [
     "UI Library",
     "Vue"
@@ -39,6 +39,14 @@
       "module": "./lib/components/*/*.js",
       "types": "./types/components/*/*.d.ts"
     },
+    "./directives": {
+      "types": "./types/directives/index.d.ts",
+      "module": "./lib/directives/index.js"
+    },
+    "./directives/*": {
+      "module": "./lib/directives/*/*.js",
+      "types": "./types/directives/*/*.d.ts"
+    },
     "./composables": {
       "types": "./types/composables/index.d.ts",
       "module": "./lib/composables/index.js",

package/types/components/badge/YBadge.d.ts

@@ -27,10 +27,8 @@ export declare const pressYBadgePropsOptions: <Defaults extends {
     };
     backgroundOpacity: unknown extends Defaults["backgroundOpacity"] ? {
         type: NumberConstructor;
-        default: number;
     } : Omit<{
         type: NumberConstructor;
-        default: number;
     }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"]>;
         default: unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"];
@@ -103,7 +101,6 @@ export declare const YBadge: import('vue').DefineComponent<{
     background: StringConstructor;
     backgroundOpacity: {
         type: NumberConstructor;
-        default: number;
     };
     tag: {
         type: PropType<string>;

package/types/components/chip/YChip.d.ts

@@ -19,10 +19,8 @@ export declare const pressYChipPropsOptions: <Defaults extends {
     };
     backgroundOpacity: unknown extends Defaults["backgroundOpacity"] ? {
         type: NumberConstructor;
-        default: number;
     } : Omit<{
         type: NumberConstructor;
-        default: number;
     }, "type" | "default"> & {
         type: import('vue').PropType<unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"]>;
         default: unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"];
@@ -34,7 +32,6 @@ export declare const YChip: import('vue').DefineComponent<{
     background: StringConstructor;
     backgroundOpacity: {
         type: NumberConstructor;
-        default: number;
     };
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YChip = InstanceType<typeof YChip>;

package/types/components/draggable/index.d.ts

@@ -0,0 +1 @@
+export * from './YDraggable';

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

@@ -35,6 +35,7 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
     whenInputValid?: unknown;
     tabindex?: unknown;
     type?: unknown;
+    inputStyle?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     extended: unknown extends Defaults["extended"] ? PropType<any> : {
         type: PropType<unknown extends Defaults["extended"] ? any : any>;
@@ -238,6 +239,10 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
         default: unknown extends Defaults["type"] ? string : string | Defaults["type"];
     };
+    inputStyle: unknown extends Defaults["inputStyle"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["inputStyle"] ? any : any>;
+        default: unknown extends Defaults["inputStyle"] ? any : any;
+    };
 };
 export declare const YFieldInput: import('vue').DefineComponent<{
     extended: PropType<any>;
@@ -307,6 +312,7 @@ export declare const YFieldInput: import('vue').DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    inputStyle: PropType<any>;
 }, {
     focused: import('vue').Ref<any, any> & {
         readonly rxValue: any;

package/types/components/radio/YRadio.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+
+export declare const pressYRadioPropsOptions: <Defaults extends {
+    modelValue?: unknown;
+    disabled?: unknown;
+    value?: unknown;
+    label?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    modelValue: unknown extends Defaults["modelValue"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"]>;
+        default: unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"];
+    };
+    disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    value: unknown extends Defaults["value"] ? PropType<string> : {
+        type: PropType<unknown extends Defaults["value"] ? string : string | Defaults["value"]>;
+        default: unknown extends Defaults["value"] ? string : string | Defaults["value"];
+    };
+    label: unknown extends Defaults["label"] ? PropType<string> : {
+        type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
+        default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
+    };
+};

package/types/components/radio/YRadioIcon.d.ts

@@ -0,0 +1,6 @@
+
+export declare const YRadioIcon: import('vue').DefineComponent<{
+    active: BooleanConstructor;
+    disabled: BooleanConstructor;
+}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YRadioIcon = InstanceType<typeof YRadioIcon>;

package/types/components/radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './YRadioIcon';
+export * from './YRadio';

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

@@ -537,6 +537,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     whenInputValid?: unknown;
     tabindex?: unknown;
     type?: unknown;
+    inputStyle?: unknown;
     returnItem?: unknown;
     items?: unknown;
     itemKey?: unknown;
@@ -809,6 +810,10 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
         default: unknown extends Defaults["type"] ? string : string | Defaults["type"];
     };
+    inputStyle: unknown extends Defaults["inputStyle"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["inputStyle"] ? any : any>;
+        default: unknown extends Defaults["inputStyle"] ? any : any;
+    };
     returnItem: unknown extends Defaults["returnItem"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"]>;
         default: unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"];
@@ -1420,6 +1425,7 @@ export declare const YSelect: import('vue').DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    inputStyle: PropType<any>;
     returnItem: BooleanConstructor;
     items: {
         type: PropType<any[]>;

package/types/components/table/YDataTable.d.ts

@@ -496,6 +496,9 @@ export declare const YDataTable: import('vue').DefineComponent<{
         type: PropType<string | number>;
         default: number;
     };
+    paginationProps: {
+        type: ObjectConstructor;
+    };
 }, {
     paginatedItems: import('vue').ComputedRef<readonly any[]>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/types/components/table/YDataTableControl.d.ts

@@ -6,6 +6,7 @@ export declare const pressYDataTableControlPropsOptions: <Defaults extends {
     pageLength?: unknown;
     setPageSize?: unknown;
     setPage?: unknown;
+    paginationProps?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     page: unknown extends Defaults["page"] ? {
         type: PropType<string | number>;
@@ -39,6 +40,14 @@ export declare const pressYDataTableControlPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["setPage"] ? (page: number) => void : ((page: number) => void) | Defaults["setPage"]>;
         default: unknown extends Defaults["setPage"] ? (page: number) => void : ((page: number) => void) | Defaults["setPage"];
     };
+    paginationProps: unknown extends Defaults["paginationProps"] ? {
+        type: ObjectConstructor;
+    } : Omit<{
+        type: ObjectConstructor;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["paginationProps"] ? Record<string, any> : Record<string, any> | Defaults["paginationProps"]>;
+        default: unknown extends Defaults["paginationProps"] ? Record<string, any> : Record<string, any> | Defaults["paginationProps"];
+    };
 };
 export declare const YDataTableControl: import('vue').DefineComponent<{
     page: {
@@ -52,5 +61,8 @@ export declare const YDataTableControl: import('vue').DefineComponent<{
     pageLength: PropType<number>;
     setPageSize: PropType<(pageSize: number) => void>;
     setPage: PropType<(page: number) => void>;
+    paginationProps: {
+        type: ObjectConstructor;
+    };
 }, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YDataTableControl = InstanceType<typeof YDataTableControl>;

package/types/components/table/YDataTableServer.d.ts

@@ -39,6 +39,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     'onKeydown:row'?: unknown;
     page?: unknown;
     pageSize?: unknown;
+    paginationProps?: unknown;
     total?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     tag: unknown extends Defaults["tag"] ? {
@@ -150,14 +151,14 @@ export declare const pressDataTableServerProps: <Defaults extends {
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
     itemComparator: unknown extends Defaults["itemComparator"] ? {
-        type: PropType<string | typeof import('../../util').deepEqual>;
-        default: () => typeof import('../../util').deepEqual;
+        type: PropType<string | typeof import('../../util/common').deepEqual>;
+        default: () => typeof import('../../util/common').deepEqual;
     } : Omit<{
-        type: PropType<string | typeof import('../../util').deepEqual>;
-        default: () => typeof import('../../util').deepEqual;
+        type: PropType<string | typeof import('../../util/common').deepEqual>;
+        default: () => typeof import('../../util/common').deepEqual;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"]>;
-        default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"];
+        type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util/common').deepEqual : NonNullable<string | typeof import('../../util/common').deepEqual> | Defaults["itemComparator"]>;
+        default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util/common').deepEqual : NonNullable<string | typeof import('../../util/common').deepEqual> | Defaults["itemComparator"];
     };
     sortBy: unknown extends Defaults["sortBy"] ? {
         type: PropType<readonly {
@@ -409,6 +410,14 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"]>;
         default: unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"];
     };
+    paginationProps: unknown extends Defaults["paginationProps"] ? {
+        type: ObjectConstructor;
+    } : Omit<{
+        type: ObjectConstructor;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["paginationProps"] ? Record<string, any> : Record<string, any> | Defaults["paginationProps"]>;
+        default: unknown extends Defaults["paginationProps"] ? Record<string, any> : Record<string, any> | Defaults["paginationProps"];
+    };
     total: unknown extends Defaults["total"] ? {
         type: PropType<string | number>;
         required: true;
@@ -461,8 +470,8 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
         default: () => never[];
     };
     itemComparator: {
-        type: PropType<string | typeof import('../../util').deepEqual>;
-        default: () => typeof import('../../util').deepEqual;
+        type: PropType<string | typeof import('../../util/common').deepEqual>;
+        default: () => typeof import('../../util/common').deepEqual;
     };
     sortBy: {
         type: PropType<readonly {
@@ -529,6 +538,9 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
         type: PropType<string | number>;
         default: number;
     };
+    paginationProps: {
+        type: ObjectConstructor;
+    };
     total: {
         type: PropType<string | number>;
         required: true;

package/types/composables/style-color.d.ts

@@ -5,7 +5,6 @@ export declare const styleColorPropsOptions: {
     background: StringConstructor;
     backgroundOpacity: {
         type: NumberConstructor;
-        default: number;
     };
 };
 export declare function useStyleColor(props: ExtractPropTypes<typeof styleColorPropsOptions>, name: string): {

package/types/composables/theme/index.d.ts

@@ -43,6 +43,7 @@ export declare function createThemeModule(options: ThemeOptions): {
         scheme: Ref<string, string>;
         theme: Ref<[string, string], [string, string]>;
         currentThemeKey: ComputedRef<string>;
+        currentThemeColors: ComputedRef<Record<string, string>>;
         themeClasses: ComputedRef<string>;
         computedThemes: ComputedRef<Record<string, import('./types').ThemeDefinition>>;
         computedPalette: ComputedRef<Record<string, string>>;

package/types/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './complement-click';
+export * from './plate-wave';

package/types/directives/plate-wave/index.d.ts

@@ -1,4 +1,4 @@
-import { DirectiveBinding } from 'vue';
+import { Directive, DirectiveBinding } from 'vue';
 
 export interface PlateWaveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
     value?: boolean;
@@ -11,4 +11,10 @@ export declare const PlateWave: {
     updated(el: HTMLElement, binding: PlateWaveBinding): void;
     unmount(el: HTMLElement): void;
 };
+export type PlateWaveDirective = Directive<HTMLElement, PlateWaveBinding>;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        vPlateWave: PlateWaveDirective;
+    }
+}
 export default PlateWave;