yuyeon 0.0.42-rc2 → 0.0.42-rc24

package/lib/composables/icon.mjs

@@ -1,2 +1,163 @@
+import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { h } from 'vue';
+import { computed, defineComponent, inject, mergeProps, unref } from 'vue';
+import { builtSet } from "../components/index.mjs";
+import { mergeDeep, propsFactory } from "../util/index.mjs";
 export const IconPropOption = [String, Function, Object, Array];
+export const IconValue = [String, Object, Array, Function];
+export const pressIconPropsOptions = propsFactory({
+  icon: {
+    type: IconValue
+  },
+  tag: {
+    type: String,
+    required: true
+  }
+}, 'icon');
+export const YComponentIcon = defineComponent({
+  name: 'YComponentIcon',
+  props: pressIconPropsOptions(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      const icon = props.icon;
+      let Icon = () => _createVNode(_Fragment, null, null);
+      let iconProps = {};
+      if (icon instanceof Object) {
+        Icon = icon;
+        if ('component' in icon) {
+          Icon = icon.component;
+          iconProps = icon?.props;
+        }
+      }
+      return _createVNode(props.tag, null, {
+        default: () => [props.icon ? _createVNode(Icon, mergeProps(iconProps), null) : slots.default?.()]
+      });
+    };
+  }
+});
+export const YSvgIcon = defineComponent({
+  name: 'YSvgIcon',
+  inheritAttrs: false,
+  props: pressIconPropsOptions(),
+  setup(props, _ref2) {
+    let {
+      attrs
+    } = _ref2;
+    return () => {
+      return _createVNode(props.tag, attrs, {
+        default: () => [_createVNode("svg", {
+          "class": "y-icon__svg",
+          "xmlns": "http://www.w3.org/2000/svg",
+          "viewBox": "0 0 24 24",
+          "role": "img",
+          "aria-hidden": "true"
+        }, [Array.isArray(props.icon) ? props.icon.map(path => Array.isArray(path) ? _createVNode("path", {
+          "d": path[0],
+          "fill-opacity": path[1]
+        }, null) : _createVNode("path", {
+          "d": path
+        }, null)) : _createVNode("path", {
+          "d": props.icon
+        }, null)])]
+      });
+    };
+  }
+});
+export const YUYEON_ICON_KEY = Symbol.for('yuyeon.icon');
+export function createIconModule(options) {
+  return mergeDeep({
+    defaultSet: 'built',
+    sets: {
+      svg: {
+        component: YSvgIcon
+      }
+    },
+    aliases: {
+      ...builtSet
+    }
+  }, options);
+}
+export function useIcon(iconProp) {
+  const iconModule = inject(YUYEON_ICON_KEY);
+  if (!iconModule) throw new Error('Not found provided "IconModule"');
+  const iconData = computed(() => {
+    const iconMeta = unref(iconProp);
+    if (!iconMeta) return {
+      component: YComponentIcon
+    };
+    let icon = iconMeta;
+    if (typeof icon === 'object' && 'alias' in icon && typeof icon.alias === 'string') {
+      icon = icon.alias;
+    }
+    if (typeof icon === 'string') {
+      icon = icon.trim();
+      if (icon.startsWith('$')) {
+        icon = iconModule.aliases?.[icon.slice(1)];
+      }
+    }
+    if (!icon) throw new Error(`Could not find aliased icon "${iconMeta}"`);
+    if (Array.isArray(icon)) {
+      return {
+        component: YSvgIcon,
+        icon
+      };
+    } else if (typeof icon !== 'string') {
+      const iconValue = unref(iconProp);
+      if (iconValue && typeof iconValue === 'object' && 'iconProps' in iconValue) {
+        icon = {
+          component: 'component' in icon ? icon.component : icon,
+          props: 'props' in icon ? mergeDeep(icon.props, iconValue?.iconProps ?? {}) : iconValue.iconProps
+        };
+      }
+      return {
+        component: YComponentIcon,
+        icon
+      };
+    }
+    const iconSetName = Object.keys(iconModule.sets).find(setName => typeof icon === 'string' && icon.startsWith(`${setName}:`));
+    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;
+    const iconSet = iconModule.sets[iconSetName ?? iconModule.defaultSet];
+    if (!iconSet?.component && typeof icon === 'string') {
+      const text = new DOMParser().parseFromString(icon, 'text/xml');
+      const svgNode = text.querySelector('svg');
+      if (svgNode) {
+        return {
+          component: YComponentIcon,
+          icon: {
+            mounted() {
+              svgNode.childNodes.forEach(child => {
+                this.$el?.appendChild(child);
+              });
+            },
+            render: function () {
+              const attrs = {};
+              if (svgNode.hasAttributes()) {
+                for (let i = 0; i < svgNode.attributes.length; i += 1) {
+                  const attr = svgNode.attributes.item(i);
+                  if (attr) {
+                    attrs[`^${attr.name}`] = attr.value;
+                  }
+                }
+              }
+              const node = h('svg', {
+                ...attrs
+              }, []);
+              return node;
+            }
+          }
+        };
+      }
+    }
+    return {
+      icon: iconName,
+      component: iconSet.component
+    };
+  });
+  return {
+    iconData
+  };
+}
 //# sourceMappingURL=icon.mjs.map

package/lib/composables/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","names":["IconPropOption","String","Function","Object","Array"],"sources":["../../src/composables/icon.ts"],"sourcesContent":["\r\nimport type { Component, PropType } from \"vue\";\r\n\r\nexport type IconValue = string | (string | [path: string, opacity: number])[] | Component;\r\n\r\nexport const IconPropOption = [String, Function, Object, Array] as PropType<IconValue>;\r\n\r\ntype IconProps = {\r\n  tag: string;\r\n  icon?: IconValue,\r\n  disabled?: Boolean,\r\n}\r\n\r\ntype IconComponent = Component<IconProps>;\r\n"],"mappings":"AAKA,OAAO,MAAMA,cAAc,GAAG,CAACC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,CAAwB"}
+{"version":3,"file":"icon.mjs","names":["h","computed","defineComponent","inject","mergeProps","unref","builtSet","mergeDeep","propsFactory","IconPropOption","String","Function","Object","Array","IconValue","pressIconPropsOptions","icon","type","tag","required","YComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","_Fragment","iconProps","component","default","YSvgIcon","inheritAttrs","_ref2","attrs","isArray","map","path","YUYEON_ICON_KEY","Symbol","for","createIconModule","options","defaultSet","sets","svg","aliases","useIcon","iconProp","iconModule","Error","iconData","iconMeta","alias","trim","startsWith","slice","iconValue","iconSetName","keys","find","setName","iconName","length","iconSet","text","DOMParser","parseFromString","svgNode","querySelector","mounted","childNodes","forEach","child","$el","appendChild","render","hasAttributes","i","attributes","attr","item","value","node"],"sources":["../../src/composables/icon.tsx"],"sourcesContent":["import { HTMLAttributes } from '@vue/runtime-dom';\nimport { Component, InjectionKey, PropType, Ref, h } from 'vue';\nimport { computed, defineComponent, inject, mergeProps, unref } from 'vue';\n\nimport { builtSet } from '../components';\nimport { JSXComponent } from '../types';\nimport { mergeDeep, propsFactory } from '../util';\n\ntype IconComponent = JSXComponent<IconProps>;\n\nexport type IconValue =\n  | string\n  | (string | [path: string, opacity: number])[]\n  | IconComponent\n  | { component: JSXComponent; props?: any }\n  | { alias: string; iconProps?: any };\n\nexport const IconPropOption = [\n  String,\n  Function,\n  Object,\n  Array,\n] as PropType<IconValue>;\n\ntype IconProps = {\n  tag: string;\n  icon?: IconValue;\n  disabled?: Boolean;\n};\n\nexport interface IconSet {\n  component: IconComponent;\n}\n\nexport const IconValue = [\n  String,\n  Object,\n  Array,\n  Function,\n] as PropType<IconValue>;\n\nexport type IconModuleOptions = {\n  defaultSet?: string;\n  sets?: Record<string, IconSet>;\n  aliases?: Partial<Record<string, any>>;\n};\n\nexport const pressIconPropsOptions = propsFactory(\n  {\n    icon: {\n      type: IconValue,\n    },\n    tag: {\n      type: String,\n      required: true,\n    },\n  },\n  'icon',\n);\n\nexport const YComponentIcon = defineComponent({\n  name: 'YComponentIcon',\n  props: pressIconPropsOptions(),\n  setup(props, { slots }) {\n    return () => {\n      const icon = props.icon as unknown;\n      let Icon: JSXComponent = () => <></>;\n      let iconProps: any = {};\n      if (icon instanceof Object) {\n        Icon = icon as JSXComponent;\n        if ('component' in icon) {\n          Icon = icon.component as JSXComponent;\n          iconProps = (icon as any)?.props;\n        }\n      }\n      return (\n        <props.tag>\n          {props.icon ? <Icon {...mergeProps(iconProps)} /> : slots.default?.()}\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YComponentIcon = InstanceType<typeof YComponentIcon>;\n\nexport const YSvgIcon = defineComponent({\n  name: 'YSvgIcon',\n  inheritAttrs: false,\n  props: pressIconPropsOptions(),\n  setup(props, { attrs }) {\n    return () => {\n      return (\n        <props.tag {...attrs}>\n          <svg\n            class=\"y-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            {Array.isArray(props.icon) ? (\n              props.icon.map((path) =>\n                Array.isArray(path) ? (\n                  <path d={path[0] as string} fill-opacity={path[1]}></path>\n                ) : (\n                  <path d={path as string}></path>\n                ),\n              )\n            ) : (\n              <path d={props.icon as string}></path>\n            )}\n          </svg>\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YSvgIcon = InstanceType<typeof YSvgIcon>;\n\nexport const YUYEON_ICON_KEY: InjectionKey<Required<IconModuleOptions>> =\n  Symbol.for('yuyeon.icon');\n\nexport function createIconModule(options?: IconModuleOptions) {\n  return mergeDeep(\n    {\n      defaultSet: 'built',\n      sets: {\n        svg: {\n          component: YSvgIcon,\n        },\n      },\n      aliases: {\n        ...builtSet,\n      },\n    },\n    options,\n  );\n}\n\ntype IconInstance = {\n  component: IconComponent;\n  icon?: IconValue;\n};\n\nexport function useIcon(iconProp: Ref<IconValue | undefined>) {\n  const iconModule = inject(YUYEON_ICON_KEY);\n\n  if (!iconModule) throw new Error('Not found provided \"IconModule\"');\n\n  const iconData = computed<IconInstance>(() => {\n    const iconMeta = unref(iconProp);\n\n    if (!iconMeta) return { component: YComponentIcon };\n\n    let icon: IconValue | undefined = iconMeta;\n\n    if (\n      typeof icon === 'object' &&\n      'alias' in icon &&\n      typeof icon.alias === 'string'\n    ) {\n      icon = icon.alias;\n    }\n\n    if (typeof icon === 'string') {\n      icon = icon.trim();\n\n      if (icon.startsWith('$')) {\n        icon = iconModule.aliases?.[icon.slice(1)];\n      }\n    }\n\n    if (!icon) throw new Error(`Could not find aliased icon \"${iconMeta}\"`);\n\n    if (Array.isArray(icon)) {\n      return {\n        component: YSvgIcon,\n        icon,\n      };\n    } else if (typeof icon !== 'string') {\n      const iconValue = unref(iconProp);\n      if (\n        iconValue &&\n        typeof iconValue === 'object' &&\n        'iconProps' in iconValue\n      ) {\n        icon = {\n          component:\n            'component' in icon ? icon.component : (icon as JSXComponent),\n          props:\n            'props' in icon\n              ? mergeDeep(icon.props, iconValue?.iconProps ?? {})\n              : iconValue.iconProps,\n        };\n      }\n\n      return {\n        component: YComponentIcon,\n        icon,\n      };\n    }\n\n    const iconSetName = Object.keys(iconModule.sets).find(\n      (setName) => typeof icon === 'string' && icon.startsWith(`${setName}:`),\n    );\n\n    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;\n    const iconSet = iconModule.sets[iconSetName ?? iconModule.defaultSet];\n\n    if (!iconSet?.component && typeof icon === 'string') {\n      const text = new DOMParser().parseFromString(icon, 'text/xml');\n      const svgNode = text.querySelector('svg');\n      if (svgNode) {\n        return {\n          component: YComponentIcon,\n          icon: {\n            mounted() {\n              svgNode.childNodes.forEach((child) => {\n                this.$el?.appendChild(child);\n              });\n            },\n            render: function () {\n              const attrs: any = {};\n              if (svgNode.hasAttributes()) {\n                for (let i = 0; i < svgNode.attributes.length; i += 1) {\n                  const attr = svgNode.attributes.item(i);\n                  if (attr) {\n                    attrs[`^${attr.name}`] = attr.value;\n                  }\n                }\n              }\n\n              const node = h('svg', { ...attrs }, []);\n              return node;\n            },\n          } as any,\n        };\n      }\n    }\n\n    return {\n      icon: iconName,\n      component: iconSet.component,\n    };\n  });\n\n  return {\n    iconData,\n  };\n}\n"],"mappings":"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"}

package/lib/composables/theme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["computed","effectScope","getCurrentInstance","inject","provide","reactive","readonly","ref","unref","watch","bindThemeClass","propsFactory","createPalette","createThemes","cssClass","cssVariables","configureOptions","Y_THEME_PREFIX","YUYEON_THEME_KEY","Symbol","for","pressThemePropsOptions","theme","String","isDarkMode","window","matchMedia","matches","isSupportAutoScheme","media","createThemeModule","options","appMountedScope","config","scheme","themes","palette","supportedAutoMode","preferColorScheme","darkModeWatcher","mediaQueryList","value","currentColorScheme","currentThemeKey","computedThemes","Array","isArray","computedPalette","styles","lines","push","themeKey","themeDefs","Object","entries","colors","variables","isDark","records","themeScheme","join","install","app","directive","styleEl","document","getElementById","updateStyleEl","immediate","el","createElement","type","id","cspNonce","setAttribute","head","appendChild","innerHTML","bindTheme","yuyeon","mql","addEventListener","neo","lightTheme","darkTheme","root","dataset","init","run","themeClasses","scope","instance","global","useLocalTheme","props","themeModule","Error","newTheme","useTheme"],"sources":["../../../src/composables/theme/index.ts"],"sourcesContent":["import type {App, ComputedRef, PropType, Ref} from 'vue';\nimport {\n  computed,\n  effectScope,\n  getCurrentInstance,\n  inject,\n  provide,\n  reactive,\n  readonly,\n  ref,\n  unref,\n  watch,\n} from 'vue';\n\nimport bindThemeClass from '../../directives/theme-class';\nimport { propsFactory } from '../../util/vue-component';\nimport { createPalette, createThemes } from './factory';\nimport { cssClass, cssVariables } from './helper';\nimport { ThemeScheme, configureOptions } from './setting';\nimport type { ThemeOptions } from './types';\n\nexport type { ThemeOptions };\n\nexport const Y_THEME_PREFIX = 'y-theme';\n\nexport interface ThemeModuleInstance {\n  scheme: keyof typeof ThemeScheme | 'auto';\n  theme: Ref<[string, string?]>;\n  // theme values(schemes) for colors & variables\n  readonly themes: any;\n  readonly global: {\n    // currentThemeKeys: [lightThemeKey, darkThemeKey]\n    // If used manually, fix the scheme to 'light' and have a [lightThemeKey] value.\n    // Use the appropriate default theme scheme if it does not match the themeKey\n    scheme: keyof typeof ThemeScheme | 'auto';\n    theme: Ref<[string, string?]>;\n  };\n  /* computed */\n  readonly currentThemeKey: Readonly<ComputedRef<string>>;\n  readonly themeClasses: Readonly<ComputedRef<string | undefined>>;\n  readonly computedThemes: Readonly<ComputedRef<any>>;\n  readonly computedPalette: Readonly<ComputedRef<any>>;\n  /* */\n  readonly supportedAutoMode: Readonly<Ref<boolean>>;\n  readonly preferColorScheme: Readonly<Ref<'light' | 'dark'>>;\n}\n\nexport const YUYEON_THEME_KEY = Symbol.for('yuyeon.theme');\n\nexport const pressThemePropsOptions = propsFactory(\n  {\n    theme: String as PropType<string>,\n  },\n  'theme',\n);\n\nexport function isDarkMode() {\n  return window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\nexport function isSupportAutoScheme() {\n  return window.matchMedia('(prefers-color-scheme)').media !== 'not all';\n}\n\nexport function createThemeModule(options: ThemeOptions) {\n  const appMountedScope = effectScope();\n  const config = reactive(configureOptions(options));\n  const scheme = ref<string>(config.scheme);\n  const theme = ref<[string, string]>(config.theme);\n  const themes = ref(config.themes);\n  const palette = ref(config.palette);\n  const supportedAutoMode = ref(true);\n  const preferColorScheme = ref('');\n\n  function darkModeWatcher(\n    mediaQueryList: MediaQueryListEvent | MediaQueryList,\n  ) {\n    preferColorScheme.value = mediaQueryList.matches ? 'dark' : 'light';\n  }\n\n  const currentColorScheme = computed<'light' | 'dark'>(() => {\n    if (scheme.value === 'auto') {\n      return preferColorScheme.value as 'light' | 'dark';\n    }\n    if (scheme.value === 'dark') {\n      return 'dark';\n    }\n    return 'light';\n  });\n\n  const currentThemeKey = computed(() => {\n    if (typeof theme.value === 'string') {\n      if (theme.value in computedThemes) {\n        return theme.value;\n      }\n    }\n    if (Array.isArray(theme.value)) {\n      return currentColorScheme.value === 'dark'\n        ? theme.value?.[1] ?? 'dark'\n        : theme.value?.[0] ?? 'light';\n    }\n    return currentColorScheme.value;\n  });\n\n  const computedPalette = computed(() => {\n    return createPalette(palette.value);\n  });\n\n  const computedThemes = computed(() => {\n    return createThemes(themes.value);\n  });\n\n  const styles = computed(() => {\n    const lines = [];\n    lines.push(\n      ...cssClass(':root', cssVariables(computedPalette.value, 'palette')),\n    );\n    for (const [themeKey, themeDefs] of Object.entries(computedThemes.value)) {\n      const { colors, variables, isDark } = themeDefs;\n      const records: Record<string, string> = {\n        ...colors,\n        ...variables,\n      };\n      // if (currentThemeKey.value === themeKey) {\n      //   lines.push(...cssClass(':root', cssVariables(records, 'theme')));\n      // }\n      const themeScheme = isDark ? 'dark' : 'light';\n      if (scheme.value === 'auto') {\n        lines.push(\n          ...cssClass(\n            `@media (prefers-color-scheme: ${themeScheme})`,\n            cssClass(\n              `[data-theme-scheme='auto'][data-${themeScheme}-theme='${themeKey}']`,\n              cssVariables(records, 'theme'),\n            ),\n          ),\n        );\n      } else {\n        lines.push(\n          ...cssClass(\n            `[data-theme-scheme='${themeScheme}'][data-${themeScheme}-theme='${themeKey}']`,\n            cssVariables(records, 'theme'),\n          ),\n        );\n      }\n\n      lines.push(\n        ...cssClass(`.y-theme--${themeKey}`, cssVariables(records, 'theme')),\n      );\n    }\n    return lines.join('');\n  });\n\n  function install(app: App) {\n    app.directive('theme', bindThemeClass);\n\n    let styleEl = document.getElementById('yuyeon-theme-palette');\n\n    watch(styles, updateStyleEl, { immediate: true });\n\n    function updateStyleEl() {\n      if (typeof document !== 'undefined' && !styleEl) {\n        const el = document.createElement('style');\n        el.type = 'text/css';\n        el.id = 'yuyeon-theme-palette';\n        if (options?.cspNonce) el.setAttribute('nonce', options.cspNonce);\n        styleEl = el;\n        document.head.appendChild(styleEl);\n      }\n      if (styleEl) {\n        styleEl.innerHTML = styles.value;\n      }\n    }\n  }\n\n  function bindTheme(yuyeon: any) {\n    supportedAutoMode.value = isSupportAutoScheme();\n    if (supportedAutoMode.value) {\n      const mql = window.matchMedia('(prefers-color-scheme: dark)');\n      darkModeWatcher(mql);\n      mql.addEventListener('change' as 'change', darkModeWatcher);\n    }\n    watch(\n      theme,\n      (neo) => {\n        const [lightTheme, darkTheme] = neo;\n        yuyeon.root.dataset.lightTheme = lightTheme;\n        yuyeon.root.dataset.darkTheme = darkTheme;\n      },\n      { immediate: true },\n    );\n    watch(\n      scheme,\n      (neo) => {\n        yuyeon.root.setAttribute(\n          'data-theme-scheme',\n          neo === 'auto' ? 'auto' : currentColorScheme.value,\n        );\n      },\n      { immediate: true },\n    );\n  }\n\n  function init(yuyeon: any) {\n    appMountedScope.run(() => {\n      bindTheme(yuyeon);\n    });\n  }\n\n  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);\n\n  return {\n    install,\n    init,\n    scope: appMountedScope,\n    instance: {\n      global: {\n        scheme,\n        theme,\n      },\n      themes,\n      scheme,\n      theme,\n      currentThemeKey,\n      themeClasses,\n      computedThemes,\n      computedPalette,\n      supportedAutoMode: readonly(supportedAutoMode),\n      preferColorScheme: readonly(preferColorScheme),\n    },\n  };\n}\n\nexport function useLocalTheme(props: { theme?: string }) {\n  getCurrentInstance();\n\n  const themeModule = inject<ThemeModuleInstance | null>(\n    YUYEON_THEME_KEY,\n    null,\n  );\n\n  if (!themeModule) throw new Error('Not found provided \"ThemeModule\"');\n\n  const palette = themeModule.computedPalette;\n\n  const currentThemeKey = computed<string>(() => {\n    if (props.theme) {\n      switch (props.theme) {\n        case 'light':\n          return themeModule.theme.value?.[0] ?? 'light';\n        case 'dark':\n          return themeModule.theme.value?.[1] ?? 'dark';\n        // TODO: props.theme(themeKey) validation in themes\n        default:\n          return props.theme;\n      }\n    }\n    return unref(themeModule.currentThemeKey);\n  });\n\n  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);\n\n  const newTheme: ThemeModuleInstance = {\n    ...themeModule,\n    currentThemeKey,\n    themeClasses,\n  };\n\n  provide(YUYEON_THEME_KEY, newTheme);\n\n  return newTheme;\n}\n\nexport function useTheme() {\n  getCurrentInstance();\n\n  const theme = inject<ThemeModuleInstance | null>(YUYEON_THEME_KEY, null);\n\n  if (!theme) throw new Error('Not found provided \"ThemeModule\"');\n\n  return theme;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["computed","effectScope","getCurrentInstance","inject","provide","reactive","readonly","ref","unref","watch","bindThemeClass","propsFactory","createPalette","createThemes","cssClass","cssVariables","configureOptions","Y_THEME_PREFIX","YUYEON_THEME_KEY","Symbol","for","pressThemePropsOptions","theme","String","isDarkMode","window","matchMedia","matches","isSupportAutoScheme","media","createThemeModule","options","appMountedScope","config","scheme","themes","palette","supportedAutoMode","preferColorScheme","darkModeWatcher","mediaQueryList","value","currentColorScheme","currentThemeKey","computedThemes","Array","isArray","computedPalette","styles","lines","push","themeKey","themeDefs","Object","entries","colors","variables","isDark","records","themeScheme","join","install","app","directive","styleEl","document","getElementById","updateStyleEl","immediate","el","createElement","type","id","cspNonce","setAttribute","head","appendChild","innerHTML","bindTheme","yuyeon","mql","addEventListener","neo","lightTheme","darkTheme","root","dataset","init","run","themeClasses","scope","instance","global","useLocalTheme","props","themeModule","Error","newTheme","useTheme"],"sources":["../../../src/composables/theme/index.ts"],"sourcesContent":["import type {App, ComputedRef, PropType, Ref} from 'vue';\r\nimport {\r\n  computed,\r\n  effectScope,\r\n  getCurrentInstance,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  readonly,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport bindThemeClass from '../../directives/theme-class';\r\nimport { propsFactory } from '../../util/vue-component';\r\nimport { createPalette, createThemes } from './factory';\r\nimport { cssClass, cssVariables } from './helper';\r\nimport { ThemeScheme, configureOptions } from './setting';\r\nimport type { ThemeOptions } from './types';\r\n\r\nexport type { ThemeOptions };\r\n\r\nexport const Y_THEME_PREFIX = 'y-theme';\r\n\r\nexport interface ThemeModuleInstance {\r\n  scheme: Ref<keyof typeof ThemeScheme | 'auto'>;\r\n  theme: Ref<[string, string?]>;\r\n  // theme values(schemes) for colors & variables\r\n  readonly themes: any;\r\n  readonly global: {\r\n    // currentThemeKeys: [lightThemeKey, darkThemeKey]\r\n    // If used manually, fix the scheme to 'light' and have a [lightThemeKey] value.\r\n    // Use the appropriate default theme scheme if it does not match the themeKey\r\n    scheme: Ref<keyof typeof ThemeScheme | 'auto'>;\r\n    theme: Ref<[string, string?]>;\r\n  };\r\n  /* computed */\r\n  readonly currentThemeKey: Readonly<ComputedRef<string>>;\r\n  readonly themeClasses: Readonly<ComputedRef<string | undefined>>;\r\n  readonly computedThemes: Readonly<ComputedRef<any>>;\r\n  readonly computedPalette: Readonly<ComputedRef<any>>;\r\n  /* */\r\n  readonly supportedAutoMode: Readonly<Ref<boolean>>;\r\n  readonly preferColorScheme: Readonly<Ref<'light' | 'dark'>>;\r\n}\r\n\r\nexport const YUYEON_THEME_KEY = Symbol.for('yuyeon.theme');\r\n\r\nexport const pressThemePropsOptions = propsFactory(\r\n  {\r\n    theme: String as PropType<string>,\r\n  },\r\n  'theme',\r\n);\r\n\r\nexport function isDarkMode() {\r\n  return window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n}\r\n\r\nexport function isSupportAutoScheme() {\r\n  return window.matchMedia('(prefers-color-scheme)').media !== 'not all';\r\n}\r\n\r\nexport function createThemeModule(options: ThemeOptions) {\r\n  const appMountedScope = effectScope();\r\n  const config = reactive(configureOptions(options));\r\n  const scheme = ref<string>(config.scheme);\r\n  const theme = ref<[string, string]>(config.theme);\r\n  const themes = ref(config.themes);\r\n  const palette = ref(config.palette);\r\n  const supportedAutoMode = ref(true);\r\n  const preferColorScheme = ref('');\r\n\r\n  function darkModeWatcher(\r\n    mediaQueryList: MediaQueryListEvent | MediaQueryList,\r\n  ) {\r\n    preferColorScheme.value = mediaQueryList.matches ? 'dark' : 'light';\r\n  }\r\n\r\n  const currentColorScheme = computed<'light' | 'dark'>(() => {\r\n    if (scheme.value === 'auto') {\r\n      return preferColorScheme.value as 'light' | 'dark';\r\n    }\r\n    if (scheme.value === 'dark') {\r\n      return 'dark';\r\n    }\r\n    return 'light';\r\n  });\r\n\r\n  const currentThemeKey = computed(() => {\r\n    if (typeof theme.value === 'string') {\r\n      if (theme.value in computedThemes) {\r\n        return theme.value;\r\n      }\r\n    }\r\n    if (Array.isArray(theme.value)) {\r\n      return currentColorScheme.value === 'dark'\r\n        ? theme.value?.[1] ?? 'dark'\r\n        : theme.value?.[0] ?? 'light';\r\n    }\r\n    return currentColorScheme.value;\r\n  });\r\n\r\n  const computedPalette = computed(() => {\r\n    return createPalette(palette.value);\r\n  });\r\n\r\n  const computedThemes = computed(() => {\r\n    return createThemes(themes.value);\r\n  });\r\n\r\n  const styles = computed(() => {\r\n    const lines = [];\r\n    lines.push(\r\n      ...cssClass(':root', cssVariables(computedPalette.value, 'palette')),\r\n    );\r\n    for (const [themeKey, themeDefs] of Object.entries(computedThemes.value)) {\r\n      const { colors, variables, isDark } = themeDefs;\r\n      const records: Record<string, string> = {\r\n        ...colors,\r\n        ...variables,\r\n      };\r\n      // if (currentThemeKey.value === themeKey) {\r\n      //   lines.push(...cssClass(':root', cssVariables(records, 'theme')));\r\n      // }\r\n      const themeScheme = isDark ? 'dark' : 'light';\r\n      if (scheme.value === 'auto') {\r\n        lines.push(\r\n          ...cssClass(\r\n            `@media (prefers-color-scheme: ${themeScheme})`,\r\n            cssClass(\r\n              `[data-theme-scheme='auto'][data-${themeScheme}-theme='${themeKey}']`,\r\n              cssVariables(records, 'theme'),\r\n            ),\r\n          ),\r\n        );\r\n      } else {\r\n        lines.push(\r\n          ...cssClass(\r\n            `[data-theme-scheme='${themeScheme}'][data-${themeScheme}-theme='${themeKey}']`,\r\n            cssVariables(records, 'theme'),\r\n          ),\r\n        );\r\n      }\r\n\r\n      lines.push(\r\n        ...cssClass(`.y-theme--${themeKey}`, cssVariables(records, 'theme')),\r\n      );\r\n    }\r\n    return lines.join('');\r\n  });\r\n\r\n  function install(app: App) {\r\n    app.directive('theme', bindThemeClass);\r\n\r\n    let styleEl = document.getElementById('yuyeon-theme-palette');\r\n\r\n    watch(styles, updateStyleEl, { immediate: true });\r\n\r\n    function updateStyleEl() {\r\n      if (typeof document !== 'undefined' && !styleEl) {\r\n        const el = document.createElement('style');\r\n        el.type = 'text/css';\r\n        el.id = 'yuyeon-theme-palette';\r\n        if (options?.cspNonce) el.setAttribute('nonce', options.cspNonce);\r\n        styleEl = el;\r\n        document.head.appendChild(styleEl);\r\n      }\r\n      if (styleEl) {\r\n        styleEl.innerHTML = styles.value;\r\n      }\r\n    }\r\n  }\r\n\r\n  function bindTheme(yuyeon: any) {\r\n    supportedAutoMode.value = isSupportAutoScheme();\r\n    if (supportedAutoMode.value) {\r\n      const mql = window.matchMedia('(prefers-color-scheme: dark)');\r\n      darkModeWatcher(mql);\r\n      mql.addEventListener('change' as 'change', darkModeWatcher);\r\n    }\r\n    watch(\r\n      theme,\r\n      (neo) => {\r\n        const [lightTheme, darkTheme] = neo;\r\n        yuyeon.root.dataset.lightTheme = lightTheme;\r\n        yuyeon.root.dataset.darkTheme = darkTheme;\r\n      },\r\n      { immediate: true },\r\n    );\r\n    watch(\r\n      scheme,\r\n      (neo) => {\r\n        yuyeon.root.setAttribute(\r\n          'data-theme-scheme',\r\n          neo === 'auto' ? 'auto' : currentColorScheme.value,\r\n        );\r\n      },\r\n      { immediate: true },\r\n    );\r\n  }\r\n\r\n  function init(yuyeon: any) {\r\n    appMountedScope.run(() => {\r\n      bindTheme(yuyeon);\r\n    });\r\n  }\r\n\r\n  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);\r\n\r\n  return {\r\n    install,\r\n    init,\r\n    scope: appMountedScope,\r\n    instance: {\r\n      global: {\r\n        scheme,\r\n        theme,\r\n      },\r\n      themes,\r\n      scheme,\r\n      theme,\r\n      currentThemeKey,\r\n      themeClasses,\r\n      computedThemes,\r\n      computedPalette,\r\n      supportedAutoMode: readonly(supportedAutoMode),\r\n      preferColorScheme: readonly(preferColorScheme),\r\n    },\r\n  };\r\n}\r\n\r\nexport function useLocalTheme(props: { theme?: string }) {\r\n  getCurrentInstance();\r\n\r\n  const themeModule = inject<ThemeModuleInstance | null>(\r\n    YUYEON_THEME_KEY,\r\n    null,\r\n  );\r\n\r\n  if (!themeModule) throw new Error('Not found provided \"ThemeModule\"');\r\n\r\n  const palette = themeModule.computedPalette;\r\n\r\n  const currentThemeKey = computed<string>(() => {\r\n    if (props.theme) {\r\n      switch (props.theme) {\r\n        case 'light':\r\n          return themeModule.theme.value?.[0] ?? 'light';\r\n        case 'dark':\r\n          return themeModule.theme.value?.[1] ?? 'dark';\r\n        // TODO: props.theme(themeKey) validation in themes\r\n        default:\r\n          return props.theme;\r\n      }\r\n    }\r\n    return unref(themeModule.currentThemeKey);\r\n  });\r\n\r\n  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);\r\n\r\n  const newTheme: ThemeModuleInstance = {\r\n    ...themeModule,\r\n    currentThemeKey,\r\n    themeClasses,\r\n  };\r\n\r\n  provide(YUYEON_THEME_KEY, newTheme);\r\n\r\n  return newTheme;\r\n}\r\n\r\nexport function useTheme() {\r\n  getCurrentInstance();\r\n\r\n  const theme = inject<ThemeModuleInstance | null>(YUYEON_THEME_KEY, null);\r\n\r\n  if (!theme) throw new Error('Not found provided \"ThemeModule\"');\r\n\r\n  return theme;\r\n}\r\n"],"mappings":"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"}

package/lib/composables/validation.mjs

@@ -0,0 +1,101 @@
+import { computed, ref, watch } from 'vue';
+import { getUid, propsFactory } from "../util/index.mjs";
+import { useModelDuplex } from "./communication.mjs";
+import { useToggleScope } from "./scope.mjs";
+export const pressValidationPropsOptions = propsFactory({
+  readonly: Boolean,
+  disabled: Boolean,
+  status: {
+    type: String,
+    validator(value) {
+      return ['success', 'warning', 'error'].includes(value);
+    }
+  },
+  helperText: String,
+  validators: Array,
+  validateOn: {
+    type: String
+  },
+  validationValue: null,
+  maxErrors: {
+    type: [Number, String],
+    default: 1
+  }
+}, 'validation');
+export function useValidation(props, name) {
+  let uid = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getUid();
+  const model = useModelDuplex(props, 'modelValue');
+  const validationModel = computed(() => props.validationValue === undefined ? model.value : props.validationValue);
+  const validating = ref(false);
+  const validateOn = computed(() => {
+    let value = props.validateOn || 'input';
+    if (value === 'lazy') value = 'input,lazy';
+    const onSet = new Set(value?.split(',') ?? []);
+    return {
+      blur: onSet.has('blur') || onSet.has('input'),
+      input: onSet.has('input'),
+      lazy: onSet.has('lazy'),
+      submit: onSet.has('submit')
+    };
+  });
+  const errorResult = ref();
+  const errors = ref([]);
+  const isError = computed(() => {
+    return props.status === 'error' || errors.value.length > 0;
+  });
+  const isSuccess = computed(() => {
+    return !isError.value && props.status === 'success';
+  });
+  useToggleScope(() => validateOn.value.input, () => {
+    watch(validationModel, () => {
+      if (validationModel.value != null) {
+        invokeValidators();
+      } else if (props.focused) {
+        const unwatch = watch(() => props.focused, val => {
+          if (!val) invokeValidators();
+          unwatch();
+        });
+      }
+    });
+  });
+  async function invokeValidators() {
+    const results = [];
+    validating.value = true;
+    if (Array.isArray(props.validators)) {
+      for (const validator of props.validators) {
+        if (results.length >= +(props.maxErrors ?? 1)) {
+          break;
+        }
+        const handler = typeof validator === 'function' ? validator : () => validator;
+        const result = await handler(validationModel.value);
+        if (result === true) {
+          continue;
+        }
+        if (result !== false && typeof result !== 'string') {
+          console.warn('Wrong validator return type');
+          continue;
+        }
+        results.push(result || '');
+      }
+    }
+    validating.value = false;
+    errors.value = results;
+    errorResult.value = results?.[0];
+    return results;
+  }
+  function resetError() {
+    errors.value = [];
+    errorResult.value = undefined;
+  }
+  return {
+    invokeValidators,
+    resetError,
+    validating,
+    validateOn,
+    errorResult,
+    errors,
+    isError,
+    isSuccess
+  };
+}
+//# sourceMappingURL=validation.mjs.map

package/lib/composables/validation.mjs.map

@@ -0,0 +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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"}

package/lib/index.mjs

@@ -7,6 +7,7 @@ import { YUYEON_THEME_KEY, createThemeModule, useTheme } from "./composables/the
 import PlateWave from "./directives/plate-wave/index.mjs";
 import { YUYEON_LOGO } from "./etc/index.mjs"; //
 import "./styles/base.scss";
+import { createIconModule, YUYEON_ICON_KEY } from "./composables/icon.mjs";
 const defaultOptions = {
   credit: true
 };
@@ -15,6 +16,7 @@ export function init() {
   const themeModule = createThemeModule(options?.theme);
   const i18nModule = createI18nModule(options?.i18n);
   const dateModule = createDateModule(options?.date, i18nModule.localeModule);
+  const iconModule = createIconModule(options?.icon);
   const install = app => {
     themeModule.install(app);
     const yuyeon = reactive({
@@ -33,6 +35,7 @@ export function init() {
     });
     app.directive('plate-wave', PlateWave);
     app.provide(YUYEON_THEME_KEY, themeModule.instance);
+    app.provide(YUYEON_ICON_KEY, iconModule);
     app.provide(YUYEON_I18N_KEY, {
       ...i18nModule.localeModule,
       ...i18nModule.rtlModule

package/lib/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["nextTick","reactive","components","YUYEON_DATE_KEY","YUYEON_DATE_OPTIONS_KEY","createDateModule","createI18nModule","YUYEON_I18N_KEY","YUYEON_THEME_KEY","createThemeModule","useTheme","PlateWave","YUYEON_LOGO","defaultOptions","credit","init","options","arguments","length","undefined","themeModule","theme","i18nModule","i18n","dateModule","date","localeModule","install","app","yuyeon","root","instance","rtlModule","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_instance","_container","Error","$el","classList","add","setAttribute","console","log","unmount","scope","stop"],"sources":["../src/index.ts"],"sourcesContent":["import { Component, ComponentInternalInstance } from '@vue/runtime-core';\r\nimport type { App } from 'vue';\r\nimport { nextTick, reactive } from 'vue';\r\n\r\nimport * as components from './components';\r\nimport {\r\n  YUYEON_DATE_KEY,\r\n  YUYEON_DATE_OPTIONS_KEY,\r\n  createDateModule,\r\n} from './composables/date';\r\nimport { createI18nModule } from './composables/i18n';\r\nimport { YUYEON_I18N_KEY } from './composables/i18n/share';\r\nimport {\r\n  YUYEON_THEME_KEY,\r\n  createThemeModule,\r\n  useTheme,\r\n} from './composables/theme';\r\nimport PlateWave from './directives/plate-wave';\r\nimport { YUYEON_LOGO } from './etc';\r\n\r\n//\r\nimport './styles/base.scss';\r\n\r\nconst defaultOptions = {\r\n  credit: true,\r\n};\r\n\r\ndeclare module 'vue' {\r\n  interface ComponentCustomProperties {\r\n    $yuyeon: any;\r\n  }\r\n}\r\n\r\nexport function init(options: any = defaultOptions) {\r\n  const themeModule = createThemeModule(options?.theme);\r\n  const i18nModule = createI18nModule(options?.i18n);\r\n  const dateModule = createDateModule(options?.date, i18nModule.localeModule);\r\n\r\n  const install = (app: App): any => {\r\n    themeModule.install(app);\r\n\r\n    const yuyeon = reactive({\r\n      app: null as ComponentInternalInstance | null,\r\n      root: null as HTMLElement | null,\r\n      theme: themeModule.instance,\r\n      i18n: {\r\n        ...i18nModule.localeModule,\r\n        ...i18nModule.rtlModule,\r\n      },\r\n      date: dateModule,\r\n    });\r\n\r\n    Object.keys(components).forEach((componentName) => {\r\n      const comp = components[componentName as keyof typeof components];\r\n      app.component(componentName, comp as Component);\r\n    });\r\n\r\n    app.directive('plate-wave', PlateWave);\r\n\r\n    app.provide(YUYEON_THEME_KEY, themeModule.instance);\r\n    app.provide(YUYEON_I18N_KEY, {\r\n      ...i18nModule.localeModule,\r\n      ...i18nModule.rtlModule,\r\n    });\r\n    app.provide(YUYEON_DATE_OPTIONS_KEY, dateModule.options);\r\n    app.provide(YUYEON_DATE_KEY, dateModule.instance);\r\n\r\n    app.config.globalProperties.$yuyeon = yuyeon;\r\n\r\n    nextTick(() => {\r\n      yuyeon.app = app._instance as any;\r\n      yuyeon.root = app._container;\r\n      if (!yuyeon.root) {\r\n        throw new Error(`yuyeon: Can't found instance`);\r\n      }\r\n      const $el = yuyeon.root;\r\n      $el.classList.add('y-root');\r\n      $el.setAttribute('data-y-root', '');\r\n      themeModule.init(yuyeon);\r\n    });\r\n    if (options?.credit) {\r\n      console.log(YUYEON_LOGO);\r\n    }\r\n    const { unmount } = app;\r\n    app.unmount = () => {\r\n      unmount();\r\n      themeModule.scope.stop();\r\n      app.unmount = unmount;\r\n    };\r\n  };\r\n\r\n  return {\r\n    install,\r\n  };\r\n}\r\n\r\nexport { useTheme };\r\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["nextTick","reactive","components","YUYEON_DATE_KEY","YUYEON_DATE_OPTIONS_KEY","createDateModule","createI18nModule","YUYEON_I18N_KEY","YUYEON_THEME_KEY","createThemeModule","useTheme","PlateWave","YUYEON_LOGO","createIconModule","YUYEON_ICON_KEY","defaultOptions","credit","init","options","arguments","length","undefined","themeModule","theme","i18nModule","i18n","dateModule","date","localeModule","iconModule","icon","install","app","yuyeon","root","instance","rtlModule","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_instance","_container","Error","$el","classList","add","setAttribute","console","log","unmount","scope","stop"],"sources":["../src/index.ts"],"sourcesContent":["import { Component, ComponentInternalInstance } from '@vue/runtime-core';\r\nimport type { App } from 'vue';\r\nimport { nextTick, reactive } from 'vue';\r\n\r\nimport * as components from './components';\r\nimport {\r\n  YUYEON_DATE_KEY,\r\n  YUYEON_DATE_OPTIONS_KEY,\r\n  createDateModule,\r\n} from './composables/date';\r\nimport { createI18nModule } from './composables/i18n';\r\nimport { YUYEON_I18N_KEY } from './composables/i18n/share';\r\nimport {\r\n  YUYEON_THEME_KEY,\r\n  createThemeModule,\r\n  useTheme,\r\n} from './composables/theme';\r\nimport PlateWave from './directives/plate-wave';\r\nimport { YUYEON_LOGO } from './etc';\r\n\r\n//\r\nimport './styles/base.scss';\r\nimport {createIconModule, YUYEON_ICON_KEY} from \"./composables/icon\";\r\n\r\nconst defaultOptions = {\r\n  credit: true,\r\n};\r\n\r\ndeclare module 'vue' {\r\n  interface ComponentCustomProperties {\r\n    $yuyeon: any;\r\n  }\r\n}\r\n\r\nexport function init(options: any = defaultOptions) {\r\n  const themeModule = createThemeModule(options?.theme);\r\n  const i18nModule = createI18nModule(options?.i18n);\r\n  const dateModule = createDateModule(options?.date, i18nModule.localeModule);\r\n  const iconModule = createIconModule(options?.icon);\r\n  const install = (app: App): any => {\r\n    themeModule.install(app);\r\n\r\n    const yuyeon = reactive({\r\n      app: null as ComponentInternalInstance | null,\r\n      root: null as HTMLElement | null,\r\n      theme: themeModule.instance,\r\n      i18n: {\r\n        ...i18nModule.localeModule,\r\n        ...i18nModule.rtlModule,\r\n      },\r\n      date: dateModule,\r\n    });\r\n\r\n    Object.keys(components).forEach((componentName) => {\r\n      const comp = components[componentName as keyof typeof components];\r\n      app.component(componentName, comp as Component);\r\n    });\r\n\r\n    app.directive('plate-wave', PlateWave);\r\n\r\n    app.provide(YUYEON_THEME_KEY, themeModule.instance);\r\n    app.provide(YUYEON_ICON_KEY, iconModule);\r\n    app.provide(YUYEON_I18N_KEY, {\r\n      ...i18nModule.localeModule,\r\n      ...i18nModule.rtlModule,\r\n    });\r\n    app.provide(YUYEON_DATE_OPTIONS_KEY, dateModule.options);\r\n    app.provide(YUYEON_DATE_KEY, dateModule.instance);\r\n\r\n    app.config.globalProperties.$yuyeon = yuyeon;\r\n\r\n    nextTick(() => {\r\n      yuyeon.app = app._instance as any;\r\n      yuyeon.root = app._container;\r\n      if (!yuyeon.root) {\r\n        throw new Error(`yuyeon: Can't found instance`);\r\n      }\r\n      const $el = yuyeon.root;\r\n      $el.classList.add('y-root');\r\n      $el.setAttribute('data-y-root', '');\r\n      themeModule.init(yuyeon);\r\n    });\r\n    if (options?.credit) {\r\n      console.log(YUYEON_LOGO);\r\n    }\r\n    const { unmount } = app;\r\n    app.unmount = () => {\r\n      unmount();\r\n      themeModule.scope.stop();\r\n      app.unmount = unmount;\r\n    };\r\n  };\r\n\r\n  return {\r\n    install,\r\n  };\r\n}\r\n\r\nexport { useTheme };\r\n"],"mappings":"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"}

package/lib/styles/util/_mixin.scss

@@ -1,34 +1,34 @@
-@use 'sass:map';
-
-$border-radius: (
-  'top': (
-    'top-left',
-    'top-right',
-  ),
-  'bottom': (
-    'bottom-left',
-    'bottom-right',
-  ),
-  'left': (
-    'top-left',
-    'bottom-left',
-  ),
-  'right': (
-    'top-right',
-    'bottom-right',
-  ),
-);
-
-@mixin borderRadius($round, $side) {
-  @if ($side == null) {
-    border-radius: $round;
-  }
-
-  @if (map.has-key($border-radius, $side)) {
-    $props: map.get($border-radius, $side);
-    @each $prop in $props {
-      @debug $prop;
-      border-#{$prop}-radius: $round;
-    }
-  }
-}
+@use 'sass:map';
+
+$border-radius: (
+  'top': (
+    'top-left',
+    'top-right',
+  ),
+  'bottom': (
+    'bottom-left',
+    'bottom-right',
+  ),
+  'left': (
+    'top-left',
+    'bottom-left',
+  ),
+  'right': (
+    'top-right',
+    'bottom-right',
+  ),
+);
+
+@mixin borderRadius($round, $side) {
+  @if ($side == null) {
+    border-radius: $round;
+  }
+
+  @if (map.has-key($border-radius, $side)) {
+    $props: map.get($border-radius, $side);
+    @each $prop in $props {
+      @debug $prop;
+      border-#{$prop}-radius: $round;
+    }
+  }
+}

package/lib/types/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["export type CandidateKey = string | number;\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["import { HTMLAttributes } from '@vue/runtime-dom';\nimport type { ComponentPublicInstance, FunctionalComponent } from 'vue';\n\nexport type CandidateKey = string | number;\nexport type JSXComponent<Props = any> =\n  | FunctionalComponent<Props | Props & HTMLAttributes>\n  | { new (): ComponentPublicInstance<Props | Props & HTMLAttributes> };\n"],"mappings":""}

package/lib/util/date/adapters/yuyeon-date-adapter.mjs

@@ -90,7 +90,7 @@ export class YuyeonDateAdapter {
     return DateUtil.startOfYear(date);
   }
   toISO(date) {
-    return DateUtil.toISO(date);
+    return DateUtil.toISO(this, date);
   }
   toJsDate(date) {
     return date;

package/lib/util/date/adapters/yuyeon-date-adapter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuyeon-date-adapter.mjs","names":["DateUtil","YuyeonDateAdapter","constructor","options","_defineProperty","locale","formats","getWeekArray","date","startOfMonth","endOfMonth","addDays","amount","addMonths","value","endOfDay","endOfYear","format","formatString","getDiff","comparing","unit","getYear","getMonth","getDay","getNextMonth","getWeekdays","isAfter","isBefore","isEqual","isSameDay","isSameMonth","isValid","isWithinRange","range","parseISO","setMonth","month","setYear","year","startOfDay","startOfYear","toISO","toJsDate"],"sources":["../../../../src/util/date/adapters/yuyeon-date-adapter.ts"],"sourcesContent":["import { DateUtil } from '../built-in';\r\nimport { DateAdapter, DateFormatOptions } from '../types';\r\n\r\nexport class YuyeonDateAdapter implements DateAdapter<Date> {\r\n    public locale = 'ko-kr';\r\n\r\n    public formats?: Record<string, DateFormatOptions>;\r\n\r\n    constructor(options: {\r\n        locale: string;\r\n        formats?: Record<string, DateFormatOptions>;\r\n    }) {\r\n        this.locale = options.locale;\r\n        this.formats = options.formats;\r\n    }\r\n\r\n    public getWeekArray(date: Date) {\r\n        return DateUtil.getWeekArray(date, this.locale);\r\n    }\r\n\r\n    public startOfMonth(date: Date) {\r\n        return DateUtil.startOfMonth(date);\r\n    }\r\n\r\n    public endOfMonth(date: Date) {\r\n        return DateUtil.endOfMonth(date);\r\n    }\r\n\r\n    public addDays(date: Date, amount: number): Date {\r\n        return DateUtil.addDays(date, amount);\r\n    }\r\n\r\n    public addMonths(date: Date, amount: number): Date {\r\n        return DateUtil.addMonths(date, amount);\r\n    }\r\n\r\n    public date(value?: any): Date | null {\r\n        return DateUtil.date(value);\r\n    }\r\n\r\n    public endOfDay(date: Date): Date {\r\n        return DateUtil.endOfDay(date);\r\n    }\r\n\r\n    public endOfYear(date: Date): Date {\r\n        return DateUtil.endOfYear(date);\r\n    }\r\n\r\n    public format(date: Date, formatString: string): string {\r\n        return DateUtil.format(date, formatString, this.locale, this.formats);\r\n    }\r\n\r\n    public getDiff(date: Date, comparing: string | Date, unit?: string): number {\r\n        return DateUtil.getDiff(date, comparing, unit);\r\n    }\r\n\r\n    public getYear(date: Date): number {\r\n        return DateUtil.getYear(date);\r\n    }\r\n\r\n    public getMonth(date: Date): number {\r\n        return DateUtil.getMonth(date);\r\n    }\r\n\r\n    public getDay(date: Date): number {\r\n        return DateUtil.getDay(date);\r\n    }\r\n\r\n    public getNextMonth(date: Date): Date {\r\n        return DateUtil.getNextMonth(date);\r\n    }\r\n\r\n    public getWeekdays(): string[] {\r\n        return DateUtil.getWeekdays(this.locale);\r\n    }\r\n\r\n    public isAfter(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isAfter(date, comparing);\r\n    }\r\n\r\n    public isBefore(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isBefore(date, comparing);\r\n    }\r\n\r\n    public isEqual(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isEqual(date, comparing);\r\n    }\r\n\r\n    public isSameDay(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isSameDay(date, comparing);\r\n    }\r\n\r\n    public isSameMonth(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isSameMonth(date, comparing);\r\n    }\r\n\r\n    public isValid(date: any): boolean {\r\n        return DateUtil.isValid(date);\r\n    }\r\n\r\n    public isWithinRange(date: Date, range: [Date, Date]): boolean {\r\n        return DateUtil.isWithinRange(date, range);\r\n    }\r\n\r\n    public parseISO(date: string): Date {\r\n        return DateUtil.parseISO(date);\r\n    }\r\n\r\n    public setMonth(date: Date, month: number): Date {\r\n        return DateUtil.setMonth(date, month);\r\n    }\r\n\r\n    public setYear(date: Date, year: number): Date {\r\n        return DateUtil.setYear(date, year);\r\n    }\r\n\r\n    public startOfDay(date: Date): Date {\r\n        return DateUtil.startOfDay(date);\r\n    }\r\n\r\n    public startOfYear(date: Date): Date {\r\n        return DateUtil.startOfYear(date);\r\n    }\r\n\r\n    public toISO(date: Date): string {\r\n        return DateUtil.toISO(date);\r\n    }\r\n\r\n    public toJsDate(date: Date): Date {\r\n        return date;\r\n    }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"yuyeon-date-adapter.mjs","names":["DateUtil","YuyeonDateAdapter","constructor","options","_defineProperty","locale","formats","getWeekArray","date","startOfMonth","endOfMonth","addDays","amount","addMonths","value","endOfDay","endOfYear","format","formatString","getDiff","comparing","unit","getYear","getMonth","getDay","getNextMonth","getWeekdays","isAfter","isBefore","isEqual","isSameDay","isSameMonth","isValid","isWithinRange","range","parseISO","setMonth","month","setYear","year","startOfDay","startOfYear","toISO","toJsDate"],"sources":["../../../../src/util/date/adapters/yuyeon-date-adapter.ts"],"sourcesContent":["import { DateUtil } from '../built-in';\r\nimport { DateAdapter, DateFormatOptions } from '../types';\r\n\r\nexport class YuyeonDateAdapter implements DateAdapter<Date> {\r\n    public locale = 'ko-kr';\r\n\r\n    public formats?: Record<string, DateFormatOptions>;\r\n\r\n    constructor(options: {\r\n        locale: string;\r\n        formats?: Record<string, DateFormatOptions>;\r\n    }) {\r\n        this.locale = options.locale;\r\n        this.formats = options.formats;\r\n    }\r\n\r\n    public getWeekArray(date: Date) {\r\n        return DateUtil.getWeekArray(date, this.locale);\r\n    }\r\n\r\n    public startOfMonth(date: Date) {\r\n        return DateUtil.startOfMonth(date);\r\n    }\r\n\r\n    public endOfMonth(date: Date) {\r\n        return DateUtil.endOfMonth(date);\r\n    }\r\n\r\n    public addDays(date: Date, amount: number): Date {\r\n        return DateUtil.addDays(date, amount);\r\n    }\r\n\r\n    public addMonths(date: Date, amount: number): Date {\r\n        return DateUtil.addMonths(date, amount);\r\n    }\r\n\r\n    public date(value?: any): Date | null {\r\n        return DateUtil.date(value);\r\n    }\r\n\r\n    public endOfDay(date: Date): Date {\r\n        return DateUtil.endOfDay(date);\r\n    }\r\n\r\n    public endOfYear(date: Date): Date {\r\n        return DateUtil.endOfYear(date);\r\n    }\r\n\r\n    public format(date: Date, formatString: string): string {\r\n        return DateUtil.format(date, formatString, this.locale, this.formats);\r\n    }\r\n\r\n    public getDiff(date: Date, comparing: string | Date, unit?: string): number {\r\n        return DateUtil.getDiff(date, comparing, unit);\r\n    }\r\n\r\n    public getYear(date: Date): number {\r\n        return DateUtil.getYear(date);\r\n    }\r\n\r\n    public getMonth(date: Date): number {\r\n        return DateUtil.getMonth(date);\r\n    }\r\n\r\n    public getDay(date: Date): number {\r\n        return DateUtil.getDay(date);\r\n    }\r\n\r\n    public getNextMonth(date: Date): Date {\r\n        return DateUtil.getNextMonth(date);\r\n    }\r\n\r\n    public getWeekdays(): string[] {\r\n        return DateUtil.getWeekdays(this.locale);\r\n    }\r\n\r\n    public isAfter(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isAfter(date, comparing);\r\n    }\r\n\r\n    public isBefore(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isBefore(date, comparing);\r\n    }\r\n\r\n    public isEqual(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isEqual(date, comparing);\r\n    }\r\n\r\n    public isSameDay(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isSameDay(date, comparing);\r\n    }\r\n\r\n    public isSameMonth(date: Date, comparing: Date): boolean {\r\n        return DateUtil.isSameMonth(date, comparing);\r\n    }\r\n\r\n    public isValid(date: any): boolean {\r\n        return DateUtil.isValid(date);\r\n    }\r\n\r\n    public isWithinRange(date: Date, range: [Date, Date]): boolean {\r\n        return DateUtil.isWithinRange(date, range);\r\n    }\r\n\r\n    public parseISO(date: string): Date {\r\n        return DateUtil.parseISO(date);\r\n    }\r\n\r\n    public setMonth(date: Date, month: number): Date {\r\n        return DateUtil.setMonth(date, month);\r\n    }\r\n\r\n    public setYear(date: Date, year: number): Date {\r\n        return DateUtil.setYear(date, year);\r\n    }\r\n\r\n    public startOfDay(date: Date): Date {\r\n        return DateUtil.startOfDay(date);\r\n    }\r\n\r\n    public startOfYear(date: Date): Date {\r\n        return DateUtil.startOfYear(date);\r\n    }\r\n\r\n    public toISO(date: Date): string {\r\n        return DateUtil.toISO(this, date);\r\n    }\r\n\r\n    public toJsDate(date: Date): Date {\r\n        return date;\r\n    }\r\n}\r\n"],"mappings":"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"}

package/lib/util/date/built-in.mjs

@@ -256,8 +256,12 @@ export class DateUtil {
     const [year, month, day] = value.split('-').map(Number);
     return new Date(year, month - 1, day);
   }
-  static toISO(date) {
-    return date.toISOString().substring(0, 10);
+  static toISO(adapter, value) {
+    const date = adapter.toJsDate(value);
+    const year = date.getFullYear();
+    const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : `${date.getMonth() + 1}`;
+    const day = date.getDate() < 10 ? `0${date.getDate()}` : `${date.getDate()}`;
+    return `${year}-${month}-${day}`;
   }
   static getWeekArray(date, locale) {
     const weeks = [];