yuyeon 0.3.0 → 0.3.1-rc.2

package/lib/components/badge/YBadge.mjs

@@ -3,6 +3,7 @@ import { vShow, withDirectives } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { useI18n } from "../../composables/i18n/index.mjs";
 import { IconValue } from "../../composables/icon.mjs";
+import { styleColorPropsOptions, useStyleColor } from "../../composables/style-color.mjs";
 import { PolyTransition } from "../../composables/transition.mjs";
 import { defineComponent, propsFactory } from "../../util/component/index.mjs";
 import { YIcon } from "../icon/YIcon.mjs";
@@ -17,7 +18,6 @@ export const pressYBadgePropsOptions = propsFactory({
   floating: Boolean,
   inline: Boolean,
   icon: IconValue,
-  color: String,
   hide: Boolean,
   label: {
     type: String,
@@ -28,7 +28,8 @@ export const pressYBadgePropsOptions = propsFactory({
   transition: {
     type: String,
     default: 'fade'
-  }
+  },
+  ...styleColorPropsOptions
 }, 'YBadge');
 export const YBadge = defineComponent({
   name: 'YBadge',
@@ -41,6 +42,9 @@ export const YBadge = defineComponent({
     const {
       t
     } = useI18n();
+    const {
+      colorVars
+    } = useStyleColor(props, 'badge');
     useRender(() => {
       const ElTag = props.tag;
       const value = Number(props.content);
@@ -51,7 +55,8 @@ export const YBadge = defineComponent({
           'y-badge--dot': props.dot,
           'y-badge--floating': props.floating,
           'y-badge--inline': props.inline
-        }]
+        }],
+        "style": colorVars.value
       }, {
         default: () => [_createVNode("div", {
           "class": "y-badge__base"

package/lib/components/badge/YBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YBadge.mjs","names":["vShow","withDirectives","useRender","useI18n","IconValue","PolyTransition","defineComponent","propsFactory","YIcon","pressYBadgePropsOptions","tag","type","String","default","dot","Boolean","bordered","floating","inline","icon","color","hide","label","content","Number","max","transition","YBadge","name","props","slots","Object","setup","_ref","t","ElTag","value","isNaN","_createVNode","undefined","badge"],"sources":["../../../src/components/badge/YBadge.tsx"],"sourcesContent":["import { type PropType, type SlotsType, vShow, withDirectives } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { useI18n } from '@/composables/i18n';\r\nimport { IconValue } from '@/composables/icon';\r\nimport { PolyTransition } from '@/composables/transition';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\n\r\nimport { YIcon } from '../icon/YIcon';\r\n\r\nimport './YBadge.scss';\r\n\r\nexport const pressYBadgePropsOptions = propsFactory(\r\n  {\r\n    tag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    dot: Boolean,\r\n    bordered: Boolean,\r\n    floating: Boolean,\r\n    inline: Boolean,\r\n    icon: IconValue,\r\n    color: String,\r\n    hide: Boolean,\r\n    label: {\r\n      type: String,\r\n      default: '$yuyeon.badge',\r\n    },\r\n    content: [Number, String],\r\n    max: Number,\r\n    transition: {\r\n      type: String,\r\n      default: 'fade',\r\n    },\r\n  },\r\n  'YBadge',\r\n);\r\n\r\nexport const YBadge = defineComponent({\r\n  name: 'YBadge',\r\n  props: pressYBadgePropsOptions(),\r\n  slots: Object as SlotsType<{\r\n    default: any;\r\n    badge: any;\r\n  }>,\r\n  setup(props, { slots }) {\r\n    const { t } = useI18n();\r\n\r\n    useRender(() => {\r\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\r\n      const value = Number(props.content);\r\n      const content =\r\n        !props.max || isNaN(value)\r\n          ? props.content\r\n          : value <= +props.max\r\n            ? value\r\n            : `${props.max}+`;\r\n      return (\r\n        <ElTag\r\n          class={[\r\n            'y-badge',\r\n            {\r\n              'y-badge--bordered': props.bordered,\r\n              'y-badge--dot': props.dot,\r\n              'y-badge--floating': props.floating,\r\n              'y-badge--inline': props.inline,\r\n            },\r\n          ]}\r\n        >\r\n          <div class=\"y-badge__base\">\r\n            {slots.default?.()}\r\n            <PolyTransition\r\n              is={props.transition}\r\n              transitionProps={{ name: props.transition }}\r\n            >\r\n              {withDirectives(\r\n                <span\r\n                  class={['y-badge__badge']}\r\n                  aria-atomic=\"true\"\r\n                  aria-label={t(props.label, value)}\r\n                  aria-live=\"polite\"\r\n                  role=\"status\"\r\n                >\r\n                  {props.dot ? undefined : slots.badge ? (\r\n                    slots.badge?.()\r\n                  ) : props.icon ? (\r\n                    <YIcon icon={props.icon} />\r\n                  ) : (\r\n                    content\r\n                  )}\r\n                </span>,\r\n                [[vShow, !props.hide]],\r\n              )}\r\n            </PolyTransition>\r\n          </div>\r\n        </ElTag>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YBadge = InstanceType<typeof YBadge>;\r\n"],"mappings":";AAAA,SAAwCA,KAAK,EAAEC,cAAc,QAAQ,KAAK;AAAC,SAElEC,SAAS;AAAA,SACTC,OAAO;AAAA,SACPC,SAAS;AAAA,SACTC,cAAc;AAAA,SACdC,eAAe,EAAEC,YAAY;AAAA,SAE7BC,KAAK;AAEd;AAEA,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CACjD;EACEG,GAAG,EAAE;IACHC,IAAI,EAAEC,MAA0B;IAChCC,OAAO,EAAE;EACX,CAAC;EACDC,GAAG,EAAEC,OAAO;EACZC,QAAQ,EAAED,OAAO;EACjBE,QAAQ,EAAEF,OAAO;EACjBG,MAAM,EAAEH,OAAO;EACfI,IAAI,EAAEf,SAAS;EACfgB,KAAK,EAAER,MAAM;EACbS,IAAI,EAAEN,OAAO;EACbO,KAAK,EAAE;IACLX,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDU,OAAO,EAAE,CAACC,MAAM,EAAEZ,MAAM,CAAC;EACzBa,GAAG,EAAED,MAAM;EACXE,UAAU,EAAE;IACVf,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX;AACF,CAAC,EACD,QACF,CAAC;AAED,OAAO,MAAMc,MAAM,GAAGrB,eAAe,CAAC;EACpCsB,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEpB,uBAAuB,CAAC,CAAC;EAChCqB,KAAK,EAAEC,MAGL;EACFC,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEH;IAAM,CAAC,GAAAG,IAAA;IACpB,MAAM;MAAEC;IAAE,CAAC,GAAG/B,OAAO,CAAC,CAAC;IAEvBD,SAAS,CAAC,MAAM;MACd,MAAMiC,KAAK,GAAGN,KAAK,CAACnB,GAAkC;MACtD,MAAM0B,KAAK,GAAGZ,MAAM,CAACK,KAAK,CAACN,OAAO,CAAC;MACnC,MAAMA,OAAO,GACX,CAACM,KAAK,CAACJ,GAAG,IAAIY,KAAK,CAACD,KAAK,CAAC,GACtBP,KAAK,CAACN,OAAO,GACba,KAAK,IAAI,CAACP,KAAK,CAACJ,GAAG,GACjBW,KAAK,GACJ,GAAEP,KAAK,CAACJ,GAAI,GAAE;MACvB,OAAAa,YAAA,CAAAH,KAAA;QAAA,SAEW,CACL,SAAS,EACT;UACE,mBAAmB,EAAEN,KAAK,CAACb,QAAQ;UACnC,cAAc,EAAEa,KAAK,CAACf,GAAG;UACzB,mBAAmB,EAAEe,KAAK,CAACZ,QAAQ;UACnC,iBAAiB,EAAEY,KAAK,CAACX;QAC3B,CAAC;MACF;QAAAL,OAAA,EAAAA,CAAA,MAAAyB,YAAA;UAAA;QAAA,IAGER,KAAK,CAACjB,OAAO,GAAG,CAAC,EAAAyB,YAAA,CAAAjC,cAAA;UAAA,MAEZwB,KAAK,CAACH,UAAU;UAAA,mBACH;YAAEE,IAAI,EAAEC,KAAK,CAACH;UAAW;QAAC;UAAAb,OAAA,EAAAA,CAAA,MAE1CZ,cAAc,CAAAqC,YAAA;YAAA,SAEJ,CAAC,gBAAgB,CAAC;YAAA;YAAA,cAEbJ,CAAC,CAACL,KAAK,CAACP,KAAK,EAAEc,KAAK,CAAC;YAAA;YAAA;UAAA,IAIhCP,KAAK,CAACf,GAAG,GAAGyB,SAAS,GAAGT,KAAK,CAACU,KAAK,GAClCV,KAAK,CAACU,KAAK,GAAG,CAAC,GACbX,KAAK,CAACV,IAAI,GAAAmB,YAAA,CAAA9B,KAAA;YAAA,QACCqB,KAAK,CAACV;UAAI,WAEvBI,OACD,IAEH,CAAC,CAACvB,KAAK,EAAE,CAAC6B,KAAK,CAACR,IAAI,CAAC,CACvB,CAAC;QAAA;MAAA;IAKX,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YBadge.mjs","names":["vShow","withDirectives","useRender","useI18n","IconValue","styleColorPropsOptions","useStyleColor","PolyTransition","defineComponent","propsFactory","YIcon","pressYBadgePropsOptions","tag","type","String","default","dot","Boolean","bordered","floating","inline","icon","hide","label","content","Number","max","transition","YBadge","name","props","slots","Object","setup","_ref","t","colorVars","ElTag","value","isNaN","_createVNode","undefined","badge"],"sources":["../../../src/components/badge/YBadge.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  vShow,\n  withDirectives,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useI18n } from '@/composables/i18n';\nimport { IconValue } from '@/composables/icon';\nimport {\n  styleColorPropsOptions,\n  useStyleColor,\n} from '@/composables/style-color';\nimport { PolyTransition } from '@/composables/transition';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YIcon } from '../icon/YIcon';\n\nimport './YBadge.scss';\n\nexport const pressYBadgePropsOptions = propsFactory(\n  {\n    tag: {\n      type: String as PropType<string>,\n      default: 'div',\n    },\n    dot: Boolean,\n    bordered: Boolean,\n    floating: Boolean,\n    inline: Boolean,\n    icon: IconValue,\n    hide: Boolean,\n    label: {\n      type: String,\n      default: '$yuyeon.badge',\n    },\n    content: [Number, String],\n    max: Number,\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n    ...styleColorPropsOptions,\n  },\n  'YBadge',\n);\n\nexport const YBadge = defineComponent({\n  name: 'YBadge',\n  props: pressYBadgePropsOptions(),\n  slots: Object as SlotsType<{\n    default: any;\n    badge: any;\n  }>,\n  setup(props, { slots }) {\n    const { t } = useI18n();\n\n    const { colorVars } = useStyleColor(props, 'badge');\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      const value = Number(props.content);\n      const content =\n        !props.max || isNaN(value)\n          ? props.content\n          : value <= +props.max\n            ? value\n            : `${props.max}+`;\n      return (\n        <ElTag\n          class={[\n            'y-badge',\n            {\n              'y-badge--bordered': props.bordered,\n              'y-badge--dot': props.dot,\n              'y-badge--floating': props.floating,\n              'y-badge--inline': props.inline,\n            },\n          ]}\n          style={colorVars.value}\n        >\n          <div class=\"y-badge__base\">\n            {slots.default?.()}\n            <PolyTransition\n              is={props.transition}\n              transitionProps={{ name: props.transition }}\n            >\n              {withDirectives(\n                <span\n                  class={['y-badge__badge']}\n                  aria-atomic=\"true\"\n                  aria-label={t(props.label, value)}\n                  aria-live=\"polite\"\n                  role=\"status\"\n                >\n                  {props.dot ? undefined : slots.badge ? (\n                    slots.badge?.()\n                  ) : props.icon ? (\n                    <YIcon icon={props.icon} />\n                  ) : (\n                    content\n                  )}\n                </span>,\n                [[vShow, !props.hide]],\n              )}\n            </PolyTransition>\n          </div>\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YBadge = InstanceType<typeof YBadge>;\n"],"mappings":"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"}

package/lib/components/badge/YBadge.scss

@@ -7,8 +7,12 @@
   --y-badge__border-width: 2px;
   --y-badge__border-transform: scale(1.0413);
   --y-badge__inline-margin: 0 4px;
-  --y-badge__color: var(--y-theme-surface-variant);
-  --y-badge__text-color: var(--y-theme-on-surface-variant);
+  --y-badge__background-opacity: 1;
+  --y-badge__background: rgba(
+    var(--y-theme-surface-variant-rgb),
+    var(--y-badge__background-opacity, 1)
+  );
+  --y-badge__color: var(--y-theme-on-surface-variant);
 
   display: inline-block;
 
@@ -29,7 +33,8 @@
     text-indent: 0;
     white-space: nowrap;
     padding: var(--y-badge__padding);
-    background: var(--y-badge__color);
+    color: var(--y-badge__color);
+    background: var(--y-badge__background);
     bottom: calc(100% - var(--y-badge__height) / 2);
     left: calc(100% - var(--y-badge__min-width));
   }

package/lib/components/chip/YChip.mjs

@@ -1,16 +1,11 @@
 import { createVNode as _createVNode } from "vue";
 import { computed } from 'vue';
 import { useRender } from "../../composables/index.mjs";
-import { isColorValue, rgbFromHex } from "../../util/color/index.mjs";
+import { styleColorPropsOptions, useStyleColor } from "../../composables/style-color.mjs";
 import { defineComponent, hasEventProp, propsFactory } from "../../util/component/index.mjs";
 import "./YChip.scss";
 export const pressYChipPropsOptions = propsFactory({
-  color: String,
-  background: String,
-  backgroundOpacity: {
-    type: Number,
-    default: 0.14
-  },
+  ...styleColorPropsOptions,
   small: Boolean
 }, 'YChip');
 export const YChip = defineComponent({
@@ -26,48 +21,15 @@ export const YChip = defineComponent({
     const clickable = computed(() => {
       return hasEventProp(props, 'click');
     });
-    const styles = computed(() => {
-      let {
-        color,
-        background
-      } = props;
-      if (!background) background = color;
-      if (color && !isColorValue(color)) {
-        color = `var(--y-theme-${color})`;
-      }
-      if (background) {
-        if (isColorValue(background)) {
-          background = `rgba(${colorRgb(background)}, ${props.backgroundOpacity})`;
-        } else if (!background.startsWith('var(')) {
-          background = `rgba(${`var(--y-theme-${background}-rgb)`}, ${props.backgroundOpacity})`;
-        }
-      }
-      return {
-        '--y-chip__color': color,
-        '--y-chip__background': background
-      };
-    });
-    function colorRgb(color) {
-      if (color?.startsWith('#')) {
-        return rgbFromHex(color)?.join(',') || '';
-      }
-      const RGBA_REGEX = /rgb(a?)\((?<v>.*)\)/;
-      if (RGBA_REGEX.test(color)) {
-        const value = RGBA_REGEX.exec(color)?.[2] || '';
-        if (value) {
-          const valueArray = value.trim().split(',');
-          valueArray.splice(3, 1);
-          return valueArray.join(',');
-        }
-      }
-      return '';
-    }
+    const {
+      colorVars
+    } = useStyleColor(props, 'chip');
     useRender(() => _createVNode("span", {
       "class": ['y-chip', {
         'y-chip--small': props.small,
         'y-chip--clickable': clickable.value
       }],
-      "style": styles.value
+      "style": colorVars.value
     }, [_createVNode("span", {
       "class": "y-chip__content"
     }, [slots.default?.()])]));

package/lib/components/chip/YChip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YChip.mjs","names":["computed","useRender","isColorValue","rgbFromHex","defineComponent","hasEventProp","propsFactory","pressYChipPropsOptions","color","String","background","backgroundOpacity","type","Number","default","small","Boolean","YChip","name","props","setup","_ref","slots","emit","clickable","styles","colorRgb","startsWith","join","RGBA_REGEX","test","value","exec","valueArray","trim","split","splice","_createVNode"],"sources":["../../../src/components/chip/YChip.tsx"],"sourcesContent":["import { computed } from 'vue';\r\n\r\nimport { useRender } from '@/composables';\r\nimport { isColorValue, rgbFromHex } from '@/util/color';\r\nimport { defineComponent, hasEventProp, propsFactory } from '@/util/component';\r\n\r\nimport './YChip.scss';\r\n\r\nexport const pressYChipPropsOptions = propsFactory(\r\n  {\r\n    color: String,\r\n    background: String,\r\n    backgroundOpacity: {\r\n      type: Number,\r\n      default: 0.14,\r\n    },\r\n    small: Boolean,\r\n  },\r\n  'YChip',\r\n);\r\n\r\nexport const YChip = defineComponent({\r\n  name: 'YChip',\r\n  props: {\r\n    ...pressYChipPropsOptions(),\r\n  },\r\n  setup(props, { slots, emit }) {\r\n    const clickable = computed(() => {\r\n      return hasEventProp(props, 'click');\r\n    });\r\n\r\n    const styles = computed(() => {\r\n      let { color, background } = props;\r\n      if (!background) background = color;\r\n\r\n      if (color && !isColorValue(color)) {\r\n        color = `var(--y-theme-${color})`;\r\n      }\r\n\r\n      if (background) {\r\n        if (isColorValue(background)) {\r\n          background = `rgba(${colorRgb(background)}, ${props.backgroundOpacity})`;\r\n        } else if (!background.startsWith('var(')) {\r\n          background = `rgba(${`var(--y-theme-${background}-rgb)`}, ${props.backgroundOpacity})`\r\n        }\r\n      }\r\n\r\n      return {\r\n        '--y-chip__color': color,\r\n        '--y-chip__background': background,\r\n      };\r\n    });\r\n\r\n    function colorRgb(color: string): string {\r\n      if (color?.startsWith('#')) {\r\n        return rgbFromHex(color)?.join(',') || '';\r\n      }\r\n      const RGBA_REGEX = /rgb(a?)\\((?<v>.*)\\)/;\r\n      if (RGBA_REGEX.test(color)) {\r\n        const value = RGBA_REGEX.exec(color)?.[2] || '';\r\n        if (value) {\r\n          const valueArray = value.trim().split(',');\r\n          valueArray.splice(3, 1);\r\n          return valueArray.join(',');\r\n        }\r\n      }\r\n      return '';\r\n    }\r\n\r\n    useRender(() => (\r\n      <span\r\n        class={[\r\n          'y-chip',\r\n          {\r\n            'y-chip--small': props.small,\r\n            'y-chip--clickable': clickable.value,\r\n          },\r\n        ]}\r\n        style={styles.value}\r\n      >\r\n        <span class=\"y-chip__content\">{slots.default?.()}</span>\r\n      </span>\r\n    ));\r\n\r\n    return {};\r\n  },\r\n});\r\n\r\nexport type YChip = InstanceType<typeof YChip>;\r\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,KAAK;AAAC,SAEtBC,SAAS;AAAA,SACTC,YAAY,EAAEC,UAAU;AAAA,SACxBC,eAAe,EAAEC,YAAY,EAAEC,YAAY;AAEpD;AAEA,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACEE,KAAK,EAAEC,MAAM;EACbC,UAAU,EAAED,MAAM;EAClBE,iBAAiB,EAAE;IACjBC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAEC;AACT,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGb,eAAe,CAAC;EACnCc,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACL,GAAGZ,sBAAsB,CAAC;EAC5B,CAAC;EACDa,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,SAAS,GAAGxB,QAAQ,CAAC,MAAM;MAC/B,OAAOK,YAAY,CAACc,KAAK,EAAE,OAAO,CAAC;IACrC,CAAC,CAAC;IAEF,MAAMM,MAAM,GAAGzB,QAAQ,CAAC,MAAM;MAC5B,IAAI;QAAEQ,KAAK;QAAEE;MAAW,CAAC,GAAGS,KAAK;MACjC,IAAI,CAACT,UAAU,EAAEA,UAAU,GAAGF,KAAK;MAEnC,IAAIA,KAAK,IAAI,CAACN,YAAY,CAACM,KAAK,CAAC,EAAE;QACjCA,KAAK,GAAI,iBAAgBA,KAAM,GAAE;MACnC;MAEA,IAAIE,UAAU,EAAE;QACd,IAAIR,YAAY,CAACQ,UAAU,CAAC,EAAE;UAC5BA,UAAU,GAAI,QAAOgB,QAAQ,CAAChB,UAAU,CAAE,KAAIS,KAAK,CAACR,iBAAkB,GAAE;QAC1E,CAAC,MAAM,IAAI,CAACD,UAAU,CAACiB,UAAU,CAAC,MAAM,CAAC,EAAE;UACzCjB,UAAU,GAAI,QAAQ,iBAAgBA,UAAW,OAAO,KAAIS,KAAK,CAACR,iBAAkB,GAAE;QACxF;MACF;MAEA,OAAO;QACL,iBAAiB,EAAEH,KAAK;QACxB,sBAAsB,EAAEE;MAC1B,CAAC;IACH,CAAC,CAAC;IAEF,SAASgB,QAAQA,CAAClB,KAAa,EAAU;MACvC,IAAIA,KAAK,EAAEmB,UAAU,CAAC,GAAG,CAAC,EAAE;QAC1B,OAAOxB,UAAU,CAACK,KAAK,CAAC,EAAEoB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;MAC3C;MACA,MAAMC,UAAU,GAAG,qBAAqB;MACxC,IAAIA,UAAU,CAACC,IAAI,CAACtB,KAAK,CAAC,EAAE;QAC1B,MAAMuB,KAAK,GAAGF,UAAU,CAACG,IAAI,CAACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;QAC/C,IAAIuB,KAAK,EAAE;UACT,MAAME,UAAU,GAAGF,KAAK,CAACG,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;UAC1CF,UAAU,CAACG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;UACvB,OAAOH,UAAU,CAACL,IAAI,CAAC,GAAG,CAAC;QAC7B;MACF;MACA,OAAO,EAAE;IACX;IAEA3B,SAAS,CAAC,MAAAoC,YAAA;MAAA,SAEC,CACL,QAAQ,EACR;QACE,eAAe,EAAElB,KAAK,CAACJ,KAAK;QAC5B,mBAAmB,EAAES,SAAS,CAACO;MACjC,CAAC,CACF;MAAA,SACMN,MAAM,CAACM;IAAK,IAAAM,YAAA;MAAA;IAAA,IAEYf,KAAK,CAACR,OAAO,GAAG,CAAC,IAEnD,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"YChip.mjs","names":["computed","useRender","styleColorPropsOptions","useStyleColor","defineComponent","hasEventProp","propsFactory","pressYChipPropsOptions","small","Boolean","YChip","name","props","setup","_ref","slots","emit","clickable","colorVars","_createVNode","value","default"],"sources":["../../../src/components/chip/YChip.tsx"],"sourcesContent":["import { computed } from 'vue';\n\nimport { useRender } from '@/composables';\nimport {\n  styleColorPropsOptions,\n  useStyleColor,\n} from '@/composables/style-color';\nimport { defineComponent, hasEventProp, propsFactory } from '@/util/component';\n\nimport './YChip.scss';\n\nexport const pressYChipPropsOptions = propsFactory(\n  {\n    ...styleColorPropsOptions,\n    small: Boolean,\n  },\n  'YChip',\n);\n\nexport const YChip = defineComponent({\n  name: 'YChip',\n  props: {\n    ...pressYChipPropsOptions(),\n  },\n  setup(props, { slots, emit }) {\n    const clickable = computed(() => {\n      return hasEventProp(props, 'click');\n    });\n    const { colorVars } = useStyleColor(props, 'chip');\n\n    useRender(() => (\n      <span\n        class={[\n          'y-chip',\n          {\n            'y-chip--small': props.small,\n            'y-chip--clickable': clickable.value,\n          },\n        ]}\n        style={colorVars.value}\n      >\n        <span class=\"y-chip__content\">{slots.default?.()}</span>\n      </span>\n    ));\n\n    return {};\n  },\n});\n\nexport type YChip = InstanceType<typeof YChip>;\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,KAAK;AAAC,SAEtBC,SAAS;AAAA,SAEhBC,sBAAsB,EACtBC,aAAa;AAAA,SAENC,eAAe,EAAEC,YAAY,EAAEC,YAAY;AAEpD;AAEA,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACE,GAAGJ,sBAAsB;EACzBM,KAAK,EAAEC;AACT,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGN,eAAe,CAAC;EACnCO,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACL,GAAGL,sBAAsB,CAAC;EAC5B,CAAC;EACDM,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,SAAS,GAAGjB,QAAQ,CAAC,MAAM;MAC/B,OAAOK,YAAY,CAACO,KAAK,EAAE,OAAO,CAAC;IACrC,CAAC,CAAC;IACF,MAAM;MAAEM;IAAU,CAAC,GAAGf,aAAa,CAACS,KAAK,EAAE,MAAM,CAAC;IAElDX,SAAS,CAAC,MAAAkB,YAAA;MAAA,SAEC,CACL,QAAQ,EACR;QACE,eAAe,EAAEP,KAAK,CAACJ,KAAK;QAC5B,mBAAmB,EAAES,SAAS,CAACG;MACjC,CAAC,CACF;MAAA,SACMF,SAAS,CAACE;IAAK,IAAAD,YAAA;MAAA;IAAA,IAESJ,KAAK,CAACM,OAAO,GAAG,CAAC,IAEnD,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/tree-view/YTreeView.mjs

@@ -207,6 +207,7 @@ export const YTreeView = defineComponent({
       if (!deepEqual(oldActive, [...activeSet.value])) {
         emitActive();
       }
+      filterItemsFn.value(neo, props.search, props.filter);
     }, {
       deep: true,
       flush: 'sync'
@@ -235,6 +236,10 @@ export const YTreeView = defineComponent({
       };
     });
     onMounted(() => {
+      if (props.search) {
+        searchLoading.value = true;
+        excludeItem(props.items, props.search, props.filter);
+      }
       if (props.defaultExpand != null && props.defaultExpand !== false) {
         expandedCache.value = [...expand(props.defaultExpand)];
       } else {

package/lib/components/tree-view/YTreeView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTreeView.mjs","names":["computed","defineComponent","onMounted","ref","shallowRef","watch","provideTreeView","useRender","differenceBetween","isColorValue","deepEqual","getObjectValueByPath","hasOwnProperty","chooseProps","debounce","YProgressBar","YTreeViewNode","pressYTreeViewNodeProps","filterTreeItem","filterTreeItems","getKeys","treeViewNodeProps","YTreeView","name","props","expanded","type","Array","default","active","multipleActive","Boolean","activeStrategy","String","selected","selectStrategy","returnItem","defaultExpand","Number","filter","Function","searchDebounceWait","emits","setup","_ref","slots","emit","expose","filterItemsFn","excludeItem","expandedCache","nodes","expandedSet","selectedSet","activeSet","searchLoading","excludedSet","issueVnodeState","updateExpanded","updateActive","updateSelected","emitExpanded","emitActive","emitSelected","isExcluded","items","search","arguments","length","undefined","excluded","Set","value","diff","forEach","key","item","itemKey","itemText","itemChildren","expand","getNodeKey","itemOrKey","updateNodes","parentKey","level","children","exist","existNode","vnode","includes","indeterminate","node","childKeys","map","child","add","neo","deep","until","Object","entries","_ref2","stateWatcher","stateSet","updater","emitter","valuesOfKey","v","old","oldKeys","keys","nodeKey","neoKeys","k","oldSelected","oldActive","clear","flush","renderLeaves","slice","leaf","classes","styles","color","activeColor","activeValue","selectedValue","_createVNode","_Fragment","_mergeProps","_createTextVNode"],"sources":["../../../src/components/tree-view/YTreeView.tsx"],"sourcesContent":["import {\n  type PropType,\n  type Ref,\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue';\n\nimport { provideTreeView } from '@/components/tree-view/tree-view';\nimport { useRender } from '@/composables/component';\nimport { CandidateKey } from '@/types';\nimport { differenceBetween } from '@/util/array';\nimport { isColorValue } from '@/util/color';\nimport { deepEqual, getObjectValueByPath, hasOwnProperty } from '@/util/common';\nimport { chooseProps } from '@/util/component';\nimport { debounce } from '@/util/debounce';\n\nimport { YProgressBar } from '../progress-bar';\nimport { YTreeViewNode, pressYTreeViewNodeProps } from './YTreeViewNode';\nimport { NodeState, TreeviewFilterFn } from './types';\nimport { filterTreeItem, filterTreeItems, getKeys } from './util';\n\nimport './YTreeView.scss';\n\nconst treeViewNodeProps = pressYTreeViewNodeProps();\n\nexport const YTreeView = defineComponent({\n  name: 'YTreeView',\n  props: {\n    expanded: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    active: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    multipleActive: Boolean,\n    activeStrategy: {\n      type: String as PropType<'independent' | 'cascade'>, // TODO: 'leaf'\n      default: 'independent',\n    },\n    selected: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    selectStrategy: {\n      type: String as PropType<'independent' | 'cascade'>, // TODO: 'leaf'\n      default: 'leaf',\n    },\n    returnItem: Boolean,\n    defaultExpand: [Boolean, String, Number],\n    filter: Function as PropType<TreeviewFilterFn>,\n    searchDebounceWait: {\n      type: Number as PropType<number>,\n      default: 700,\n    },\n    ...treeViewNodeProps,\n  },\n  emits: ['update:expanded', 'update:active', 'update:selected'],\n  setup(props, { slots, emit, expose }) {\n    const filterItemsFn = shallowRef(\n      debounce(excludeItem, props.searchDebounceWait),\n    );\n    const expandedCache = ref<CandidateKey[]>([]);\n\n    const {\n      nodes,\n      expanded,\n      active,\n      selected,\n      expandedSet,\n      selectedSet,\n      activeSet,\n      searchLoading,\n      excludedSet,\n      issueVnodeState,\n      updateExpanded,\n      updateActive,\n      updateSelected,\n      emitExpanded,\n      emitActive,\n      emitSelected,\n      isExcluded,\n    } = provideTreeView(props);\n\n    function excludeItem(items: any[], search = '', filter = filterTreeItem) {\n      const excluded = new Set<CandidateKey>();\n      if (!search) {\n        searchLoading.value = false;\n        excludedSet.value = excluded;\n        const diff = differenceBetween(expandedCache.value, [\n          ...expandedSet.value,\n        ]);\n        diff.forEach((key) => {\n          updateExpanded(key, false);\n        });\n        expandedCache.value.forEach((key) => {\n          updateExpanded(key, true);\n        });\n        return;\n      }\n      for (const item of items) {\n        filterTreeItems(\n          filter,\n          item,\n          search ?? '',\n          props.itemKey,\n          props.itemText,\n          props.itemChildren as string,\n          excluded,\n        );\n      }\n      excludedSet.value = excluded;\n      searchLoading.value = false;\n      expand();\n    }\n\n    watch(\n      () => props.search,\n      () => {\n        searchLoading.value = true;\n        filterItemsFn.value(props.items, props.search, props.filter);\n      },\n    );\n\n    // Util Methods\n    function getNodeKey(itemOrKey: any) {\n      return props.returnItem\n        ? getObjectValueByPath(itemOrKey, props.itemKey)\n        : itemOrKey;\n    }\n\n    // State Methods\n    function updateNodes(\n      items: any[],\n      parentKey: CandidateKey | null = null,\n      level = 0,\n    ) {\n      for (const item of items) {\n        const key = getObjectValueByPath(item, props.itemKey);\n        const children =\n          getObjectValueByPath(item, props.itemChildren as string) ?? [];\n        const exist = hasOwnProperty(nodes.value, key);\n        const existNode = exist\n          ? nodes.value[key]\n          : {\n              vnode: null,\n              selected: selected.value?.includes(key) ?? false,\n              indeterminate: false,\n              active: active.value?.includes(key) ?? false,\n              expanded: expanded.value?.includes(key) ?? false,\n            };\n        const node: NodeState = {\n          vnode: existNode.vnode,\n          item,\n          level,\n          parentKey,\n          childKeys: children.map((child: any) =>\n            getObjectValueByPath(child, props.itemKey),\n          ),\n          expanded: children.length > 0 && existNode.expanded,\n          active: existNode.active,\n          indeterminate: existNode.indeterminate,\n          selected: existNode.selected,\n        };\n\n        updateNodes(children, key, level + 1);\n\n        nodes.value[key] = node;\n        if (nodes.value[key].expanded) {\n          expandedSet.value.add(key);\n        }\n        if (nodes.value[key].selected) {\n          selectedSet.value.add(key);\n        }\n        if (nodes.value[key].active) {\n          activeSet.value.add(key);\n        }\n        issueVnodeState(key);\n      }\n    }\n\n    watch(\n      expandedSet,\n      (neo) => {\n        if (!props.search) {\n          expandedCache.value = [...neo];\n        }\n      },\n      { deep: true },\n    );\n\n    function expand(until: boolean | string | number = true) {\n      Object.entries(nodes.value).forEach(([key, node]) => {\n        if (until === true || until >= node.level) {\n          updateExpanded(key, true);\n        }\n      });\n      emitExpanded();\n      return expandedSet.value;\n    }\n\n    function stateWatcher(\n      value: any[],\n      stateSet: Ref<Set<CandidateKey>>,\n      updater: (key: CandidateKey, to: boolean) => void,\n      emitter: () => void,\n    ) {\n      const valuesOfKey = props.returnItem\n        ? value.map((v) => getObjectValueByPath(v, props.itemKey))\n        : value;\n      const old = [...stateSet.value];\n      if (deepEqual(old, valuesOfKey)) {\n        return;\n      }\n      old.forEach((key) => updater(key, false));\n      valuesOfKey.forEach((key) => updater(key, true));\n      emitter();\n    }\n\n    watch(expanded, (neo) => {\n      stateWatcher(neo, expandedSet, updateExpanded, emitExpanded);\n    });\n\n    watch(active, (neo) => {\n      stateWatcher(neo, activeSet, updateActive, emitActive);\n    });\n\n    watch(selected, (neo) => {\n      stateWatcher(neo, selectedSet, updateSelected, emitSelected);\n    });\n\n    watch(\n      () => props.items,\n      (neo: any[]) => {\n        const oldKeys = Object.keys(nodes.value).map((nodeKey) =>\n          getObjectValueByPath(nodes.value[nodeKey].item, props.itemKey),\n        );\n        const neoKeys = getKeys(\n          neo,\n          props.itemKey,\n          props.itemChildren as string,\n        );\n        const diff = differenceBetween(oldKeys, neoKeys);\n        if (diff.length < 1 && neoKeys.length < oldKeys.length) {\n          return;\n        }\n        diff.forEach((k) => delete nodes.value[k]);\n\n        // init\n        const oldSelected = [...selectedSet.value];\n        const oldActive = [...activeSet.value];\n        selectedSet.value.clear();\n        expandedSet.value.clear();\n        activeSet.value.clear();\n        updateNodes(neo);\n        if (!deepEqual(oldSelected, [...selectedSet.value])) {\n          emitSelected();\n        }\n        if (!deepEqual(oldActive, [...activeSet.value])) {\n          emitActive();\n        }\n      },\n      { deep: true, flush: 'sync' },\n    );\n\n    // Provide & Issue\n\n    updateNodes(props.items);\n\n    const renderLeaves = computed(() => {\n      return props.items.slice().filter((leaf) => {\n        return !isExcluded(getObjectValueByPath(leaf, props.itemKey));\n      });\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view': true,\n      };\n    });\n\n    const styles = computed(() => {\n      let color = props.activeColor;\n      if (props.activeColor && !isColorValue(props.activeColor)) {\n        color = `var(--y-theme-${props.activeColor})`;\n      }\n      return {\n        [`--y-tree-view__active-color`]: color,\n      };\n    });\n\n    onMounted(() => {\n      if (props.defaultExpand != null && props.defaultExpand !== false) {\n        expandedCache.value = [...expand(props.defaultExpand)];\n      } else {\n        expanded.value.forEach((v: any) => updateExpanded(getNodeKey(v), true));\n        emitExpanded();\n      }\n\n      for (const activeValue of props.active.map(getNodeKey)) {\n        updateActive(activeValue, true);\n      }\n\n      for (const selectedValue of props.selected.map(getNodeKey)) {\n        updateSelected(selectedValue, true);\n      }\n    });\n\n    expose({\n      expand,\n    });\n\n    useRender(() => {\n      return (\n        <>\n          <div class={classes.value} style={styles.value} role=\"tree\">\n            {searchLoading.value && <YProgressBar indeterminate />}\n            {renderLeaves.value.length > 0 ? (\n              renderLeaves.value.slice().map((leaf) => {\n                return (\n                  <YTreeViewNode\n                    v-slots={slots}\n                    key={getObjectValueByPath(leaf, props.itemKey)}\n                    {...{\n                      ...chooseProps(props, treeViewNodeProps),\n                      item: leaf,\n                      level: 0,\n                    }}\n                  ></YTreeViewNode>\n                );\n              })\n            ) : (\n              <div class=\"y-tree-view__no-data\">\n                {slots['no-data'] ? slots['no-data']() : <span>No Data</span>}\n              </div>\n            )}\n          </div>\n        </>\n      );\n    });\n\n    return {\n      nodes,\n      expandedSet,\n      selectedSet,\n      activeSet,\n      excludedSet,\n      searchLoading,\n      expandedCache,\n    };\n  },\n});\n\nexport type YTreeView = InstanceType<typeof YTreeView>;\n"],"mappings":"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"}
+{"version":3,"file":"YTreeView.mjs","names":["computed","defineComponent","onMounted","ref","shallowRef","watch","provideTreeView","useRender","differenceBetween","isColorValue","deepEqual","getObjectValueByPath","hasOwnProperty","chooseProps","debounce","YProgressBar","YTreeViewNode","pressYTreeViewNodeProps","filterTreeItem","filterTreeItems","getKeys","treeViewNodeProps","YTreeView","name","props","expanded","type","Array","default","active","multipleActive","Boolean","activeStrategy","String","selected","selectStrategy","returnItem","defaultExpand","Number","filter","Function","searchDebounceWait","emits","setup","_ref","slots","emit","expose","filterItemsFn","excludeItem","expandedCache","nodes","expandedSet","selectedSet","activeSet","searchLoading","excludedSet","issueVnodeState","updateExpanded","updateActive","updateSelected","emitExpanded","emitActive","emitSelected","isExcluded","items","search","arguments","length","undefined","excluded","Set","value","diff","forEach","key","item","itemKey","itemText","itemChildren","expand","getNodeKey","itemOrKey","updateNodes","parentKey","level","children","exist","existNode","vnode","includes","indeterminate","node","childKeys","map","child","add","neo","deep","until","Object","entries","_ref2","stateWatcher","stateSet","updater","emitter","valuesOfKey","v","old","oldKeys","keys","nodeKey","neoKeys","k","oldSelected","oldActive","clear","flush","renderLeaves","slice","leaf","classes","styles","color","activeColor","activeValue","selectedValue","_createVNode","_Fragment","_mergeProps","_createTextVNode"],"sources":["../../../src/components/tree-view/YTreeView.tsx"],"sourcesContent":["import {\n  type PropType,\n  type Ref,\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue';\n\nimport { provideTreeView } from '@/components/tree-view/tree-view';\nimport { useRender } from '@/composables/component';\nimport { CandidateKey } from '@/types';\nimport { differenceBetween } from '@/util/array';\nimport { isColorValue } from '@/util/color';\nimport { deepEqual, getObjectValueByPath, hasOwnProperty } from '@/util/common';\nimport { chooseProps } from '@/util/component';\nimport { debounce } from '@/util/debounce';\n\nimport { YProgressBar } from '../progress-bar';\nimport { YTreeViewNode, pressYTreeViewNodeProps } from './YTreeViewNode';\nimport { NodeState, TreeviewFilterFn } from './types';\nimport { filterTreeItem, filterTreeItems, getKeys } from './util';\n\nimport './YTreeView.scss';\n\nconst treeViewNodeProps = pressYTreeViewNodeProps();\n\nexport const YTreeView = defineComponent({\n  name: 'YTreeView',\n  props: {\n    expanded: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    active: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    multipleActive: Boolean,\n    activeStrategy: {\n      type: String as PropType<'independent' | 'cascade'>, // TODO: 'leaf'\n      default: 'independent',\n    },\n    selected: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    selectStrategy: {\n      type: String as PropType<'independent' | 'cascade'>, // TODO: 'leaf'\n      default: 'leaf',\n    },\n    returnItem: Boolean,\n    defaultExpand: [Boolean, String, Number],\n    filter: Function as PropType<TreeviewFilterFn>,\n    searchDebounceWait: {\n      type: Number as PropType<number>,\n      default: 700,\n    },\n    ...treeViewNodeProps,\n  },\n  emits: ['update:expanded', 'update:active', 'update:selected'],\n  setup(props, { slots, emit, expose }) {\n    const filterItemsFn = shallowRef(\n      debounce(excludeItem, props.searchDebounceWait),\n    );\n    const expandedCache = ref<CandidateKey[]>([]);\n\n    const {\n      nodes,\n      expanded,\n      active,\n      selected,\n      expandedSet,\n      selectedSet,\n      activeSet,\n      searchLoading,\n      excludedSet,\n      issueVnodeState,\n      updateExpanded,\n      updateActive,\n      updateSelected,\n      emitExpanded,\n      emitActive,\n      emitSelected,\n      isExcluded,\n    } = provideTreeView(props);\n\n    function excludeItem(items: any[], search = '', filter = filterTreeItem) {\n      const excluded = new Set<CandidateKey>();\n      if (!search) {\n        searchLoading.value = false;\n        excludedSet.value = excluded;\n        const diff = differenceBetween(expandedCache.value, [\n          ...expandedSet.value,\n        ]);\n        diff.forEach((key) => {\n          updateExpanded(key, false);\n        });\n        expandedCache.value.forEach((key) => {\n          updateExpanded(key, true);\n        });\n        return;\n      }\n      for (const item of items) {\n        filterTreeItems(\n          filter,\n          item,\n          search ?? '',\n          props.itemKey,\n          props.itemText,\n          props.itemChildren as string,\n          excluded,\n        );\n      }\n      excludedSet.value = excluded;\n      searchLoading.value = false;\n      expand();\n    }\n\n    watch(\n      () => props.search,\n      () => {\n        searchLoading.value = true;\n        filterItemsFn.value(props.items, props.search, props.filter);\n      },\n    );\n\n    // Util Methods\n    function getNodeKey(itemOrKey: any) {\n      return props.returnItem\n        ? getObjectValueByPath(itemOrKey, props.itemKey)\n        : itemOrKey;\n    }\n\n    // State Methods\n    function updateNodes(\n      items: any[],\n      parentKey: CandidateKey | null = null,\n      level = 0,\n    ) {\n      for (const item of items) {\n        const key = getObjectValueByPath(item, props.itemKey);\n        const children =\n          getObjectValueByPath(item, props.itemChildren as string) ?? [];\n        const exist = hasOwnProperty(nodes.value, key);\n        const existNode = exist\n          ? nodes.value[key]\n          : {\n              vnode: null,\n              selected: selected.value?.includes(key) ?? false,\n              indeterminate: false,\n              active: active.value?.includes(key) ?? false,\n              expanded: expanded.value?.includes(key) ?? false,\n            };\n        const node: NodeState = {\n          vnode: existNode.vnode,\n          item,\n          level,\n          parentKey,\n          childKeys: children.map((child: any) =>\n            getObjectValueByPath(child, props.itemKey),\n          ),\n          expanded: children.length > 0 && existNode.expanded,\n          active: existNode.active,\n          indeterminate: existNode.indeterminate,\n          selected: existNode.selected,\n        };\n\n        updateNodes(children, key, level + 1);\n\n        nodes.value[key] = node;\n        if (nodes.value[key].expanded) {\n          expandedSet.value.add(key);\n        }\n        if (nodes.value[key].selected) {\n          selectedSet.value.add(key);\n        }\n        if (nodes.value[key].active) {\n          activeSet.value.add(key);\n        }\n        issueVnodeState(key);\n      }\n    }\n\n    watch(\n      expandedSet,\n      (neo) => {\n        if (!props.search) {\n          expandedCache.value = [...neo];\n        }\n      },\n      { deep: true },\n    );\n\n    function expand(until: boolean | string | number = true) {\n      Object.entries(nodes.value).forEach(([key, node]) => {\n        if (until === true || until >= node.level) {\n          updateExpanded(key, true);\n        }\n      });\n      emitExpanded();\n      return expandedSet.value;\n    }\n\n    function stateWatcher(\n      value: any[],\n      stateSet: Ref<Set<CandidateKey>>,\n      updater: (key: CandidateKey, to: boolean) => void,\n      emitter: () => void,\n    ) {\n      const valuesOfKey = props.returnItem\n        ? value.map((v) => getObjectValueByPath(v, props.itemKey))\n        : value;\n      const old = [...stateSet.value];\n      if (deepEqual(old, valuesOfKey)) {\n        return;\n      }\n      old.forEach((key) => updater(key, false));\n      valuesOfKey.forEach((key) => updater(key, true));\n      emitter();\n    }\n\n    watch(expanded, (neo) => {\n      stateWatcher(neo, expandedSet, updateExpanded, emitExpanded);\n    });\n\n    watch(active, (neo) => {\n      stateWatcher(neo, activeSet, updateActive, emitActive);\n    });\n\n    watch(selected, (neo) => {\n      stateWatcher(neo, selectedSet, updateSelected, emitSelected);\n    });\n\n    watch(\n      () => props.items,\n      (neo: any[]) => {\n        const oldKeys = Object.keys(nodes.value).map((nodeKey) =>\n          getObjectValueByPath(nodes.value[nodeKey].item, props.itemKey),\n        );\n        const neoKeys = getKeys(\n          neo,\n          props.itemKey,\n          props.itemChildren as string,\n        );\n        const diff = differenceBetween(oldKeys, neoKeys);\n        if (diff.length < 1 && neoKeys.length < oldKeys.length) {\n          return;\n        }\n        diff.forEach((k) => delete nodes.value[k]);\n\n        // init\n        const oldSelected = [...selectedSet.value];\n        const oldActive = [...activeSet.value];\n        selectedSet.value.clear();\n        expandedSet.value.clear();\n        activeSet.value.clear();\n        updateNodes(neo);\n        if (!deepEqual(oldSelected, [...selectedSet.value])) {\n          emitSelected();\n        }\n        if (!deepEqual(oldActive, [...activeSet.value])) {\n          emitActive();\n        }\n        filterItemsFn.value(neo, props.search, props.filter);\n      },\n      { deep: true, flush: 'sync' },\n    );\n\n    // Provide & Issue\n\n    updateNodes(props.items);\n\n    const renderLeaves = computed(() => {\n      return props.items.slice().filter((leaf) => {\n        return !isExcluded(getObjectValueByPath(leaf, props.itemKey));\n      });\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view': true,\n      };\n    });\n\n    const styles = computed(() => {\n      let color = props.activeColor;\n      if (props.activeColor && !isColorValue(props.activeColor)) {\n        color = `var(--y-theme-${props.activeColor})`;\n      }\n      return {\n        [`--y-tree-view__active-color`]: color,\n      };\n    });\n\n    onMounted(() => {\n      if (props.search) {\n        searchLoading.value = true;\n        excludeItem(props.items, props.search, props.filter);\n      }\n\n      if (props.defaultExpand != null && props.defaultExpand !== false) {\n        expandedCache.value = [...expand(props.defaultExpand)];\n      } else {\n        expanded.value.forEach((v: any) => updateExpanded(getNodeKey(v), true));\n        emitExpanded();\n      }\n\n      for (const activeValue of props.active.map(getNodeKey)) {\n        updateActive(activeValue, true);\n      }\n\n      for (const selectedValue of props.selected.map(getNodeKey)) {\n        updateSelected(selectedValue, true);\n      }\n    });\n\n    expose({\n      expand,\n    });\n\n    useRender(() => {\n      return (\n        <>\n          <div class={classes.value} style={styles.value} role=\"tree\">\n            {searchLoading.value && <YProgressBar indeterminate />}\n            {renderLeaves.value.length > 0 ? (\n              renderLeaves.value.slice().map((leaf) => {\n                return (\n                  <YTreeViewNode\n                    v-slots={slots}\n                    key={getObjectValueByPath(leaf, props.itemKey)}\n                    {...{\n                      ...chooseProps(props, treeViewNodeProps),\n                      item: leaf,\n                      level: 0,\n                    }}\n                  ></YTreeViewNode>\n                );\n              })\n            ) : (\n              <div class=\"y-tree-view__no-data\">\n                {slots['no-data'] ? slots['no-data']() : <span>No Data</span>}\n              </div>\n            )}\n          </div>\n        </>\n      );\n    });\n\n    return {\n      nodes,\n      expandedSet,\n      selectedSet,\n      activeSet,\n      excludedSet,\n      searchLoading,\n      expandedCache,\n    };\n  },\n});\n\nexport type YTreeView = InstanceType<typeof YTreeView>;\n"],"mappings":"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"}

package/lib/composables/style-color.mjs

@@ -0,0 +1,37 @@
+import { computed } from 'vue';
+import { colorRgb, isColorValue } from "../util/index.mjs";
+export const styleColorPropsOptions = {
+  color: String,
+  background: String,
+  backgroundOpacity: {
+    type: Number,
+    default: 1
+  }
+};
+export function useStyleColor(props, name) {
+  const colorVars = computed(() => {
+    let {
+      color,
+      background
+    } = props;
+    if (!background) background = color;
+    if (color && !isColorValue(color)) {
+      color = `var(--y-theme-${color})`;
+    }
+    if (background) {
+      if (isColorValue(background)) {
+        background = `rgba(${colorRgb(background)}, ${props.backgroundOpacity})`;
+      } else if (!background.startsWith('var(')) {
+        background = `rgba(${`var(--y-theme-${background}-rgb)`}, ${props.backgroundOpacity})`;
+      }
+    }
+    return {
+      [`--y-${name}__color`]: color,
+      [`--y-${name}__background`]: background
+    };
+  });
+  return {
+    colorVars
+  };
+}
+//# sourceMappingURL=style-color.mjs.map

package/lib/composables/style-color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-color.mjs","names":["computed","colorRgb","isColorValue","styleColorPropsOptions","color","String","background","backgroundOpacity","type","Number","default","useStyleColor","props","name","colorVars","startsWith"],"sources":["../../src/composables/style-color.ts"],"sourcesContent":["import { ExtractPropTypes, computed } from 'vue';\n\nimport { colorRgb, isColorValue } from '@/util';\n\nexport const styleColorPropsOptions = {\n  color: String,\n  background: String,\n  backgroundOpacity: {\n    type: Number,\n    default: 1,\n  },\n};\n\nexport function useStyleColor(\n  props: ExtractPropTypes<typeof styleColorPropsOptions>,\n  name: string,\n) {\n  const colorVars = computed(() => {\n    let { color, background } = props;\n    if (!background) background = color;\n\n    if (color && !isColorValue(color)) {\n      color = `var(--y-theme-${color})`;\n    }\n\n    if (background) {\n      if (isColorValue(background)) {\n        background = `rgba(${colorRgb(background)}, ${props.backgroundOpacity})`;\n      } else if (!background.startsWith('var(')) {\n        background = `rgba(${`var(--y-theme-${background}-rgb)`}, ${props.backgroundOpacity})`;\n      }\n    }\n\n    return {\n      [`--y-${name}__color`]: color,\n      [`--y-${name}__background`]: background,\n    };\n  });\n\n  return {\n    colorVars,\n  };\n}\n"],"mappings":"AAAA,SAA2BA,QAAQ,QAAQ,KAAK;AAAC,SAExCC,QAAQ,EAAEC,YAAY;AAE/B,OAAO,MAAMC,sBAAsB,GAAG;EACpCC,KAAK,EAAEC,MAAM;EACbC,UAAU,EAAED,MAAM;EAClBE,iBAAiB,EAAE;IACjBC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,SAASC,aAAaA,CAC3BC,KAAsD,EACtDC,IAAY,EACZ;EACA,MAAMC,SAAS,GAAGd,QAAQ,CAAC,MAAM;IAC/B,IAAI;MAAEI,KAAK;MAAEE;IAAW,CAAC,GAAGM,KAAK;IACjC,IAAI,CAACN,UAAU,EAAEA,UAAU,GAAGF,KAAK;IAEnC,IAAIA,KAAK,IAAI,CAACF,YAAY,CAACE,KAAK,CAAC,EAAE;MACjCA,KAAK,GAAI,iBAAgBA,KAAM,GAAE;IACnC;IAEA,IAAIE,UAAU,EAAE;MACd,IAAIJ,YAAY,CAACI,UAAU,CAAC,EAAE;QAC5BA,UAAU,GAAI,QAAOL,QAAQ,CAACK,UAAU,CAAE,KAAIM,KAAK,CAACL,iBAAkB,GAAE;MAC1E,CAAC,MAAM,IAAI,CAACD,UAAU,CAACS,UAAU,CAAC,MAAM,CAAC,EAAE;QACzCT,UAAU,GAAI,QAAQ,iBAAgBA,UAAW,OAAO,KAAIM,KAAK,CAACL,iBAAkB,GAAE;MACxF;IACF;IAEA,OAAO;MACL,CAAE,OAAMM,IAAK,SAAQ,GAAGT,KAAK;MAC7B,CAAE,OAAMS,IAAK,cAAa,GAAGP;IAC/B,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLQ;EACF,CAAC;AACH"}

package/lib/index.mjs

@@ -32,7 +32,8 @@ export function init() {
         ...i18nModule.rtlModule
       },
       date: dateModule,
-      defaults: defaultsModule
+      defaults: defaultsModule,
+      icon: iconModule
     });
     Object.keys(components).forEach(componentName => {
       const comp = components[componentName];

package/lib/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["getCurrentInstance","nextTick","reactive","allComponents","YUYEON_DATE_KEY","YUYEON_DATE_OPTIONS_KEY","createDateModule","createDefaultsModule","YUYEON_DEFAULTS_KEY","createI18nModule","YUYEON_I18N_KEY","YUYEON_ICON_KEY","createIconModule","YUYEON_THEME_KEY","createThemeModule","useTheme","PlateWave","YUYEON_LOGO","defaultOptions","credit","init","options","arguments","length","undefined","defaultsModule","defaults","themeModule","theme","i18nModule","i18n","dateModule","date","localeModule","iconModule","icon","components","install","app","yuyeon","root","instance","rtlModule","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_container","_instance","classList","add","setAttribute","console","log","unmount","mount","vm","scope","stop","useYuyeon","Error","appContext"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Component, ComponentInternalInstance } from 'vue';\r\nimport { getCurrentInstance, nextTick, reactive } from 'vue';\r\n\r\nimport * as allComponents from '@/components/';\r\nimport {\r\n  YUYEON_DATE_KEY,\r\n  YUYEON_DATE_OPTIONS_KEY,\r\n  createDateModule,\r\n} from '@/composables/date';\r\nimport { createDefaultsModule } from '@/composables/defaults';\r\nimport { YUYEON_DEFAULTS_KEY } from '@/composables/defaults/share';\r\nimport { createI18nModule } from '@/composables/i18n';\r\nimport { YUYEON_I18N_KEY } from '@/composables/i18n/share';\r\nimport { YUYEON_ICON_KEY, createIconModule } from '@/composables/icon';\r\nimport {\r\n  YUYEON_THEME_KEY,\r\n  createThemeModule,\r\n  useTheme,\r\n} from '@/composables/theme';\r\nimport PlateWave from '@/directives/plate-wave';\r\nimport { YUYEON_LOGO } from '@/etc';\r\n\r\nimport './styles/base.scss';\r\n\r\nconst defaultOptions = {\r\n  credit: true,\r\n};\r\n\r\ndeclare module 'vue' {\r\n  interface ComponentCustomProperties {\r\n    $yuyeon: any;\r\n  }\r\n}\r\n\r\nexport function init(options: any = defaultOptions) {\r\n  const defaultsModule = createDefaultsModule(options?.defaults);\r\n  const themeModule = createThemeModule(options?.theme);\r\n  const i18nModule = createI18nModule(options?.i18n);\r\n  const dateModule = createDateModule(options?.date, i18nModule.localeModule);\r\n  const iconModule = createIconModule(options?.icon);\r\n  const components = options?.components ?? allComponents;\r\n\r\n  const install = (app: App) => {\r\n    themeModule.install(app);\r\n\r\n    const yuyeon = reactive({\r\n      app: null as ComponentInternalInstance | null,\r\n      root: null as HTMLElement | null,\r\n      theme: themeModule.instance,\r\n      i18n: {\r\n        ...i18nModule.localeModule,\r\n        ...i18nModule.rtlModule,\r\n      },\r\n      date: dateModule,\r\n      defaults: defaultsModule,\r\n    });\r\n\r\n    Object.keys(components).forEach((componentName) => {\r\n      const comp = components[componentName as keyof typeof components];\r\n      if (typeof comp === 'object' && 'name' in comp)\r\n        app.component(componentName, comp as Component);\r\n    });\r\n\r\n    app.directive('plate-wave', PlateWave);\r\n\r\n    app.provide(YUYEON_DEFAULTS_KEY, defaultsModule);\r\n    app.provide(YUYEON_THEME_KEY, themeModule.instance);\r\n    app.provide(YUYEON_ICON_KEY, iconModule);\r\n    app.provide(YUYEON_I18N_KEY, {\r\n      ...i18nModule.localeModule,\r\n      ...i18nModule.rtlModule,\r\n    });\r\n    app.provide(YUYEON_DATE_OPTIONS_KEY, dateModule.options);\r\n    app.provide(YUYEON_DATE_KEY, dateModule.instance);\r\n\r\n    app.config.globalProperties.$yuyeon = yuyeon;\r\n\r\n    nextTick(() => {\r\n      yuyeon.root = app._container;\r\n      yuyeon.app = app._instance as any;\r\n      if (yuyeon.root) {\r\n        yuyeon.root.classList.add('y-root');\r\n        yuyeon.root.setAttribute('data-y-root', '');\r\n        themeModule.init(yuyeon);\r\n      }\r\n    });\r\n\r\n    if (options?.credit) {\r\n      console.log(YUYEON_LOGO);\r\n    }\r\n    const { unmount, mount } = app;\r\n    app.mount = (...args) => {\r\n      const vm = mount(...args);\r\n      if (!yuyeon.app) {\r\n        yuyeon.app = app._instance as any;\r\n      }\r\n      if (!yuyeon.root) {\r\n        nextTick(() => {\r\n          yuyeon.root = app._container;\r\n          if (yuyeon.root) {\r\n            yuyeon.root.classList.add('y-root');\r\n            yuyeon.root.setAttribute('data-y-root', '');\r\n            themeModule.init(yuyeon);\r\n          }\r\n        });\r\n      }\r\n      app.mount = mount;\r\n      return vm;\r\n    };\r\n    app.unmount = () => {\r\n      unmount();\r\n      themeModule.scope.stop();\r\n      app.unmount = unmount;\r\n    };\r\n  };\r\n\r\n  return {\r\n    install,\r\n  };\r\n}\r\n\r\nexport function useYuyeon() {\r\n  const vm = getCurrentInstance();\r\n  if (!vm) throw new Error('[yuyeon] Called outside of setup context');\r\n\r\n  return vm.appContext.config.globalProperties.$yuyeon;\r\n}\r\n\r\nexport { useTheme };\r\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["getCurrentInstance","nextTick","reactive","allComponents","YUYEON_DATE_KEY","YUYEON_DATE_OPTIONS_KEY","createDateModule","createDefaultsModule","YUYEON_DEFAULTS_KEY","createI18nModule","YUYEON_I18N_KEY","YUYEON_ICON_KEY","createIconModule","YUYEON_THEME_KEY","createThemeModule","useTheme","PlateWave","YUYEON_LOGO","defaultOptions","credit","init","options","arguments","length","undefined","defaultsModule","defaults","themeModule","theme","i18nModule","i18n","dateModule","date","localeModule","iconModule","icon","components","install","app","yuyeon","root","instance","rtlModule","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_container","_instance","classList","add","setAttribute","console","log","unmount","mount","vm","scope","stop","useYuyeon","Error","appContext"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Component, ComponentInternalInstance } from 'vue';\r\nimport { getCurrentInstance, nextTick, reactive } from 'vue';\r\n\r\nimport * as allComponents from '@/components/';\r\nimport {\r\n  YUYEON_DATE_KEY,\r\n  YUYEON_DATE_OPTIONS_KEY,\r\n  createDateModule,\r\n} from '@/composables/date';\r\nimport { createDefaultsModule } from '@/composables/defaults';\r\nimport { YUYEON_DEFAULTS_KEY } from '@/composables/defaults/share';\r\nimport { createI18nModule } from '@/composables/i18n';\r\nimport { YUYEON_I18N_KEY } from '@/composables/i18n/share';\r\nimport { YUYEON_ICON_KEY, createIconModule } from '@/composables/icon';\r\nimport {\r\n  YUYEON_THEME_KEY,\r\n  createThemeModule,\r\n  useTheme,\r\n} from '@/composables/theme';\r\nimport PlateWave from '@/directives/plate-wave';\r\nimport { YUYEON_LOGO } from '@/etc';\r\n\r\nimport './styles/base.scss';\r\n\r\nconst defaultOptions = {\r\n  credit: true,\r\n};\r\n\r\ndeclare module 'vue' {\r\n  interface ComponentCustomProperties {\r\n    $yuyeon: any;\r\n  }\r\n}\r\n\r\nexport function init(options: any = defaultOptions) {\r\n  const defaultsModule = createDefaultsModule(options?.defaults);\r\n  const themeModule = createThemeModule(options?.theme);\r\n  const i18nModule = createI18nModule(options?.i18n);\r\n  const dateModule = createDateModule(options?.date, i18nModule.localeModule);\r\n  const iconModule = createIconModule(options?.icon);\r\n  const components = options?.components ?? allComponents;\r\n\r\n  const install = (app: App) => {\r\n    themeModule.install(app);\r\n\r\n    const yuyeon = reactive({\r\n      app: null as ComponentInternalInstance | null,\r\n      root: null as HTMLElement | null,\r\n      theme: themeModule.instance,\r\n      i18n: {\r\n        ...i18nModule.localeModule,\r\n        ...i18nModule.rtlModule,\r\n      },\r\n      date: dateModule,\r\n      defaults: defaultsModule,\r\n      icon: iconModule,\r\n    });\r\n\r\n    Object.keys(components).forEach((componentName) => {\r\n      const comp = components[componentName as keyof typeof components];\r\n      if (typeof comp === 'object' && 'name' in comp)\r\n        app.component(componentName, comp as Component);\r\n    });\r\n\r\n    app.directive('plate-wave', PlateWave);\r\n\r\n    app.provide(YUYEON_DEFAULTS_KEY, defaultsModule);\r\n    app.provide(YUYEON_THEME_KEY, themeModule.instance);\r\n    app.provide(YUYEON_ICON_KEY, iconModule);\r\n    app.provide(YUYEON_I18N_KEY, {\r\n      ...i18nModule.localeModule,\r\n      ...i18nModule.rtlModule,\r\n    });\r\n    app.provide(YUYEON_DATE_OPTIONS_KEY, dateModule.options);\r\n    app.provide(YUYEON_DATE_KEY, dateModule.instance);\r\n\r\n    app.config.globalProperties.$yuyeon = yuyeon;\r\n\r\n    nextTick(() => {\r\n      yuyeon.root = app._container;\r\n      yuyeon.app = app._instance as any;\r\n      if (yuyeon.root) {\r\n        yuyeon.root.classList.add('y-root');\r\n        yuyeon.root.setAttribute('data-y-root', '');\r\n        themeModule.init(yuyeon);\r\n      }\r\n    });\r\n\r\n    if (options?.credit) {\r\n      console.log(YUYEON_LOGO);\r\n    }\r\n    const { unmount, mount } = app;\r\n    app.mount = (...args) => {\r\n      const vm = mount(...args);\r\n      if (!yuyeon.app) {\r\n        yuyeon.app = app._instance as any;\r\n      }\r\n      if (!yuyeon.root) {\r\n        nextTick(() => {\r\n          yuyeon.root = app._container;\r\n          if (yuyeon.root) {\r\n            yuyeon.root.classList.add('y-root');\r\n            yuyeon.root.setAttribute('data-y-root', '');\r\n            themeModule.init(yuyeon);\r\n          }\r\n        });\r\n      }\r\n      app.mount = mount;\r\n      return vm;\r\n    };\r\n    app.unmount = () => {\r\n      unmount();\r\n      themeModule.scope.stop();\r\n      app.unmount = unmount;\r\n    };\r\n  };\r\n\r\n  return {\r\n    install,\r\n  };\r\n}\r\n\r\nexport function useYuyeon() {\r\n  const vm = getCurrentInstance();\r\n  if (!vm) throw new Error('[yuyeon] Called outside of setup context');\r\n\r\n  return vm.appContext.config.globalProperties.$yuyeon;\r\n}\r\n\r\nexport { useTheme };\r\n"],"mappings":"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"}

package/lib/util/color/index.mjs

@@ -12,9 +12,25 @@
 *   https://github.com/vuetifyjs/vuetify
 * */
 import { HEX_COLOR_REGEX, RGBA_REGEX } from "./const.mjs";
+import { rgbFromHex } from "./../index.mjs";
 export function isColorValue(value) {
   return RGBA_REGEX.test(value) || HEX_COLOR_REGEX.test(value);
 }
+export function colorRgb(color) {
+  if (color?.startsWith('#')) {
+    return rgbFromHex(color)?.join(',') || '';
+  }
+  const RGBA_REGEX = /rgb(a?)\((?<v>.*)\)/;
+  if (RGBA_REGEX.test(color)) {
+    const value = RGBA_REGEX.exec(color)?.[2] || '';
+    if (value) {
+      const valueArray = value.trim().split(',');
+      valueArray.splice(3, 1);
+      return valueArray.join(',');
+    }
+  }
+  return '';
+}
 export function isTextColorIsLight(r, g, b) {
   const luminance = 1 - (0.299 * r + 0.587 * g + 0.114 * b) / 255;
   return luminance < 0.5;

package/lib/util/color/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["HEX_COLOR_REGEX","RGBA_REGEX","isColorValue","value","test","isTextColorIsLight","r","g","b","luminance"],"sources":["../../../src/util/color/index.ts"],"sourcesContent":["/*\r\n* yuyeon\r\n* Apache-2.0 license (Copyright 2023 yeonyew)\r\n*\r\n* Used Libs\r\n* - material-color-utilities\r\n*   Apache-2.0 license (Copyright 2021 Google LLC)\r\n*   https://github.com/material-foundation/material-color-utilities\r\n*\r\n* - Vuetify\r\n*   MIT license (Copyright (c) 2016-2023 John Jeremy Leider)\r\n*   https://github.com/vuetifyjs/vuetify\r\n* */\r\n\r\nimport { HEX_COLOR_REGEX, RGBA_REGEX } from \"./const\";\r\n\r\nexport function isColorValue(value: string): boolean {\r\n  return RGBA_REGEX.test(value) || HEX_COLOR_REGEX.test(value);\r\n}\r\n\r\nexport function isTextColorIsLight(r: number, g: number, b: number): boolean {\r\n  const luminance = 1 - (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n  return luminance < 0.5;\r\n}\r\n\r\nexport * from './const';\r\nexport * from \"./conversion\";\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,SAcSA,eAAe,EAAEC,UAAU;AAEpC,OAAO,SAASC,YAAYA,CAACC,KAAa,EAAW;EACnD,OAAOF,UAAU,CAACG,IAAI,CAACD,KAAK,CAAC,IAAIH,eAAe,CAACI,IAAI,CAACD,KAAK,CAAC;AAC9D;AAEA,OAAO,SAASE,kBAAkBA,CAACC,CAAS,EAAEC,CAAS,EAAEC,CAAS,EAAW;EAC3E,MAAMC,SAAS,GAAG,CAAC,GAAG,CAAC,KAAK,GAAGH,CAAC,GAAG,KAAK,GAAGC,CAAC,GAAG,KAAK,GAAGC,CAAC,IAAI,GAAG;EAC/D,OAAOC,SAAS,GAAG,GAAG;AACxB;AAAC;AAAA"}
+{"version":3,"file":"index.mjs","names":["HEX_COLOR_REGEX","RGBA_REGEX","rgbFromHex","isColorValue","value","test","colorRgb","color","startsWith","join","exec","valueArray","trim","split","splice","isTextColorIsLight","r","g","b","luminance"],"sources":["../../../src/util/color/index.ts"],"sourcesContent":["/*\r\n* yuyeon\r\n* Apache-2.0 license (Copyright 2023 yeonyew)\r\n*\r\n* Used Libs\r\n* - material-color-utilities\r\n*   Apache-2.0 license (Copyright 2021 Google LLC)\r\n*   https://github.com/material-foundation/material-color-utilities\r\n*\r\n* - Vuetify\r\n*   MIT license (Copyright (c) 2016-2023 John Jeremy Leider)\r\n*   https://github.com/vuetifyjs/vuetify\r\n* */\r\n\r\nimport { HEX_COLOR_REGEX, RGBA_REGEX } from \"./const\";\r\nimport { rgbFromHex } from '@/util';\r\n\r\nexport function isColorValue(value: string): boolean {\r\n  return RGBA_REGEX.test(value) || HEX_COLOR_REGEX.test(value);\r\n}\r\n\r\nexport function colorRgb(color: string): string {\r\n  if (color?.startsWith('#')) {\r\n    return rgbFromHex(color)?.join(',') || '';\r\n  }\r\n  const RGBA_REGEX = /rgb(a?)\\((?<v>.*)\\)/;\r\n  if (RGBA_REGEX.test(color)) {\r\n    const value = RGBA_REGEX.exec(color)?.[2] || '';\r\n    if (value) {\r\n      const valueArray = value.trim().split(',');\r\n      valueArray.splice(3, 1);\r\n      return valueArray.join(',');\r\n    }\r\n  }\r\n  return '';\r\n}\r\n\r\nexport function isTextColorIsLight(r: number, g: number, b: number): boolean {\r\n  const luminance = 1 - (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n  return luminance < 0.5;\r\n}\r\n\r\nexport * from './const';\r\nexport * from \"./conversion\";\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,SAcSA,eAAe,EAAEC,UAAU;AAAA,SAC3BC,UAAU;AAEnB,OAAO,SAASC,YAAYA,CAACC,KAAa,EAAW;EACnD,OAAOH,UAAU,CAACI,IAAI,CAACD,KAAK,CAAC,IAAIJ,eAAe,CAACK,IAAI,CAACD,KAAK,CAAC;AAC9D;AAEA,OAAO,SAASE,QAAQA,CAACC,KAAa,EAAU;EAC9C,IAAIA,KAAK,EAAEC,UAAU,CAAC,GAAG,CAAC,EAAE;IAC1B,OAAON,UAAU,CAACK,KAAK,CAAC,EAAEE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;EAC3C;EACA,MAAMR,UAAU,GAAG,qBAAqB;EACxC,IAAIA,UAAU,CAACI,IAAI,CAACE,KAAK,CAAC,EAAE;IAC1B,MAAMH,KAAK,GAAGH,UAAU,CAACS,IAAI,CAACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC/C,IAAIH,KAAK,EAAE;MACT,MAAMO,UAAU,GAAGP,KAAK,CAACQ,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;MAC1CF,UAAU,CAACG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;MACvB,OAAOH,UAAU,CAACF,IAAI,CAAC,GAAG,CAAC;IAC7B;EACF;EACA,OAAO,EAAE;AACX;AAEA,OAAO,SAASM,kBAAkBA,CAACC,CAAS,EAAEC,CAAS,EAAEC,CAAS,EAAW;EAC3E,MAAMC,SAAS,GAAG,CAAC,GAAG,CAAC,KAAK,GAAGH,CAAC,GAAG,KAAK,GAAGC,CAAC,GAAG,KAAK,GAAGC,CAAC,IAAI,GAAG;EAC/D,OAAOC,SAAS,GAAG,GAAG;AACxB;AAAC;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.3.0",
+  "version": "0.3.1-rc.2",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/badge/YBadge.d.ts

@@ -2,19 +2,39 @@ import { PropType } from 'vue';
 import { IconValue } from '../../composables/icon';
 
 export declare const pressYBadgePropsOptions: <Defaults extends {
+    color?: unknown;
+    background?: unknown;
+    backgroundOpacity?: unknown;
     tag?: unknown;
     dot?: unknown;
     bordered?: unknown;
     floating?: unknown;
     inline?: unknown;
     icon?: unknown;
-    color?: unknown;
     hide?: unknown;
     label?: unknown;
     content?: unknown;
     max?: unknown;
     transition?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    background: unknown extends Defaults["background"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["background"] ? string : string | Defaults["background"]>;
+        default: unknown extends Defaults["background"] ? string : string | Defaults["background"];
+    };
+    backgroundOpacity: unknown extends Defaults["backgroundOpacity"] ? {
+        type: NumberConstructor;
+        default: number;
+    } : Omit<{
+        type: NumberConstructor;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"]>;
+        default: unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"];
+    };
     tag: unknown extends Defaults["tag"] ? {
         type: PropType<string>;
         default: string;
@@ -45,10 +65,6 @@ export declare const pressYBadgePropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"]>;
         default: unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"];
     };
-    color: unknown extends Defaults["color"] ? StringConstructor : {
-        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
-        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
-    };
     hide: unknown extends Defaults["hide"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["hide"] ? boolean : boolean | Defaults["hide"]>;
         default: unknown extends Defaults["hide"] ? boolean : boolean | Defaults["hide"];
@@ -83,6 +99,12 @@ export declare const pressYBadgePropsOptions: <Defaults extends {
     };
 };
 export declare const YBadge: import('vue').DefineComponent<{
+    color: StringConstructor;
+    background: StringConstructor;
+    backgroundOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
     tag: {
         type: PropType<string>;
         default: string;
@@ -92,7 +114,6 @@ export declare const YBadge: import('vue').DefineComponent<{
     floating: BooleanConstructor;
     inline: BooleanConstructor;
     icon: PropType<IconValue>;
-    color: StringConstructor;
     hide: BooleanConstructor;
     label: {
         type: StringConstructor;

package/types/components/chip/YChip.d.ts

@@ -1,10 +1,14 @@
 
 export declare const pressYChipPropsOptions: <Defaults extends {
+    small?: unknown;
     color?: unknown;
     background?: unknown;
     backgroundOpacity?: unknown;
-    small?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    small: unknown extends Defaults["small"] ? BooleanConstructor : {
+        type: import('vue').PropType<unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"]>;
+        default: unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"];
+    };
     color: unknown extends Defaults["color"] ? StringConstructor : {
         type: import('vue').PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
         default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
@@ -23,18 +27,14 @@ export declare const pressYChipPropsOptions: <Defaults extends {
         type: import('vue').PropType<unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"]>;
         default: unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"];
     };
-    small: unknown extends Defaults["small"] ? BooleanConstructor : {
-        type: import('vue').PropType<unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"]>;
-        default: unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"];
-    };
 };
 export declare const YChip: import('vue').DefineComponent<{
+    small: BooleanConstructor;
     color: StringConstructor;
     background: StringConstructor;
     backgroundOpacity: {
         type: NumberConstructor;
         default: number;
     };
-    small: BooleanConstructor;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YChip = InstanceType<typeof YChip>;