yuyeon 0.3.4-rc.4 → 0.3.6-beta.0

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

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

package/lib/components/divider/YDivider.js

@@ -1,17 +1,17 @@
-import { withDirectives as _withDirectives, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { resolveDirective as _resolveDirective, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
 import { useRender } from "../../composables/component.js";
 import { defineComponent, propsFactory } from "../../util/component/index.js";
 export const pressYDividerPropsOptions = propsFactory({
   vertical: Boolean
-}, 'YDivider');
+}, "YDivider");
 export const YDivider = defineComponent({
-  name: 'YDivider',
+  name: "YDivider",
   props: pressYDividerPropsOptions(),
   setup(props) {
     useRender(() => {
       return _withDirectives(_createVNode("hr", {
-        "class": ['y-divider', {
-          'y-divider--vertical': props.vertical
+        "class": ["y-divider", {
+          "y-divider--vertical": props.vertical
         }]
       }, null), [[_resolveDirective("theme")]]);
     });

package/lib/components/divider/YDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDivider.js","names":["useRender","defineComponent","propsFactory","pressYDividerPropsOptions","vertical","Boolean","YDivider","name","props","setup","_withDirectives","_createVNode","_resolveDirective"],"sources":["../../../src/components/divider/YDivider.tsx"],"sourcesContent":["import { type PropType } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\n\r\nexport const pressYDividerPropsOptions = propsFactory(\r\n  {\r\n    vertical: Boolean as PropType<boolean>,\r\n  },\r\n  'YDivider',\r\n);\r\n\r\nexport const YDivider = defineComponent({\r\n  name: 'YDivider',\r\n  props: pressYDividerPropsOptions(),\r\n  setup(props) {\r\n    useRender(() => {\r\n      return (\r\n        <hr\r\n          class={['y-divider', { 'y-divider--vertical': props.vertical }]}\r\n          v-theme\r\n        />\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDivider = InstanceType<typeof YDivider>;\r\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe,EAAEC,YAAY;AAEtC,OAAO,MAAMC,yBAAyB,GAAGD,YAAY,CACnD;EACEE,QAAQ,EAAEC;AACZ,CAAC,EACD,UACF,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGL,eAAe,CAAC;EACtCM,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAEL,yBAAyB,CAAC,CAAC;EAClCM,KAAKA,CAACD,KAAK,EAAE;IACXR,SAAS,CAAC,MAAM;MACd,OAAAU,eAAA,CAAAC,YAAA;QAAA,SAEW,CAAC,WAAW,EAAE;UAAE,qBAAqB,EAAEH,KAAK,CAACJ;QAAS,CAAC;MAAC,YAAAQ,iBAAA;IAIrE,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YDivider.js","names":["useRender","defineComponent","propsFactory","pressYDividerPropsOptions","vertical","Boolean","YDivider","name","props","setup","_withDirectives","_createVNode","_resolveDirective"],"sources":["../../../src/components/divider/YDivider.tsx"],"sourcesContent":["import type { PropType } from \"vue\";\r\n\r\nimport { useRender } from \"@/composables/component\";\r\nimport { defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nexport const pressYDividerPropsOptions = propsFactory(\r\n\t{\r\n\t\tvertical: Boolean as PropType<boolean>,\r\n\t},\r\n\t\"YDivider\",\r\n);\r\n\r\nexport const YDivider = defineComponent({\r\n\tname: \"YDivider\",\r\n\tprops: pressYDividerPropsOptions(),\r\n\tsetup(props) {\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<hr\r\n\t\t\t\t\tclass={[\"y-divider\", { \"y-divider--vertical\": props.vertical }]}\r\n\t\t\t\t\tv-theme\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t});\r\n\t},\r\n});\r\n\r\nexport type YDivider = InstanceType<typeof YDivider>;\r\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe,EAAEC,YAAY;AAEtC,OAAO,MAAMC,yBAAyB,GAAGD,YAAY,CACpD;EACCE,QAAQ,EAAEC;AACX,CAAC,EACD,UACD,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGL,eAAe,CAAC;EACvCM,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAEL,yBAAyB,CAAC,CAAC;EAClCM,KAAKA,CAACD,KAAK,EAAE;IACZR,SAAS,CAAC,MAAM;MACf,OAAAU,eAAA,CAAAC,YAAA;QAAA,SAES,CAAC,WAAW,EAAE;UAAE,qBAAqB,EAAEH,KAAK,CAACJ;QAAS,CAAC;MAAC,YAAAQ,iBAAA;IAIlE,CAAC,CAAC;EACH;AACD,CAAC,CAAC","ignoreList":[]}

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

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

package/lib/components/draggable/YDraggable.js

@@ -1,8 +1,8 @@
-import { computed, defineComponent, h, ref, unref } from 'vue';
+import { computed, defineComponent, h, ref, unref } from "vue";
 import { useRender } from "../../composables/component.js";
 import { getHtmlElement } from "../../util/index.js";
 export const YDraggable = defineComponent({
-  name: 'YDraggable',
+  name: "YDraggable",
   props: {
     as: [Object, String],
     handle: [Object, String],
@@ -12,7 +12,7 @@ export const YDraggable = defineComponent({
     container: [Object, String],
     onDragStart: Function
   },
-  emits: ['start'],
+  emits: ["start"],
   setup(props, _ref) {
     let {
       slots,
@@ -27,7 +27,7 @@ export const YDraggable = defineComponent({
     });
     const handleEl = computed(() => {
       let el = targetEl.value;
-      if (typeof props.handle === 'string') {
+      if (typeof props.handle === "string") {
         const hEl = targetEl.value?.querySelector(props.handle);
         if (hEl?.nodeType === 1) el = hEl;
       }
@@ -35,7 +35,7 @@ export const YDraggable = defineComponent({
     });
     const containerEl = computed(() => {
       const container = unref(props.container);
-      if (typeof container === 'string') {
+      if (typeof container === "string") {
         return document.querySelector(container);
       } else if (container) {
         return getHtmlElement(container);
@@ -48,7 +48,7 @@ export const YDraggable = defineComponent({
       };
     });
     const start = e => {
-      console.log('start', e);
+      console.log("start", e);
       if (props.disabled) return;
       if (props.exact && e.target !== targetEl.value) return;
       const container = containerEl.value;
@@ -62,18 +62,18 @@ export const YDraggable = defineComponent({
       originPosition.value = pos;
     };
     const move = e => {
-      console.log('move', e);
+      console.log("move", e);
     };
     const end = e => {
-      console.log('end', e);
+      console.log("end", e);
     };
     useRender(() => {
       if (slots.default) {
-        return h(props.as || 'div', {
+        return h(props.as || "div", {
           ref: targetRef
         }, slots.default(slotProps.value));
       }
-      return h('div');
+      return h("div");
     });
     if (window) {
       const config = {
@@ -83,7 +83,6 @@ export const YDraggable = defineComponent({
       // useEventListener(window, 'pointermove', move, config);
       // useEventListener(window, 'pointerup', end, config);
     }
-
     return {
       targetEl,
       handleEl,

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/draggable/index.ts"],"sourcesContent":["export * from './YDraggable';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/draggable/index.ts"],"sourcesContent":["export * from './YDraggable';\r\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\";\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\tbindClasses,\r\n\tchooseProps,\r\n\tdefineComponent,\r\n\tpropsFactory,\r\n} from \"@/util/component\";\r\n\r\nimport { pressYButtonProps, YButton } from \"../button\";\r\nimport { YCard } from \"../card\";\r\nimport { YIcon, type 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\t{\r\n\t\t...omit(YMenuPropOptions, [\"modelValue\", \"coordinateStrategy\"]),\r\n\t\tmodelValue: Boolean as PropType<boolean>,\r\n\t\tvariation: String as PropType<string>,\r\n\t\tcolor: String as PropType<string>,\r\n\t\t...omit(pressCoordinateProps({ position: \"bottom\" as \"bottom\" }), [\r\n\t\t\t\"coordinateStrategy\",\r\n\t\t]),\r\n\t\tdropdownIcon: {\r\n\t\t\ttype: [String, Array, Object] as PropType<YIconIconProp>,\r\n\t\t\tdefault: \"$dropdown\",\r\n\t\t},\r\n\t\t...pressItemsPropsOptions(),\r\n\t\t...pressPolyTransitionPropsOptions({\r\n\t\t\ttransition: \"fade\",\r\n\t\t}),\r\n\t\t...pressYButtonProps,\r\n\t},\r\n\t\"YDropdown\",\r\n);\r\n\r\ntype ItemScopedProps = {\r\n\ttext: string;\r\n\titem: any;\r\n};\r\n\r\ntype ItemSlotPrefix = `item.${string}`;\r\n\r\nexport const YDropdown = defineComponent({\r\n\tname: \"YDropdown\",\r\n\tinheritAttrs: false,\r\n\tcomponents: {\r\n\t\tYMenu,\r\n\t},\r\n\tprops: {\r\n\t\t...pressYDropdownPropsOptions(),\r\n\t},\r\n\tslots: Object as SlotsType<{\r\n\t\tbase: any;\r\n\t\tdefault: any;\r\n\t\t\"dropdown-icon\": any;\r\n\t\tmenu: any;\r\n\t\titem: ItemScopedProps;\r\n\t\t[k: ItemSlotPrefix]: ItemScopedProps;\r\n\t}>,\r\n\temits: [\"update:modelValue\", \"click\"],\r\n\tsetup(props, { slots, attrs, emit }) {\r\n\t\tconst opened = useModelDuplex(props);\r\n\r\n\t\tfunction onClickItem(item: any) {\r\n\t\t\topened.value = false;\r\n\t\t\temit(\"click\", item);\r\n\t\t}\r\n\r\n\t\tuseRender(() => {\r\n\t\t\tconst menuProps = chooseProps(props, YMenu.props);\r\n\t\t\tconst dropdownIconProps = chooseProps(\r\n\t\t\t\ttypeof props.dropdownIcon === \"object\" ? props.dropdownIcon : {},\r\n\t\t\t\tYIcon.props,\r\n\t\t\t);\r\n\t\t\treturn (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<YMenu\r\n\t\t\t\t\t\t{...menuProps}\r\n\t\t\t\t\t\tv-model={opened.value}\r\n\t\t\t\t\t\tcontent-classes={bindClasses([\r\n\t\t\t\t\t\t\t\"y-dropdown__content\",\r\n\t\t\t\t\t\t\tprops.contentClasses,\r\n\t\t\t\t\t\t])}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\tbase: (...args: any[]) =>\r\n\t\t\t\t\t\t\t\tslots.base ? (\r\n\t\t\t\t\t\t\t\t\tslots.base?.(...args)\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<YButton\r\n\t\t\t\t\t\t\t\t\t\tvariation={props.variation}\r\n\t\t\t\t\t\t\t\t\t\tcolor={props.color}\r\n\t\t\t\t\t\t\t\t\t\tclass={[\r\n\t\t\t\t\t\t\t\t\t\t\t\"y-dropdown\",\r\n\t\t\t\t\t\t\t\t\t\t\t{ \"y-dropdown--opened\": opened.value },\r\n\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\r\n\t\t\t\t\t\t\t\t\t\t{...attrs}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"y-dropdown__default\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{slots.default?.()}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t{slots[\"dropdown-icon\"] ? (\r\n\t\t\t\t\t\t\t\t\t\t\tslots[\"dropdown-icon\"]()\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<YIcon\r\n\t\t\t\t\t\t\t\t\t\t\t\t{...mergeProps(dropdownIconProps)}\r\n\t\t\t\t\t\t\t\t\t\t\t\ticon={props.dropdownIcon}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={[\"y-dropdown__icon\"]}\r\n\t\t\t\t\t\t\t\t\t\t\t></YIcon>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</YButton>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\tdefault: () =>\r\n\t\t\t\t\t\t\t\tslots.menu ? (\r\n\t\t\t\t\t\t\t\t\tslots.menu()\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<YCard>\r\n\t\t\t\t\t\t\t\t\t\t{Array.isArray(props.items) && props.items.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<YList>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{props.items.map((item) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst text = getObjectValueByPath(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.itemText,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst slotName = `item.${item.key}` as const;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<YListItem onClick={(e) => onClickItem(item)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{slots.item\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? slots.item({ text, item })\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: slots?.[slotName]\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? slots[slotName]({ text, item })\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: text}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</YListItem>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t</YList>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"y-dropdown__no-options\">항목이 없습니다.</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</YCard>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t</YMenu>\r\n\t\t\t\t</>\r\n\t\t\t);\r\n\t\t});\r\n\t},\r\n});\r\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,23 +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 {
@@ -46,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,
@@ -57,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();
       }
     }
@@ -100,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();
@@ -112,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(() => {
@@ -150,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,
@@ -161,8 +160,8 @@ 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 => {
@@ -178,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
@@ -191,7 +190,7 @@ 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,
@@ -208,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,