yuyeon 0.0.42-rc2 → 0.0.42-rc24

package/lib/components/icon/YIcon.mjs

@@ -0,0 +1,62 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+import { IconValue, useIcon } from "../../composables/icon.mjs";
+import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.mjs";
+import { toStyleSizeValue } from "../../util/index.mjs";
+import { propsFactory } from "../../util/vue-component.mjs";
+import "./YIcon.scss";
+export const pressYIconPropsOptions = propsFactory({
+  color: String,
+  gap: String,
+  icon: IconValue,
+  tag: {
+    type: String,
+    default: 'i'
+  },
+  size: {
+    type: [String, Number]
+  },
+  class: [String, Array],
+  ...pressThemePropsOptions()
+}, 'YIcon');
+export const YIcon = defineComponent({
+  name: 'YIcon',
+  props: pressYIconPropsOptions(),
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const iconCode = ref();
+    const {
+      themeClasses
+    } = useLocalTheme(props);
+    const {
+      iconData
+    } = useIcon(computed(() => iconCode.value || props.icon));
+    useRender(() => {
+      const defaultSlot = slots.default?.();
+      if (defaultSlot) {
+        iconCode.value = defaultSlot.filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
+      }
+      return _createVNode(iconData.value.component, {
+        "tag": props.tag,
+        "icon": iconData.value.icon,
+        "class": ['y-icon', 'notranslate', themeClasses.value, {
+          'y-icon--clickable': !!attrs.onClick
+        }, props.class],
+        "style": {
+          fontSize: toStyleSizeValue(props.size),
+          width: toStyleSizeValue(props.size),
+          height: toStyleSizeValue(props.size)
+        },
+        "role": attrs.onClick ? 'button' : undefined,
+        "aria-hidden": !attrs.onClick
+      }, {
+        default: () => [defaultSlot]
+      });
+    });
+  }
+});
+//# sourceMappingURL=YIcon.mjs.map

package/lib/components/icon/YIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YIcon.mjs","names":["computed","defineComponent","ref","useRender","IconValue","useIcon","pressThemePropsOptions","useLocalTheme","toStyleSizeValue","propsFactory","pressYIconPropsOptions","color","String","gap","icon","tag","type","default","size","Number","class","Array","YIcon","name","props","setup","_ref","attrs","slots","iconCode","themeClasses","iconData","value","defaultSlot","filter","node","Text","children","_createVNode","component","onClick","fontSize","width","height","undefined"],"sources":["../../../src/components/icon/YIcon.tsx"],"sourcesContent":["import { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { IconValue, useIcon } from '../../composables/icon';\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\nimport { toStyleSizeValue } from '../../util';\nimport { propsFactory } from '../../util/vue-component';\n\nimport './YIcon.scss';\n\nexport const pressYIconPropsOptions = propsFactory(\n  {\n    color: String,\n    gap: String,\n    icon: IconValue,\n    tag: {\n      type: String,\n      default: 'i',\n    },\n    size: {\n      type: [String, Number],\n    },\n    class: [String, Array] as PropType<any>,\n    ...pressThemePropsOptions(),\n  },\n  'YIcon',\n);\n\nexport const YIcon = defineComponent({\n  name: 'YIcon',\n  props: pressYIconPropsOptions(),\n  setup(props, { attrs, slots }) {\n    const iconCode = ref<string>();\n\n    const { themeClasses } = useLocalTheme(props);\n    const { iconData } = useIcon(computed(() => iconCode.value || props.icon));\n\n    useRender(() => {\n      const defaultSlot = slots.default?.();\n      if (defaultSlot) {\n        iconCode.value = defaultSlot.filter(\n          (node) =>\n            node.type === Text &&\n            node.children &&\n            typeof node.children === 'string',\n        )[0]?.children as string;\n      }\n\n      return (\n        <iconData.value.component\n          tag={props.tag}\n          icon={iconData.value.icon}\n          class={[\n            'y-icon',\n            'notranslate',\n            themeClasses.value,\n            {\n              'y-icon--clickable': !!attrs.onClick,\n            },\n            props.class,\n          ]}\n          style={{\n            fontSize: toStyleSizeValue(props.size),\n            width: toStyleSizeValue(props.size),\n            height: toStyleSizeValue(props.size),\n          }}\n          role={attrs.onClick ? 'button' : undefined}\n          aria-hidden={!attrs.onClick}\n        >\n          {defaultSlot}\n        </iconData.value.component>\n      );\n    });\n  },\n});\n\nexport type YIconIconProp = IconValue & Omit<PropType<YIcon['$props']>, 'icon'>;\n\nexport type YIcon = InstanceType<typeof YIcon>;\n"],"mappings":";AAAA,SAAmBA,QAAQ,EAAEC,eAAe,EAAEC,GAAG,QAAQ,KAAK;AAAC,SAEtDC,SAAS;AAAA,SACTC,SAAS,EAAEC,OAAO;AAAA,SAClBC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,gBAAgB;AAAA,SAChBC,YAAY;AAErB;AAEA,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACEE,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAED,MAAM;EACXE,IAAI,EAAEV,SAAS;EACfW,GAAG,EAAE;IACHC,IAAI,EAAEJ,MAAM;IACZK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJF,IAAI,EAAE,CAACJ,MAAM,EAAEO,MAAM;EACvB,CAAC;EACDC,KAAK,EAAE,CAACR,MAAM,EAAES,KAAK,CAAkB;EACvC,GAAGf,sBAAsB,CAAC;AAC5B,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMgB,KAAK,GAAGrB,eAAe,CAAC;EACnCsB,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEd,sBAAsB,CAAC,CAAC;EAC/Be,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,QAAQ,GAAG3B,GAAG,CAAS,CAAC;IAE9B,MAAM;MAAE4B;IAAa,CAAC,GAAGvB,aAAa,CAACiB,KAAK,CAAC;IAC7C,MAAM;MAAEO;IAAS,CAAC,GAAG1B,OAAO,CAACL,QAAQ,CAAC,MAAM6B,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACV,IAAI,CAAC,CAAC;IAE1EX,SAAS,CAAC,MAAM;MACd,MAAM8B,WAAW,GAAGL,KAAK,CAACX,OAAO,GAAG,CAAC;MACrC,IAAIgB,WAAW,EAAE;QACfJ,QAAQ,CAACG,KAAK,GAAGC,WAAW,CAACC,MAAM,CAChCC,IAAI,IACHA,IAAI,CAACnB,IAAI,KAAKoB,IAAI,IAClBD,IAAI,CAACE,QAAQ,IACb,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAC7B,CAAC,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAAC,YAAA,CAAAP,QAAA,CAAAC,KAAA,CAAAO,SAAA;QAAA,OAESf,KAAK,CAACT,GAAG;QAAA,QACRgB,QAAQ,CAACC,KAAK,CAAClB,IAAI;QAAA,SAClB,CACL,QAAQ,EACR,aAAa,EACbgB,YAAY,CAACE,KAAK,EAClB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACa;QAC/B,CAAC,EACDhB,KAAK,CAACJ,KAAK,CACZ;QAAA,SACM;UACLqB,QAAQ,EAAEjC,gBAAgB,CAACgB,KAAK,CAACN,IAAI,CAAC;UACtCwB,KAAK,EAAElC,gBAAgB,CAACgB,KAAK,CAACN,IAAI,CAAC;UACnCyB,MAAM,EAAEnC,gBAAgB,CAACgB,KAAK,CAACN,IAAI;QACrC,CAAC;QAAA,QACKS,KAAK,CAACa,OAAO,GAAG,QAAQ,GAAGI,SAAS;QAAA,eAC7B,CAACjB,KAAK,CAACa;MAAO;QAAAvB,OAAA,EAAAA,CAAA,MAE1BgB,WAAW;MAAA;IAGlB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/icon/YIcon.scss

@@ -0,0 +1,18 @@
+.y-icon {
+  position: relative;
+  font-feature-settings: "liga";
+  text-indent: 0;
+  text-align: center;
+  letter-spacing: normal;
+  min-width: 1em;
+  line-height: 1;
+  user-select: none;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  > * {
+    display: inline-block;
+  }
+}

package/lib/components/icon/index.mjs

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

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

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

package/lib/components/icon/poly.mjs

@@ -0,0 +1,57 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from 'vue';
+import { IconValue } from "../../composables/icon.mjs";
+import { propsFactory } from "../../util/index.mjs";
+export const pressIconPropsOptions = propsFactory({
+  icon: {
+    type: IconValue
+  },
+  tag: {
+    type: String,
+    required: true
+  }
+}, 'icon');
+export const YComponentIcon = defineComponent({
+  name: 'YComponentIcon',
+  props: pressIconPropsOptions(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      const Icon = props.icon;
+      return _createVNode(props.tag, null, {
+        default: () => [props.icon ? _createVNode(Icon, null, null) : slots.default?.()]
+      });
+    };
+  }
+});
+export const YSvgIcon = defineComponent({
+  name: 'YSvgIcon',
+  inheritAttrs: false,
+  props: pressIconPropsOptions(),
+  setup(props, _ref2) {
+    let {
+      attrs
+    } = _ref2;
+    return () => {
+      return _createVNode(props.tag, attrs, {
+        default: () => [_createVNode("svg", {
+          "class": "y-icon__svg",
+          "xmlns": "http://www.w3.org/2000/svg",
+          "viewBox": "0 0 24 24",
+          "role": "img",
+          "aria-hidden": "true"
+        }, [Array.isArray(props.icon) ? props.icon.map(path => Array.isArray(path) ? _createVNode("path", {
+          "d": path[0],
+          "fill-opacity": path[1]
+        }, null) : _createVNode("path", {
+          "d": path
+        }, null)) : _createVNode("path", {
+          "d": props.icon
+        }, null)])]
+      });
+    };
+  }
+});
+//# sourceMappingURL=poly.mjs.map

package/lib/components/icon/poly.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"poly.mjs","names":["defineComponent","IconValue","propsFactory","pressIconPropsOptions","icon","type","tag","String","required","YComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","default","YSvgIcon","inheritAttrs","_ref2","attrs","Array","isArray","map","path"],"sources":["../../../src/components/icon/poly.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\n\nimport { IconValue } from '../../composables/icon';\nimport { JSXComponent } from '../../types';\nimport { propsFactory } from '../../util';\n\nexport const pressIconPropsOptions = propsFactory(\n  {\n    icon: {\n      type: IconValue,\n    },\n    tag: {\n      type: String,\n      required: true,\n    },\n  },\n  'icon',\n);\n\nexport const YComponentIcon = defineComponent({\n  name: 'YComponentIcon',\n  props: pressIconPropsOptions(),\n  setup(props, { slots }) {\n    return () => {\n      const Icon = props.icon as JSXComponent;\n      return <props.tag>{props.icon ? <Icon /> : slots.default?.()}</props.tag>;\n    };\n  },\n});\nexport type YComponentIcon = InstanceType<typeof YComponentIcon>;\n\nexport const YSvgIcon = defineComponent({\n  name: 'YSvgIcon',\n  inheritAttrs: false,\n  props: pressIconPropsOptions(),\n  setup(props, { attrs }) {\n    return () => {\n      return (\n        <props.tag {...attrs}>\n          <svg\n            class=\"y-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            {Array.isArray(props.icon) ? (\n              props.icon.map((path) =>\n                Array.isArray(path) ? (\n                  <path d={path[0] as string} fill-opacity={path[1]}></path>\n                ) : (\n                  <path d={path as string}></path>\n                ),\n              )\n            ) : (\n              <path d={props.icon as string}></path>\n            )}\n          </svg>\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YSvgIcon = InstanceType<typeof YSvgIcon>;\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAAA,SAETC,YAAY;AAErB,OAAO,MAAMC,qBAAqB,GAAGD,YAAY,CAC/C;EACEE,IAAI,EAAE;IACJC,IAAI,EAAEJ;EACR,CAAC;EACDK,GAAG,EAAE;IACHD,IAAI,EAAEE,MAAM;IACZC,QAAQ,EAAE;EACZ;AACF,CAAC,EACD,MACF,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGT,eAAe,CAAC;EAC5CU,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAER,qBAAqB,CAAC,CAAC;EAC9BS,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,OAAO,MAAM;MACX,MAAME,IAAI,GAAGJ,KAAK,CAACP,IAAoB;MACvC,OAAAY,YAAA,CAAAL,KAAA,CAAAL,GAAA;QAAAW,OAAA,EAAAA,CAAA,MAAmBN,KAAK,CAACP,IAAI,GAAAY,YAAA,CAAAD,IAAA,gBAAcD,KAAK,CAACG,OAAO,GAAG,CAAC;MAAA;IAC9D,CAAC;EACH;AACF,CAAC,CAAC;AAGF,OAAO,MAAMC,QAAQ,GAAGlB,eAAe,CAAC;EACtCU,IAAI,EAAE,UAAU;EAChBS,YAAY,EAAE,KAAK;EACnBR,KAAK,EAAER,qBAAqB,CAAC,CAAC;EAC9BS,KAAKA,CAACD,KAAK,EAAAS,KAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,KAAA;IACpB,OAAO,MAAM;MACX,OAAAJ,YAAA,CAAAL,KAAA,CAAAL,GAAA,EACiBe,KAAK;QAAAJ,OAAA,EAAAA,CAAA,MAAAD,YAAA;UAAA,SAEV,aAAa;UAAA,SACb,4BAA4B;UAAA,WAC1B,WAAW;UAAA,QACd,KAAK;UAAA,eACE;QAAM,IAEjBM,KAAK,CAACC,OAAO,CAACZ,KAAK,CAACP,IAAI,CAAC,GACxBO,KAAK,CAACP,IAAI,CAACoB,GAAG,CAAEC,IAAI,IAClBH,KAAK,CAACC,OAAO,CAACE,IAAI,CAAC,GAAAT,YAAA;UAAA,KACRS,IAAI,CAAC,CAAC,CAAC;UAAA,gBAA0BA,IAAI,CAAC,CAAC;QAAC,WAAAT,YAAA;UAAA,KAExCS;QAAI,QAEjB,CAAC,GAAAT,YAAA;UAAA,KAEQL,KAAK,CAACP;QAAI,QACpB;MAAA;IAIT,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/icons/index.mjs

@@ -1,6 +1,20 @@
+import { YIconCheckbox } from "./YIconCheckbox.mjs";
+import { YIconClear } from "./YIconClear.mjs";
+import { YIconExpand } from "./YIconExpand.mjs";
+import { YIconPageControl } from "./YIconPageControl.mjs";
+import { YIconSort } from "./YIconSort.mjs";
+import { YIconDropdown } from "./YIconDropdown.mjs";
 export * from "./YIconExpand.mjs";
 export * from "./YIconClear.mjs";
 export * from "./YIconCheckbox.mjs";
 export * from "./YIconPageControl.mjs";
 export * from "./YIconSort.mjs";
+export const builtSet = {
+  expand: YIconExpand,
+  dropdown: YIconDropdown,
+  clear: YIconClear,
+  checkbox: YIconCheckbox,
+  pageControl: YIconPageControl,
+  sort: YIconSort
+};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["export * from './YIconExpand';\nexport * from './YIconClear';\nexport * from './YIconCheckbox';\nexport * from './YIconPageControl';\nexport * from './YIconSort';\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":["YIconCheckbox","YIconClear","YIconExpand","YIconPageControl","YIconSort","YIconDropdown","builtSet","expand","dropdown","clear","checkbox","pageControl","sort"],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["import { YIconCheckbox } from './YIconCheckbox';\nimport { YIconClear } from './YIconClear';\nimport { YIconExpand } from './YIconExpand';\nimport { YIconPageControl } from './YIconPageControl';\nimport { YIconSort } from './YIconSort';\nimport {YIconDropdown} from \"./YIconDropdown\";\n\nexport * from './YIconExpand';\nexport * from './YIconClear';\nexport * from './YIconCheckbox';\nexport * from './YIconPageControl';\nexport * from './YIconSort';\n\nexport const builtSet = {\n  expand: YIconExpand,\n  dropdown: YIconDropdown,\n  clear: YIconClear,\n  checkbox: YIconCheckbox,\n  pageControl: YIconPageControl,\n  sort: YIconSort,\n};\n"],"mappings":"SAASA,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,WAAW;AAAA,SACXC,gBAAgB;AAAA,SAChBC,SAAS;AAAA,SACVC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,OAAO,MAAMC,QAAQ,GAAG;EACtBC,MAAM,EAAEL,WAAW;EACnBM,QAAQ,EAAEH,aAAa;EACvBI,KAAK,EAAER,UAAU;EACjBS,QAAQ,EAAEV,aAAa;EACvBW,WAAW,EAAER,gBAAgB;EAC7BS,IAAI,EAAER;AACR,CAAC"}

package/lib/components/index.mjs

@@ -2,6 +2,7 @@ export * from "./app/index.mjs";
 export * from "./button/index.mjs";
 export * from "./input/index.mjs";
 export * from "./field-input/index.mjs";
+export * from "./textarea/index.mjs";
 export * from "./form/index.mjs";
 export * from "./progress-bar/index.mjs";
 export * from "./card/index.mjs";
@@ -27,5 +28,5 @@ export * from "./tab/index.mjs";
 export * from "./alert/index.mjs";
 export * from "./divider/index.mjs";
 export * from "./date-picker/index.mjs";
-export * from "./date-picker/index.mjs";
+export * from "./icon/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';\r\nexport * from './button';\r\nexport * from './input';\r\nexport * from './field-input';\r\nexport * from './form';\r\nexport * from './progress-bar';\r\nexport * from './card';\r\nexport * from './chip';\r\nexport * from './switch';\r\nexport * from './layer';\r\nexport * from './dialog';\r\nexport * from './snackbar';\r\nexport * from './tooltip';\r\nexport * from './transitions';\r\nexport * from './panel';\r\nexport * from './tree-view';\r\nexport * from './list';\r\nexport * from './icons';\r\nexport * from './table';\r\nexport * from './menu';\r\nexport * from './checkbox';\r\nexport * from './pagination';\r\nexport * from './loading';\r\nexport * from './dropdown';\r\nexport * from './select';\r\nexport * from './tab';\r\nexport * from './alert';\r\nexport * from './divider';\r\nexport * from './date-picker';\r\nexport * from  './date-picker';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './app';\r\nexport * from './button';\r\nexport * from './input';\r\nexport * from './field-input';\r\nexport * from './textarea';\r\nexport * from './form';\r\nexport * from './progress-bar';\r\nexport * from './card';\r\nexport * from './chip';\r\nexport * from './switch';\r\nexport * from './layer';\r\nexport * from './dialog';\r\nexport * from './snackbar';\r\nexport * from './tooltip';\r\nexport * from './transitions';\r\nexport * from './panel';\r\nexport * from './tree-view';\r\nexport * from './list';\r\nexport * from './icons';\r\nexport * from './table';\r\nexport * from './menu';\r\nexport * from './checkbox';\r\nexport * from './pagination';\r\nexport * from './loading';\r\nexport * from './dropdown';\r\nexport * from './select';\r\nexport * from './tab';\r\nexport * from './alert';\r\nexport * from './divider';\r\nexport * from './date-picker';\r\nexport * from './icon';\r\n"],"mappings":""}