yuyeon 0.1.0-rc.5 → 0.1.0-rc.7

package/lib/components/index.mjs

@@ -30,4 +30,5 @@ export * from "./divider/index.mjs";
 export * from "./date-picker/index.mjs";
 export * from "./icon/index.mjs";
 export * from "./badge/index.mjs";
+export * from "./text-ellipsis/index.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/index.mjs.map

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

package/lib/components/switch/YSwitch.mjs

@@ -145,6 +145,7 @@ export const YSwitch = defineComponent({
       const {
         checked
       } = $checkbox;
+      $event.stopImmediatePropagation();
       this.changeInput(checked, $event);
     },
     changeInput(checked, event) {
@@ -218,7 +219,7 @@ export const YSwitch = defineComponent({
       "class": "y-switch__thumb"
     }, [loading && _createVNode("div", {
       "class": "y-switch__spinner"
-    }, null)])]), _createVNode("label", {
+    }, null)])]), $slots.label && _createVNode("label", {
       "for": inputId,
       "class": "y-switch__label"
     }, [$slots.label?.(), _createVNode("input", {

package/lib/components/switch/YSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YSwitch.mjs","names":["defineComponent","withModifiers","uidCounter","YSwitch","name","model","prop","event","props","input","type","Boolean","Array","default","value","String","Number","Object","max","loading","disabled","stickOut","stateLabel","color","labelOn","labelOff","data","innerValue","counterId","focused","created","iid","toString","isArray","inputByValue","computed","isMultipleInput","multipleInputIndex","findIndex","inp","inputId","id","trackStyles","backgroundColor","classes","methods","found","find","undefined","changeMultipleInput","checked","multipleInput","slice","length","$emit","nextChange","push","splice","$nextTick","onClick","$event","changeInput","onFocus","onBlur","onKeydown","onChange","$checkbox","target","watch","render","$slots","_createVNode","label"],"sources":["../../../src/components/switch/YSwitch.tsx"],"sourcesContent":["import { PropType, defineComponent, withModifiers } from 'vue';\r\n\r\nimport './YSwitch.scss';\r\n\r\nlet uidCounter = 0;\r\n\r\nexport const YSwitch = defineComponent({\r\n  name: 'YSwitch',\r\n  model: {\r\n    prop: 'input',\r\n    event: 'change',\r\n  },\r\n  props: {\r\n    input: {\r\n      type: [Boolean, Array] as PropType<boolean | any[]>,\r\n      default: false,\r\n    },\r\n    value: {\r\n      type: [String, Number, Object] as PropType<any>,\r\n    },\r\n    max: {\r\n      type: Number,\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n    },\r\n    stickOut: {\r\n      type: Boolean,\r\n    },\r\n    stateLabel: {\r\n      type: Boolean,\r\n    },\r\n    color: {\r\n      type: String,\r\n    },\r\n    labelOn: {\r\n      type: String,\r\n      default: 'ON',\r\n    },\r\n    labelOff: {\r\n      type: String,\r\n      default: 'OFF',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      innerValue: false,\r\n      counterId: '',\r\n      focused: false,\r\n    };\r\n  },\r\n  created() {\r\n    const iid = uidCounter.toString();\r\n    uidCounter += 1;\r\n    this.counterId = iid;\r\n    if (Array.isArray(this.input)) {\r\n      this.inputByValue();\r\n    } else {\r\n      this.innerValue = this.input;\r\n    }\r\n  },\r\n  computed: {\r\n    isMultipleInput() {\r\n      return Array.isArray(this.input);\r\n    },\r\n    multipleInputIndex() {\r\n      if (!Array.isArray(this.input)) {\r\n        return -1;\r\n      }\r\n      return this.input.findIndex((inp) => {\r\n        return inp === this.value;\r\n      });\r\n    },\r\n    inputId() {\r\n      const id = this.counterId;\r\n      return `y-switch--${id}`;\r\n    },\r\n    trackStyles() {\r\n      return {\r\n        backgroundColor: this.color,\r\n      };\r\n    },\r\n    classes() {\r\n      return {\r\n        'y-switch--disabled': this.disabled,\r\n        'y-switch--loading': this.loading,\r\n        'y-switch--active': this.innerValue,\r\n        'y-switch--stick-out': this.stickOut,\r\n        'y-switch--focused': this.focused,\r\n      };\r\n    },\r\n  },\r\n  methods: {\r\n    inputByValue() {\r\n      if (Array.isArray(this.input)) {\r\n        const found = this.input.find((inp: any) => {\r\n          return inp === this.value;\r\n        });\r\n\r\n        if (found !== undefined) {\r\n          this.innerValue = true;\r\n        } else {\r\n          this.innerValue = false;\r\n        }\r\n      } else if (typeof this.input === 'boolean') {\r\n        this.innerValue = this.input;\r\n      }\r\n    },\r\n    changeMultipleInput(checked: boolean) {\r\n      if (Array.isArray(this.input)) {\r\n        const multipleInput = this.input.slice();\r\n        if (\r\n          checked &&\r\n          this.max !== undefined &&\r\n          multipleInput.length >= this.max\r\n        ) {\r\n          this.$emit('overmax');\r\n          this.nextChange(false, multipleInput);\r\n          return;\r\n        }\r\n        if (checked && this.multipleInputIndex < 0) {\r\n          multipleInput.push(this.value);\r\n        } else if (this.multipleInputIndex > -1) {\r\n          multipleInput.splice(this.multipleInputIndex, 1);\r\n        }\r\n        this.$emit('change', multipleInput);\r\n      }\r\n    },\r\n    nextChange(checked: boolean, value: any) {\r\n      this.$nextTick(() => {\r\n        this.innerValue = checked;\r\n      });\r\n    },\r\n    onClick($event: Event) {\r\n      if (this.disabled || this.loading) return;\r\n      this.changeInput(!this.innerValue, $event);\r\n    },\r\n    onFocus() {\r\n      this.focused = true;\r\n    },\r\n    onBlur() {\r\n      this.focused = false;\r\n    },\r\n    onKeydown($event: KeyboardEvent) {\r\n      // nothing\r\n    },\r\n    onChange($event: Event) {\r\n      const $checkbox = $event.target as HTMLInputElement;\r\n      const { checked } = $checkbox;\r\n      this.changeInput(checked, $event);\r\n    },\r\n    changeInput(checked: boolean, event?: Event) {\r\n      this.innerValue = checked;\r\n      if (this.isMultipleInput) {\r\n        this.changeMultipleInput(checked);\r\n      } else {\r\n        this.$emit('change', checked);\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    input() {\r\n      this.inputByValue();\r\n    },\r\n  },\r\n  render() {\r\n    const {\r\n      $slots,\r\n      classes,\r\n      onClick,\r\n      onKeydown,\r\n      onFocus,\r\n      onBlur,\r\n      onChange,\r\n      inputId,\r\n      innerValue,\r\n      disabled,\r\n      trackStyles,\r\n      stateLabel,\r\n      labelOn,\r\n      labelOff,\r\n      loading,\r\n    } = this;\r\n    return (\r\n      <div class={{ 'y-switch': true, ...classes }}>\r\n        <div class=\"y-switch__slot\">\r\n          <div\r\n            class=\"y-switch__input\"\r\n            onClick={withModifiers(onClick, ['exact'])}\r\n            onKeydown={onKeydown}\r\n          >\r\n            <input\r\n              id={inputId}\r\n              aria-checked={innerValue}\r\n              type=\"checkbox\"\r\n              role=\"switch\"\r\n              onFocus={onFocus}\r\n              onBlur={onBlur}\r\n              onChange={onChange}\r\n              disabled={disabled}\r\n              checked={innerValue}\r\n              ref=\"checkbox\"\r\n            />\r\n            <div class=\"y-switch__track\" style={trackStyles}>\r\n              {stateLabel && (\r\n                <div class=\"y-switch__state\">\r\n                  <span class=\"y-switch__state-label y-switch__state-label--on\">\r\n                    {{ labelOn }}\r\n                  </span>\r\n                  <span class=\"y-switch__state-label y-switch__state-label--off\">\r\n                    {{ labelOff }}\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"y-switch__thumb\">\r\n              {loading && <div class=\"y-switch__spinner\"></div>}\r\n            </div>\r\n          </div>\r\n          <label for={inputId} class=\"y-switch__label\">\r\n            {$slots.label?.()}\r\n            <input hidden />\r\n          </label>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n\r\nexport type YSwitch = InstanceType<typeof YSwitch>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YSwitch.mjs","names":["defineComponent","withModifiers","uidCounter","YSwitch","name","model","prop","event","props","input","type","Boolean","Array","default","value","String","Number","Object","max","loading","disabled","stickOut","stateLabel","color","labelOn","labelOff","data","innerValue","counterId","focused","created","iid","toString","isArray","inputByValue","computed","isMultipleInput","multipleInputIndex","findIndex","inp","inputId","id","trackStyles","backgroundColor","classes","methods","found","find","undefined","changeMultipleInput","checked","multipleInput","slice","length","$emit","nextChange","push","splice","$nextTick","onClick","$event","changeInput","onFocus","onBlur","onKeydown","onChange","$checkbox","target","stopImmediatePropagation","watch","render","$slots","_createVNode","label"],"sources":["../../../src/components/switch/YSwitch.tsx"],"sourcesContent":["import { PropType, defineComponent, withModifiers } from 'vue';\n\nimport './YSwitch.scss';\n\nlet uidCounter = 0;\n\nexport const YSwitch = defineComponent({\n  name: 'YSwitch',\n  model: {\n    prop: 'input',\n    event: 'change',\n  },\n  props: {\n    input: {\n      type: [Boolean, Array] as PropType<boolean | any[]>,\n      default: false,\n    },\n    value: {\n      type: [String, Number, Object] as PropType<any>,\n    },\n    max: {\n      type: Number,\n    },\n    loading: {\n      type: Boolean,\n    },\n    disabled: {\n      type: Boolean,\n    },\n    stickOut: {\n      type: Boolean,\n    },\n    stateLabel: {\n      type: Boolean,\n    },\n    color: {\n      type: String,\n    },\n    labelOn: {\n      type: String,\n      default: 'ON',\n    },\n    labelOff: {\n      type: String,\n      default: 'OFF',\n    },\n  },\n  data() {\n    return {\n      innerValue: false,\n      counterId: '',\n      focused: false,\n    };\n  },\n  created() {\n    const iid = uidCounter.toString();\n    uidCounter += 1;\n    this.counterId = iid;\n    if (Array.isArray(this.input)) {\n      this.inputByValue();\n    } else {\n      this.innerValue = this.input;\n    }\n  },\n  computed: {\n    isMultipleInput() {\n      return Array.isArray(this.input);\n    },\n    multipleInputIndex() {\n      if (!Array.isArray(this.input)) {\n        return -1;\n      }\n      return this.input.findIndex((inp) => {\n        return inp === this.value;\n      });\n    },\n    inputId() {\n      const id = this.counterId;\n      return `y-switch--${id}`;\n    },\n    trackStyles() {\n      return {\n        backgroundColor: this.color,\n      };\n    },\n    classes() {\n      return {\n        'y-switch--disabled': this.disabled,\n        'y-switch--loading': this.loading,\n        'y-switch--active': this.innerValue,\n        'y-switch--stick-out': this.stickOut,\n        'y-switch--focused': this.focused,\n      };\n    },\n  },\n  methods: {\n    inputByValue() {\n      if (Array.isArray(this.input)) {\n        const found = this.input.find((inp: any) => {\n          return inp === this.value;\n        });\n\n        if (found !== undefined) {\n          this.innerValue = true;\n        } else {\n          this.innerValue = false;\n        }\n      } else if (typeof this.input === 'boolean') {\n        this.innerValue = this.input;\n      }\n    },\n    changeMultipleInput(checked: boolean) {\n      if (Array.isArray(this.input)) {\n        const multipleInput = this.input.slice();\n        if (\n          checked &&\n          this.max !== undefined &&\n          multipleInput.length >= this.max\n        ) {\n          this.$emit('overmax');\n          this.nextChange(false, multipleInput);\n          return;\n        }\n        if (checked && this.multipleInputIndex < 0) {\n          multipleInput.push(this.value);\n        } else if (this.multipleInputIndex > -1) {\n          multipleInput.splice(this.multipleInputIndex, 1);\n        }\n        this.$emit('change', multipleInput);\n      }\n    },\n    nextChange(checked: boolean, value: any) {\n      this.$nextTick(() => {\n        this.innerValue = checked;\n      });\n    },\n    onClick($event: Event) {\n      if (this.disabled || this.loading) return;\n      this.changeInput(!this.innerValue, $event);\n    },\n    onFocus() {\n      this.focused = true;\n    },\n    onBlur() {\n      this.focused = false;\n    },\n    onKeydown($event: KeyboardEvent) {\n      // nothing\n    },\n    onChange($event: Event) {\n      const $checkbox = $event.target as HTMLInputElement;\n      const { checked } = $checkbox;\n      $event.stopImmediatePropagation();\n      this.changeInput(checked, $event);\n    },\n    changeInput(checked: boolean, event?: Event) {\n      this.innerValue = checked;\n      if (this.isMultipleInput) {\n        this.changeMultipleInput(checked);\n      } else {\n        this.$emit('change', checked);\n      }\n    },\n  },\n  watch: {\n    input() {\n      this.inputByValue();\n    },\n  },\n  render() {\n    const {\n      $slots,\n      classes,\n      onClick,\n      onKeydown,\n      onFocus,\n      onBlur,\n      onChange,\n      inputId,\n      innerValue,\n      disabled,\n      trackStyles,\n      stateLabel,\n      labelOn,\n      labelOff,\n      loading,\n    } = this;\n    return (\n      <div class={{ 'y-switch': true, ...classes }}>\n        <div class=\"y-switch__slot\">\n          <div\n            class=\"y-switch__input\"\n            onClick={withModifiers(onClick, ['exact'])}\n            onKeydown={onKeydown}\n          >\n            <input\n              id={inputId}\n              aria-checked={innerValue}\n              type=\"checkbox\"\n              role=\"switch\"\n              onFocus={onFocus}\n              onBlur={onBlur}\n              onChange={onChange}\n              disabled={disabled}\n              checked={innerValue}\n              ref=\"checkbox\"\n            />\n            <div class=\"y-switch__track\" style={trackStyles}>\n              {stateLabel && (\n                <div class=\"y-switch__state\">\n                  <span class=\"y-switch__state-label y-switch__state-label--on\">\n                    {{ labelOn }}\n                  </span>\n                  <span class=\"y-switch__state-label y-switch__state-label--off\">\n                    {{ labelOff }}\n                  </span>\n                </div>\n              )}\n            </div>\n            <div class=\"y-switch__thumb\">\n              {loading && <div class=\"y-switch__spinner\"></div>}\n            </div>\n          </div>\n          {$slots.label && (\n            <label for={inputId} class=\"y-switch__label\">\n              {$slots.label?.()}\n              <input hidden />\n            </label>\n          )}\n        </div>\n      </div>\n    );\n  },\n});\n\nexport type YSwitch = InstanceType<typeof YSwitch>;\n"],"mappings":"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"}

package/lib/components/text-ellipsis/YTextEllipsis.mjs

@@ -0,0 +1,61 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref, watch } from 'vue';
+import { useRender, useResizeObserver } from "../../composables/index.mjs";
+import "./YTextEllipsis.scss";
+export const YTextEllipsis = defineComponent({
+  name: 'YTextEllipsis',
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  setup(props) {
+    const {
+      resizeObservedRef,
+      contentRect
+    } = useResizeObserver();
+    const isOverflow = ref(false);
+    const containerWidth = computed(() => {
+      return contentRect.value?.width;
+    });
+    const title = computed(() => {
+      return props.text;
+    });
+    const startText = computed(() => {
+      if (isOverflow.value) {
+        const length = Math.round(props.text.length * 0.5);
+        return props.text.substring(0, length);
+      }
+      return props.text;
+    });
+    const endText = computed(() => {
+      if (isOverflow.value) {
+        const length = Math.round(props.text.length * 0.5);
+        return props.text.substring(length, props.text.length);
+      }
+      return props.text;
+    });
+    watch(containerWidth, neo => {
+      if (resizeObservedRef.value && neo != null) {
+        isOverflow.value = resizeObservedRef.value.scrollWidth > resizeObservedRef.value.offsetWidth;
+      }
+    });
+    useRender(() => {
+      return _createVNode("span", {
+        "title": title.value,
+        "class": ['y-text-ellipsis', {
+          overflowed: isOverflow
+        }]
+      }, [_createVNode("span", {
+        "ref": resizeObservedRef,
+        "class": "y-text-ellipsis__origin"
+      }, [props.text]), isOverflow.value && _createVNode("span", {
+        "class": "y-text-ellipsis__start"
+      }, [startText.value]), isOverflow.value && _createVNode("span", {
+        "class": "y-text-ellipsis__end"
+      }, [endText.value])]);
+    });
+  }
+});
+//# sourceMappingURL=YTextEllipsis.mjs.map

package/lib/components/text-ellipsis/YTextEllipsis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTextEllipsis.mjs","names":["computed","defineComponent","ref","watch","useRender","useResizeObserver","YTextEllipsis","name","props","text","type","String","default","setup","resizeObservedRef","contentRect","isOverflow","containerWidth","value","width","title","startText","length","Math","round","substring","endText","neo","scrollWidth","offsetWidth","_createVNode","overflowed"],"sources":["../../../src/components/text-ellipsis/YTextEllipsis.tsx"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\n\nimport { useRender, useResizeObserver } from '../../composables';\n\nimport './YTextEllipsis.scss';\n\nexport const YTextEllipsis = defineComponent({\n  name: 'YTextEllipsis',\n  props: {\n    text: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { resizeObservedRef, contentRect } = useResizeObserver();\n\n    const isOverflow = ref(false);\n\n    const containerWidth = computed(() => {\n      return contentRect.value?.width;\n    });\n\n    const title = computed(() => {\n      return props.text;\n    });\n\n    const startText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(0, length);\n      }\n      return props.text;\n    });\n\n    const endText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(length, props.text.length);\n      }\n      return props.text;\n    });\n\n    watch(containerWidth, (neo) => {\n      if (resizeObservedRef.value && neo != null) {\n        isOverflow.value =\n          resizeObservedRef.value.scrollWidth >\n          resizeObservedRef.value.offsetWidth;\n      }\n    });\n\n    useRender(() => {\n      return (\n        <span\n          title={title.value}\n          class={['y-text-ellipsis', { overflowed: isOverflow }]}\n        >\n          <span ref={resizeObservedRef} class=\"y-text-ellipsis__origin\">\n            {props.text}\n          </span>\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__start\">{startText.value}</span>\n          )}\n\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__end\">{endText.value}</span>\n          )}\n        </span>\n      );\n    });\n  },\n});\n\nexport type YTextEllipsis = InstanceType<typeof YTextEllipsis>;\n"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAEnDC,SAAS,EAAEC,iBAAiB;AAErC;AAEA,OAAO,MAAMC,aAAa,GAAGL,eAAe,CAAC;EAC3CM,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAE;IACX,MAAM;MAAEM,iBAAiB;MAAEC;IAAY,CAAC,GAAGV,iBAAiB,CAAC,CAAC;IAE9D,MAAMW,UAAU,GAAGd,GAAG,CAAC,KAAK,CAAC;IAE7B,MAAMe,cAAc,GAAGjB,QAAQ,CAAC,MAAM;MACpC,OAAOe,WAAW,CAACG,KAAK,EAAEC,KAAK;IACjC,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,MAAM;MAC3B,OAAOQ,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMY,SAAS,GAAGrB,QAAQ,CAAC,MAAM;MAC/B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAAC,CAAC,EAAEH,MAAM,CAAC;MACxC;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMiB,OAAO,GAAG1B,QAAQ,CAAC,MAAM;MAC7B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAACH,MAAM,EAAEd,KAAK,CAACC,IAAI,CAACa,MAAM,CAAC;MACxD;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEFN,KAAK,CAACc,cAAc,EAAGU,GAAG,IAAK;MAC7B,IAAIb,iBAAiB,CAACI,KAAK,IAAIS,GAAG,IAAI,IAAI,EAAE;QAC1CX,UAAU,CAACE,KAAK,GACdJ,iBAAiB,CAACI,KAAK,CAACU,WAAW,GACnCd,iBAAiB,CAACI,KAAK,CAACW,WAAW;MACvC;IACF,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACd,OAAA0B,YAAA;QAAA,SAEWV,KAAK,CAACF,KAAK;QAAA,SACX,CAAC,iBAAiB,EAAE;UAAEa,UAAU,EAAEf;QAAW,CAAC;MAAC,IAAAc,YAAA;QAAA,OAE3ChB,iBAAiB;QAAA;MAAA,IACzBN,KAAK,CAACC,IAAI,IAEZO,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACuBT,SAAS,CAACH,KAAK,EACtD,EAEAF,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACqBJ,OAAO,CAACR,KAAK,EAClD;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/text-ellipsis/YTextEllipsis.scss

@@ -0,0 +1,43 @@
+.y-text-ellipsis {
+  display: inline-flex;
+  max-width: 100%;
+  position: relative;
+
+  &__origin {
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 0 1 auto;
+  }
+
+  &__start {
+    position: absolute;
+    left: 0;
+    overflow: hidden;
+    width: calc(52%);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &__end {
+    position: absolute;
+    right: 0;
+    overflow: hidden;
+    width: calc(45% + 1rem);
+    white-space: nowrap;
+    display: inline-flex;
+    justify-content: flex-end;
+    mask-image: linear-gradient(
+                    to right,
+                    transparent 0%,
+                    rgb(0, 0, 0) 1rem,
+                    rgb(0, 0, 0) 100%
+    );
+  }
+
+  &.overflowed & {
+    &__origin {
+      color: transparent;
+      user-select: none;
+    }
+  }
+}

package/lib/components/text-ellipsis/index.mjs

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

package/lib/components/text-ellipsis/index.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.1.0-rc.5",
+  "version": "0.1.0-rc.7",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/index.d.ts

@@ -30,3 +30,4 @@ export * from './divider';
 export * from './date-picker';
 export * from './icon';
 export * from './badge';
+export * from './text-ellipsis';

package/types/components/text-ellipsis/YTextEllipsis.d.ts

@@ -0,0 +1,14 @@
+export declare const YTextEllipsis: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    text: string;
+}, {}>;
+export type YTextEllipsis = InstanceType<typeof YTextEllipsis>;

package/types/components/text-ellipsis/index.d.ts

@@ -0,0 +1 @@
+export * from './YTextEllipsis';