yuyeon 0.3.2-rc.9 → 0.3.4-beta.12

package/lib/components/draggable/YDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDraggable.js","names":["computed","defineComponent","h","ref","unref","useRender","getHtmlElement","YDraggable","name","props","as","Object","String","handle","disabled","Boolean","capture","exact","container","onDragStart","Function","emits","setup","_ref","slots","emit","targetRef","dragging","originPosition","position","targetEl","value","handleEl","el","hEl","querySelector","nodeType","containerEl","document","undefined","slotProps","start","e","console","log","target","containerRect","getBoundingClientRect","targetRect","pos","x","clientX","left","scrollLeft","y","clientY","top","scrollTop","move","end","default","window","config"],"sources":["../../../src/components/draggable/YDraggable.ts"],"sourcesContent":["import {\n  MaybeRef,\n  PropType,\n  computed,\n  defineComponent,\n  h,\n  ref,\n  unref,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getHtmlElement } from '@/util/index';\n\ntype Coord = { x: number; y: number };\n\nexport const YDraggable = defineComponent({\n  name: 'YDraggable',\n  props: {\n    as: [Object, String] as PropType<object | string>,\n    handle: [Object, String] as PropType<MaybeRef<HTMLElement | string>>,\n    disabled: Boolean,\n    capture: Boolean,\n    exact: Boolean,\n    container: [Object, String] as PropType<\n      MaybeRef<HTMLElement | SVGElement | null> | string\n    >,\n    onDragStart: Function as PropType<\n      (pos: Coord, e: PointerEvent) => boolean | undefined\n    >,\n  },\n  emits: ['start'],\n  setup(props, { slots, emit }) {\n    const targetRef = ref();\n    const dragging = ref(false);\n    const originPosition = ref();\n    const position = ref();\n\n    const targetEl = computed(() => {\n      return getHtmlElement(targetRef.value);\n    });\n\n    const handleEl = computed(() => {\n      let el = targetEl.value;\n      if (typeof props.handle === 'string') {\n        const hEl = targetEl.value?.querySelector(props.handle);\n        if (hEl?.nodeType === 1) el = hEl;\n      }\n      return el;\n    });\n\n    const containerEl = computed(() => {\n      const container = unref(props.container);\n      if (typeof container === 'string') {\n        return document.querySelector(container);\n      } else if (container) {\n        return getHtmlElement(container);\n      }\n      return undefined;\n    });\n\n    const slotProps = computed(() => {\n      return {\n        handle: handleEl.value,\n      };\n    });\n\n    const start = (e: PointerEvent) => {\n      console.log('start', e);\n      if (props.disabled) return;\n      if (props.exact && e.target !== targetEl.value) return;\n\n      const container = containerEl.value;\n      const containerRect = container?.getBoundingClientRect?.();\n      const targetRect = targetEl.value?.getBoundingClientRect();\n      const pos = {\n        x:\n          e.clientX -\n          (container\n            ? targetRect.left - containerRect!.left + container.scrollLeft\n            : targetRect.left),\n        y:\n          e.clientY -\n          (container\n            ? targetRect.top - containerRect!.top + container.scrollTop\n            : targetRect.top),\n      };\n      if (props.onDragStart?.(pos, e) === false) return;\n      originPosition.value = pos;\n    };\n\n    const move = (e: PointerEvent) => {\n      console.log('move', e);\n    };\n\n    const end = (e: PointerEvent) => {\n      console.log('end', e);\n    };\n\n    useRender(() => {\n      if (slots.default) {\n        return h(\n          props.as || 'div',\n          { ref: targetRef },\n          slots.default(slotProps.value),\n        );\n      }\n      return h('div');\n    });\n\n    if (window) {\n      const config = { capture: props.capture ?? true };\n      // useEventListener(handleEl, 'pointerdown', start, config);\n      // useEventListener(window, 'pointermove', move, config);\n      // useEventListener(window, 'pointerup', end, config);\n    }\n\n    return {\n      targetEl,\n      handleEl,\n      dragging,\n      position,\n    };\n  },\n});\n\nexport type YDraggable = InstanceType<typeof YDraggable>;\n"],"mappings":"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"}
+{"version":3,"file":"YDraggable.js","names":["computed","defineComponent","h","ref","unref","useRender","getHtmlElement","YDraggable","name","props","as","Object","String","handle","disabled","Boolean","capture","exact","container","onDragStart","Function","emits","setup","_ref","slots","emit","targetRef","dragging","originPosition","position","targetEl","value","handleEl","el","hEl","querySelector","nodeType","containerEl","document","undefined","slotProps","start","e","console","log","target","containerRect","getBoundingClientRect","targetRect","pos","x","clientX","left","scrollLeft","y","clientY","top","scrollTop","move","end","default","window","config"],"sources":["../../../src/components/draggable/YDraggable.tsx"],"sourcesContent":["import {\n\tcomputed,\n\tdefineComponent,\n\th,\n\ttype MaybeRef,\n\ttype PropType,\n\tref,\n\tunref,\n} from \"vue\";\n\nimport { useRender } from \"@/composables/component\";\nimport { getHtmlElement } from \"@/util/index\";\n\ntype Coord = { x: number; y: number };\n\nexport const YDraggable = defineComponent({\n\tname: \"YDraggable\",\n\tprops: {\n\t\tas: [Object, String] as PropType<object | string>,\n\t\thandle: [Object, String] as PropType<MaybeRef<HTMLElement | string>>,\n\t\tdisabled: Boolean,\n\t\tcapture: Boolean,\n\t\texact: Boolean,\n\t\tcontainer: [Object, String] as PropType<\n\t\t\tMaybeRef<HTMLElement | SVGElement | null> | string\n\t\t>,\n\t\tonDragStart: Function as PropType<\n\t\t\t(pos: Coord, e: PointerEvent) => boolean | undefined\n\t\t>,\n\t},\n\temits: [\"start\"],\n\tsetup(props, { slots, emit }) {\n\t\tconst targetRef = ref();\n\t\tconst dragging = ref(false);\n\t\tconst originPosition = ref();\n\t\tconst position = ref();\n\n\t\tconst targetEl = computed(() => {\n\t\t\treturn getHtmlElement(targetRef.value);\n\t\t});\n\n\t\tconst handleEl = computed(() => {\n\t\t\tlet el = targetEl.value;\n\t\t\tif (typeof props.handle === \"string\") {\n\t\t\t\tconst hEl = targetEl.value?.querySelector(props.handle);\n\t\t\t\tif (hEl?.nodeType === 1) el = hEl;\n\t\t\t}\n\t\t\treturn el;\n\t\t});\n\n\t\tconst containerEl = computed(() => {\n\t\t\tconst container = unref(props.container);\n\t\t\tif (typeof container === \"string\") {\n\t\t\t\treturn document.querySelector(container);\n\t\t\t} else if (container) {\n\t\t\t\treturn getHtmlElement(container);\n\t\t\t}\n\t\t\treturn undefined;\n\t\t});\n\n\t\tconst slotProps = computed(() => {\n\t\t\treturn {\n\t\t\t\thandle: handleEl.value,\n\t\t\t};\n\t\t});\n\n\t\tconst start = (e: PointerEvent) => {\n\t\t\tconsole.log(\"start\", e);\n\t\t\tif (props.disabled) return;\n\t\t\tif (props.exact && e.target !== targetEl.value) return;\n\n\t\t\tconst container = containerEl.value;\n\t\t\tconst containerRect = container?.getBoundingClientRect?.();\n\t\t\tconst targetRect = targetEl.value?.getBoundingClientRect();\n\t\t\tconst pos = {\n\t\t\t\tx:\n\t\t\t\t\te.clientX -\n\t\t\t\t\t(container\n\t\t\t\t\t\t? targetRect.left - containerRect!.left + container.scrollLeft\n\t\t\t\t\t\t: targetRect.left),\n\t\t\t\ty:\n\t\t\t\t\te.clientY -\n\t\t\t\t\t(container\n\t\t\t\t\t\t? targetRect.top - containerRect!.top + container.scrollTop\n\t\t\t\t\t\t: targetRect.top),\n\t\t\t};\n\t\t\tif (props.onDragStart?.(pos, e) === false) return;\n\t\t\toriginPosition.value = pos;\n\t\t};\n\n\t\tconst move = (e: PointerEvent) => {\n\t\t\tconsole.log(\"move\", e);\n\t\t};\n\n\t\tconst end = (e: PointerEvent) => {\n\t\t\tconsole.log(\"end\", e);\n\t\t};\n\n\t\tuseRender(() => {\n\t\t\tif (slots.default) {\n\t\t\t\treturn h(\n\t\t\t\t\tprops.as || \"div\",\n\t\t\t\t\t{ ref: targetRef },\n\t\t\t\t\tslots.default(slotProps.value),\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn h(\"div\");\n\t\t});\n\n\t\tif (window) {\n\t\t\tconst config = { capture: props.capture ?? true };\n\t\t\t// useEventListener(handleEl, 'pointerdown', start, config);\n\t\t\t// useEventListener(window, 'pointermove', move, config);\n\t\t\t// useEventListener(window, 'pointerup', end, config);\n\t\t}\n\n\t\treturn {\n\t\t\ttargetEl,\n\t\t\thandleEl,\n\t\t\tdragging,\n\t\t\tposition,\n\t\t};\n\t},\n});\n\nexport type YDraggable = InstanceType<typeof YDraggable>;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/draggable/index.js

@@ -0,0 +1,2 @@
+export * from "./YDraggable.js";
+//# sourceMappingURL=index.js.map

package/lib/components/draggable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/draggable/index.ts"],"sourcesContent":["export * from './YDraggable';\n"],"mappings":"","ignoreList":[]}

package/lib/components/dropdown/YDropdown.js

@@ -1,5 +1,4 @@
-import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { mergeProps } from 'vue';
+import { mergeProps, Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps, createTextVNode as _createTextVNode } from "vue";
 import { pressItemsPropsOptions } from "../../abstract/items.js";
 import { useModelDuplex } from "../../composables/communication.js";
 import { useRender } from "../../composables/component.js";
@@ -14,25 +13,25 @@ import { YList, YListItem } from "../list/index.js";
 import { YMenu, YMenuPropOptions } from "../menu/index.js";
 import "./YDropdown.scss";
 export const pressYDropdownPropsOptions = propsFactory({
-  ...omit(YMenuPropOptions, ['modelValue', 'coordinateStrategy']),
+  ...omit(YMenuPropOptions, ["modelValue", "coordinateStrategy"]),
   modelValue: Boolean,
   variation: String,
   color: String,
   ...omit(pressCoordinateProps({
-    position: 'bottom'
-  }), ['coordinateStrategy']),
+    position: "bottom"
+  }), ["coordinateStrategy"]),
   dropdownIcon: {
     type: [String, Array, Object],
-    default: '$dropdown'
+    default: "$dropdown"
   },
   ...pressItemsPropsOptions(),
   ...pressPolyTransitionPropsOptions({
-    transition: 'fade'
+    transition: "fade"
   }),
   ...pressYButtonProps
-}, 'YDropdown');
+}, "YDropdown");
 export const YDropdown = defineComponent({
-  name: 'YDropdown',
+  name: "YDropdown",
   inheritAttrs: false,
   components: {
     YMenu
@@ -41,7 +40,7 @@ export const YDropdown = defineComponent({
     ...pressYDropdownPropsOptions()
   },
   slots: Object,
-  emits: ['update:modelValue', 'click'],
+  emits: ["update:modelValue", "click"],
   setup(props, _ref) {
     let {
       slots,
@@ -51,15 +50,15 @@ export const YDropdown = defineComponent({
     const opened = useModelDuplex(props);
     function onClickItem(item) {
       opened.value = false;
-      emit('click', item);
+      emit("click", item);
     }
     useRender(() => {
       const menuProps = chooseProps(props, YMenu.props);
-      const dropdownIconProps = chooseProps(typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {}, YIcon.props);
+      const dropdownIconProps = chooseProps(typeof props.dropdownIcon === "object" ? props.dropdownIcon : {}, YIcon.props);
       return _createVNode(_Fragment, null, [_createVNode(YMenu, _mergeProps(menuProps, {
         "modelValue": opened.value,
         "onUpdate:modelValue": $event => opened.value = $event,
-        "content-classes": bindClasses(['y-dropdown__content', props.contentClasses])
+        "content-classes": bindClasses(["y-dropdown__content", props.contentClasses])
       }), {
         base: function () {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -68,16 +67,16 @@ export const YDropdown = defineComponent({
           return slots.base ? slots.base?.(...args) : _createVNode(YButton, _mergeProps({
             "variation": props.variation,
             "color": props.color,
-            "class": ['y-dropdown', {
-              'y-dropdown--opened': opened.value
+            "class": ["y-dropdown", {
+              "y-dropdown--opened": opened.value
             }],
             "disabled": props.disabled
           }, attrs), {
             default: () => [_createVNode("span", {
               "class": "y-dropdown__default"
-            }, [slots.default?.()]), slots['dropdown-icon'] ? slots['dropdown-icon']() : _createVNode(YIcon, _mergeProps(mergeProps(dropdownIconProps), {
+            }, [slots.default?.()]), slots["dropdown-icon"] ? slots["dropdown-icon"]() : _createVNode(YIcon, _mergeProps(mergeProps(dropdownIconProps), {
               "icon": props.dropdownIcon,
-              "class": ['y-dropdown__icon']
+              "class": ["y-dropdown__icon"]
             }), null)]
           });
         },

package/lib/components/dropdown/YDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDropdown.js","names":["mergeProps","pressItemsPropsOptions","useModelDuplex","useRender","pressCoordinateProps","pressPolyTransitionPropsOptions","getObjectValueByPath","omit","bindClasses","chooseProps","defineComponent","propsFactory","pressYButtonProps","YButton","YCard","YIcon","YList","YListItem","YMenu","YMenuPropOptions","pressYDropdownPropsOptions","modelValue","Boolean","variation","String","color","position","dropdownIcon","type","Array","Object","default","transition","YDropdown","name","inheritAttrs","components","props","slots","emits","setup","_ref","attrs","emit","opened","onClickItem","item","value","menuProps","dropdownIconProps","_createVNode","_Fragment","_mergeProps","$event","contentClasses","base","_len","arguments","length","args","_key","disabled","menu","isArray","items","map","text","itemText","slotName","key","e","_createTextVNode"],"sources":["../../../src/components/dropdown/YDropdown.tsx"],"sourcesContent":["import { type PropType, type SlotsType, mergeProps } from 'vue';\r\n\r\nimport { pressItemsPropsOptions } from '@/abstract/items';\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { pressCoordinateProps } from '@/composables/coordinate';\r\nimport { pressPolyTransitionPropsOptions } from '@/composables/transition';\r\nimport { getObjectValueByPath, omit } from '@/util/common';\r\nimport {\r\n  bindClasses,\r\n  chooseProps,\r\n  defineComponent,\r\n  propsFactory,\r\n} from '@/util/component';\r\n\r\nimport { pressYButtonProps, YButton } from '../button';\r\nimport { YCard } from '../card';\r\nimport { YIcon, YIconIconProp } from '../icon';\r\nimport { YList, YListItem } from '../list';\r\nimport { YMenu, YMenuPropOptions } from '../menu';\r\n\r\nimport './YDropdown.scss';\r\n\r\nexport const pressYDropdownPropsOptions = propsFactory(\r\n  {\r\n    ...omit(YMenuPropOptions, ['modelValue', 'coordinateStrategy']),\r\n    modelValue: Boolean as PropType<boolean>,\r\n    variation: String as PropType<string>,\r\n    color: String as PropType<string>,\r\n    ...omit(pressCoordinateProps({ position: 'bottom' as 'bottom' }), [\r\n      'coordinateStrategy',\r\n    ]),\r\n    dropdownIcon: {\r\n      type: [String, Array, Object] as PropType<YIconIconProp>,\r\n      default: '$dropdown',\r\n    },\r\n    ...pressItemsPropsOptions(),\r\n    ...pressPolyTransitionPropsOptions({\r\n      transition: 'fade',\r\n    }),\r\n    ...pressYButtonProps\r\n  },\r\n  'YDropdown',\r\n);\r\n\r\ntype ItemScopedProps = {\r\n  text: string;\r\n  item: any;\r\n};\r\n\r\ntype ItemSlotPrefix = `item.${string}`;\r\n\r\nexport const YDropdown = defineComponent({\r\n  name: 'YDropdown',\r\n  inheritAttrs: false,\r\n  components: {\r\n    YMenu,\r\n  },\r\n  props: {\r\n    ...pressYDropdownPropsOptions(),\r\n  },\r\n  slots: Object as SlotsType<{\r\n    base: any;\r\n    default: any;\r\n    'dropdown-icon': any;\r\n    menu: any;\r\n    item: ItemScopedProps;\r\n    [k: ItemSlotPrefix]: ItemScopedProps;\r\n  }>,\r\n  emits: ['update:modelValue', 'click'],\r\n  setup(props, { slots, attrs, emit }) {\r\n    const opened = useModelDuplex(props);\r\n\r\n    function onClickItem(item: any) {\r\n      opened.value = false;\r\n      emit('click', item);\r\n    }\r\n\r\n    useRender(() => {\r\n      const menuProps = chooseProps(props, YMenu.props);\r\n      const dropdownIconProps = chooseProps(\r\n        typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {},\r\n        YIcon.props,\r\n      );\r\n      return (\r\n        <>\r\n          <YMenu\r\n            {...menuProps}\r\n            v-model={opened.value}\r\n            content-classes={bindClasses([\r\n              'y-dropdown__content',\r\n              props.contentClasses,\r\n            ])}\r\n          >\r\n            {{\r\n              base: (...args: any[]) =>\r\n                slots.base ? (\r\n                  slots.base?.(...args)\r\n                ) : (\r\n                  <YButton\r\n                    variation={props.variation}\r\n                    color={props.color}\r\n                    class={[\r\n                      'y-dropdown',\r\n                      { 'y-dropdown--opened': opened.value },\r\n                    ]}\r\n                    disabled={props.disabled}\r\n                    {...attrs}\r\n                  >\r\n                    {\r\n                      <span class=\"y-dropdown__default\">\r\n                        {slots.default?.()}\r\n                      </span>\r\n                    }\r\n                    {slots['dropdown-icon'] ? (\r\n                      slots['dropdown-icon']()\r\n                    ) : (\r\n                      <YIcon\r\n                        {...mergeProps(dropdownIconProps)}\r\n                        icon={props.dropdownIcon}\r\n                        class={['y-dropdown__icon']}\r\n                      ></YIcon>\r\n                    )}\r\n                  </YButton>\r\n                ),\r\n              default: () =>\r\n                slots.menu ? (\r\n                  slots.menu()\r\n                ) : (\r\n                  <YCard>\r\n                    {Array.isArray(props.items) && props.items.length > 0 ? (\r\n                      <YList>\r\n                        {props.items.map((item) => {\r\n                          const text = getObjectValueByPath(\r\n                            item,\r\n                            props.itemText,\r\n                          );\r\n                          const slotName = `item.${item.key}` as const;\r\n                          return (\r\n                            <YListItem onClick={(e) => onClickItem(item)}>\r\n                              {slots.item\r\n                                ? slots.item({ text, item })\r\n                                : slots?.[slotName]\r\n                                  ? slots[slotName]({ text, item })\r\n                                  : text}\r\n                            </YListItem>\r\n                          );\r\n                        })}\r\n                      </YList>\r\n                    ) : (\r\n                      <div class=\"y-dropdown__no-options\">항목이 없습니다.</div>\r\n                    )}\r\n                  </YCard>\r\n                ),\r\n            }}\r\n          </YMenu>\r\n        </>\r\n      );\r\n    });\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"YDropdown.js","names":["mergeProps","Fragment","_Fragment","createVNode","_createVNode","_mergeProps","createTextVNode","_createTextVNode","pressItemsPropsOptions","useModelDuplex","useRender","pressCoordinateProps","pressPolyTransitionPropsOptions","getObjectValueByPath","omit","bindClasses","chooseProps","defineComponent","propsFactory","pressYButtonProps","YButton","YCard","YIcon","YList","YListItem","YMenu","YMenuPropOptions","pressYDropdownPropsOptions","modelValue","Boolean","variation","String","color","position","dropdownIcon","type","Array","Object","default","transition","YDropdown","name","inheritAttrs","components","props","slots","emits","setup","_ref","attrs","emit","opened","onClickItem","item","value","menuProps","dropdownIconProps","$event","contentClasses","base","_len","arguments","length","args","_key","disabled","menu","isArray","items","map","text","itemText","slotName","key","e"],"sources":["../../../src/components/dropdown/YDropdown.tsx"],"sourcesContent":["import { mergeProps, type PropType, type SlotsType } from \"vue\";\n\nimport { pressItemsPropsOptions } from \"@/abstract/items\";\nimport { useModelDuplex } from \"@/composables/communication\";\nimport { useRender } from \"@/composables/component\";\nimport { pressCoordinateProps } from \"@/composables/coordinate\";\nimport { pressPolyTransitionPropsOptions } from \"@/composables/transition\";\nimport { getObjectValueByPath, omit } from \"@/util/common\";\nimport {\n\tbindClasses,\n\tchooseProps,\n\tdefineComponent,\n\tpropsFactory,\n} from \"@/util/component\";\n\nimport { pressYButtonProps, YButton } from \"../button\";\nimport { YCard } from \"../card\";\nimport { YIcon, type YIconIconProp } from \"../icon\";\nimport { YList, YListItem } from \"../list\";\nimport { YMenu, YMenuPropOptions } from \"../menu\";\n\nimport \"./YDropdown.scss\";\n\nexport const pressYDropdownPropsOptions = propsFactory(\n\t{\n\t\t...omit(YMenuPropOptions, [\"modelValue\", \"coordinateStrategy\"]),\n\t\tmodelValue: Boolean as PropType<boolean>,\n\t\tvariation: String as PropType<string>,\n\t\tcolor: String as PropType<string>,\n\t\t...omit(pressCoordinateProps({ position: \"bottom\" as \"bottom\" }), [\n\t\t\t\"coordinateStrategy\",\n\t\t]),\n\t\tdropdownIcon: {\n\t\t\ttype: [String, Array, Object] as PropType<YIconIconProp>,\n\t\t\tdefault: \"$dropdown\",\n\t\t},\n\t\t...pressItemsPropsOptions(),\n\t\t...pressPolyTransitionPropsOptions({\n\t\t\ttransition: \"fade\",\n\t\t}),\n\t\t...pressYButtonProps,\n\t},\n\t\"YDropdown\",\n);\n\ntype ItemScopedProps = {\n\ttext: string;\n\titem: any;\n};\n\ntype ItemSlotPrefix = `item.${string}`;\n\nexport const YDropdown = defineComponent({\n\tname: \"YDropdown\",\n\tinheritAttrs: false,\n\tcomponents: {\n\t\tYMenu,\n\t},\n\tprops: {\n\t\t...pressYDropdownPropsOptions(),\n\t},\n\tslots: Object as SlotsType<{\n\t\tbase: any;\n\t\tdefault: any;\n\t\t\"dropdown-icon\": any;\n\t\tmenu: any;\n\t\titem: ItemScopedProps;\n\t\t[k: ItemSlotPrefix]: ItemScopedProps;\n\t}>,\n\temits: [\"update:modelValue\", \"click\"],\n\tsetup(props, { slots, attrs, emit }) {\n\t\tconst opened = useModelDuplex(props);\n\n\t\tfunction onClickItem(item: any) {\n\t\t\topened.value = false;\n\t\t\temit(\"click\", item);\n\t\t}\n\n\t\tuseRender(() => {\n\t\t\tconst menuProps = chooseProps(props, YMenu.props);\n\t\t\tconst dropdownIconProps = chooseProps(\n\t\t\t\ttypeof props.dropdownIcon === \"object\" ? props.dropdownIcon : {},\n\t\t\t\tYIcon.props,\n\t\t\t);\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<YMenu\n\t\t\t\t\t\t{...menuProps}\n\t\t\t\t\t\tv-model={opened.value}\n\t\t\t\t\t\tcontent-classes={bindClasses([\n\t\t\t\t\t\t\t\"y-dropdown__content\",\n\t\t\t\t\t\t\tprops.contentClasses,\n\t\t\t\t\t\t])}\n\t\t\t\t\t>\n\t\t\t\t\t\t{{\n\t\t\t\t\t\t\tbase: (...args: any[]) =>\n\t\t\t\t\t\t\t\tslots.base ? (\n\t\t\t\t\t\t\t\t\tslots.base?.(...args)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<YButton\n\t\t\t\t\t\t\t\t\t\tvariation={props.variation}\n\t\t\t\t\t\t\t\t\t\tcolor={props.color}\n\t\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\t\"y-dropdown\",\n\t\t\t\t\t\t\t\t\t\t\t{ \"y-dropdown--opened\": opened.value },\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\t\t{...attrs}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"y-dropdown__default\">\n\t\t\t\t\t\t\t\t\t\t\t\t{slots.default?.()}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{slots[\"dropdown-icon\"] ? (\n\t\t\t\t\t\t\t\t\t\t\tslots[\"dropdown-icon\"]()\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<YIcon\n\t\t\t\t\t\t\t\t\t\t\t\t{...mergeProps(dropdownIconProps)}\n\t\t\t\t\t\t\t\t\t\t\t\ticon={props.dropdownIcon}\n\t\t\t\t\t\t\t\t\t\t\t\tclass={[\"y-dropdown__icon\"]}\n\t\t\t\t\t\t\t\t\t\t\t></YIcon>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</YButton>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\t\t\tslots.menu ? (\n\t\t\t\t\t\t\t\t\tslots.menu()\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<YCard>\n\t\t\t\t\t\t\t\t\t\t{Array.isArray(props.items) && props.items.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t<YList>\n\t\t\t\t\t\t\t\t\t\t\t\t{props.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst text = getObjectValueByPath(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.itemText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst slotName = `item.${item.key}` as const;\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<YListItem onClick={(e) => onClickItem(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{slots.item\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? slots.item({ text, item })\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: slots?.[slotName]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? slots[slotName]({ text, item })\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: text}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</YListItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</YList>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"y-dropdown__no-options\">항목이 없습니다.</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</YCard>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t}}\n\t\t\t\t\t</YMenu>\n\t\t\t\t</>\n\t\t\t);\n\t\t});\n\t},\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/components/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dropdown/index.ts"],"sourcesContent":["export * from './YDropdown';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dropdown/index.ts"],"sourcesContent":["export * from './YDropdown';\n"],"mappings":"","ignoreList":[]}

package/lib/components/field-input/YFieldInput.js

@@ -1,12 +1,11 @@
-import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import { computed, getCurrentInstance, nextTick, ref, toRef, watch } from 'vue';
+import { computed, getCurrentInstance, nextTick, ref, toRef, watch, createVNode as _createVNode, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
 import { useRender } from "../../composables/component.js";
 import { useFocus } from "../../composables/focus.js";
 import { chooseProps, defineComponent, propsFactory } from "../../util/component/index.js";
 import { YIconClear } from "../icons/YIconClear.js";
-import { YInput, pressYInputPropsOptions } from "../input/index.js";
+import { pressYInputPropsOptions, YInput } from "../input/index.js";
 import "./YFieldInput.scss";
-const NAME = 'y-field-input';
+const NAME = "y-field-input";
 export const pressYFieldInputPropsOptions = propsFactory({
   enableClear: Boolean,
   inputAlign: String,
@@ -15,22 +14,23 @@ export const pressYFieldInputPropsOptions = propsFactory({
   whenInputValid: [Boolean, Number],
   tabindex: {
     type: String,
-    default: '0'
+    default: "0"
   },
   type: {
     type: String,
-    default: 'text'
+    default: "text"
   },
+  inputStyle: Object,
   ...pressYInputPropsOptions({
-    variation: 'filled'
+    variation: "filled"
   })
-}, 'YFieldInput');
+}, "YFieldInput");
 export const YFieldInput = defineComponent({
-  name: 'YFieldInput',
+  name: "YFieldInput",
   props: {
     ...pressYFieldInputPropsOptions()
   },
-  emits: ['update:modelValue', 'update:focused', 'input', 'change', 'click', 'mousedown', 'mouseup', 'keydown', 'keyup', 'focus', 'blur', 'mousedown:display', 'keydown:display', 'click:clear'],
+  emits: ["update:modelValue", "update:focused", "input", "change", "click", "mousedown", "mouseup", "keydown", "keyup", "focus", "blur", "mousedown:display", "keydown:display", "click:clear"],
   slots: Object,
   setup(props, _ref) {
     let {
@@ -45,10 +45,10 @@ export const YFieldInput = defineComponent({
       focused,
       whenFocus,
       whenBlur
-    } = useFocus(props, 'y-field-input');
-    const inValue = ref('');
-    const displayValue = ref('');
-    const inputType = toRef(props, 'type');
+    } = useFocus(props, "y-field-input");
+    const inValue = ref("");
+    const displayValue = ref("");
+    const inputType = toRef(props, "type");
     const classes = computed(() => {
       return {
         [NAME]: true,
@@ -56,39 +56,39 @@ export const YFieldInput = defineComponent({
       };
     });
     function onClick(event) {
-      emit('click', event);
+      emit("click", event);
     }
     function onFocus(event) {
       whenFocus();
       displayValue.value = inValue.value;
-      emit('focus', event);
+      emit("focus", event);
     }
     function onBlur(event) {
       whenBlur();
-      emit('blur', event);
+      emit("blur", event);
       changeDisplay();
     }
     function onInput(event) {
-      emit('input', event);
+      emit("input", event);
       const target = event.target;
       inValue.value = target?.value;
       displayValue.value = target?.value;
     }
     function onChange(event) {
-      emit('change', inValue.value);
+      emit("change", inValue.value);
     }
     function onKeydown(event) {
-      emit('keydown', event);
+      emit("keydown", event);
     }
     function onKeyup(event) {
-      emit('keyup', event);
+      emit("keyup", event);
     }
     function onClickClear(event) {
-      emit('click:clear', event);
+      emit("click:clear", event);
       clear();
     }
     function onKeydownClear(event) {
-      if (event.code === 'Space' || event.code === 'Enter') {
+      if (event.code === "Space" || event.code === "Enter") {
         clear();
       }
     }
@@ -99,10 +99,10 @@ export const YFieldInput = defineComponent({
       input$.value?.select();
     }
     function clear() {
-      inValue.value = '';
-      displayValue.value = '';
-      emit('update:modelValue', inValue.value);
-      emit('change', inValue.value);
+      inValue.value = "";
+      displayValue.value = "";
+      emit("update:modelValue", inValue.value);
+      emit("change", inValue.value);
     }
     function changeDisplay() {
       const vm = getCurrentInstance();
@@ -111,10 +111,10 @@ export const YFieldInput = defineComponent({
       } = props;
       if (displayText !== undefined) {
         let text = inValue.value;
-        if (typeof displayText === 'string') {
+        if (typeof displayText === "string") {
           text = displayText;
         }
-        if (displayText && typeof displayText === 'function') {
+        if (displayText && typeof displayText === "function") {
           text = displayText.call(vm, text);
         }
         nextTick(() => {
@@ -149,7 +149,7 @@ export const YFieldInput = defineComponent({
       resetError: () => yInput$.value?.resetError()
     });
     function onUpdateModel(value) {
-      emit('update:modelValue', value);
+      emit("update:modelValue", value);
     }
     useRender(() => _createVNode(YInput, _mergeProps({
       "class": classes.value,
@@ -160,8 +160,9 @@ export const YFieldInput = defineComponent({
       "extended": extended,
       "onUpdate:modelValue": onUpdateModel,
       "onClick": onClick,
-      "onMousedown:display": $event => emit('mousedown:display', $event),
-      "onKeydown:display": $event => emit('keydown:display', $event)
+      "onMousedown:display": $event => emit("mousedown:display", $event),
+      "onKeydown:display": $event => emit("keydown:display", $event),
+      "style": [attrs.style]
     }), {
       leading: slots.leading ? args => {
         const leadingChildren = [];
@@ -176,7 +177,7 @@ export const YFieldInput = defineComponent({
       default: defaultProps => _createVNode("div", {
         "class": [`${NAME}__field`],
         "data-id": defaultProps.attrId,
-        "ref": 'field'
+        "ref": "field"
       }, [props.floating ? yInput$.value?.createLabel?.() : undefined, slots.default?.({
         ...defaultProps,
         focused: focused.value
@@ -189,12 +190,12 @@ export const YFieldInput = defineComponent({
         "readonly": props.readonly || props.loading || defaultProps.loading,
         "placeholder": props.placeholder,
         "disabled": props.disabled,
-        "tabindex": props.tabindex || '0',
+        "tabindex": props.tabindex || "0",
         "autocomplete": attrs.autocomplete,
         "maxlength": attrs.maxlength,
         "min": attrs.min,
         "max": attrs.max,
-        "style": [attrs?.style, {
+        "style": [props.inputStyle, {
           textAlign: props.inputAlign
         }],
         "size": attrs.size ?? 1,
@@ -206,22 +207,23 @@ export const YFieldInput = defineComponent({
         "onKeyup": onKeyup
       }, null)]),
       trailing: slots.trailing || props.enableClear && inValue.value ? () => _createVNode(_Fragment, null, [props.enableClear && inValue.value && _createVNode("div", {
-        "class": ['y-input__trailing', 'y-input__trailing--clear']
+        "class": ["y-input__trailing", "y-input__trailing--clear"]
       }, [_createVNode("button", {
+        "type": "button",
         "class": [`${NAME}__clear`],
         "disabled": props.disabled,
         "onClick": onClickClear,
         "onKeydown": onKeydownClear,
         "tabindex": 2
       }, [_createVNode(YIconClear, null, null)])]), slots.trailing && _createVNode("div", {
-        "class": ['y-input__trailing']
+        "class": ["y-input__trailing"]
       }, [slots.trailing()])]) : undefined,
       label: slots.label ? () => slots.label?.() : undefined,
       prepend: slots.prepend ? () => slots.prepend?.() : undefined,
       append: slots.append ? () => slots.append?.() : undefined,
-      'leading-out': slots['leading-out'] ? () => slots['leading-out']?.() : undefined,
-      'trailing-out': slots['trailing-out'] ? () => slots['trailing-out']?.() : undefined,
-      'helper-text': slots['helper-text'] ? slotProps => slots['helper-text']?.(slotProps) : undefined
+      "leading-out": slots["leading-out"] ? () => slots["leading-out"]?.() : undefined,
+      "trailing-out": slots["trailing-out"] ? () => slots["trailing-out"]?.() : undefined,
+      "helper-text": slots["helper-text"] ? slotProps => slots["helper-text"]?.(slotProps) : undefined
     }));
     return {
       focused,

package/lib/components/field-input/YFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"YFieldInput.js","names":["computed","getCurrentInstance","nextTick","ref","toRef","watch","useRender","useFocus","chooseProps","defineComponent","propsFactory","YIconClear","YInput","pressYInputPropsOptions","NAME","pressYFieldInputPropsOptions","enableClear","Boolean","inputAlign","String","inlineLabel","displayText","Function","whenInputValid","Number","tabindex","type","default","variation","YFieldInput","name","props","emits","slots","Object","setup","_ref","attrs","expose","emit","yInput$","input$","focused","whenFocus","whenBlur","inValue","displayValue","inputType","classes","onClick","event","onFocus","value","onBlur","changeDisplay","onInput","target","onChange","onKeydown","onKeyup","onClickClear","clear","onKeydownClear","code","focus","select","vm","undefined","text","call","modelValue","neo","immediate","extended","validate","invokeValidators","resetError","onUpdateModel","_createVNode","_mergeProps","$event","leading","args","leadingChildren","slot","push","defaultProps","attrId","floating","createLabel","readonly","loading","placeholder","disabled","autocomplete","maxlength","min","max","style","textAlign","size","trailing","_Fragment","label","prepend","append","slotProps"],"sources":["../../../src/components/field-input/YFieldInput.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  getCurrentInstance,\n  nextTick,\n  ref,\n  toRef,\n  watch,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useFocus } from '@/composables/focus';\nimport { chooseProps, defineComponent, propsFactory } from '@/util/component';\n\nimport { YIconClear } from '../icons/YIconClear';\nimport {\n  YInput,\n  YInputDefaultSlotProps,\n  pressYInputPropsOptions,\n} from '../input';\n\nimport './YFieldInput.scss';\n\nconst NAME = 'y-field-input';\n\nexport const pressYFieldInputPropsOptions = propsFactory(\n  {\n    enableClear: Boolean as PropType<boolean>,\n    inputAlign: String as PropType<string>,\n    inlineLabel: Boolean as PropType<boolean>,\n    displayText: [String, Function] as PropType<\n      string | ((value: any) => string)\n    >,\n    whenInputValid: [Boolean, Number] as PropType<boolean | number>,\n    tabindex: {\n      type: String as PropType<string>,\n      default: '0',\n    },\n    type: {\n      type: String as PropType<string>,\n      default: 'text',\n    },\n    ...pressYInputPropsOptions({\n      variation: 'filled',\n    }),\n  },\n  'YFieldInput',\n);\n\nexport const YFieldInput = defineComponent({\n  name: 'YFieldInput',\n  props: {\n    ...pressYFieldInputPropsOptions(),\n  },\n  emits: [\n    'update:modelValue',\n    'update:focused',\n    'input',\n    'change',\n    'click',\n    'mousedown',\n    'mouseup',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'mousedown:display',\n    'keydown:display',\n    'click:clear',\n  ],\n  slots: Object as SlotsType<{\n    prepend: any;\n    append: any;\n    label: any;\n    default: YInputDefaultSlotProps & { focused: boolean };\n    leading: { error: boolean };\n    trailing: any;\n    'leading-out': any;\n    'trailing-out': any;\n    'helper-text': { error: boolean; errorResult: string | undefined };\n  }>,\n  setup(props, { attrs, expose, emit, slots }) {\n    const yInput$ = ref<YInput>();\n    const input$ = ref<HTMLInputElement>();\n    const { focused, whenFocus, whenBlur } = useFocus(props, 'y-field-input');\n    const inValue = ref<any>('');\n    const displayValue = ref('');\n    const inputType = toRef(props, 'type');\n\n    const classes = computed(() => {\n      return {\n        [NAME]: true,\n        [`${NAME}--inline-label`]: !!props.inlineLabel,\n      };\n    });\n\n    function onClick(event: MouseEvent) {\n      emit('click', event);\n    }\n\n    function onFocus(event: FocusEvent) {\n      whenFocus();\n      displayValue.value = inValue.value as string;\n      emit('focus', event);\n    }\n\n    function onBlur(event: FocusEvent) {\n      whenBlur();\n      emit('blur', event);\n      changeDisplay();\n    }\n\n    function onInput(event: Event) {\n      emit('input', event);\n      const target = event.target as HTMLInputElement | null;\n      inValue.value = target?.value;\n      displayValue.value = target?.value as string;\n    }\n\n    function onChange(event: Event) {\n      emit('change', inValue.value);\n    }\n\n    function onKeydown(event: KeyboardEvent) {\n      emit('keydown', event);\n    }\n\n    function onKeyup(event: KeyboardEvent) {\n      emit('keyup', event);\n    }\n\n    function onClickClear(event: MouseEvent) {\n      emit('click:clear', event);\n      clear();\n    }\n\n    function onKeydownClear(event: KeyboardEvent) {\n      if (event.code === 'Space' || event.code === 'Enter') {\n        clear();\n      }\n    }\n\n    function focus() {\n      input$.value?.focus();\n    }\n\n    function select() {\n      input$.value?.select();\n    }\n\n    function clear() {\n      inValue.value = '';\n      displayValue.value = '';\n      emit('update:modelValue', inValue.value);\n      emit('change', inValue.value);\n    }\n\n    function changeDisplay() {\n      const vm = getCurrentInstance();\n      const { displayText } = props;\n      if (displayText !== undefined) {\n        let text = inValue.value;\n        if (typeof displayText === 'string') {\n          text = displayText;\n        }\n        if (displayText && typeof displayText === 'function') {\n          text = (displayText as any).call(vm, text);\n        }\n        nextTick(() => {\n          displayValue.value = text as string;\n        });\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (neo: any) => {\n        inValue.value = neo;\n        displayValue.value = neo;\n      },\n      {\n        immediate: true,\n      },\n    );\n\n    watch(\n      inValue,\n      (neo: string) => {\n        if (!focused.value) {\n          changeDisplay();\n        } else {\n          displayValue.value = neo;\n        }\n      },\n      { immediate: true },\n    );\n\n    const extended = {\n      focus,\n      select,\n      clear,\n    };\n\n    expose({\n      ...extended,\n      input$,\n      validate: () => yInput$.value?.invokeValidators(),\n      resetError: () => yInput$.value?.resetError(),\n    });\n\n    function onUpdateModel(value: any) {\n      emit('update:modelValue', value);\n    }\n\n    useRender(() => (\n      <YInput\n        class={classes.value}\n        ref={yInput$}\n        {...chooseProps(props, YInput.props)}\n        modelValue={inValue.value}\n        focused={focused.value}\n        extended={extended}\n        onUpdate:modelValue={onUpdateModel}\n        onClick={onClick}\n        onMousedown:display={($event) => emit('mousedown:display', $event)}\n        onKeydown:display={($event) => emit('keydown:display', $event)}\n      >\n        {{\n          leading: slots.leading\n            ? (args: any) => {\n                const leadingChildren = [];\n                const slot = slots.leading?.(args);\n                if (slot) {\n                  leadingChildren.push(slot);\n                } else {\n                  return undefined;\n                }\n                return leadingChildren;\n              }\n            : undefined,\n          default: (defaultProps: YInputDefaultSlotProps) => (\n            <div\n              class={[`${NAME}__field`]}\n              data-id={defaultProps.attrId}\n              ref={'field'}\n            >\n              {props.floating ? yInput$.value?.createLabel?.() : undefined}\n              {slots.default?.({ ...defaultProps, focused: focused.value })}\n              {\n                <input\n                  ref={input$}\n                  value={displayValue.value}\n                  name={props.name}\n                  id={defaultProps.attrId}\n                  type={inputType.value}\n                  readonly={\n                    props.readonly || props.loading || defaultProps.loading\n                  }\n                  placeholder={props.placeholder}\n                  disabled={props.disabled}\n                  tabindex={props.tabindex || '0'}\n                  autocomplete={attrs.autocomplete as string}\n                  maxlength={attrs.maxlength as number | string}\n                  min={attrs.min as number | string}\n                  max={attrs.max as number | string}\n                  style={[attrs?.style, { textAlign: props.inputAlign } as any]}\n                  size={(attrs.size ?? 1) as number}\n                  onInput={onInput}\n                  onFocus={onFocus}\n                  onBlur={onBlur}\n                  onChange={onChange}\n                  onKeydown={onKeydown}\n                  onKeyup={onKeyup}\n                />\n              }\n            </div>\n          ),\n          trailing:\n            slots.trailing || (props.enableClear && inValue.value)\n              ? () => (\n                  <>\n                    {props.enableClear && inValue.value && (\n                      <div\n                        class={[\n                          'y-input__trailing',\n                          'y-input__trailing--clear',\n                        ]}\n                      >\n                        <button\n                          class={[`${NAME}__clear`]}\n                          disabled={props.disabled}\n                          onClick={onClickClear}\n                          onKeydown={onKeydownClear}\n                          tabindex={2}\n                        >\n                          <YIconClear></YIconClear>\n                        </button>\n                      </div>\n                    )}\n                    {slots.trailing && (\n                      <div class={['y-input__trailing']}>\n                        {slots.trailing()}\n                      </div>\n                    )}\n                  </>\n                )\n              : undefined,\n          label: slots.label ? () => slots.label?.() : undefined,\n          prepend: slots.prepend ? () => slots.prepend?.() : undefined,\n          append: slots.append ? () => slots.append?.() : undefined,\n          'leading-out': slots['leading-out']\n            ? () => slots['leading-out']?.()\n            : undefined,\n          'trailing-out': slots['trailing-out']\n            ? () => slots['trailing-out']?.()\n            : undefined,\n          'helper-text': slots['helper-text']\n            ? (slotProps: any) => slots['helper-text']?.(slotProps)\n            : undefined,\n        }}\n      </YInput>\n    ));\n\n    return {\n      focused,\n      inValue,\n    };\n  },\n});\n\nexport type YFieldInput = InstanceType<typeof YFieldInput>;\n"],"mappings":"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"}
+{"version":3,"file":"YFieldInput.js","names":["computed","getCurrentInstance","nextTick","ref","toRef","watch","createVNode","_createVNode","Fragment","_Fragment","mergeProps","_mergeProps","useRender","useFocus","chooseProps","defineComponent","propsFactory","YIconClear","pressYInputPropsOptions","YInput","NAME","pressYFieldInputPropsOptions","enableClear","Boolean","inputAlign","String","inlineLabel","displayText","Function","whenInputValid","Number","tabindex","type","default","inputStyle","Object","variation","YFieldInput","name","props","emits","slots","setup","_ref","attrs","expose","emit","yInput$","input$","focused","whenFocus","whenBlur","inValue","displayValue","inputType","classes","onClick","event","onFocus","value","onBlur","changeDisplay","onInput","target","onChange","onKeydown","onKeyup","onClickClear","clear","onKeydownClear","code","focus","select","vm","undefined","text","call","modelValue","neo","immediate","extended","validate","invokeValidators","resetError","onUpdateModel","$event","style","leading","args","leadingChildren","slot","push","defaultProps","attrId","floating","createLabel","readonly","loading","placeholder","disabled","autocomplete","maxlength","min","max","textAlign","size","trailing","label","prepend","append","slotProps"],"sources":["../../../src/components/field-input/YFieldInput.tsx"],"sourcesContent":["import {\n\tcomputed,\n\tgetCurrentInstance,\n\tnextTick,\n\ttype PropType,\n\tref,\n\ttype SlotsType,\n\ttoRef,\n\twatch,\n} from \"vue\";\n\nimport { useRender } from \"@/composables/component\";\nimport { useFocus } from \"@/composables/focus\";\nimport { chooseProps, defineComponent, propsFactory } from \"@/util/component\";\n\nimport { YIconClear } from \"../icons/YIconClear\";\nimport {\n\tpressYInputPropsOptions,\n\tYInput,\n\ttype YInputDefaultSlotProps,\n} from \"../input\";\n\nimport \"./YFieldInput.scss\";\n\nconst NAME = \"y-field-input\";\n\nexport const pressYFieldInputPropsOptions = propsFactory(\n\t{\n\t\tenableClear: Boolean as PropType<boolean>,\n\t\tinputAlign: String as PropType<string>,\n\t\tinlineLabel: Boolean as PropType<boolean>,\n\t\tdisplayText: [String, Function] as PropType<\n\t\t\tstring | ((value: any) => string)\n\t\t>,\n\t\twhenInputValid: [Boolean, Number] as PropType<boolean | number>,\n\t\ttabindex: {\n\t\t\ttype: String as PropType<string>,\n\t\t\tdefault: \"0\",\n\t\t},\n\t\ttype: {\n\t\t\ttype: String as PropType<string>,\n\t\t\tdefault: \"text\",\n\t\t},\n\t\tinputStyle: Object as PropType<any>,\n\t\t...pressYInputPropsOptions({\n\t\t\tvariation: \"filled\",\n\t\t}),\n\t},\n\t\"YFieldInput\",\n);\n\nexport const YFieldInput = defineComponent({\n\tname: \"YFieldInput\",\n\tprops: {\n\t\t...pressYFieldInputPropsOptions(),\n\t},\n\temits: [\n\t\t\"update:modelValue\",\n\t\t\"update:focused\",\n\t\t\"input\",\n\t\t\"change\",\n\t\t\"click\",\n\t\t\"mousedown\",\n\t\t\"mouseup\",\n\t\t\"keydown\",\n\t\t\"keyup\",\n\t\t\"focus\",\n\t\t\"blur\",\n\t\t\"mousedown:display\",\n\t\t\"keydown:display\",\n\t\t\"click:clear\",\n\t],\n\tslots: Object as SlotsType<{\n\t\tprepend: any;\n\t\tappend: any;\n\t\tlabel: any;\n\t\tdefault: YInputDefaultSlotProps & { focused: boolean };\n\t\tleading: { error: boolean };\n\t\ttrailing: any;\n\t\t\"leading-out\": any;\n\t\t\"trailing-out\": any;\n\t\t\"helper-text\": { error: boolean; errorResult: string | undefined };\n\t}>,\n\tsetup(props, { attrs, expose, emit, slots }) {\n\t\tconst yInput$ = ref<YInput>();\n\t\tconst input$ = ref<HTMLInputElement>();\n\t\tconst { focused, whenFocus, whenBlur } = useFocus(props, \"y-field-input\");\n\t\tconst inValue = ref<any>(\"\");\n\t\tconst displayValue = ref(\"\");\n\t\tconst inputType = toRef(props, \"type\");\n\n\t\tconst classes = computed(() => {\n\t\t\treturn {\n\t\t\t\t[NAME]: true,\n\t\t\t\t[`${NAME}--inline-label`]: !!props.inlineLabel,\n\t\t\t};\n\t\t});\n\n\t\tfunction onClick(event: MouseEvent) {\n\t\t\temit(\"click\", event);\n\t\t}\n\n\t\tfunction onFocus(event: FocusEvent) {\n\t\t\twhenFocus();\n\t\t\tdisplayValue.value = inValue.value as string;\n\t\t\temit(\"focus\", event);\n\t\t}\n\n\t\tfunction onBlur(event: FocusEvent) {\n\t\t\twhenBlur();\n\t\t\temit(\"blur\", event);\n\t\t\tchangeDisplay();\n\t\t}\n\n\t\tfunction onInput(event: Event) {\n\t\t\temit(\"input\", event);\n\t\t\tconst target = event.target as HTMLInputElement | null;\n\t\t\tinValue.value = target?.value;\n\t\t\tdisplayValue.value = target?.value as string;\n\t\t}\n\n\t\tfunction onChange(event: Event) {\n\t\t\temit(\"change\", inValue.value);\n\t\t}\n\n\t\tfunction onKeydown(event: KeyboardEvent) {\n\t\t\temit(\"keydown\", event);\n\t\t}\n\n\t\tfunction onKeyup(event: KeyboardEvent) {\n\t\t\temit(\"keyup\", event);\n\t\t}\n\n\t\tfunction onClickClear(event: MouseEvent) {\n\t\t\temit(\"click:clear\", event);\n\t\t\tclear();\n\t\t}\n\n\t\tfunction onKeydownClear(event: KeyboardEvent) {\n\t\t\tif (event.code === \"Space\" || event.code === \"Enter\") {\n\t\t\t\tclear();\n\t\t\t}\n\t\t}\n\n\t\tfunction focus() {\n\t\t\tinput$.value?.focus();\n\t\t}\n\n\t\tfunction select() {\n\t\t\tinput$.value?.select();\n\t\t}\n\n\t\tfunction clear() {\n\t\t\tinValue.value = \"\";\n\t\t\tdisplayValue.value = \"\";\n\t\t\temit(\"update:modelValue\", inValue.value);\n\t\t\temit(\"change\", inValue.value);\n\t\t}\n\n\t\tfunction changeDisplay() {\n\t\t\tconst vm = getCurrentInstance();\n\t\t\tconst { displayText } = props;\n\t\t\tif (displayText !== undefined) {\n\t\t\t\tlet text = inValue.value;\n\t\t\t\tif (typeof displayText === \"string\") {\n\t\t\t\t\ttext = displayText;\n\t\t\t\t}\n\t\t\t\tif (displayText && typeof displayText === \"function\") {\n\t\t\t\t\ttext = (displayText as any).call(vm, text);\n\t\t\t\t}\n\t\t\t\tnextTick(() => {\n\t\t\t\t\tdisplayValue.value = text as string;\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(neo: any) => {\n\t\t\t\tinValue.value = neo;\n\t\t\t\tdisplayValue.value = neo;\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t},\n\t\t);\n\n\t\twatch(\n\t\t\tinValue,\n\t\t\t(neo: string) => {\n\t\t\t\tif (!focused.value) {\n\t\t\t\t\tchangeDisplay();\n\t\t\t\t} else {\n\t\t\t\t\tdisplayValue.value = neo;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true },\n\t\t);\n\n\t\tconst extended = {\n\t\t\tfocus,\n\t\t\tselect,\n\t\t\tclear,\n\t\t};\n\n\t\texpose({\n\t\t\t...extended,\n\t\t\tinput$,\n\t\t\tvalidate: () => yInput$.value?.invokeValidators(),\n\t\t\tresetError: () => yInput$.value?.resetError(),\n\t\t});\n\n\t\tfunction onUpdateModel(value: any) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\n\t\tuseRender(() => (\n\t\t\t<YInput\n\t\t\t\tclass={classes.value}\n\t\t\t\tref={yInput$}\n\t\t\t\t{...chooseProps(props, YInput.props)}\n\t\t\t\tmodelValue={inValue.value}\n\t\t\t\tfocused={focused.value}\n\t\t\t\textended={extended}\n\t\t\t\tonUpdate:modelValue={onUpdateModel}\n\t\t\t\tonClick={onClick}\n\t\t\t\tonMousedown:display={($event) => emit(\"mousedown:display\", $event)}\n\t\t\t\tonKeydown:display={($event) => emit(\"keydown:display\", $event)}\n\t\t\t\tstyle={[attrs.style]}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\tleading: slots.leading\n\t\t\t\t\t\t? (args: any) => {\n\t\t\t\t\t\t\t\tconst leadingChildren = [];\n\t\t\t\t\t\t\t\tconst slot = slots.leading?.(args);\n\t\t\t\t\t\t\t\tif (slot) {\n\t\t\t\t\t\t\t\t\tleadingChildren.push(slot);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn undefined;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn leadingChildren;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\tdefault: (defaultProps: YInputDefaultSlotProps) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={[`${NAME}__field`]}\n\t\t\t\t\t\t\tdata-id={defaultProps.attrId}\n\t\t\t\t\t\t\tref={\"field\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.floating ? yInput$.value?.createLabel?.() : undefined}\n\t\t\t\t\t\t\t{slots.default?.({ ...defaultProps, focused: focused.value })}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tref={input$}\n\t\t\t\t\t\t\t\t\tvalue={displayValue.value}\n\t\t\t\t\t\t\t\t\tname={props.name}\n\t\t\t\t\t\t\t\t\tid={defaultProps.attrId}\n\t\t\t\t\t\t\t\t\ttype={inputType.value}\n\t\t\t\t\t\t\t\t\treadonly={\n\t\t\t\t\t\t\t\t\t\tprops.readonly || props.loading || defaultProps.loading\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\ttabindex={props.tabindex || \"0\"}\n\t\t\t\t\t\t\t\t\tautocomplete={attrs.autocomplete as string}\n\t\t\t\t\t\t\t\t\tmaxlength={attrs.maxlength as number | string}\n\t\t\t\t\t\t\t\t\tmin={attrs.min as number | string}\n\t\t\t\t\t\t\t\t\tmax={attrs.max as number | string}\n\t\t\t\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t\t\t\tprops.inputStyle,\n\t\t\t\t\t\t\t\t\t\t{ textAlign: props.inputAlign } as any,\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tsize={(attrs.size ?? 1) as number}\n\t\t\t\t\t\t\t\t\tonInput={onInput}\n\t\t\t\t\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t\t\tonKeydown={onKeydown}\n\t\t\t\t\t\t\t\t\tonKeyup={onKeyup}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t),\n\t\t\t\t\ttrailing:\n\t\t\t\t\t\tslots.trailing || (props.enableClear && inValue.value)\n\t\t\t\t\t\t\t? () => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{props.enableClear && inValue.value && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"y-input__trailing\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"y-input__trailing--clear\",\n\t\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<button\n                          type=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={[`${NAME}__clear`]}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={onClickClear}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeydown={onKeydownClear}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex={2}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<YIconClear></YIconClear>\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{slots.trailing && (\n\t\t\t\t\t\t\t\t\t\t\t<div class={[\"y-input__trailing\"]}>\n\t\t\t\t\t\t\t\t\t\t\t\t{slots.trailing()}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\tlabel: slots.label ? () => slots.label?.() : undefined,\n\t\t\t\t\tprepend: slots.prepend ? () => slots.prepend?.() : undefined,\n\t\t\t\t\tappend: slots.append ? () => slots.append?.() : undefined,\n\t\t\t\t\t\"leading-out\": slots[\"leading-out\"]\n\t\t\t\t\t\t? () => slots[\"leading-out\"]?.()\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\"trailing-out\": slots[\"trailing-out\"]\n\t\t\t\t\t\t? () => slots[\"trailing-out\"]?.()\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\"helper-text\": slots[\"helper-text\"]\n\t\t\t\t\t\t? (slotProps: any) => slots[\"helper-text\"]?.(slotProps)\n\t\t\t\t\t\t: undefined,\n\t\t\t\t}}\n\t\t\t</YInput>\n\t\t));\n\n\t\treturn {\n\t\t\tfocused,\n\t\t\tinValue,\n\t\t};\n\t},\n});\n\nexport type YFieldInput = InstanceType<typeof YFieldInput>;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/field-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/field-input/index.ts"],"sourcesContent":["export * from './YFieldInput';\r\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/field-input/index.ts"],"sourcesContent":["export * from './YFieldInput';\n"],"mappings":"","ignoreList":[]}

package/lib/components/form/YForm.js

@@ -1,18 +1,18 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, withKeys } from 'vue';
+import { ref, withKeys, createVNode as _createVNode } from "vue";
 import { useRender } from "../../composables/component.js";
 import { createForm, pressFormPropsOptions } from "../../composables/form.js";
+import { makeEventPromiseLike } from "../../util/common.js";
 import { defineComponent } from "../../util/component/index.js";
-const NAME = 'y-form';
+const NAME = "y-form";
 export const YForm = defineComponent({
-  name: 'YForm',
+  name: "YForm",
   props: {
     ...pressFormPropsOptions()
   },
   emits: {
-    'update:modelValue': val => true,
+    "update:modelValue": val => true,
     submit: e => true,
-    'keydown.enter': e => true
+    "keydown.enter": e => true
   },
   setup(props, _ref) {
     let {
@@ -23,14 +23,12 @@ export const YForm = defineComponent({
     const form = createForm(props);
     const form$ = ref();
     // TODO: naming formData from form composition
-    const formData = ref();
+    // const formData = ref();
+
     function onSubmit(_e) {
-      const e = _e;
       const validation = form.validate();
-      e.then = validation.then.bind(validation);
-      e.catch = validation.catch.bind(validation);
-      e.finally = validation.finally.bind(validation);
-      emit('submit', e);
+      const e = makeEventPromiseLike(_e, validation);
+      emit("submit", e);
       if (!e.defaultPrevented) {
         validation.then(_ref2 => {
           let {
@@ -46,7 +44,7 @@ export const YForm = defineComponent({
     function onKeydown(e) {
       e.preventDefault();
       e.stopImmediatePropagation();
-      emit('keydown.enter', e);
+      emit("keydown.enter", e);
     }
     expose({
       ...form
@@ -57,7 +55,7 @@ export const YForm = defineComponent({
         "class": [NAME],
         "novalidate": true,
         "onSubmit": onSubmit,
-        "onKeydown": withKeys(onKeydown, ['enter'])
+        "onKeydown": withKeys(onKeydown, ["enter"])
       }, [slots.default?.()]);
     });
   }