yuyeon 0.3.4-rc.2 → 0.3.4-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"YDraggable.js","names":["computed","defineComponent","h","ref","unref","useRender","getHtmlElement","YDraggable","name","props","as","Object","String","handle","disabled","Boolean","capture","exact","container","onDragStart","Function","emits","setup","_ref","slots","emit","targetRef","dragging","originPosition","position","targetEl","value","handleEl","el","hEl","querySelector","nodeType","containerEl","document","undefined","slotProps","start","e","console","log","target","containerRect","getBoundingClientRect","targetRect","pos","x","clientX","left","scrollLeft","y","clientY","top","scrollTop","move","end","default","window","config"],"sources":["../../../src/components/draggable/YDraggable.ts"],"sourcesContent":["import {\n MaybeRef,\n PropType,\n computed,\n defineComponent,\n h,\n ref,\n unref,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getHtmlElement } from '@/util/index';\n\ntype Coord = { x: number; y: number };\n\nexport const YDraggable = defineComponent({\n name: 'YDraggable',\n props: {\n as: [Object, String] as PropType<object | string>,\n handle: [Object, String] as PropType<MaybeRef<HTMLElement | string>>,\n disabled: Boolean,\n capture: Boolean,\n exact: Boolean,\n container: [Object, String] as PropType<\n MaybeRef<HTMLElement | SVGElement | null> | string\n >,\n onDragStart: Function as PropType<\n (pos: Coord, e: PointerEvent) => boolean | undefined\n >,\n },\n emits: ['start'],\n setup(props, { slots, emit }) {\n const targetRef = ref();\n const dragging = ref(false);\n const originPosition = ref();\n const position = ref();\n\n const targetEl = computed(() => {\n return getHtmlElement(targetRef.value);\n });\n\n const handleEl = computed(() => {\n let el = targetEl.value;\n if (typeof props.handle === 'string') {\n const hEl = targetEl.value?.querySelector(props.handle);\n if (hEl?.nodeType === 1) el = hEl;\n }\n return el;\n });\n\n const containerEl = computed(() => {\n const container = unref(props.container);\n if (typeof container === 'string') {\n return document.querySelector(container);\n } else if (container) {\n return getHtmlElement(container);\n }\n return undefined;\n });\n\n const slotProps = computed(() => {\n return {\n handle: handleEl.value,\n };\n });\n\n const start = (e: PointerEvent) => {\n console.log('start', e);\n if (props.disabled) return;\n if (props.exact && e.target !== targetEl.value) return;\n\n const container = containerEl.value;\n const containerRect = container?.getBoundingClientRect?.();\n const targetRect = targetEl.value?.getBoundingClientRect();\n const pos = {\n x:\n e.clientX -\n (container\n ? targetRect.left - containerRect!.left + container.scrollLeft\n : targetRect.left),\n y:\n e.clientY -\n (container\n ? targetRect.top - containerRect!.top + container.scrollTop\n : targetRect.top),\n };\n if (props.onDragStart?.(pos, e) === false) return;\n originPosition.value = pos;\n };\n\n const move = (e: PointerEvent) => {\n console.log('move', e);\n };\n\n const end = (e: PointerEvent) => {\n console.log('end', e);\n };\n\n useRender(() => {\n if (slots.default) {\n return h(\n props.as || 'div',\n { ref: targetRef },\n slots.default(slotProps.value),\n );\n }\n return h('div');\n });\n\n if (window) {\n const config = { capture: props.capture ?? true };\n // useEventListener(handleEl, 'pointerdown', start, config);\n // useEventListener(window, 'pointermove', move, config);\n // useEventListener(window, 'pointerup', end, config);\n }\n\n return {\n targetEl,\n handleEl,\n dragging,\n position,\n };\n },\n});\n\nexport type YDraggable = InstanceType<typeof YDraggable>;\n"],"mappings":"AAAA,SAGEA,QAAQ,EACRC,eAAe,EACfC,CAAC,EACDC,GAAG,EACHC,KAAK,QACA,KAAK;AAAC,SAEJC,SAAS;AAAA,SACTC,cAAc;AAIvB,OAAO,MAAMC,UAAU,GAAGN,eAAe,CAAC;EACxCO,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE;IACLC,EAAE,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8B;IACjDC,MAAM,EAAE,CAACF,MAAM,EAAEC,MAAM,CAA6C;IACpEE,QAAQ,EAAEC,OAAO;IACjBC,OAAO,EAAED,OAAO;IAChBE,KAAK,EAAEF,OAAO;IACdG,SAAS,EAAE,CAACP,MAAM,EAAEC,MAAM,CAEzB;IACDO,WAAW,EAAEC;EAGf,CAAC;EACDC,KAAK,EAAE,CAAC,OAAO,CAAC;EAChBC,KAAKA,CAACb,KAAK,EAAAc,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,SAAS,GAAGvB,GAAG,CAAC,CAAC;IACvB,MAAMwB,QAAQ,GAAGxB,GAAG,CAAC,KAAK,CAAC;IAC3B,MAAMyB,cAAc,GAAGzB,GAAG,CAAC,CAAC;IAC5B,MAAM0B,QAAQ,GAAG1B,GAAG,CAAC,CAAC;IAEtB,MAAM2B,QAAQ,GAAG9B,QAAQ,CAAC,MAAM;MAC9B,OAAOM,cAAc,CAACoB,SAAS,CAACK,KAAK,CAAC;IACxC,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGhC,QAAQ,CAAC,MAAM;MAC9B,IAAIiC,EAAE,GAAGH,QAAQ,CAACC,KAAK;MACvB,IAAI,OAAOtB,KAAK,CAACI,MAAM,KAAK,QAAQ,EAAE;QACpC,MAAMqB,GAAG,GAAGJ,QAAQ,CAACC,KAAK,EAAEI,aAAa,CAAC1B,KAAK,CAACI,MAAM,CAAC;QACvD,IAAIqB,GAAG,EAAEE,QAAQ,KAAK,CAAC,EAAEH,EAAE,GAAGC,GAAG;MACnC;MACA,OAAOD,EAAE;IACX,CAAC,CAAC;IAEF,MAAMI,WAAW,GAAGrC,QAAQ,CAAC,MAAM;MACjC,MAAMkB,SAAS,GAAGd,KAAK,CAACK,KAAK,CAACS,SAAS,CAAC;MACxC,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAOoB,QAAQ,CAACH,aAAa,CAACjB,SAAS,CAAC;MAC1C,CAAC,MAAM,IAAIA,SAAS,EAAE;QACpB,OAAOZ,cAAc,CAACY,SAAS,CAAC;MAClC;MACA,OAAOqB,SAAS;IAClB,CAAC,CAAC;IAEF,MAAMC,SAAS,GAAGxC,QAAQ,CAAC,MAAM;MAC/B,OAAO;QACLa,MAAM,EAAEmB,QAAQ,CAACD;MACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMU,KAAK,GAAIC,CAAe,IAAK;MACjCC,OAAO,CAACC,GAAG,CAAC,OAAO,EAAEF,CAAC,CAAC;MACvB,IAAIjC,KAAK,CAACK,QAAQ,EAAE;MACpB,IAAIL,KAAK,CAACQ,KAAK,IAAIyB,CAAC,CAACG,MAAM,KAAKf,QAAQ,CAACC,KAAK,EAAE;MAEhD,MAAMb,SAAS,GAAGmB,WAAW,CAACN,KAAK;MACnC,MAAMe,aAAa,GAAG5B,SAAS,EAAE6B,qBAAqB,GAAG,CAAC;MAC1D,MAAMC,UAAU,GAAGlB,QAAQ,CAACC,KAAK,EAAEgB,qBAAqB,CAAC,CAAC;MAC1D,MAAME,GAAG,GAAG;QACVC,CAAC,EACCR,CAAC,CAACS,OAAO,IACRjC,SAAS,GACN8B,UAAU,CAACI,IAAI,GAAGN,aAAa,CAAEM,IAAI,GAAGlC,SAAS,CAACmC,UAAU,GAC5DL,UAAU,CAACI,IAAI,CAAC;QACtBE,CAAC,EACCZ,CAAC,CAACa,OAAO,IACRrC,SAAS,GACN8B,UAAU,CAACQ,GAAG,GAAGV,aAAa,CAAEU,GAAG,GAAGtC,SAAS,CAACuC,SAAS,GACzDT,UAAU,CAACQ,GAAG;MACtB,CAAC;MACD,IAAI/C,KAAK,CAACU,WAAW,GAAG8B,GAAG,EAAEP,CAAC,CAAC,KAAK,KAAK,EAAE;MAC3Cd,cAAc,CAACG,KAAK,GAAGkB,GAAG;IAC5B,CAAC;IAED,MAAMS,IAAI,GAAIhB,CAAe,IAAK;MAChCC,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEF,CAAC,CAAC;IACxB,CAAC;IAED,MAAMiB,GAAG,GAAIjB,CAAe,IAAK;MAC/BC,OAAO,CAACC,GAAG,CAAC,KAAK,EAAEF,CAAC,CAAC;IACvB,CAAC;IAEDrC,SAAS,CAAC,MAAM;MACd,IAAImB,KAAK,CAACoC,OAAO,EAAE;QACjB,OAAO1D,CAAC,CACNO,KAAK,CAACC,EAAE,IAAI,KAAK,EACjB;UAAEP,GAAG,EAAEuB;QAAU,CAAC,EAClBF,KAAK,CAACoC,OAAO,CAACpB,SAAS,CAACT,KAAK,CAC/B,CAAC;MACH;MACA,OAAO7B,CAAC,CAAC,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI2D,MAAM,EAAE;MACV,MAAMC,MAAM,GAAG;QAAE9C,OAAO,EAAEP,KAAK,CAACO,OAAO,IAAI;MAAK,CAAC;MACjD;MACA;MACA;IACF;;IAEA,OAAO;MACLc,QAAQ;MACRE,QAAQ;MACRL,QAAQ;MACRE;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"YDraggable.js","names":["computed","defineComponent","h","ref","unref","useRender","getHtmlElement","YDraggable","name","props","as","Object","String","handle","disabled","Boolean","capture","exact","container","onDragStart","Function","emits","setup","_ref","slots","emit","targetRef","dragging","originPosition","position","targetEl","value","handleEl","el","hEl","querySelector","nodeType","containerEl","document","undefined","slotProps","start","e","console","log","target","containerRect","getBoundingClientRect","targetRect","pos","x","clientX","left","scrollLeft","y","clientY","top","scrollTop","move","end","default","window","config"],"sources":["../../../src/components/draggable/YDraggable.tsx"],"sourcesContent":["import {\n MaybeRef,\n PropType,\n computed,\n defineComponent,\n h,\n ref,\n unref,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getHtmlElement } from '@/util/index';\n\ntype Coord = { x: number; y: number };\n\nexport const YDraggable = defineComponent({\n name: 'YDraggable',\n props: {\n as: [Object, String] as PropType<object | string>,\n handle: [Object, String] as PropType<MaybeRef<HTMLElement | string>>,\n disabled: Boolean,\n capture: Boolean,\n exact: Boolean,\n container: [Object, String] as PropType<\n MaybeRef<HTMLElement | SVGElement | null> | string\n >,\n onDragStart: Function as PropType<\n (pos: Coord, e: PointerEvent) => boolean | undefined\n >,\n },\n emits: ['start'],\n setup(props, { slots, emit }) {\n const targetRef = ref();\n const dragging = ref(false);\n const originPosition = ref();\n const position = ref();\n\n const targetEl = computed(() => {\n return getHtmlElement(targetRef.value);\n });\n\n const handleEl = computed(() => {\n let el = targetEl.value;\n if (typeof props.handle === 'string') {\n const hEl = targetEl.value?.querySelector(props.handle);\n if (hEl?.nodeType === 1) el = hEl;\n }\n return el;\n });\n\n const containerEl = computed(() => {\n const container = unref(props.container);\n if (typeof container === 'string') {\n return document.querySelector(container);\n } else if (container) {\n return getHtmlElement(container);\n }\n return undefined;\n });\n\n const slotProps = computed(() => {\n return {\n handle: handleEl.value,\n };\n });\n\n const start = (e: PointerEvent) => {\n console.log('start', e);\n if (props.disabled) return;\n if (props.exact && e.target !== targetEl.value) return;\n\n const container = containerEl.value;\n const containerRect = container?.getBoundingClientRect?.();\n const targetRect = targetEl.value?.getBoundingClientRect();\n const pos = {\n x:\n e.clientX -\n (container\n ? targetRect.left - containerRect!.left + container.scrollLeft\n : targetRect.left),\n y:\n e.clientY -\n (container\n ? targetRect.top - containerRect!.top + container.scrollTop\n : targetRect.top),\n };\n if (props.onDragStart?.(pos, e) === false) return;\n originPosition.value = pos;\n };\n\n const move = (e: PointerEvent) => {\n console.log('move', e);\n };\n\n const end = (e: PointerEvent) => {\n console.log('end', e);\n };\n\n useRender(() => {\n if (slots.default) {\n return h(\n props.as || 'div',\n { ref: targetRef },\n slots.default(slotProps.value),\n );\n }\n return h('div');\n });\n\n if (window) {\n const config = { capture: props.capture ?? true };\n // useEventListener(handleEl, 'pointerdown', start, config);\n // useEventListener(window, 'pointermove', move, config);\n // useEventListener(window, 'pointerup', end, config);\n }\n\n return {\n targetEl,\n handleEl,\n dragging,\n position,\n };\n },\n});\n\nexport type YDraggable = InstanceType<typeof YDraggable>;\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export * from "./YDraggable.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/draggable/index.ts"],"sourcesContent":["export * from './YDraggable';\n"],"mappings":""}
@@ -0,0 +1,58 @@
1
+ import { createVNode as _createVNode } from "vue";
2
+ import { useRender } from "../../composables/component.js";
3
+ import { defineComponent, getUid, propsFactory } from "../../util/component/index.js";
4
+ import { YRadioIcon } from "./YRadioIcon.js";
5
+ import "./YRadio.scss";
6
+ export const pressYRadioPropsOptions = propsFactory({
7
+ modelValue: Boolean,
8
+ disabled: Boolean,
9
+ value: String,
10
+ label: String
11
+ }, 'YRadio');
12
+ const YRadio = defineComponent({
13
+ name: 'YRadio',
14
+ props: {
15
+ ...pressYRadioPropsOptions()
16
+ },
17
+ slots: Object,
18
+ emits: ['update:modelValue', 'input'],
19
+ setup(props, _ref) {
20
+ let {
21
+ slots,
22
+ attrs,
23
+ emit
24
+ } = _ref;
25
+ const uid = getUid();
26
+ function onInput(e) {
27
+ emit('input', e);
28
+ }
29
+ useRender(() => {
30
+ const inputId = `input-${uid}`;
31
+ return _createVNode("div", {
32
+ "class": ['y-radio', {
33
+ 'z-radio--disabled': props.disabled
34
+ }]
35
+ }, [slots.leading && slots.leading(), _createVNode("div", {
36
+ "class": "y-radio__input"
37
+ }, [slots.icon ? slots.icon() : _createVNode(YRadioIcon, {
38
+ "active": props.modelValue,
39
+ "disabled": props.disabled
40
+ }, null), _createVNode("input", {
41
+ "id": inputId,
42
+ "name": attrs.name,
43
+ "type": "radio",
44
+ "value": props.value,
45
+ "checked": props.modelValue,
46
+ "disabled": props.disabled,
47
+ "class": "y-radio__input-native",
48
+ "onInput": onInput
49
+ }, null)]), slots.label ? slots.label({
50
+ inputId
51
+ }) : _createVNode("label", {
52
+ "for": inputId,
53
+ "class": "y-radio__label"
54
+ }, [props.label])]);
55
+ });
56
+ }
57
+ });
58
+ //# sourceMappingURL=YRadio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YRadio.js","names":["useRender","defineComponent","getUid","propsFactory","YRadioIcon","pressYRadioPropsOptions","modelValue","Boolean","disabled","value","String","label","YRadio","name","props","slots","Object","emits","setup","_ref","attrs","emit","uid","onInput","e","inputId","_createVNode","leading","icon"],"sources":["../../../src/components/radio/YRadio.tsx"],"sourcesContent":["import type { PropType, SlotsType } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, getUid, propsFactory } from '@/util/component';\n\nimport { YRadioIcon } from './YRadioIcon';\n\nimport './YRadio.scss';\n\nexport const pressYRadioPropsOptions = propsFactory(\n {\n modelValue: Boolean as PropType<boolean>,\n disabled: Boolean as PropType<boolean>,\n value: String as PropType<string>,\n label: String as PropType<string>,\n },\n 'YRadio',\n);\n\nconst YRadio = defineComponent({\n name: 'YRadio',\n props: {\n ...pressYRadioPropsOptions(),\n },\n slots: Object as SlotsType<{\n leading: any;\n icon: any;\n label: any;\n trailing: any;\n }>,\n emits: ['update:modelValue', 'input'],\n setup(props, { slots, attrs, emit }) {\n const uid = getUid();\n\n function onInput(e: Event) {\n emit('input', e);\n }\n\n useRender(() => {\n const inputId = `input-${uid}`;\n return (\n <div class={['y-radio', { 'z-radio--disabled': props.disabled }]}>\n {slots.leading && slots.leading()}\n <div class=\"y-radio__input\">\n {slots.icon ? (\n slots.icon()\n ) : (\n <YRadioIcon active={props.modelValue} disabled={props.disabled} />\n )}\n <input\n id={inputId}\n name={attrs.name as string}\n type=\"radio\"\n value={props.value}\n checked={props.modelValue}\n disabled={props.disabled}\n class=\"y-radio__input-native\"\n onInput={onInput}\n />\n </div>\n {slots.label ? (\n slots.label({ inputId })\n ) : (\n <label for={inputId} class=\"y-radio__label\">\n {props.label}\n </label>\n )}\n </div>\n );\n });\n },\n});\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe,EAAEC,MAAM,EAAEC,YAAY;AAAA,SAErCC,UAAU;AAEnB;AAEA,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CACjD;EACEG,UAAU,EAAEC,OAA4B;EACxCC,QAAQ,EAAED,OAA4B;EACtCE,KAAK,EAAEC,MAA0B;EACjCC,KAAK,EAAED;AACT,CAAC,EACD,QACF,CAAC;AAED,MAAME,MAAM,GAAGX,eAAe,CAAC;EAC7BY,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACL,GAAGT,uBAAuB,CAAC;EAC7B,CAAC;EACDU,KAAK,EAAEC,MAKL;EACFC,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC;EACrCC,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAA0B;IAAA,IAAxB;MAAEJ,KAAK;MAAEK,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IACjC,MAAMG,GAAG,GAAGpB,MAAM,CAAC,CAAC;IAEpB,SAASqB,OAAOA,CAACC,CAAQ,EAAE;MACzBH,IAAI,CAAC,OAAO,EAAEG,CAAC,CAAC;IAClB;IAEAxB,SAAS,CAAC,MAAM;MACd,MAAMyB,OAAO,GAAI,SAAQH,GAAI,EAAC;MAC9B,OAAAI,YAAA;QAAA,SACc,CAAC,SAAS,EAAE;UAAE,mBAAmB,EAAEZ,KAAK,CAACN;QAAS,CAAC;MAAC,IAC7DO,KAAK,CAACY,OAAO,IAAIZ,KAAK,CAACY,OAAO,CAAC,CAAC,EAAAD,YAAA;QAAA;MAAA,IAE9BX,KAAK,CAACa,IAAI,GACTb,KAAK,CAACa,IAAI,CAAC,CAAC,GAAAF,YAAA,CAAAtB,UAAA;QAAA,UAEQU,KAAK,CAACR,UAAU;QAAA,YAAYQ,KAAK,CAACN;MAAQ,QAC/D,EAAAkB,YAAA;QAAA,MAEKD,OAAO;QAAA,QACLL,KAAK,CAACP,IAAI;QAAA;QAAA,SAETC,KAAK,CAACL,KAAK;QAAA,WACTK,KAAK,CAACR,UAAU;QAAA,YACfQ,KAAK,CAACN,QAAQ;QAAA;QAAA,WAEfe;MAAO,YAGnBR,KAAK,CAACJ,KAAK,GACVI,KAAK,CAACJ,KAAK,CAAC;QAAEc;MAAQ,CAAC,CAAC,GAAAC,YAAA;QAAA,OAEZD,OAAO;QAAA;MAAA,IAChBX,KAAK,CAACH,KAAK,EAEf;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
@@ -0,0 +1,38 @@
1
+ .y-radio {
2
+ position: relative;
3
+ display: flex;
4
+ align-items: center;
5
+ gap: 8px;
6
+
7
+ &__input {
8
+ position: relative;
9
+ display: flex;
10
+ align-items: center;
11
+
12
+ .y-radio-icon {
13
+ width: 24px;
14
+ height: 24px;
15
+ }
16
+
17
+ input {
18
+ cursor: pointer;
19
+ position: absolute;
20
+ left: 0;
21
+ top: 0;
22
+ width: 100%;
23
+ height: 100%;
24
+ opacity: 0;
25
+ }
26
+ }
27
+
28
+ &__label {
29
+ cursor: pointer;
30
+ }
31
+
32
+ &--disabled & {
33
+ &__input input,
34
+ &__label {
35
+ cursor: default;
36
+ }
37
+ }
38
+ }
@@ -0,0 +1,33 @@
1
+ import { createVNode as _createVNode } from "vue";
2
+ import { useRender } from "../../composables/component.js";
3
+ import { defineComponent } from "../../util/component/component.js";
4
+ import "./YRadioIcon.scss";
5
+ export const YRadioIcon = defineComponent({
6
+ name: 'YRadioIcon',
7
+ props: {
8
+ active: Boolean,
9
+ disabled: Boolean
10
+ },
11
+ setup(props) {
12
+ useRender(() => _createVNode("svg", {
13
+ "class": ['y-radio-icon', {
14
+ 'y-radio-icon--active': props.active,
15
+ 'y-radio-icon--disabled': props.disabled
16
+ }],
17
+ "viewBox": "0 0 24 24"
18
+ }, [_createVNode("circle", {
19
+ "class": "y-radio-icon__plate",
20
+ "r": "11",
21
+ "cx": "12",
22
+ "cy": "12",
23
+ "stroke-width": "2",
24
+ "stroke": "currentColor"
25
+ }, null), _createVNode("circle", {
26
+ "class": "y-radio-icon__bead",
27
+ "r": "6",
28
+ "cx": "12",
29
+ "cy": "12"
30
+ }, null)]));
31
+ }
32
+ });
33
+ //# sourceMappingURL=YRadioIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YRadioIcon.js","names":["useRender","defineComponent","YRadioIcon","name","props","active","Boolean","disabled","setup","_createVNode"],"sources":["../../../src/components/radio/YRadioIcon.tsx"],"sourcesContent":["import { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component/component';\n\nimport './YRadioIcon.scss';\n\nexport const YRadioIcon = defineComponent({\n name: 'YRadioIcon',\n props: {\n active: Boolean,\n disabled: Boolean,\n },\n setup(props) {\n useRender(() => (\n <svg\n class={[\n 'y-radio-icon',\n {\n 'y-radio-icon--active': props.active,\n 'y-radio-icon--disabled': props.disabled,\n },\n ]}\n viewBox=\"0 0 24 24\"\n >\n <circle\n class=\"y-radio-icon__plate\"\n r=\"11\"\n cx=\"12\"\n cy=\"12\"\n stroke-width=\"2\"\n stroke=\"currentColor\"\n />\n <circle class=\"y-radio-icon__bead\" r=\"6\" cx=\"12\" cy=\"12\" />\n </svg>\n ));\n },\n});\n\nexport type YRadioIcon = InstanceType<typeof YRadioIcon>;\n"],"mappings":";SAASA,SAAS;AAAA,SACTC,eAAe;AAExB;AAEA,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;EACxCE,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,QAAQ,EAAED;EACZ,CAAC;EACDE,KAAKA,CAACJ,KAAK,EAAE;IACXJ,SAAS,CAAC,MAAAS,YAAA;MAAA,SAEC,CACL,cAAc,EACd;QACE,sBAAsB,EAAEL,KAAK,CAACC,MAAM;QACpC,wBAAwB,EAAED,KAAK,CAACG;MAClC,CAAC,CACF;MAAA;IAAA,IAAAE,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAaJ,CAAC;EACJ;AACF,CAAC,CAAC"}
@@ -0,0 +1,44 @@
1
+ .y-radio-icon {
2
+ --y-radio-icon-outline: var(--y-theme-outline, #c8c8c8);
3
+ width: 24px;
4
+ height: 24px;
5
+
6
+ &__plate {
7
+ fill: none;
8
+ stroke: var(--y-radio-icon-outline);
9
+ stroke-width: 1;
10
+ color: inherit;
11
+ }
12
+
13
+ &__bead {
14
+ fill: none;
15
+ transform: scale(1.2);
16
+ transform-origin: center;
17
+ color: inherit;
18
+ }
19
+
20
+ &--active:not(&--disabled) {
21
+ color: var(--y-theme-primary);
22
+ }
23
+
24
+ &--disabled {
25
+ color: var(--y-theme-disabled);
26
+ cursor: default;
27
+ }
28
+
29
+ &--active &,
30
+ &--disabled & {
31
+ &__plate {
32
+ stroke: currentColor;
33
+ }
34
+ }
35
+
36
+ &--active &__bead {
37
+ fill: currentColor;
38
+ stroke: currentColor;
39
+ transform: scale(1);
40
+ transition:
41
+ fill 200ms ease-in,
42
+ transform 120ms ease;
43
+ }
44
+ }
@@ -0,0 +1,3 @@
1
+ export * from "./YRadioIcon.js";
2
+ export * from "./YRadio.js";
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/radio/index.ts"],"sourcesContent":["export * from './YRadioIcon';\r\nexport * from './YRadio';\r\n\r\n"],"mappings":""}
@@ -1,5 +1,6 @@
1
1
  import { h } from 'vue';
2
2
  import { defineComponent } from "../../util/component/index.js";
3
+ import { escapeRegExp } from "../../util/string.js";
3
4
  import "./YTextHighlighter.scss";
4
5
  export const YTextHighlighter = defineComponent({
5
6
  name: 'YTextHighlighter',
@@ -26,7 +27,7 @@ export const YTextHighlighter = defineComponent({
26
27
  if (keyword && text) {
27
28
  const split = [];
28
29
  let stack = text;
29
- const keyExp = new RegExp(keyword, this.sensitive ? '' : 'i');
30
+ const keyExp = new RegExp(escapeRegExp(keyword), this.sensitive ? '' : 'i');
30
31
  while (stack.length > 0) {
31
32
  const index = stack.search(keyExp);
32
33
  if (index < 0) {
@@ -1 +1 @@
1
- {"version":3,"file":"YTextHighlighter.js","names":["h","defineComponent","YTextHighlighter","name","props","text","type","String","keyword","color","sensitive","Boolean","computed","splitText","split","stack","keyExp","RegExp","length","index","search","push","isKeyword","substring","methods","createItem","staticClass","createHighlightKeywordItem","class","style","backgroundColor","createSplitTexts","map","splitItem","render","children"],"sources":["../../../src/components/text-highlighter/YTextHighlighter.ts"],"sourcesContent":["import { type VNode, h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YTextHighlighter.scss';\r\n\r\nexport const YTextHighlighter = defineComponent({\r\n name: 'YTextHighlighter',\r\n props: {\r\n text: {\r\n type: String,\r\n },\r\n keyword: {\r\n type: String,\r\n },\r\n color: {\r\n type: String,\r\n },\r\n sensitive: {\r\n type: Boolean,\r\n },\r\n },\r\n computed: {\r\n splitText(): { text: string; isKeyword: boolean }[] {\r\n const { keyword, text } = this;\r\n if (keyword && text) {\r\n const split: { text: string; isKeyword: boolean }[] = [];\r\n let stack = text;\r\n const keyExp = new RegExp(keyword, this.sensitive ? '' : 'i');\r\n while (stack.length > 0) {\r\n const index = stack.search(keyExp);\r\n if (index < 0) {\r\n split.push({ text: stack, isKeyword: false });\r\n stack = '';\r\n } else if (index < 1) {\r\n split.push({\r\n text: stack.substring(0, keyword.length),\r\n isKeyword: true,\r\n });\r\n stack = stack.substring(keyword.length, stack.length);\r\n } else {\r\n split.push({ text: stack.substring(0, index), isKeyword: false });\r\n split.push({\r\n text: stack.substring(index, index + keyword.length),\r\n isKeyword: true,\r\n });\r\n stack = stack.substring(index + keyword.length, stack.length);\r\n }\r\n }\r\n return split;\r\n }\r\n return [{ text: this.text || '', isKeyword: false }];\r\n },\r\n },\r\n methods: {\r\n createItem(text: string): VNode {\r\n return h(\r\n 'span',\r\n {\r\n staticClass: 'y-text-highlighter__item',\r\n },\r\n [text],\r\n );\r\n },\r\n createHighlightKeywordItem(text: string): VNode {\r\n return h(\r\n 'span',\r\n {\r\n staticClass: 'y-text-highlighter__item',\r\n class: 'y-text-highlighter__item--highlight',\r\n style: {\r\n backgroundColor: this.color,\r\n },\r\n },\r\n [text],\r\n );\r\n },\r\n createSplitTexts(): VNode[] {\r\n return this.splitText.map((splitItem) => {\r\n if (splitItem.isKeyword) {\r\n return this.createHighlightKeywordItem(splitItem.text);\r\n }\r\n return this.createItem(splitItem.text);\r\n });\r\n },\r\n },\r\n render(): VNode {\r\n const children = this.createSplitTexts();\r\n return h('span', { staticClass: 'y-text-highlighter' }, children);\r\n },\r\n});\r\n\r\nexport type YTextHighlighter = InstanceType<typeof YTextHighlighter>;\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"YTextHighlighter.js","names":["h","defineComponent","escapeRegExp","YTextHighlighter","name","props","text","type","String","keyword","color","sensitive","Boolean","computed","splitText","split","stack","keyExp","RegExp","length","index","search","push","isKeyword","substring","methods","createItem","staticClass","createHighlightKeywordItem","class","style","backgroundColor","createSplitTexts","map","splitItem","render","children"],"sources":["../../../src/components/text-highlighter/YTextHighlighter.ts"],"sourcesContent":["import { type VNode, h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\nimport { escapeRegExp } from '@/util/string';\n\nimport './YTextHighlighter.scss';\n\nexport const YTextHighlighter = defineComponent({\n name: 'YTextHighlighter',\n props: {\n text: {\n type: String,\n },\n keyword: {\n type: String,\n },\n color: {\n type: String,\n },\n sensitive: {\n type: Boolean,\n },\n },\n computed: {\n splitText(): { text: string; isKeyword: boolean }[] {\n const { keyword, text } = this;\n if (keyword && text) {\n const split: { text: string; isKeyword: boolean }[] = [];\n let stack = text;\n const keyExp = new RegExp(\n escapeRegExp(keyword),\n this.sensitive ? '' : 'i',\n );\n while (stack.length > 0) {\n const index = stack.search(keyExp);\n if (index < 0) {\n split.push({ text: stack, isKeyword: false });\n stack = '';\n } else if (index < 1) {\n split.push({\n text: stack.substring(0, keyword.length),\n isKeyword: true,\n });\n stack = stack.substring(keyword.length, stack.length);\n } else {\n split.push({ text: stack.substring(0, index), isKeyword: false });\n split.push({\n text: stack.substring(index, index + keyword.length),\n isKeyword: true,\n });\n stack = stack.substring(index + keyword.length, stack.length);\n }\n }\n return split;\n }\n return [{ text: this.text || '', isKeyword: false }];\n },\n },\n methods: {\n createItem(text: string): VNode {\n return h(\n 'span',\n {\n staticClass: 'y-text-highlighter__item',\n },\n [text],\n );\n },\n createHighlightKeywordItem(text: string): VNode {\n return h(\n 'span',\n {\n staticClass: 'y-text-highlighter__item',\n class: 'y-text-highlighter__item--highlight',\n style: {\n backgroundColor: this.color,\n },\n },\n [text],\n );\n },\n createSplitTexts(): VNode[] {\n return this.splitText.map((splitItem) => {\n if (splitItem.isKeyword) {\n return this.createHighlightKeywordItem(splitItem.text);\n }\n return this.createItem(splitItem.text);\n });\n },\n },\n render(): VNode {\n const children = this.createSplitTexts();\n return h('span', { staticClass: 'y-text-highlighter' }, children);\n },\n});\n\nexport type YTextHighlighter = InstanceType<typeof YTextHighlighter>;\n"],"mappings":"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"}
@@ -66,4 +66,7 @@ export function simpleBraceParse(input) {
66
66
  });
67
67
  return results;
68
68
  }
69
+ export function escapeRegExp(str) {
70
+ return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
71
+ }
69
72
  //# sourceMappingURL=string.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"string.js","names":["camelToPascal","str","charAt","toUpperCase","slice","toKebabCase","from","arguments","length","undefined","res","index","char","charCode","charCodeAt","toLowerCase","kebabToCamel","randomCharOne","Math","floor","random","simpleBraceParse","input","pattern","results","match","pointer","exec","variable","start","end","lastIndex","prevText","substring","push","type","content","trim"],"sources":["../../src/util/string.ts"],"sourcesContent":["export function camelToPascal(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(str: string, from: 'camel' | 'pascal' = 'camel') {\n let res = '';\n for (let index = 0; index < str.length; index += 1) {\n const char = str[index];\n const charCode = char.charCodeAt(0);\n if (charCode >= 65 && charCode <= 90) {\n res += `${\n index === 0 && from === 'camel' ? '' : '-'\n }${char.toLowerCase()}`;\n } else {\n res += char;\n }\n }\n return res;\n}\n\nexport function kebabToCamel(str: string) {\n let res = '';\n let index = 0;\n while (index < str.length) {\n const char = str[index];\n if (char === '-') {\n index += 1;\n res += str[index].toUpperCase();\n } else {\n res += char;\n }\n index += 1;\n }\n return res;\n}\n\nexport function randomCharOne(str: string) {\n if (str) {\n return str.charAt(Math.floor(Math.random() * str.length));\n }\n return '';\n}\n\nexport function simpleBraceParse(input: string) {\n const pattern = /\\{([^{}]+)\\}/g;\n const results = [];\n let match;\n let pointer = 0;\n\n while ((match = pattern.exec(input)) !== null) {\n const variable = match[1];\n const start = match.index;\n const end = pattern.lastIndex;\n if (start > 0) {\n const prevText = input.substring(pointer, start);\n results.push({\n type: 'text',\n content: prevText,\n });\n }\n if (variable.trim()) {\n results.push({\n type: 'variable',\n content: variable.trim(),\n });\n }\n\n pointer = end;\n }\n\n results.push({\n type: 'text',\n content: input.substring(pointer, input.length),\n });\n\n return results;\n}\n"],"mappings":"AAAA,OAAO,SAASA,aAAaA,CAACC,GAAW,EAAE;EACzC,OAAOA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC;AACnD;AAEA,OAAO,SAASC,WAAWA,CAACJ,GAAW,EAAsC;EAAA,IAApCK,IAAwB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,OAAO;EACzE,IAAIG,GAAG,GAAG,EAAE;EACZ,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGV,GAAG,CAACO,MAAM,EAAEG,KAAK,IAAI,CAAC,EAAE;IAClD,MAAMC,IAAI,GAAGX,GAAG,CAACU,KAAK,CAAC;IACvB,MAAME,QAAQ,GAAGD,IAAI,CAACE,UAAU,CAAC,CAAC,CAAC;IACnC,IAAID,QAAQ,IAAI,EAAE,IAAIA,QAAQ,IAAI,EAAE,EAAE;MACpCH,GAAG,IAAK,GACNC,KAAK,KAAK,CAAC,IAAIL,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG,GACxC,GAAEM,IAAI,CAACG,WAAW,CAAC,CAAE,EAAC;IACzB,CAAC,MAAM;MACLL,GAAG,IAAIE,IAAI;IACb;EACF;EACA,OAAOF,GAAG;AACZ;AAEA,OAAO,SAASM,YAAYA,CAACf,GAAW,EAAE;EACxC,IAAIS,GAAG,GAAG,EAAE;EACZ,IAAIC,KAAK,GAAG,CAAC;EACb,OAAOA,KAAK,GAAGV,GAAG,CAACO,MAAM,EAAE;IACzB,MAAMI,IAAI,GAAGX,GAAG,CAACU,KAAK,CAAC;IACvB,IAAIC,IAAI,KAAK,GAAG,EAAE;MAChBD,KAAK,IAAI,CAAC;MACVD,GAAG,IAAIT,GAAG,CAACU,KAAK,CAAC,CAACR,WAAW,CAAC,CAAC;IACjC,CAAC,MAAM;MACLO,GAAG,IAAIE,IAAI;IACb;IACAD,KAAK,IAAI,CAAC;EACZ;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASO,aAAaA,CAAChB,GAAW,EAAE;EACzC,IAAIA,GAAG,EAAE;IACP,OAAOA,GAAG,CAACC,MAAM,CAACgB,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGnB,GAAG,CAACO,MAAM,CAAC,CAAC;EAC3D;EACA,OAAO,EAAE;AACX;AAEA,OAAO,SAASa,gBAAgBA,CAACC,KAAa,EAAE;EAC9C,MAAMC,OAAO,GAAG,eAAe;EAC/B,MAAMC,OAAO,GAAG,EAAE;EAClB,IAAIC,KAAK;EACT,IAAIC,OAAO,GAAG,CAAC;EAEf,OAAO,CAACD,KAAK,GAAGF,OAAO,CAACI,IAAI,CAACL,KAAK,CAAC,MAAM,IAAI,EAAE;IAC7C,MAAMM,QAAQ,GAAGH,KAAK,CAAC,CAAC,CAAC;IACzB,MAAMI,KAAK,GAAGJ,KAAK,CAACd,KAAK;IACzB,MAAMmB,GAAG,GAAGP,OAAO,CAACQ,SAAS;IAC7B,IAAIF,KAAK,GAAG,CAAC,EAAE;MACb,MAAMG,QAAQ,GAAGV,KAAK,CAACW,SAAS,CAACP,OAAO,EAAEG,KAAK,CAAC;MAChDL,OAAO,CAACU,IAAI,CAAC;QACXC,IAAI,EAAE,MAAM;QACZC,OAAO,EAAEJ;MACX,CAAC,CAAC;IACJ;IACA,IAAIJ,QAAQ,CAACS,IAAI,CAAC,CAAC,EAAE;MACnBb,OAAO,CAACU,IAAI,CAAC;QACXC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAER,QAAQ,CAACS,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ;IAEAX,OAAO,GAAGI,GAAG;EACf;EAEAN,OAAO,CAACU,IAAI,CAAC;IACXC,IAAI,EAAE,MAAM;IACZC,OAAO,EAAEd,KAAK,CAACW,SAAS,CAACP,OAAO,EAAEJ,KAAK,CAACd,MAAM;EAChD,CAAC,CAAC;EAEF,OAAOgB,OAAO;AAChB"}
1
+ {"version":3,"file":"string.js","names":["camelToPascal","str","charAt","toUpperCase","slice","toKebabCase","from","arguments","length","undefined","res","index","char","charCode","charCodeAt","toLowerCase","kebabToCamel","randomCharOne","Math","floor","random","simpleBraceParse","input","pattern","results","match","pointer","exec","variable","start","end","lastIndex","prevText","substring","push","type","content","trim","escapeRegExp","replace"],"sources":["../../src/util/string.ts"],"sourcesContent":["export function camelToPascal(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(str: string, from: 'camel' | 'pascal' = 'camel') {\n let res = '';\n for (let index = 0; index < str.length; index += 1) {\n const char = str[index];\n const charCode = char.charCodeAt(0);\n if (charCode >= 65 && charCode <= 90) {\n res += `${\n index === 0 && from === 'camel' ? '' : '-'\n }${char.toLowerCase()}`;\n } else {\n res += char;\n }\n }\n return res;\n}\n\nexport function kebabToCamel(str: string) {\n let res = '';\n let index = 0;\n while (index < str.length) {\n const char = str[index];\n if (char === '-') {\n index += 1;\n res += str[index].toUpperCase();\n } else {\n res += char;\n }\n index += 1;\n }\n return res;\n}\n\nexport function randomCharOne(str: string) {\n if (str) {\n return str.charAt(Math.floor(Math.random() * str.length));\n }\n return '';\n}\n\nexport function simpleBraceParse(input: string) {\n const pattern = /\\{([^{}]+)\\}/g;\n const results = [];\n let match;\n let pointer = 0;\n\n while ((match = pattern.exec(input)) !== null) {\n const variable = match[1];\n const start = match.index;\n const end = pattern.lastIndex;\n if (start > 0) {\n const prevText = input.substring(pointer, start);\n results.push({\n type: 'text',\n content: prevText,\n });\n }\n if (variable.trim()) {\n results.push({\n type: 'variable',\n content: variable.trim(),\n });\n }\n\n pointer = end;\n }\n\n results.push({\n type: 'text',\n content: input.substring(pointer, input.length),\n });\n\n return results;\n}\n\nexport function escapeRegExp(str: string) {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"AAAA,OAAO,SAASA,aAAaA,CAACC,GAAW,EAAE;EACzC,OAAOA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC;AACnD;AAEA,OAAO,SAASC,WAAWA,CAACJ,GAAW,EAAsC;EAAA,IAApCK,IAAwB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,OAAO;EACzE,IAAIG,GAAG,GAAG,EAAE;EACZ,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGV,GAAG,CAACO,MAAM,EAAEG,KAAK,IAAI,CAAC,EAAE;IAClD,MAAMC,IAAI,GAAGX,GAAG,CAACU,KAAK,CAAC;IACvB,MAAME,QAAQ,GAAGD,IAAI,CAACE,UAAU,CAAC,CAAC,CAAC;IACnC,IAAID,QAAQ,IAAI,EAAE,IAAIA,QAAQ,IAAI,EAAE,EAAE;MACpCH,GAAG,IAAK,GACNC,KAAK,KAAK,CAAC,IAAIL,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG,GACxC,GAAEM,IAAI,CAACG,WAAW,CAAC,CAAE,EAAC;IACzB,CAAC,MAAM;MACLL,GAAG,IAAIE,IAAI;IACb;EACF;EACA,OAAOF,GAAG;AACZ;AAEA,OAAO,SAASM,YAAYA,CAACf,GAAW,EAAE;EACxC,IAAIS,GAAG,GAAG,EAAE;EACZ,IAAIC,KAAK,GAAG,CAAC;EACb,OAAOA,KAAK,GAAGV,GAAG,CAACO,MAAM,EAAE;IACzB,MAAMI,IAAI,GAAGX,GAAG,CAACU,KAAK,CAAC;IACvB,IAAIC,IAAI,KAAK,GAAG,EAAE;MAChBD,KAAK,IAAI,CAAC;MACVD,GAAG,IAAIT,GAAG,CAACU,KAAK,CAAC,CAACR,WAAW,CAAC,CAAC;IACjC,CAAC,MAAM;MACLO,GAAG,IAAIE,IAAI;IACb;IACAD,KAAK,IAAI,CAAC;EACZ;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASO,aAAaA,CAAChB,GAAW,EAAE;EACzC,IAAIA,GAAG,EAAE;IACP,OAAOA,GAAG,CAACC,MAAM,CAACgB,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGnB,GAAG,CAACO,MAAM,CAAC,CAAC;EAC3D;EACA,OAAO,EAAE;AACX;AAEA,OAAO,SAASa,gBAAgBA,CAACC,KAAa,EAAE;EAC9C,MAAMC,OAAO,GAAG,eAAe;EAC/B,MAAMC,OAAO,GAAG,EAAE;EAClB,IAAIC,KAAK;EACT,IAAIC,OAAO,GAAG,CAAC;EAEf,OAAO,CAACD,KAAK,GAAGF,OAAO,CAACI,IAAI,CAACL,KAAK,CAAC,MAAM,IAAI,EAAE;IAC7C,MAAMM,QAAQ,GAAGH,KAAK,CAAC,CAAC,CAAC;IACzB,MAAMI,KAAK,GAAGJ,KAAK,CAACd,KAAK;IACzB,MAAMmB,GAAG,GAAGP,OAAO,CAACQ,SAAS;IAC7B,IAAIF,KAAK,GAAG,CAAC,EAAE;MACb,MAAMG,QAAQ,GAAGV,KAAK,CAACW,SAAS,CAACP,OAAO,EAAEG,KAAK,CAAC;MAChDL,OAAO,CAACU,IAAI,CAAC;QACXC,IAAI,EAAE,MAAM;QACZC,OAAO,EAAEJ;MACX,CAAC,CAAC;IACJ;IACA,IAAIJ,QAAQ,CAACS,IAAI,CAAC,CAAC,EAAE;MACnBb,OAAO,CAACU,IAAI,CAAC;QACXC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAER,QAAQ,CAACS,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ;IAEAX,OAAO,GAAGI,GAAG;EACf;EAEAN,OAAO,CAACU,IAAI,CAAC;IACXC,IAAI,EAAE,MAAM;IACZC,OAAO,EAAEd,KAAK,CAACW,SAAS,CAACP,OAAO,EAAEJ,KAAK,CAACd,MAAM;EAChD,CAAC,CAAC;EAEF,OAAOgB,OAAO;AAChB;AAEA,OAAO,SAASc,YAAYA,CAACrC,GAAW,EAAE;EACxC,OAAOA,GAAG,CAACsC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;AACnD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yuyeon",
3
- "version": "0.3.4-rc.2",
3
+ "version": "0.3.4-rc.3",
4
4
  "keywords": [
5
5
  "UI Library",
6
6
  "Vue"
@@ -0,0 +1 @@
1
+ export * from './YDraggable';
@@ -0,0 +1,25 @@
1
+ import { PropType } from 'vue';
2
+
3
+ export declare const pressYRadioPropsOptions: <Defaults extends {
4
+ modelValue?: unknown;
5
+ disabled?: unknown;
6
+ value?: unknown;
7
+ label?: unknown;
8
+ } = {}>(defaults?: Defaults | undefined) => {
9
+ modelValue: unknown extends Defaults["modelValue"] ? PropType<boolean> : {
10
+ type: PropType<unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"]>;
11
+ default: unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"];
12
+ };
13
+ disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
14
+ type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
15
+ default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
16
+ };
17
+ value: unknown extends Defaults["value"] ? PropType<string> : {
18
+ type: PropType<unknown extends Defaults["value"] ? string : string | Defaults["value"]>;
19
+ default: unknown extends Defaults["value"] ? string : string | Defaults["value"];
20
+ };
21
+ label: unknown extends Defaults["label"] ? PropType<string> : {
22
+ type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
23
+ default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
24
+ };
25
+ };
@@ -0,0 +1,6 @@
1
+
2
+ export declare const YRadioIcon: import('vue').DefineComponent<{
3
+ active: BooleanConstructor;
4
+ disabled: BooleanConstructor;
5
+ }, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
6
+ export type YRadioIcon = InstanceType<typeof YRadioIcon>;
@@ -0,0 +1,2 @@
1
+ export * from './YRadioIcon';
2
+ export * from './YRadio';
package/types/shims.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { YAlert, YApp, YBadge, YButton, YCard, YCardBody, YCardFooter, YCardHeader, YCheckbox, YChip, YDataTable, YDataTableLayerRow, YDataTableLayerRows, YDataTableServer, YDateCalendar, YDatePicker, YDialog, YDividePanel, YDivider, YDropdown, YExpandHTransition, YExpandVTransition, YFieldInput, YForm, YHover, YIcon, YInput, YInputCheckbox, YIpv4Field, YLayer, YList, YListItem, YMenu, YMonthPicker, YPagination, YProgressBar, YProgressRing, YSelect, YSnackbar, YSpinnerRing, YSwitch, YTab, YTable, YTabs, YTextHighlighter, YTextarea, YTi, YTooltip, YTreeView, YTreeViewNode } from 'yuyeon/components';
1
+ import { YAlert, YApp, YBadge, YButton, YCard, YCardBody, YCardFooter, YCardHeader, YCheckbox, YChip, YDataTable, YDataTableLayerRow, YDataTableLayerRows, YDataTableServer, YDateCalendar, YDatePicker, YDialog, YDividePanel, YDivider, YDropdown, YExpandHTransition, YExpandVTransition, YFieldInput, YForm, YHover, YIcon, YInput, YInputCheckbox, YIpv4Field, YLayer, YList, YListItem, YMenu, YMonthPicker, YPagination, YProgressBar, YProgressRing, YSelect, YSnackbar, YSpinnerRing, YSwitch, YTab, YTable, YTabs, YTextHighlighter, YTextarea, YTi, YTooltip, YTreeView, YTreeViewNode, YTextEllipsis } from 'yuyeon/components';
2
2
 
3
3
 
4
4
  declare module '@vue/runtime-core' {
@@ -54,5 +54,6 @@ declare module '@vue/runtime-core' {
54
54
  YTi: typeof YTi;
55
55
  YTextHighlighter: typeof YTextHighlighter;
56
56
  YProgressRing: typeof YProgressRing;
57
+ YTextEllipsis: typeof YTextEllipsis
57
58
  }
58
59
  }
@@ -6,3 +6,4 @@ export declare function simpleBraceParse(input: string): {
6
6
  type: string;
7
7
  content: string;
8
8
  }[];
9
+ export declare function escapeRegExp(str: string): string;