yuyeon 0.3.1-rc.5 → 0.3.1

package/lib/components/icons/YIconPageControl.js

@@ -0,0 +1,32 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "../../util/component/index.js";
+export const PageControlPaths = {
+  next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',
+  prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',
+  last: 'm10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659',
+  first: 'm21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659'
+};
+export const YIconPageControl = defineComponent({
+  name: 'YIconPageControl',
+  props: {
+    type: {
+      type: String,
+      default: 'next'
+    }
+  },
+  render() {
+    return _createVNode("svg", {
+      "version": "1.1",
+      "viewBox": "0 0 32 32",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, [_createVNode("path", {
+      "d": this.$props.type in PageControlPaths ? PageControlPaths[this.$props.type] : PageControlPaths.next,
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "3"
+    }, null)]);
+  }
+});
+//# sourceMappingURL=YIconPageControl.js.map

package/lib/components/icons/YIconPageControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YIconPageControl.js","names":["defineComponent","PageControlPaths","next","prev","last","first","YIconPageControl","name","props","type","String","default","render","_createVNode","$props"],"sources":["../../../src/components/icons/YIconPageControl.tsx"],"sourcesContent":["import { type PropType } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const PageControlPaths = {\r\n  next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',\r\n  prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',\r\n  last: 'm10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659',\r\n  first:\r\n    'm21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659',\r\n};\r\n\r\nexport const YIconPageControl = defineComponent({\r\n  name: 'YIconPageControl',\r\n  props: {\r\n    type: {\r\n      type: String as PropType<'next' | 'prev' | 'first' | 'last'>,\r\n      default: 'next',\r\n    },\r\n  },\r\n  render() {\r\n    return (\r\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path\r\n          d={\r\n            this.$props.type in PageControlPaths\r\n              ? PageControlPaths[this.$props.type]\r\n              : PageControlPaths.next\r\n          }\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"3\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAESA,eAAe;AAExB,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,wEAAwE;EAC9EC,KAAK,EACH;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGN,eAAe,CAAC;EAC9CO,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJA,IAAI,EAAEC,MAAsD;MAC5DC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA,KAIQ,IAAI,CAACC,MAAM,CAACL,IAAI,IAAIR,gBAAgB,GAChCA,gBAAgB,CAAC,IAAI,CAACa,MAAM,CAACL,IAAI,CAAC,GAClCR,gBAAgB,CAACC,IAAI;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAUnC;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconSort.js

@@ -0,0 +1,45 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "../../util/component/index.js";
+import "./YIconSort.scss";
+export const YIconSort = defineComponent({
+  name: 'YIconSort',
+  props: {
+    direction: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    }
+  },
+  render() {
+    return _createVNode("svg", {
+      "version": "1.1",
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 32 32",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "class": ['y-icon-sort', {
+        'y-icon-sort--disabled': this.disabled,
+        'y-icon-sort--asc': this.direction === 'asc',
+        'y-icon-sort--desc': this.direction === 'desc'
+      }]
+    }, [_createVNode("path", {
+      "d": "m8.4146 12.52 7.5489-7.6399 7.622 7.4693",
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "3",
+      "class": "y-icon-sort__asc"
+    }, null), _createVNode("path", {
+      "d": "m8.4146 19.48 7.5489 7.6399 7.622-7.4693",
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "3",
+      "class": "y-icon-sort__desc"
+    }, null)]);
+  }
+});
+//# sourceMappingURL=YIconSort.js.map

package/lib/components/icons/YIconSort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YIconSort.js","names":["defineComponent","YIconSort","name","props","direction","type","String","disabled","Boolean","render","_createVNode"],"sources":["../../../src/components/icons/YIconSort.tsx"],"sourcesContent":["import { type PropType } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YIconSort.scss';\r\n\r\nexport const YIconSort = defineComponent({\r\n  name: 'YIconSort',\r\n  props: {\r\n    direction: {\r\n      type: String as PropType<'asc' | 'desc'>,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n    },\r\n  },\r\n  render() {\r\n    return (\r\n      <svg\r\n        version=\"1.1\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 32 32\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        class={[\r\n          'y-icon-sort',\r\n          {\r\n            'y-icon-sort--disabled': this.disabled,\r\n            'y-icon-sort--asc': this.direction === 'asc',\r\n            'y-icon-sort--desc': this.direction === 'desc',\r\n          },\r\n        ]}\r\n      >\r\n        <path\r\n          d=\"m8.4146 12.52 7.5489-7.6399 7.622 7.4693\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"3\"\r\n          class=\"y-icon-sort__asc\"\r\n        />\r\n        <path\r\n          d=\"m8.4146 19.48 7.5489 7.6399 7.622-7.4693\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"3\"\r\n          class=\"y-icon-sort__desc\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAESA,eAAe;AAExB;AAEA,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACLC,SAAS,EAAE;MACTC,IAAI,EAAEC;IACR,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAEG;IACR;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA,SAOW,CACL,aAAa,EACb;QACE,uBAAuB,EAAE,IAAI,CAACH,QAAQ;QACtC,kBAAkB,EAAE,IAAI,CAACH,SAAS,KAAK,KAAK;QAC5C,mBAAmB,EAAE,IAAI,CAACA,SAAS,KAAK;MAC1C,CAAC;IACF,IAAAM,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAsBP;AACF,CAAC,CAAC"}

package/lib/components/icons/index.js

@@ -0,0 +1,32 @@
+import { YIconCheckbox } from "./YIconCheckbox.js";
+import { YIconClear } from "./YIconClear.js";
+import { YIconDropdown } from "./YIconDropdown.js";
+import { YIconExpand } from "./YIconExpand.js";
+import { YIconPageControl } from "./YIconPageControl.js";
+import { YIconSort } from "./YIconSort.js";
+export * from "./YIconExpand.js";
+export * from "./YIconClear.js";
+export * from "./YIconCheckbox.js";
+export * from "./YIconPageControl.js";
+export * from "./YIconSort.js";
+export const builtSet = {
+  expand: YIconExpand,
+  dropdown: YIconDropdown,
+  clear: YIconClear,
+  checkbox: YIconCheckbox,
+  pageControl: YIconPageControl,
+  next: {
+    component: YIconPageControl,
+    props: {
+      type: 'next'
+    }
+  },
+  prev: {
+    component: YIconPageControl,
+    props: {
+      type: 'prev'
+    }
+  },
+  sort: YIconSort
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["YIconCheckbox","YIconClear","YIconDropdown","YIconExpand","YIconPageControl","YIconSort","builtSet","expand","dropdown","clear","checkbox","pageControl","next","component","props","type","prev","sort"],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["import { YIconCheckbox } from './YIconCheckbox';\r\nimport { YIconClear } from './YIconClear';\r\nimport { YIconDropdown } from './YIconDropdown';\r\nimport { YIconExpand } from './YIconExpand';\r\nimport { YIconPageControl } from './YIconPageControl';\r\nimport { YIconSort } from './YIconSort';\r\n\r\nexport * from './YIconExpand';\r\nexport * from './YIconClear';\r\nexport * from './YIconCheckbox';\r\nexport * from './YIconPageControl';\r\nexport * from './YIconSort';\r\n\r\nexport const builtSet = {\r\n  expand: YIconExpand,\r\n  dropdown: YIconDropdown,\r\n  clear: YIconClear,\r\n  checkbox: YIconCheckbox,\r\n  pageControl: YIconPageControl,\r\n  next: {\r\n    component: YIconPageControl,\r\n    props: {\r\n      type: 'next',\r\n    },\r\n  },\r\n  prev: {\r\n    component: YIconPageControl,\r\n    props: {\r\n      type: 'prev',\r\n    },\r\n  },\r\n  sort: YIconSort,\r\n};\r\n"],"mappings":"SAASA,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,aAAa;AAAA,SACbC,WAAW;AAAA,SACXC,gBAAgB;AAAA,SAChBC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlB,OAAO,MAAMC,QAAQ,GAAG;EACtBC,MAAM,EAAEJ,WAAW;EACnBK,QAAQ,EAAEN,aAAa;EACvBO,KAAK,EAAER,UAAU;EACjBS,QAAQ,EAAEV,aAAa;EACvBW,WAAW,EAAEP,gBAAgB;EAC7BQ,IAAI,EAAE;IACJC,SAAS,EAAET,gBAAgB;IAC3BU,KAAK,EAAE;MACLC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,IAAI,EAAE;IACJH,SAAS,EAAET,gBAAgB;IAC3BU,KAAK,EAAE;MACLC,IAAI,EAAE;IACR;EACF,CAAC;EACDE,IAAI,EAAEZ;AACR,CAAC"}

package/lib/components/img/YImg.js

@@ -0,0 +1,173 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { computed, getCurrentInstance, nextTick, onBeforeMount, onBeforeUnmount, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { pressDimensionPropsOptions } from "../../composables/dimension.js";
+import { PolyTransition, pressPolyTransitionPropsOptions, usePolyTransition } from "../../composables/transition.js";
+import { propsFactory, defineComponent } from "../../util/component/index.js";
+import Environments from "../../util/environments.js";
+import "./YImg.scss";
+export const pressYImgPropsOptions = propsFactory({
+  src: String,
+  crossorigin: String,
+  referrerpolicy: String,
+  ...pressPolyTransitionPropsOptions({
+    transition: 'fade'
+  }),
+  objectFit: {
+    type: String,
+    default: 'contain'
+  },
+  eager: Boolean,
+  ...pressDimensionPropsOptions()
+}, 'YImg');
+export const YImg = defineComponent({
+  name: 'YImg',
+  props: {
+    ...pressYImgPropsOptions()
+  },
+  slots: Object,
+  emits: ['load', 'loaded', 'error'],
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs,
+      emit
+    } = _ref;
+    const vm = getCurrentInstance();
+    const image$ = ref();
+    const status = shallowRef(props.eager ? 'loading' : 'idle');
+    const imgSrc = shallowRef('');
+    const naturalWidth = shallowRef();
+    const naturalHeight = shallowRef();
+    const {
+      polyTransitionBindProps
+    } = usePolyTransition(props);
+    const srcMeta = computed(() => {
+      const src = props.src;
+      return {
+        src
+      };
+    });
+    const imgClasses = computed(() => {
+      return {
+        'y-img--cover': props.objectFit === 'cover',
+        'y-img--contain': props.objectFit === 'contain',
+        'y-img--fill': props.objectFit === 'fill',
+        'y-img--scale-down': props.objectFit === 'scale-down'
+      };
+    });
+    function getImgSrc() {
+      const imgEl = image$.value;
+      if (imgEl) {
+        imgSrc.value = imgEl.currentSrc || imgEl.src;
+      }
+    }
+    function inspectImage(imgEl) {
+      if (imgEl.naturalWidth || imgEl.naturalHeight) {
+        naturalWidth.value = imgEl.naturalWidth;
+        naturalHeight.value = imgEl.naturalHeight;
+      } else if (!imgEl.complete && status.value === 'loading') {
+        return false;
+      } else if (imgEl.currentSrc.endsWith('.svg') || imgEl.currentSrc.startsWith('data:image/svg+xml')) {
+        naturalWidth.value = 1;
+        naturalHeight.value = 1;
+      }
+      return true;
+    }
+    watch(() => props.src, () => {
+      initIntersect();
+    });
+    const _Placeholder = () => {
+      if (!slots.placeholder) return null;
+      return _createVNode(PolyTransition, _mergeProps(polyTransitionBindProps.value, {
+        "appear": true
+      }), {
+        default: () => [(status.value === 'idle' || status.value === 'error') && _createVNode("div", {
+          "class": "y-img__placeholder"
+        }, [slots.placeholder?.({
+          status: status.value
+        })])]
+      });
+    };
+    function onLoad() {
+      if (vm.isUnmounted) return;
+      status.value = 'loaded';
+    }
+    function onError(event) {
+      if (vm.isUnmounted) return;
+      status.value = 'error';
+      emit('error', event);
+    }
+    const _Image = () => {
+      const Img = _createVNode("img", {
+        "ref": image$,
+        "src": srcMeta.value.src,
+        "crossorigin": props.crossorigin,
+        "referrerpolicy": props.referrerpolicy,
+        "draggable": attrs.draggable,
+        "alt": attrs.alt,
+        "class": ['y-img__img', imgClasses.value],
+        "onLoad": onLoad,
+        "onError": onError
+      }, null);
+      return _createVNode(PolyTransition, _mergeProps(polyTransitionBindProps.value, {
+        "appear": true
+      }), {
+        default: () => [withDirectives(Img, [[vShow, status.value === 'loaded']])]
+      });
+    };
+    let requestTimer = -1;
+
+    /**
+     *
+     * @param imgEl
+     * @param timeout null: once
+     */
+    function requestInspectImage(imgEl) {
+      let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+      const _request = () => {
+        clearTimeout(requestTimer);
+        if (vm.isUnmounted) return;
+        if (!inspectImage(imgEl) && timeout != null) {
+          requestTimer = window.setTimeout(_request, timeout);
+        }
+      };
+      _request();
+    }
+    function initIntersect(isIntersection) {
+      if (props.eager && isIntersection) return;
+      if (Environments.canUseIntersectionObserver && !isIntersection && !props.eager) return;
+      status.value = 'loading';
+      if (!srcMeta.value.src) return;
+      nextTick(() => {
+        emit('load', image$.value?.currentSrc || srcMeta.value.src);
+        setTimeout(() => {
+          if (vm.isUnmounted) return;
+          if (image$.value?.complete) {
+            if (!image$.value?.naturalWidth) {
+              onError();
+            }
+            if (status.value === 'error') return;
+            requestInspectImage(image$.value, null);
+            if (status.value === 'loading') onLoad();
+          } else if (image$.value) {
+            requestInspectImage(image$.value);
+            getImgSrc();
+          }
+        });
+      });
+    }
+    onBeforeMount(() => {
+      initIntersect();
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(requestTimer);
+    });
+    useRender(() => {
+      return _createVNode("div", {
+        "class": ['y-img']
+      }, [_createVNode(_Placeholder, null, null), _createVNode(_Image, null, null)]);
+    });
+  }
+});
+//# sourceMappingURL=YImg.js.map

package/lib/components/img/YImg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YImg.js","names":["computed","getCurrentInstance","nextTick","onBeforeMount","onBeforeUnmount","ref","shallowRef","vShow","watch","withDirectives","useRender","pressDimensionPropsOptions","PolyTransition","pressPolyTransitionPropsOptions","usePolyTransition","propsFactory","defineComponent","Environments","pressYImgPropsOptions","src","String","crossorigin","referrerpolicy","transition","objectFit","type","default","eager","Boolean","YImg","name","props","slots","Object","emits","setup","_ref","attrs","emit","vm","image$","status","imgSrc","naturalWidth","naturalHeight","polyTransitionBindProps","srcMeta","imgClasses","getImgSrc","imgEl","value","currentSrc","inspectImage","complete","endsWith","startsWith","initIntersect","_Placeholder","placeholder","_createVNode","_mergeProps","onLoad","isUnmounted","onError","event","_Image","Img","draggable","alt","requestTimer","requestInspectImage","timeout","arguments","length","undefined","_request","clearTimeout","window","setTimeout","isIntersection","canUseIntersectionObserver"],"sources":["../../../src/components/img/YImg.tsx"],"sourcesContent":["import {\r\n  type CSSProperties,\r\n  type ImgHTMLAttributes,\r\n  type PropType,\r\n  type SlotsType,\r\n  computed,\r\n  getCurrentInstance,\r\n  nextTick,\r\n  onBeforeMount,\r\n  onBeforeUnmount,\r\n  ref,\r\n  shallowRef,\r\n  vShow,\r\n  watch,\r\n  withDirectives,\r\n} from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressDimensionPropsOptions } from '@/composables/dimension';\r\nimport {\r\n  PolyTransition,\r\n  pressPolyTransitionPropsOptions,\r\n  usePolyTransition,\r\n} from '@/composables/transition';\r\nimport { propsFactory, defineComponent } from '@/util/component';\r\nimport Environments from '@/util/environments';\r\n\r\nimport './YImg.scss';\r\n\r\nexport const pressYImgPropsOptions = propsFactory(\r\n  {\r\n    src: String as PropType<string>,\r\n    crossorigin: String as PropType<ImgHTMLAttributes['crossorigin']>,\r\n    referrerpolicy: String as PropType<ImgHTMLAttributes['referrerpolicy']>,\r\n    ...pressPolyTransitionPropsOptions({\r\n      transition: 'fade',\r\n    }),\r\n    objectFit: {\r\n      type: String as PropType<\r\n        Extract<\r\n          CSSProperties['objectFit'],\r\n          'contain' | 'cover' | 'fill' | 'scale-down'\r\n        >\r\n      >,\r\n      default: 'contain',\r\n    },\r\n    eager: Boolean,\r\n    ...pressDimensionPropsOptions(),\r\n  },\r\n  'YImg',\r\n);\r\n\r\nexport type YImgStatus = 'idle' | 'loading' | 'loaded' | 'error';\r\n\r\nexport const YImg = defineComponent({\r\n  name: 'YImg',\r\n  props: {\r\n    ...pressYImgPropsOptions(),\r\n  },\r\n  slots: Object as SlotsType<{\r\n    placeholder: any;\r\n  }>,\r\n  emits: ['load', 'loaded', 'error'],\r\n  setup(props, { slots, attrs, emit }) {\r\n    const vm = getCurrentInstance()!;\r\n    const image$ = ref<HTMLImageElement>();\r\n    const status = shallowRef<YImgStatus>(props.eager ? 'loading' : 'idle');\r\n    const imgSrc = shallowRef('');\r\n    const naturalWidth = shallowRef<number>();\r\n    const naturalHeight = shallowRef<number>();\r\n    const { polyTransitionBindProps } = usePolyTransition(props);\r\n\r\n    const srcMeta = computed(() => {\r\n      const src = props.src;\r\n\r\n      return {\r\n        src,\r\n      };\r\n    });\r\n\r\n    const imgClasses = computed(() => {\r\n      return {\r\n        'y-img--cover': props.objectFit === 'cover',\r\n        'y-img--contain': props.objectFit === 'contain',\r\n        'y-img--fill': props.objectFit === 'fill',\r\n        'y-img--scale-down': props.objectFit === 'scale-down',\r\n      };\r\n    });\r\n\r\n    function getImgSrc() {\r\n      const imgEl = image$.value;\r\n      if (imgEl) {\r\n        imgSrc.value = imgEl.currentSrc || imgEl.src;\r\n      }\r\n    }\r\n\r\n    function inspectImage(imgEl: HTMLImageElement) {\r\n      if (imgEl.naturalWidth || imgEl.naturalHeight) {\r\n        naturalWidth.value = imgEl.naturalWidth;\r\n        naturalHeight.value = imgEl.naturalHeight;\r\n      } else if (!imgEl.complete && status.value === 'loading') {\r\n        return false;\r\n      } else if (\r\n        imgEl.currentSrc.endsWith('.svg') ||\r\n        imgEl.currentSrc.startsWith('data:image/svg+xml')\r\n      ) {\r\n        naturalWidth.value = 1;\r\n        naturalHeight.value = 1;\r\n      }\r\n\r\n      return true;\r\n    }\r\n\r\n    watch(\r\n      () => props.src,\r\n      () => {\r\n        initIntersect();\r\n      },\r\n    );\r\n\r\n    const _Placeholder = () => {\r\n      if (!slots.placeholder) return null;\r\n      return (\r\n        <PolyTransition {...polyTransitionBindProps.value} appear>\r\n          {(status.value === 'idle' || status.value === 'error') && (\r\n            <div class=\"y-img__placeholder\">\r\n              {slots.placeholder?.({ status: status.value })}\r\n            </div>\r\n          )}\r\n        </PolyTransition>\r\n      );\r\n    };\r\n\r\n    function onLoad() {\r\n      if (vm.isUnmounted) return;\r\n      status.value = 'loaded';\r\n    }\r\n\r\n    function onError(event?: Event) {\r\n      if (vm.isUnmounted) return;\r\n      status.value = 'error';\r\n      emit('error', event);\r\n    }\r\n\r\n    const _Image = () => {\r\n      const Img = (\r\n        <img\r\n          ref={image$}\r\n          src={srcMeta.value.src}\r\n          crossorigin={props.crossorigin}\r\n          referrerpolicy={props.referrerpolicy}\r\n          draggable={(attrs as ImgHTMLAttributes).draggable}\r\n          alt={(attrs as ImgHTMLAttributes).alt}\r\n          class={['y-img__img', imgClasses.value]}\r\n          onLoad={onLoad}\r\n          onError={onError}\r\n        />\r\n      );\r\n\r\n      return (\r\n        <PolyTransition {...polyTransitionBindProps.value} appear>\r\n          {withDirectives(Img, [[vShow, status.value === 'loaded']])}\r\n        </PolyTransition>\r\n      );\r\n    };\r\n\r\n    let requestTimer = -1;\r\n\r\n    /**\r\n     *\r\n     * @param imgEl\r\n     * @param timeout null: once\r\n     */\r\n    function requestInspectImage(\r\n      imgEl: HTMLImageElement,\r\n      timeout: number | null = 100,\r\n    ) {\r\n      const _request = () => {\r\n        clearTimeout(requestTimer);\r\n        if (vm.isUnmounted) return;\r\n        if (!inspectImage(imgEl) && timeout != null) {\r\n          requestTimer = window.setTimeout(_request, timeout);\r\n        }\r\n      };\r\n\r\n      _request();\r\n    }\r\n\r\n    function initIntersect(isIntersection?: boolean) {\r\n      if (props.eager && isIntersection) return;\r\n      if (\r\n        Environments.canUseIntersectionObserver &&\r\n        !isIntersection &&\r\n        !props.eager\r\n      )\r\n        return;\r\n\r\n      status.value = 'loading';\r\n\r\n      if (!srcMeta.value.src) return;\r\n      nextTick(() => {\r\n        emit('load', image$.value?.currentSrc || srcMeta.value.src);\r\n        setTimeout(() => {\r\n          if (vm.isUnmounted) return;\r\n          if (image$.value?.complete) {\r\n            if (!image$.value?.naturalWidth) {\r\n              onError();\r\n            }\r\n            if (status.value === 'error') return;\r\n            requestInspectImage(image$.value, null);\r\n            if (status.value === 'loading') onLoad();\r\n          } else if (image$.value) {\r\n            requestInspectImage(image$.value);\r\n            getImgSrc();\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    onBeforeMount(() => {\r\n      initIntersect();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n      clearTimeout(requestTimer);\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={['y-img']}>\r\n          <_Placeholder />\r\n          <_Image />\r\n        </div>\r\n      );\r\n    });\r\n  },\r\n});\r\n"],"mappings":"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"}

package/lib/components/img/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/img/index.ts"],"sourcesContent":[""],"mappings":""}

package/lib/components/index.js

@@ -0,0 +1,39 @@
+export * from "./app/index.js";
+export * from "./button/index.js";
+export * from "./input/index.js";
+export * from "./field-input/index.js";
+export * from "./textarea/index.js";
+export * from "./form/index.js";
+export * from "./progress-bar/index.js";
+export * from "./progress-ring/index.js";
+export * from "./card/index.js";
+export * from "./chip/index.js";
+export * from "./switch/index.js";
+export * from "./layer/index.js";
+export * from "./dialog/index.js";
+export * from "./snackbar/index.js";
+export * from "./tooltip/index.js";
+export * from "./transitions/index.js";
+export * from "./panel/index.js";
+export * from "./tree-view/index.js";
+export * from "./list/index.js";
+export * from "./icons/index.js";
+export * from "./table/index.js";
+export * from "./menu/index.js";
+export * from "./checkbox/index.js";
+export * from "./pagination/index.js";
+export * from "./loading/index.js";
+export * from "./dropdown/index.js";
+export * from "./select/index.js";
+export * from "./tab/index.js";
+export * from "./alert/index.js";
+export * from "./divider/index.js";
+export * from "./date-picker/index.js";
+export * from "./icon/index.js";
+export * from "./badge/index.js";
+export * from "./text-ellipsis/index.js";
+export * from "./ip-field/index.js";
+export * from "./hover/index.js";
+export * from "./text-interpolation/index.js";
+export * from "./text-highlighter/index.js";
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './app';\r\nexport * from './button';\r\nexport * from './input';\r\nexport * from './field-input';\r\nexport * from './textarea';\r\nexport * from './form';\r\nexport * from './progress-bar';\r\nexport * from './progress-ring';\r\nexport * from './card';\r\nexport * from './chip';\r\nexport * from './switch';\r\nexport * from './layer';\r\nexport * from './dialog';\r\nexport * from './snackbar';\r\nexport * from './tooltip';\r\nexport * from './transitions';\r\nexport * from './panel';\r\nexport * from './tree-view';\r\nexport * from './list';\r\nexport * from './icons';\r\nexport * from './table';\r\nexport * from './menu';\r\nexport * from './checkbox';\r\nexport * from './pagination';\r\nexport * from './loading';\r\nexport * from './dropdown';\r\nexport * from './select';\r\nexport * from './tab';\r\nexport * from './alert';\r\nexport * from './divider';\r\nexport * from './date-picker';\r\nexport * from './icon';\r\nexport * from './badge';\r\nexport * from './text-ellipsis';\r\nexport * from './ip-field';\r\nexport * from './hover';\r\nexport * from './text-interpolation';\r\nexport * from './text-highlighter';\r\n"],"mappings":""}

package/lib/components/input/YInput.js

@@ -0,0 +1,258 @@
+import { createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment } from "vue";
+import { computed, ref, shallowRef, watch } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { pressFocusPropsOptions, useFocus } from "../../composables/focus.js";
+import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.js";
+import { pressValidationPropsOptions, useValidation } from "../../composables/validation.js";
+import { defineComponent, getUid, propsFactory } from "../../util/component/index.js";
+import { toStyleSizeValue } from "../../util/ui.js";
+import "./YInput.scss";
+const NAME = 'y-input';
+export const pressYInputPropsOptions = propsFactory({
+  name: String,
+  width: {
+    type: [String, Number]
+  },
+  height: [Number, String],
+  displayTag: {
+    type: String,
+    default: 'div'
+  },
+  label: String,
+  modelValue: {
+    type: [String, Number, Array, Object]
+  },
+  autoSelect: {
+    type: Boolean,
+    default: true
+  },
+  floating: {
+    type: Boolean,
+    default: false
+  },
+  floated: {
+    type: Boolean,
+    default: () => false
+  },
+  placeholder: String,
+  required: Boolean,
+  loading: Boolean,
+  // variations
+  variation: String,
+  outlined: Boolean,
+  filled: Boolean,
+  ceramic: Boolean,
+  // validate
+  ...pressValidationPropsOptions(),
+  ...pressFocusPropsOptions(),
+  extended: Object
+}, 'YInput');
+export const YInput = defineComponent({
+  name: 'YInput',
+  props: {
+    ...pressThemePropsOptions(),
+    ...pressYInputPropsOptions()
+  },
+  emits: ['error', 'click', 'mousedown', 'mouseup', 'focus', 'blur', 'mousedown:display', 'mouseup:display', 'keydown:display', 'click:leading', 'update:modelValue', 'update:focused'],
+  slots: Object,
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs,
+      expose,
+      emit
+    } = _ref;
+    const UID = getUid();
+    const {
+      themeClasses
+    } = useLocalTheme(props);
+    const {
+      focused: isFocused,
+      focusedClasses,
+      whenFocus,
+      whenBlur
+    } = useFocus(props, 'y-input');
+    const {
+      isDisabled,
+      isReadonly,
+      isLoading,
+      invokeValidators,
+      resetError,
+      isError,
+      isSuccess,
+      errors,
+      errorResult
+    } = useValidation(props, NAME, UID);
+    const stack$ = ref();
+    const display$ = ref();
+    const inValue = ref();
+    const lazyValue = ref();
+    const hasMouseDown = shallowRef(false);
+    const variations = computed(() => {
+      if (props.variation) {
+        return props.variation.split(',').map(value => {
+          return value.trim();
+        });
+      }
+      return [];
+    });
+    const isFloatedLabel = computed(() => {
+      return props.floated || !!props.placeholder || !props.placeholder && isFocused.value || !!inValue.value;
+    });
+    const classes = computed(() => {
+      return {
+        // Style
+        [themeClasses.value]: true,
+        'y-input--ceramic': !!props.ceramic,
+        'y-input--outlined': !props.ceramic && (variations.value.includes('outlined') || !!props.outlined),
+        'y-input--filled': variations.value.includes('filled') || !!props.filled,
+        // Value
+        'y-input--loading': isLoading.value,
+        'y-input--has-value': !!inValue.value,
+        'y-input--focused': isFocused.value,
+        'y-input--readonly': isReadonly.value,
+        'y-input--disabled': isDisabled.value,
+        'y-input--error': isError.value,
+        'y-input--success': isSuccess.value
+      };
+    });
+    const displayStyles = computed(() => {
+      return {
+        width: toStyleSizeValue(props.width),
+        height: toStyleSizeValue(props.height)
+      };
+    });
+    watch(() => props.modelValue, neo => {
+      inValue.value = neo;
+    });
+    watch(() => props.readonly, neo => {
+      if (!neo) {
+        inValue.value = props.modelValue;
+      }
+    });
+    watch(inValue, neo => {
+      if (!isReadonly.value && !isLoading.value) {
+        emit('update:modelValue', neo);
+      }
+    });
+    watch(isError, neo => {
+      emit('error', neo, errors.value);
+    });
+    watch(() => props.focused, neo => {
+      if (!neo) {
+        invokeValidators();
+      }
+    });
+    function onClick(event) {
+      emit('click', event);
+    }
+    function onMousedown(e) {
+      hasMouseDown.value = true;
+      emit('mousedown:display', e);
+    }
+    function onMouseup(e) {
+      hasMouseDown.value = false;
+      emit('mouseup:display', e);
+    }
+    function onKeydown(e) {
+      emit('keydown:display', e);
+    }
+    function onFocus(event) {
+      whenFocus();
+      emit('focus', event);
+    }
+    function onBlur(event) {
+      whenBlur();
+      invokeValidators();
+      emit('blur', event);
+    }
+    function onClickLeading(event) {
+      emit('click:leading', event);
+    }
+    function onChange(event) {
+      invokeValidators();
+    }
+    function createLabel() {
+      const show = !!props.label || !!slots.label;
+      if (!show) {
+        return undefined;
+      }
+      return _createVNode("label", {
+        "class": [{
+          [`${NAME}__label`]: true,
+          'y-input__floating-label': props.floating,
+          'y-input__floating-label--floated': props.floating && isFloatedLabel.value
+        }],
+        "for": `y-input--${UID}`
+      }, [slots.label ? slots.label() : props.label ? _createVNode(_Fragment, null, [props.label, props.required && _createVNode("span", {
+        "class": 'y-input__required-mark'
+      }, [_createTextVNode("*")])]) : props.placeholder && !inValue.value && props.placeholder]);
+    }
+    expose({
+      ...(props.extended ?? {}),
+      createLabel,
+      invokeValidators,
+      validate: invokeValidators,
+      resetError
+    });
+    useRender(() => {
+      return _createVNode("div", {
+        "class": [`${NAME}`, {
+          ...classes.value
+        }]
+      }, [slots.prepend && _createVNode("div", {
+        "class": `${NAME}__prepend`
+      }, [slots.prepend()]), _createVNode("div", {
+        "ref": stack$,
+        "class": [`${NAME}__stack`]
+      }, [!props.floating && createLabel(), slots['leading-out'] && slots['leading-out'](), _createVNode("div", {
+        "ref": display$,
+        "class": `${NAME}__display`,
+        "style": [{
+          ...displayStyles.value
+        }],
+        "data-base-parent": true,
+        "onClick": onClick,
+        "onMousedown": onMousedown,
+        "onMouseup": onMouseup,
+        "onKeydown": onKeydown
+      }, [_createVNode("div", {
+        "class": `${NAME}__plate`
+      }, null), slots.leading && _createVNode("div", {
+        "class": 'y-input__leading',
+        "onClick": onClickLeading
+      }, [slots.leading({
+        error: isError.value
+      })]), slots.default ? slots.default({
+        value: props.modelValue,
+        loading: isLoading.value,
+        attrId: `y-input--${UID}`
+      }) : _createVNode("div", {
+        "class": `${NAME}__value`,
+        "data-id": `y-input--${UID}`,
+        "tabindex": 0,
+        "onFocus": onFocus,
+        "onBlur": onBlur
+      }, [props.floating && createLabel(), props.modelValue?.toString()]), slots.trailing?.()]), slots['trailing-out'] && slots['trailing-out'](), _createVNode("div", {
+        "class": `${NAME}__helper-text`
+      }, [slots['helper-text'] ? _createVNode("span", null, [slots['helper-text']({
+        error: isError.value,
+        errors: errors.value,
+        errorResult: errorResult.value
+      })]) : props.helperText ?? errorResult.value])]), slots.append && _createVNode("div", {
+        "class": `${NAME}__append`
+      }, [slots.append()])]);
+    });
+    return {
+      ...(props.extended ?? {}),
+      themeClasses,
+      isFocused,
+      focusedClasses,
+      whenFocus,
+      whenBlur,
+      createLabel,
+      invokeValidators
+    };
+  }
+});
+//# sourceMappingURL=YInput.js.map