yuyeon 0.2.1-rc.1 → 0.2.1-rc.10

package/lib/components/pagination/YPagination.scss

@@ -1,51 +1,52 @@
-.y-pagination {
-
-  &__list {
-    display: inline-flex;
-    width: 100%;
-    gap: var(--y-pagination__gap);
-  }
-
-  &--align-end &__list {
-    justify-content: flex-end;
-  }
-
-  &--align-center &__list {
-    justify-content: center;
-  }
-
-  li {
-    list-style: none;
-
-    .y-button {
-      min-width: 2.429em;
-      min-height: 0;
-      padding: 4px;
-
-      &__content {
-        padding: 2px;
-      }
-
-      svg {
-        width: 1.25rem;
-        height: 1.25rem;
-      }
-    }
-
-    .y-button.y-button--disabled {
-      background: rgba(0, 0, 0, 0.02);
-    }
-  }
-
-  &__item {
-    &--active {
-      .y-button:before {
-        opacity: 0.1;
-      }
-    }
-  }
-
-  &__first, &__last, &__prev, &__next {
-
-  }
-}
+.y-pagination {
+  &__list {
+    display: inline-flex;
+    width: 100%;
+    gap: var(--y-pagination__gap);
+  }
+
+  &--align-end &__list {
+    justify-content: flex-end;
+  }
+
+  &--align-center &__list {
+    justify-content: center;
+  }
+
+  li {
+    list-style: none;
+
+    .y-button {
+      min-width: 2.429em;
+      min-height: 0;
+      padding: 4px;
+
+      &__content {
+        padding: 2px;
+      }
+
+      svg {
+        width: 1.25rem;
+        height: 1.25rem;
+      }
+    }
+
+    .y-button.y-button--disabled {
+      background: rgba(0, 0, 0, 0.02);
+    }
+  }
+
+  &__item {
+    &--active {
+      .y-button:before {
+        opacity: 0.1;
+      }
+    }
+  }
+
+  &__first,
+  &__last,
+  &__prev,
+  &__next {
+  }
+}

package/lib/components/pagination/index.mjs.map

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

package/lib/components/panel/YDividePanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YDividePanel.mjs","names":["computed","defineComponent","ref","watch","useRender","YDividePanel","name","setup","props","_ref","slots","contentRate","isResizing","secondarySlot","activeSecondary","rootRef","neo","value","topStyles","inset","position","classes","moveListener","event","mouseEvent","containerRect","getBoundingClientRect","requestAnimationFrame","Math","min","max","clientY","y","height","cancelEvent","removeEventListener","upListener","leaveListener","onMousedown","preventDefault","addEventListener","_createVNode","_Fragment","default","secondary"],"sources":["../../../src/components/panel/YDividePanel.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  computed,\n  defineComponent,\n  ref,\n  toRef,\n  watch,\n} from 'vue';\n\nimport { useRender } from '../../composables/component';\n\nimport './YDividePanel.scss';\n\nexport const YDividePanel = defineComponent({\n  name: 'YDividePanel',\n  setup(props, { slots }) {\n    const contentRate = ref(50);\n    const isResizing = ref(false);\n    const secondarySlot = ref();\n    const activeSecondary = ref(false);\n    const rootRef = ref();\n\n    watch(secondarySlot, (neo) => {\n      activeSecondary.value = !!neo;\n    });\n\n    const topStyles = computed<CSSProperties>(() => {\n      let inset = '0 0';\n      if (activeSecondary.value) {\n        inset = `0 0 ${100 - contentRate.value}% 0`;\n      }\n      return {\n        position: 'absolute',\n        inset,\n      };\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-divide-panel': true,\n        'y-divide-panel--resizing': isResizing.value,\n      };\n    });\n\n    function moveListener(event: Event) {\n      const mouseEvent = event as MouseEvent;\n      const containerRect = rootRef.value.getBoundingClientRect();\n      requestAnimationFrame(() => {\n        contentRate.value = Math.min(\n          Math.max(\n            10,\n            ((mouseEvent.clientY - containerRect.y) / containerRect.height) *\n              100,\n          ),\n          90,\n        );\n      });\n    }\n\n    function cancelEvent() {\n      isResizing.value = false;\n      rootRef.value.removeEventListener('mousemove', moveListener);\n      rootRef.value.removeEventListener('mouseup', upListener);\n      rootRef.value.removeEventListener('mouseleave', leaveListener);\n    }\n\n    function upListener(event: Event) {\n      cancelEvent();\n    }\n\n    function leaveListener(event: Event) {\n      cancelEvent();\n    }\n\n    function onMousedown(event: MouseEvent) {\n      event.preventDefault();\n      isResizing.value = true;\n      rootRef.value.addEventListener('mousemove', moveListener);\n      rootRef.value.addEventListener('mouseup', upListener);\n      rootRef.value.addEventListener('mouseleave', leaveListener);\n    }\n\n    useRender(() => {\n      return (\n        <>\n          <div class={classes.value} ref={rootRef}>\n            <div\n              class={'y-divide-panel__top-container'}\n              style={topStyles.value}\n            >\n              {slots.default?.()}\n            </div>\n            {\n              (secondarySlot.value = slots.secondary && (\n                <>\n                  <div\n                    class=\"y-divide-panel__divider\"\n                    style={{\n                      position: 'absolute',\n                      inset: `${contentRate.value}% 0 0 0`,\n                    }}\n                    onMousedown={onMousedown}\n                  >\n                    <div class=\"y-divide-panel__divider-line\"></div>\n                  </div>\n                  <div\n                    class={'y-divide-panel__secondary-container'}\n                    style={{\n                      position: 'absolute',\n                      inset: `${contentRate.value}% 0 0 0`,\n                    }}\n                  >\n                    {slots.secondary?.()}\n                  </div>\n                </>\n              ))\n            }\n          </div>\n        </>\n      );\n    });\n\n    return {\n      activeSecondary,\n    };\n  },\n});\n\nexport type YDividePanel = InstanceType<typeof YDividePanel>;\n"],"mappings":"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"}
+{"version":3,"file":"YDividePanel.mjs","names":["computed","defineComponent","ref","watch","useRender","YDividePanel","name","setup","props","_ref","slots","contentRate","isResizing","secondarySlot","activeSecondary","rootRef","neo","value","topStyles","inset","position","classes","moveListener","event","mouseEvent","containerRect","getBoundingClientRect","requestAnimationFrame","Math","min","max","clientY","y","height","cancelEvent","removeEventListener","upListener","leaveListener","onMousedown","preventDefault","addEventListener","_createVNode","_Fragment","default","secondary"],"sources":["../../../src/components/panel/YDividePanel.tsx"],"sourcesContent":["import { type CSSProperties, computed, defineComponent, ref, watch } from 'vue';\n\nimport { useRender } from '@/composables/component';\n\nimport './YDividePanel.scss';\n\nexport const YDividePanel = defineComponent({\n  name: 'YDividePanel',\n  setup(props, { slots }) {\n    const contentRate = ref(50);\n    const isResizing = ref(false);\n    const secondarySlot = ref();\n    const activeSecondary = ref(false);\n    const rootRef = ref();\n\n    watch(secondarySlot, (neo) => {\n      activeSecondary.value = !!neo;\n    });\n\n    const topStyles = computed<CSSProperties>(() => {\n      let inset = '0 0';\n      if (activeSecondary.value) {\n        inset = `0 0 ${100 - contentRate.value}% 0`;\n      }\n      return {\n        position: 'absolute',\n        inset,\n      };\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-divide-panel': true,\n        'y-divide-panel--resizing': isResizing.value,\n      };\n    });\n\n    function moveListener(event: Event) {\n      const mouseEvent = event as MouseEvent;\n      const containerRect = rootRef.value.getBoundingClientRect();\n      requestAnimationFrame(() => {\n        contentRate.value = Math.min(\n          Math.max(\n            10,\n            ((mouseEvent.clientY - containerRect.y) / containerRect.height) *\n              100,\n          ),\n          90,\n        );\n      });\n    }\n\n    function cancelEvent() {\n      isResizing.value = false;\n      rootRef.value.removeEventListener('mousemove', moveListener);\n      rootRef.value.removeEventListener('mouseup', upListener);\n      rootRef.value.removeEventListener('mouseleave', leaveListener);\n    }\n\n    function upListener(event: Event) {\n      cancelEvent();\n    }\n\n    function leaveListener(event: Event) {\n      cancelEvent();\n    }\n\n    function onMousedown(event: MouseEvent) {\n      event.preventDefault();\n      isResizing.value = true;\n      rootRef.value.addEventListener('mousemove', moveListener);\n      rootRef.value.addEventListener('mouseup', upListener);\n      rootRef.value.addEventListener('mouseleave', leaveListener);\n    }\n\n    useRender(() => {\n      return (\n        <>\n          <div class={classes.value} ref={rootRef}>\n            <div\n              class={'y-divide-panel__top-container'}\n              style={topStyles.value}\n            >\n              {slots.default?.()}\n            </div>\n            {\n              (secondarySlot.value = slots.secondary && (\n                <>\n                  <div\n                    class=\"y-divide-panel__divider\"\n                    style={{\n                      position: 'absolute',\n                      inset: `${contentRate.value}% 0 0 0`,\n                    }}\n                    onMousedown={onMousedown}\n                  >\n                    <div class=\"y-divide-panel__divider-line\"></div>\n                  </div>\n                  <div\n                    class={'y-divide-panel__secondary-container'}\n                    style={{\n                      position: 'absolute',\n                      inset: `${contentRate.value}% 0 0 0`,\n                    }}\n                  >\n                    {slots.secondary?.()}\n                  </div>\n                </>\n              ))\n            }\n          </div>\n        </>\n      );\n    });\n\n    return {\n      activeSecondary,\n    };\n  },\n});\n\nexport type YDividePanel = InstanceType<typeof YDividePanel>;\n"],"mappings":"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"}

package/lib/components/panel/YDividePanel.scss

@@ -1,43 +1,43 @@
-$side-padding: 16px !default;
-
-.y-divide-panel {
-  position: relative;
-  height: 100%;
-
-  &--resizing {
-    cursor: ns-resize;
-  }
-
-  &__divider {
-    position: absolute;
-    height: 8px;
-    cursor: ns-resize;
-    z-index: 1;
-    //margin: 0 (-1 * $side-padding);
-
-    &-line {
-      position: absolute;
-      top: 4px;
-      left: 0;
-      right: 0;
-      bottom: 4px;
-      height: 1px;
-      background: var(--y-theme-outline);
-    }
-
-    &:hover {
-      background: rgba(var(--y-theme-primary), 0.12);
-    }
-
-    &:hover &-line {
-      background: var(--y-theme-primary);
-    }
-  }
-
-  &--resizing &__divider {
-    background: rgba(var(--y-theme-primary), 0.12);
-    &-line {
-      background: var(--y-theme-primary);
-    }
-  }
-}
+$side-padding: 16px !default;
+
+.y-divide-panel {
+  position: relative;
+  height: 100%;
+
+  &--resizing {
+    cursor: ns-resize;
+  }
+
+  &__divider {
+    position: absolute;
+    height: 8px;
+    cursor: ns-resize;
+    z-index: 1;
+    //margin: 0 (-1 * $side-padding);
+
+    &-line {
+      position: absolute;
+      top: 4px;
+      left: 0;
+      right: 0;
+      bottom: 4px;
+      height: 1px;
+      background: var(--y-theme-outline);
+    }
+
+    &:hover {
+      background: rgba(var(--y-theme-primary), 0.12);
+    }
+
+    &:hover &-line {
+      background: var(--y-theme-primary);
+    }
+  }
+
+  &--resizing &__divider {
+    background: rgba(var(--y-theme-primary), 0.12);
+    &-line {
+      background: var(--y-theme-primary);
+    }
+  }
+}

package/lib/components/panel/index.mjs.map

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

package/lib/components/plate/YPlate.mjs

@@ -1,6 +1,7 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue';
+import { computed } from 'vue';
 import { useRender } from "../../composables/component.mjs";
+import { defineComponent } from "../../util/component/index.mjs";
 import "./YPlate.scss";
 
 /**

package/lib/components/plate/YPlate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YPlate.mjs","names":["computed","defineComponent","useRender","YPlate","name","props","variation","Object","setup","classes","_createVNode","value"],"sources":["../../../src/components/plate/YPlate.tsx"],"sourcesContent":["import { PropType, computed, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\n\nimport './YPlate.scss';\n\n/**\n * # Base Component\n */\nexport const YPlate = defineComponent({\n  name: 'YPlate',\n  props: {\n    variation: Object as PropType<Record<string, any>>,\n  },\n  setup() {\n    const classes = computed<Record<string, boolean>>(() => {\n      return {\n        'y-plate': true\n      };\n    });\n\n    useRender(() => {\n      return <div class={classes.value}></div>;\n    });\n  },\n});\n\nexport type YPlate = InstanceType<typeof YPlate>;\n"],"mappings":";AAAA,SAAmBA,QAAQ,EAAEC,eAAe,QAAQ,KAAK;AAAC,SAEjDC,SAAS;AAElB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAO,GAAGT,QAAQ,CAA0B,MAAM;MACtD,OAAO;QACL,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;IAEFE,SAAS,CAAC,MAAM;MACd,OAAAQ,YAAA;QAAA,SAAmBD,OAAO,CAACE;MAAK;IAClC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YPlate.mjs","names":["computed","useRender","defineComponent","YPlate","name","props","variation","Object","setup","classes","_createVNode","value"],"sources":["../../../src/components/plate/YPlate.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component';\n\nimport './YPlate.scss';\n\n/**\n * # Base Component\n */\nexport const YPlate = defineComponent({\n  name: 'YPlate',\n  props: {\n    variation: Object as PropType<Record<string, any>>,\n  },\n  setup() {\n    const classes = computed<Record<string, boolean>>(() => {\n      return {\n        'y-plate': true,\n      };\n    });\n\n    useRender(() => {\n      return <div class={classes.value}></div>;\n    });\n  },\n});\n\nexport type YPlate = InstanceType<typeof YPlate>;\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAO,GAAGT,QAAQ,CAA0B,MAAM;MACtD,OAAO;QACL,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;IAEFC,SAAS,CAAC,MAAM;MACd,OAAAS,YAAA;QAAA,SAAmBD,OAAO,CAACE;MAAK;IAClC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/plate/YPlate.scss

@@ -1,9 +1,9 @@
-.y-plate {
-  pointer-events: none;
-  position: absolute;
-  inset: 0;
-  border-top: 1px solid transparent;
-  contain: paint;
-  border-radius: 8px;
-  outline: 0 solid rgba(0, 0, 0, 0);
-}
+.y-plate {
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  border-top: 1px solid transparent;
+  contain: paint;
+  border-radius: 8px;
+  outline: 0 solid rgba(0, 0, 0, 0);
+}

package/lib/components/progress-bar/YProgressBar.mjs

@@ -1,8 +1,10 @@
 import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { computed } from 'vue';
+import { useRender } from "../../composables/index.mjs";
 import { useProgress } from "../../composables/progress.mjs";
-import "./YProgressBar.scss";
 import { isColorValue } from "../../util/color/index.mjs";
+import { defineComponent } from "../../util/component/index.mjs";
+import "./YProgressBar.scss";
 export const YProgressBar = defineComponent({
   name: 'YProgressBar',
   props: {
@@ -37,76 +39,58 @@ export const YProgressBar = defineComponent({
     indeterminate: Boolean,
     reverse: Boolean
   },
-  setup(props) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
-      numValue
+      numValue,
+      delta
     } = useProgress(props);
-    return {
-      numValue
-    };
-  },
-  data() {
-    return {
-      delta: 0
-    };
-  },
-  computed: {
-    classes() {
+    const classes = computed(() => {
       let noTransition = false;
-      if (this.noRewindTransition && this.delta < 0) {
+      if (props.noRewindTransition && delta.value < 0) {
         noTransition = true;
       }
       return {
         'y-progress--no-trans': noTransition,
-        'y-progress--outlined': !!this.outlined,
-        'y-progress--indeterminate': !!this.indeterminate,
-        'y-progress-bar--rounded': !!this.rounded,
-        'y-progress-bar--reverse': !!this.reverse
+        'y-progress--outlined': props.outlined,
+        'y-progress--indeterminate': props.indeterminate,
+        'y-progress-bar--rounded': props.rounded,
+        'y-progress-bar--reverse': props.reverse
       };
-    },
-    leadColor() {
-      let color = this.color ?? '';
+    });
+    const leadColor = computed(() => {
+      let color = props.color ?? '';
       if (!isColorValue(color)) {
         color = `var(--y-theme-${color})`;
       }
       return color;
-    },
-    styles() {
+    });
+    const styles = computed(() => {
       let minWidth;
-      if (this.innerText && this.numValue < 5 && this.numValue > 0) {
+      if (props.innerText && numValue.value < 5 && numValue.value > 0) {
         minWidth = '2rem';
       }
       return {
-        width: `${this.numValue}%`,
+        width: `${numValue.value}%`,
         minWidth
       };
-    }
-  },
-  render() {
-    const {
-      classes,
-      numValue,
-      height,
-      outlineColor,
-      textColor,
-      styles,
-      innerText
-    } = this;
-    const slots = this.$slots;
-    return _createVNode("div", {
+    });
+    useRender(() => _createVNode("div", {
       "class": {
         'y-progress y-progress-bar': true,
-        ...classes
+        ...classes.value
       },
       "role": "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
-      "aria-valuenow": numValue,
+      "aria-valuenow": numValue.value,
       "style": {
-        '--y-progress-bar__height': height !== undefined ? `${height}px` : undefined,
-        '--y-progress-bar__outline-color': outlineColor !== undefined ? outlineColor : undefined,
-        '--y-progress-bar__color': this.leadColor,
-        '--y-progress-bar__value': this.numValue
+        '--y-progress-bar__height': props.height !== undefined ? `${props.height}px` : undefined,
+        '--y-progress-bar__outline-color': props.outlineColor !== undefined ? props.outlineColor : undefined,
+        '--y-progress-bar__color': leadColor.value,
+        '--y-progress-bar__value': numValue.value
       }
     }, [_createVNode("div", {
       "class": "y-progress__track"
@@ -114,16 +98,20 @@ export const YProgressBar = defineComponent({
       "class": "y-progress__tube"
     }, [_createVNode("div", {
       "class": "y-progress__lead",
-      "style": styles
-    }, [slots['lead-inner'] ? slots['lead-inner']() : innerText && _createVNode("div", {
+      "style": styles.value
+    }, [slots['lead-inner'] ? slots['lead-inner']() : props.innerText && _createVNode("div", {
       "class": {
         'y-progress__lead-inner': true,
-        'y-progress__lead-inner--fixed': numValue < 3
+        'y-progress__lead-inner--fixed': numValue.value < 3
       },
       "style": {
-        color: textColor
+        color: props.textColor
       }
-    }, [_createVNode("span", null, [numValue, _createTextVNode(" %")])])])])]);
+    }, [_createVNode("span", null, [numValue, _createTextVNode(" %")])])])])]));
+    return {
+      numValue,
+      delta
+    };
   }
 });
 //# sourceMappingURL=YProgressBar.mjs.map

package/lib/components/progress-bar/YProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YProgressBar.mjs","names":["defineComponent","useProgress","isColorValue","YProgressBar","name","props","value","type","Number","rounded","Boolean","height","noRewindTransition","outlined","innerText","color","String","default","textColor","outlineColor","indeterminate","reverse","setup","numValue","data","delta","computed","classes","noTransition","leadColor","styles","minWidth","width","render","slots","$slots","_createVNode","undefined","_createTextVNode"],"sources":["../../../src/components/progress-bar/YProgressBar.tsx"],"sourcesContent":["import { PropType, StyleValue, defineComponent } from 'vue';\r\n\r\nimport { useProgress } from '../../composables/progress';\r\nimport './YProgressBar.scss';\r\nimport { isColorValue } from \"../../util/color\";\r\n\r\nexport const YProgressBar = defineComponent({\r\n  name: 'YProgressBar',\r\n  props: {\r\n    value: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    rounded: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    height: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    noRewindTransition: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    outlined: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    innerText: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: 'primary',\r\n    },\r\n    textColor: {\r\n      type: String as PropType<string>,\r\n    },\r\n    outlineColor: {\r\n      type: String as PropType<string>,\r\n    },\r\n    indeterminate: Boolean,\r\n    reverse: Boolean,\r\n  },\r\n  setup(props) {\r\n    const { numValue } = useProgress(props);\r\n\r\n    return {\r\n      numValue,\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      delta: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    classes(): Record<string, boolean> {\r\n      let noTransition = false;\r\n      if (this.noRewindTransition && this.delta < 0) {\r\n        noTransition = true;\r\n      }\r\n      return {\r\n        'y-progress--no-trans': noTransition,\r\n        'y-progress--outlined': !!this.outlined,\r\n        'y-progress--indeterminate': !!this.indeterminate,\r\n        'y-progress-bar--rounded': !!this.rounded,\r\n        'y-progress-bar--reverse': !!this.reverse,\r\n      };\r\n    },\r\n    leadColor(): string {\r\n      let color = this.color ?? '';\r\n      if (!isColorValue(color)) {\r\n        color = `var(--y-theme-${color})`;\r\n      }\r\n      return color;\r\n    },\r\n    styles(): StyleValue {\r\n      let minWidth;\r\n      if (this.innerText && this.numValue < 5 && this.numValue > 0) {\r\n        minWidth = '2rem';\r\n      }\r\n      return {\r\n        width: `${this.numValue}%`,\r\n        minWidth,\r\n      };\r\n    },\r\n  },\r\n  render() {\r\n    const {\r\n      classes,\r\n      numValue,\r\n      height,\r\n      outlineColor,\r\n      textColor,\r\n      styles,\r\n      innerText,\r\n    } = this;\r\n    const slots = this.$slots;\r\n    return (\r\n      <div\r\n        class={{ 'y-progress y-progress-bar': true, ...classes }}\r\n        role=\"progressbar\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow={numValue}\r\n        style={{\r\n          '--y-progress-bar__height':\r\n            height !== undefined ? `${height}px` : undefined,\r\n          '--y-progress-bar__outline-color':\r\n            outlineColor !== undefined ? outlineColor : undefined,\r\n          '--y-progress-bar__color': this.leadColor,\r\n          '--y-progress-bar__value': this.numValue,\r\n        }}\r\n      >\r\n        <div class=\"y-progress__track\"></div>\r\n        <div class=\"y-progress__tube\">\r\n          <div class=\"y-progress__lead\" style={styles}>\r\n            {slots['lead-inner']\r\n              ? slots['lead-inner']()\r\n              : innerText && (\r\n                  <div\r\n                    class={{\r\n                      'y-progress__lead-inner': true,\r\n                      'y-progress__lead-inner--fixed': numValue < 3,\r\n                    }}\r\n                    style={{ color: textColor }}\r\n                  >\r\n                    <span>{numValue} %</span>\r\n                  </div>\r\n                )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n\r\nexport type YProgressBar = InstanceType<typeof YProgressBar>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YProgressBar.mjs","names":["computed","useRender","useProgress","isColorValue","defineComponent","YProgressBar","name","props","value","type","Number","rounded","Boolean","height","noRewindTransition","outlined","innerText","color","String","default","textColor","outlineColor","indeterminate","reverse","setup","_ref","slots","numValue","delta","classes","noTransition","leadColor","styles","minWidth","width","_createVNode","undefined","_createTextVNode"],"sources":["../../../src/components/progress-bar/YProgressBar.tsx"],"sourcesContent":["import { type PropType, computed, shallowRef } from 'vue';\n\nimport { useRender } from '@/composables';\nimport { useProgress } from '@/composables/progress';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent } from '@/util/component';\n\nimport './YProgressBar.scss';\n\nexport const YProgressBar = defineComponent({\n  name: 'YProgressBar',\n  props: {\n    value: {\n      type: Number as PropType<number>,\n    },\n    rounded: {\n      type: Boolean as PropType<boolean>,\n    },\n    height: {\n      type: Number as PropType<number>,\n    },\n    noRewindTransition: {\n      type: Boolean as PropType<boolean>,\n    },\n    outlined: {\n      type: Boolean as PropType<boolean>,\n    },\n    innerText: {\n      type: Boolean as PropType<boolean>,\n    },\n    color: {\n      type: String as PropType<string>,\n      default: 'primary',\n    },\n    textColor: {\n      type: String as PropType<string>,\n    },\n    outlineColor: {\n      type: String as PropType<string>,\n    },\n    indeterminate: Boolean,\n    reverse: Boolean,\n  },\n  setup(props, { slots }) {\n    const { numValue, delta } = useProgress(props);\n\n    const classes = computed(() => {\n      let noTransition = false;\n      if (props.noRewindTransition && delta.value < 0) {\n        noTransition = true;\n      }\n\n      return {\n        'y-progress--no-trans': noTransition,\n        'y-progress--outlined': props.outlined,\n        'y-progress--indeterminate': props.indeterminate,\n        'y-progress-bar--rounded': props.rounded,\n        'y-progress-bar--reverse': props.reverse,\n      };\n    });\n\n    const leadColor = computed(() => {\n      let color = props.color ?? '';\n      if (!isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n      }\n      return color;\n    });\n\n    const styles = computed(() => {\n      let minWidth;\n      if (props.innerText && numValue.value < 5 && numValue.value > 0) {\n        minWidth = '2rem';\n      }\n      return {\n        width: `${numValue.value}%`,\n        minWidth,\n      };\n    });\n\n    useRender(() => (\n      <div\n        class={{ 'y-progress y-progress-bar': true, ...classes.value }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={numValue.value}\n        style={{\n          '--y-progress-bar__height':\n            props.height !== undefined ? `${props.height}px` : undefined,\n          '--y-progress-bar__outline-color':\n            props.outlineColor !== undefined ? props.outlineColor : undefined,\n          '--y-progress-bar__color': leadColor.value,\n          '--y-progress-bar__value': numValue.value,\n        }}\n      >\n        <div class=\"y-progress__track\"></div>\n        <div class=\"y-progress__tube\">\n          <div class=\"y-progress__lead\" style={styles.value}>\n            {slots['lead-inner']\n              ? slots['lead-inner']()\n              : props.innerText && (\n                  <div\n                    class={{\n                      'y-progress__lead-inner': true,\n                      'y-progress__lead-inner--fixed': numValue.value < 3,\n                    }}\n                    style={{ color: props.textColor }}\n                  >\n                    <span>{numValue} %</span>\n                  </div>\n                )}\n          </div>\n        </div>\n      </div>\n    ));\n\n    return {\n      numValue,\n      delta,\n    };\n  },\n});\n\nexport type YProgressBar = InstanceType<typeof YProgressBar>;\n"],"mappings":"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"}

package/lib/components/progress-bar/YProgressBar.scss

@@ -59,7 +59,7 @@
   &--indeterminate &__track {
     &:before {
       animation: y-progress-bar--indeterminate 2.1s
-      cubic-bezier(.5,.65,.62,.25) infinite;
+        cubic-bezier(0.5, 0.65, 0.62, 0.25) infinite;
 
       @keyframes y-progress-bar--indeterminate {
         0% {
@@ -77,9 +77,10 @@
     }
 
     &:after {
-      animation: y-progress-bar--indeterminate-trail 2.1s variables.$basic-transition-timing-function infinite;
+      animation: y-progress-bar--indeterminate-trail 2.1s
+        variables.$basic-transition-timing-function infinite;
       animation-delay: 1.15s;
-      transform: translate3d(-101%,0,0) scaleZ(1);
+      transform: translate3d(-101%, 0, 0) scaleZ(1);
 
       @keyframes y-progress-bar--indeterminate-trail {
         0% {
@@ -96,7 +97,8 @@
       }
     }
 
-    &:before, &:after {
+    &:before,
+    &:after {
       content: '';
       position: absolute;
       background: currentColor;
@@ -111,4 +113,8 @@
   &--indeterminate &__lead {
     visibility: hidden;
   }
+
+  &--no-trans &__lead {
+    transition: none;
+  }
 }

package/lib/components/select/YSelect.mjs

@@ -1,33 +1,24 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { shallowRef } from '@vue/runtime-core';
-import { nextTick, vShow, watch, withDirectives } from 'vue';
-import { computed, defineComponent, mergeProps, onMounted, ref } from 'vue';
+import { computed, mergeProps, nextTick, onMounted, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
 import { useModelDuplex } from "../../composables/communication.mjs";
 import { useRender } from "../../composables/component.mjs";
 import { pressCoordinateProps } from "../../composables/coordinate/index.mjs";
 import { useI18n } from "../../composables/i18n/index.mjs";
 import { pressListItemsPropsOptions, useItems } from "../../composables/list-items.mjs";
-import { getScrollParent } from "../../util/index.mjs";
 import { wrapInArray } from "../../util/array.mjs";
-import { deepEqual, getObjectValueByPath, omit } from "../../util/common.mjs";
-import { chooseProps, getHtmlElement, propsFactory } from "../../util/component/index.mjs";
+import { deepEqual, omit } from "../../util/common.mjs";
+import { chooseProps, defineComponent, getHtmlElement, propsFactory } from "../../util/component/index.mjs";
+import { getScrollParent } from "../../util/scroll.mjs";
 import { YCard } from "../card/index.mjs";
 import { YFieldInput, pressYFieldInputPropsOptions } from "../field-input/index.mjs";
 import { YIcon } from "../icon/index.mjs";
 import { YList, YListItem } from "../list/index.mjs";
 import { YMenu } from "../menu/index.mjs";
 import "./YSelect.scss";
-export function returnItemEquals(optionsItem, valueItem) {
-  let valueKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
-  const valueItemType = typeof valueItem;
-  const itemValue = valueItemType === 'string' || valueItemType === 'number' ? getObjectValueByPath(optionsItem, valueKey) : optionsItem;
-  return deepEqual(itemValue, valueItem);
-}
 export const pressSelectPropsOptions = propsFactory({
   opened: Boolean,
   multiple: Boolean,
-  weakEquals: Boolean,
-  valueEquals: {
+  itemComparator: {
     type: Function,
     default: deepEqual
   },
@@ -100,7 +91,7 @@ export const YSelect = defineComponent({
       const ret = [];
       for (const v of model.value) {
         const found = items.value.find(item => {
-          return props.valueEquals(item.value, v.value);
+          return props.itemComparator(item.value, v.value);
         });
         if (found !== undefined) {
           ret.push(found);