yuyeon 0.3.6-beta.10 → 0.3.6-beta.12
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.
- package/dist/yuyeon.js +11 -9
- package/dist/yuyeon.umd.cjs +1 -1
- package/lib/components/date-picker/YMonthPicker.js +2 -1
- package/lib/components/date-picker/YMonthPicker.js.map +1 -1
- package/lib/components/date-picker/YYearPicker.js +2 -1
- package/lib/components/date-picker/YYearPicker.js.map +1 -1
- package/lib/components/table/YDataTableLayerRow.js +1 -1
- package/lib/components/table/YDataTableLayerRow.js.map +1 -1
- package/lib/components/table/YDataTableLayerRows.js +4 -1
- package/lib/components/table/YDataTableLayerRows.js.map +1 -1
- package/lib/components/table/composables/header.js.map +1 -1
- package/lib/components/transitions/expand-transition.js +1 -1
- package/lib/components/transitions/expand-transition.js.map +1 -1
- package/lib/composables/date/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/date-picker/YMonthPicker.d.ts +1 -1
- package/types/components/date-picker/YYearPicker.d.ts +1 -1
- package/types/components/table/YDataTableLayerRows.d.ts +3 -1
- package/types/composables/date/index.d.ts +1 -1
|
@@ -14,7 +14,7 @@ export const pressYMonthPickerPropsOptions = propsFactory({
|
|
|
14
14
|
export const YMonthPicker = defineComponent({
|
|
15
15
|
name: "YMonthPicker",
|
|
16
16
|
props: pressYMonthPickerPropsOptions(),
|
|
17
|
-
emits: ["mode"],
|
|
17
|
+
emits: ["mode", 'click', "update:modelValue"],
|
|
18
18
|
setup(props, _ref) {
|
|
19
19
|
let {
|
|
20
20
|
emit
|
|
@@ -33,6 +33,7 @@ export const YMonthPicker = defineComponent({
|
|
|
33
33
|
});
|
|
34
34
|
});
|
|
35
35
|
function onClick(index) {
|
|
36
|
+
emit('click', index);
|
|
36
37
|
if (model.value === index) {
|
|
37
38
|
emit("mode");
|
|
38
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YMonthPicker.js","names":["computed","createVNode","_createVNode","useModelDuplex","useRender","useDate","getRangeArr","defineComponent","propsFactory","YButton","pressYMonthPickerPropsOptions","modelValue","Number","color","String","height","YMonthPicker","name","props","emits","setup","_ref","emit","dateUtil","model","months","date","startOfYear","map","i","text","format","getNextMonth","value","onClick","index","month","item","active","join","default"],"sources":["../../../src/components/date-picker/YMonthPicker.tsx"],"sourcesContent":["import { computed } from \"vue\";\r\n\r\nimport { useModelDuplex } from \"@/composables/communication\";\r\nimport { useRender } from \"@/composables/component\";\r\nimport { useDate } from \"@/composables/date\";\r\nimport { getRangeArr } from \"@/util/common\";\r\nimport { defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nimport { YButton } from \"../button\";\r\n\r\nimport \"./YMonthPicker.scss\";\r\n\r\nexport const pressYMonthPickerPropsOptions = propsFactory(\r\n\t{\r\n\t\tmodelValue: Number,\r\n\t\tcolor: String,\r\n\t\theight: [String, Number],\r\n\t},\r\n\t\"YMonthPicker\",\r\n);\r\n\r\nexport const YMonthPicker = defineComponent({\r\n\tname: \"YMonthPicker\",\r\n\tprops: pressYMonthPickerPropsOptions(),\r\n\temits: [\"mode\"],\r\n\tsetup(props, { emit }) {\r\n\t\tconst dateUtil = useDate();\r\n\t\tconst model = useModelDuplex(props, \"modelValue\");\r\n\r\n\t\tconst months = computed(() => {\r\n\t\t\tlet date = dateUtil.startOfYear(dateUtil.date());\r\n\r\n\t\t\treturn getRangeArr(12).map((i) => {\r\n\t\t\t\tconst text = dateUtil.format(date, \"monthShort\");\r\n\t\t\t\tdate = dateUtil.getNextMonth(date);\r\n\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttext,\r\n\t\t\t\t\tvalue: i,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tfunction onClick(index: number) {\r\n\t\t\tif (model.value === index) {\r\n\t\t\t\temit(\"mode\");\r\n\t\t\t}\r\n\t\t\tmodel.value = index;\r\n\t\t}\r\n\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class={[\"y-month-picker\"]}>\r\n\t\t\t\t\t{months.value.map((month, index) => {\r\n\t\t\t\t\t\tconst item = {\r\n\t\t\t\t\t\t\tactive: index === model.value,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div class={[\"y-month-picker__cell\", \"y-month-picker__month\"]}>\r\n\t\t\t\t\t\t\t\t<YButton\r\n\t\t\t\t\t\t\t\t\tvariation={[\"rounded\", \"text\"].join(\",\")}\r\n\t\t\t\t\t\t\t\t\tactive={item.active}\r\n\t\t\t\t\t\t\t\t\tcolor={props.color}\r\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(index)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{month.text}\r\n\t\t\t\t\t\t\t\t</YButton>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn {};\r\n\t},\r\n});\r\n\r\nexport type YMonthPicker = InstanceType<typeof YMonthPicker>;\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAEtBC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,eAAe,EAAEC,YAAY;AAAA,SAE7BC,OAAO;AAEhB;AAEA,OAAO,MAAMC,6BAA6B,GAAGF,YAAY,CACxD;EACCG,UAAU,EAAEC,MAAM;EAClBC,KAAK,EAAEC,MAAM;EACbC,MAAM,EAAE,CAACD,MAAM,EAAEF,MAAM;AACxB,CAAC,EACD,cACD,CAAC;AAED,OAAO,MAAMI,YAAY,GAAGT,eAAe,CAAC;EAC3CU,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAER,6BAA6B,CAAC,CAAC;EACtCS,KAAK,EAAE,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"YMonthPicker.js","names":["computed","createVNode","_createVNode","useModelDuplex","useRender","useDate","getRangeArr","defineComponent","propsFactory","YButton","pressYMonthPickerPropsOptions","modelValue","Number","color","String","height","YMonthPicker","name","props","emits","setup","_ref","emit","dateUtil","model","months","date","startOfYear","map","i","text","format","getNextMonth","value","onClick","index","month","item","active","join","default"],"sources":["../../../src/components/date-picker/YMonthPicker.tsx"],"sourcesContent":["import { computed } from \"vue\";\r\n\r\nimport { useModelDuplex } from \"@/composables/communication\";\r\nimport { useRender } from \"@/composables/component\";\r\nimport { useDate } from \"@/composables/date\";\r\nimport { getRangeArr } from \"@/util/common\";\r\nimport { defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nimport { YButton } from \"../button\";\r\n\r\nimport \"./YMonthPicker.scss\";\r\n\r\nexport const pressYMonthPickerPropsOptions = propsFactory(\r\n\t{\r\n\t\tmodelValue: Number,\r\n\t\tcolor: String,\r\n\t\theight: [String, Number],\r\n\t},\r\n\t\"YMonthPicker\",\r\n);\r\n\r\nexport const YMonthPicker = defineComponent({\r\n\tname: \"YMonthPicker\",\r\n\tprops: pressYMonthPickerPropsOptions(),\r\n\temits: [\"mode\", 'click', \"update:modelValue\"],\r\n\tsetup(props, { emit }) {\r\n\t\tconst dateUtil = useDate();\r\n\t\tconst model = useModelDuplex(props, \"modelValue\");\r\n\r\n\t\tconst months = computed(() => {\r\n\t\t\tlet date = dateUtil.startOfYear(dateUtil.date());\r\n\r\n\t\t\treturn getRangeArr(12).map((i) => {\r\n\t\t\t\tconst text = dateUtil.format(date, \"monthShort\");\r\n\t\t\t\tdate = dateUtil.getNextMonth(date);\r\n\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttext,\r\n\t\t\t\t\tvalue: i,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tfunction onClick(index: number) {\r\n emit('click', index);\r\n\t\t\tif (model.value === index) {\r\n\t\t\t\temit(\"mode\");\r\n\t\t\t}\r\n\t\t\tmodel.value = index;\r\n\t\t}\r\n\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class={[\"y-month-picker\"]}>\r\n\t\t\t\t\t{months.value.map((month, index) => {\r\n\t\t\t\t\t\tconst item = {\r\n\t\t\t\t\t\t\tactive: index === model.value,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div class={[\"y-month-picker__cell\", \"y-month-picker__month\"]}>\r\n\t\t\t\t\t\t\t\t<YButton\r\n\t\t\t\t\t\t\t\t\tvariation={[\"rounded\", \"text\"].join(\",\")}\r\n\t\t\t\t\t\t\t\t\tactive={item.active}\r\n\t\t\t\t\t\t\t\t\tcolor={props.color}\r\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(index)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{month.text}\r\n\t\t\t\t\t\t\t\t</YButton>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn {};\r\n\t},\r\n});\r\n\r\nexport type YMonthPicker = InstanceType<typeof YMonthPicker>;\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAEtBC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,eAAe,EAAEC,YAAY;AAAA,SAE7BC,OAAO;AAEhB;AAEA,OAAO,MAAMC,6BAA6B,GAAGF,YAAY,CACxD;EACCG,UAAU,EAAEC,MAAM;EAClBC,KAAK,EAAEC,MAAM;EACbC,MAAM,EAAE,CAACD,MAAM,EAAEF,MAAM;AACxB,CAAC,EACD,cACD,CAAC;AAED,OAAO,MAAMI,YAAY,GAAGT,eAAe,CAAC;EAC3CU,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAER,6BAA6B,CAAC,CAAC;EACtCS,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,mBAAmB,CAAC;EAC7CC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpB,MAAME,QAAQ,GAAGlB,OAAO,CAAC,CAAC;IAC1B,MAAMmB,KAAK,GAAGrB,cAAc,CAACe,KAAK,EAAE,YAAY,CAAC;IAEjD,MAAMO,MAAM,GAAGzB,QAAQ,CAAC,MAAM;MAC7B,IAAI0B,IAAI,GAAGH,QAAQ,CAACI,WAAW,CAACJ,QAAQ,CAACG,IAAI,CAAC,CAAC,CAAC;MAEhD,OAAOpB,WAAW,CAAC,EAAE,CAAC,CAACsB,GAAG,CAAEC,CAAC,IAAK;QACjC,MAAMC,IAAI,GAAGP,QAAQ,CAACQ,MAAM,CAACL,IAAI,EAAE,YAAY,CAAC;QAChDA,IAAI,GAAGH,QAAQ,CAACS,YAAY,CAACN,IAAI,CAAC;QAElC,OAAO;UACNI,IAAI;UACJG,KAAK,EAAEJ;QACR,CAAC;MACF,CAAC,CAAC;IACH,CAAC,CAAC;IAEF,SAASK,OAAOA,CAACC,KAAa,EAAE;MAC5Bb,IAAI,CAAC,OAAO,EAAEa,KAAK,CAAC;MACvB,IAAIX,KAAK,CAACS,KAAK,KAAKE,KAAK,EAAE;QAC1Bb,IAAI,CAAC,MAAM,CAAC;MACb;MACAE,KAAK,CAACS,KAAK,GAAGE,KAAK;IACpB;IAEA/B,SAAS,CAAC,MAAM;MACf,OAAAF,YAAA;QAAA,SACa,CAAC,gBAAgB;MAAC,IAC5BuB,MAAM,CAACQ,KAAK,CAACL,GAAG,CAAC,CAACQ,KAAK,EAAED,KAAK,KAAK;QACnC,MAAME,IAAI,GAAG;UACZC,MAAM,EAAEH,KAAK,KAAKX,KAAK,CAACS;QACzB,CAAC;QACD,OAAA/B,YAAA;UAAA,SACa,CAAC,sBAAsB,EAAE,uBAAuB;QAAC,IAAAA,YAAA,CAAAO,OAAA;UAAA,aAEhD,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC8B,IAAI,CAAC,GAAG,CAAC;UAAA,UAChCF,IAAI,CAACC,MAAM;UAAA,SACZpB,KAAK,CAACL,KAAK;UAAA,WACTqB,CAAA,KAAMA,OAAO,CAACC,KAAK;QAAC;UAAAK,OAAA,EAAAA,CAAA,MAE5BJ,KAAK,CAACN,IAAI;QAAA;MAIf,CAAC,CAAC;IAGL,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACV;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -17,7 +17,7 @@ const interval = 20;
|
|
|
17
17
|
export const YYearPicker = defineComponent({
|
|
18
18
|
name: "YYearPicker",
|
|
19
19
|
props: pressYYearPickerPropsOptions(),
|
|
20
|
-
emits: ["mode"],
|
|
20
|
+
emits: ["mode", "click", "update:modelValue"],
|
|
21
21
|
setup(props, _ref) {
|
|
22
22
|
let {
|
|
23
23
|
emit,
|
|
@@ -39,6 +39,7 @@ export const YYearPicker = defineComponent({
|
|
|
39
39
|
});
|
|
40
40
|
});
|
|
41
41
|
function onClick(value) {
|
|
42
|
+
emit('click', value);
|
|
42
43
|
if (model.value === value) {
|
|
43
44
|
emit("mode");
|
|
44
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YYearPicker.js","names":["computed","ref","createVNode","_createVNode","useModelDuplex","useRender","useDate","getRangeArr","defineComponent","propsFactory","YButton","pressYYearPickerPropsOptions","modelValue","Number","color","String","height","min","max","interval","YYearPicker","name","props","emits","setup","_ref","emit","expose","dateUtil","model","tempYear","value","startYear","years","date","startOfYear","map","setYear","text","format","active","onClick","changePage","dir","arguments","length","undefined","change","year","scopedProps","item","join","default"],"sources":["../../../src/components/date-picker/YYearPicker.tsx"],"sourcesContent":["import { computed, type PropType, ref } from \"vue\";\r\n\r\nimport { useModelDuplex } from \"@/composables/communication\";\r\nimport { useRender } from \"@/composables/component\";\r\nimport { useDate } from \"@/composables/date\";\r\nimport { getRangeArr } from \"@/util/common\";\r\nimport { defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nimport { YButton } from \"../button\";\r\n\r\nimport \"./YYearPicker.scss\";\r\n\r\nexport const pressYYearPickerPropsOptions = propsFactory(\r\n\t{\r\n\t\tmodelValue: Number,\r\n\t\tcolor: String,\r\n\t\theight: [String, Number],\r\n\t\tmin: null as any as PropType<unknown>,\r\n\t\tmax: null as any as PropType<unknown>,\r\n\t},\r\n\t\"YYearPicker\",\r\n);\r\n\r\nconst interval = 20;\r\n\r\nexport const YYearPicker = defineComponent({\r\n\tname: \"YYearPicker\",\r\n\tprops: pressYYearPickerPropsOptions(),\r\n\temits: [\"mode\"],\r\n\tsetup(props, { emit, expose }) {\r\n\t\tconst dateUtil = useDate();\r\n\t\tconst model = useModelDuplex(props, \"modelValue\");\r\n\t\tconst tempYear = model.value;\r\n\t\tconst startYear = ref(\r\n\t\t\ttempYear - (tempYear % interval) - (tempYear < 0 ? interval : 0),\r\n\t\t);\r\n\t\tconst years = computed(() => {\r\n\t\t\tlet date = dateUtil.startOfYear(dateUtil.date());\r\n\r\n\t\t\treturn getRangeArr(interval + 1, startYear.value).map((value) => {\r\n\t\t\t\tdate = dateUtil.setYear(date, value);\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttext: dateUtil.format(date, \"year\"),\r\n\t\t\t\t\tvalue,\r\n\t\t\t\t\tactive: model.value === value,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tfunction onClick(value: number) {\r\n\t\t\tif (model.value === value) {\r\n\t\t\t\temit(\"mode\");\r\n\t\t\t}\r\n\t\t\tmodel.value = value;\r\n\t\t}\r\n\r\n\t\tfunction changePage(dir = 1) {\r\n\t\t\tlet change = startYear.value + interval * dir;\r\n\t\t\tif (change < 0) {\r\n\t\t\t\tchange = 0;\r\n\t\t\t}\r\n\t\t\tstartYear.value = change;\r\n\t\t}\r\n\r\n\t\texpose({\r\n\t\t\tchangePage,\r\n\t\t});\r\n\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class={[\"y-year-picker\"]}>\r\n\t\t\t\t\t{years.value.map((year) => {\r\n\t\t\t\t\t\tconst scopedProps = {\r\n\t\t\t\t\t\t\titem: year,\r\n\t\t\t\t\t\t\tprops: {\r\n\t\t\t\t\t\t\t\tonClick: () => {\r\n\t\t\t\t\t\t\t\t\tonClick(year.value);\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div class={[\"y-year-picker__cell\"]}>\r\n\t\t\t\t\t\t\t\t<YButton\r\n\t\t\t\t\t\t\t\t\tvariation={[\"rounded\", \"text\"].join(\",\")}\r\n\t\t\t\t\t\t\t\t\tactive={year.active}\r\n\t\t\t\t\t\t\t\t\tcolor={props.color}\r\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(year.value)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{year.text}\r\n\t\t\t\t\t\t\t\t</YButton>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn {};\r\n\t},\r\n});\r\n\r\nexport type YYearPicker = InstanceType<typeof YYearPicker>;\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAiBC,GAAG,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAE1CC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,eAAe,EAAEC,YAAY;AAAA,SAE7BC,OAAO;AAEhB;AAEA,OAAO,MAAMC,4BAA4B,GAAGF,YAAY,CACvD;EACCG,UAAU,EAAEC,MAAM;EAClBC,KAAK,EAAEC,MAAM;EACbC,MAAM,EAAE,CAACD,MAAM,EAAEF,MAAM,CAAC;EACxBI,GAAG,EAAE,IAAgC;EACrCC,GAAG,EAAE;AACN,CAAC,EACD,aACD,CAAC;AAED,MAAMC,QAAQ,GAAG,EAAE;AAEnB,OAAO,MAAMC,WAAW,GAAGZ,eAAe,CAAC;EAC1Ca,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAEX,4BAA4B,CAAC,CAAC;EACrCY,KAAK,EAAE,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"YYearPicker.js","names":["computed","ref","createVNode","_createVNode","useModelDuplex","useRender","useDate","getRangeArr","defineComponent","propsFactory","YButton","pressYYearPickerPropsOptions","modelValue","Number","color","String","height","min","max","interval","YYearPicker","name","props","emits","setup","_ref","emit","expose","dateUtil","model","tempYear","value","startYear","years","date","startOfYear","map","setYear","text","format","active","onClick","changePage","dir","arguments","length","undefined","change","year","scopedProps","item","join","default"],"sources":["../../../src/components/date-picker/YYearPicker.tsx"],"sourcesContent":["import { computed, type PropType, ref } from \"vue\";\r\n\r\nimport { useModelDuplex } from \"@/composables/communication\";\r\nimport { useRender } from \"@/composables/component\";\r\nimport { useDate } from \"@/composables/date\";\r\nimport { getRangeArr } from \"@/util/common\";\r\nimport { defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nimport { YButton } from \"../button\";\r\n\r\nimport \"./YYearPicker.scss\";\r\n\r\nexport const pressYYearPickerPropsOptions = propsFactory(\r\n\t{\r\n\t\tmodelValue: Number,\r\n\t\tcolor: String,\r\n\t\theight: [String, Number],\r\n\t\tmin: null as any as PropType<unknown>,\r\n\t\tmax: null as any as PropType<unknown>,\r\n\t},\r\n\t\"YYearPicker\",\r\n);\r\n\r\nconst interval = 20;\r\n\r\nexport const YYearPicker = defineComponent({\r\n\tname: \"YYearPicker\",\r\n\tprops: pressYYearPickerPropsOptions(),\r\n\temits: [\"mode\", \"click\", \"update:modelValue\"],\r\n\tsetup(props, { emit, expose }) {\r\n\t\tconst dateUtil = useDate();\r\n\t\tconst model = useModelDuplex(props, \"modelValue\");\r\n\t\tconst tempYear = model.value;\r\n\t\tconst startYear = ref(\r\n\t\t\ttempYear - (tempYear % interval) - (tempYear < 0 ? interval : 0),\r\n\t\t);\r\n\t\tconst years = computed(() => {\r\n\t\t\tlet date = dateUtil.startOfYear(dateUtil.date());\r\n\r\n\t\t\treturn getRangeArr(interval + 1, startYear.value).map((value) => {\r\n\t\t\t\tdate = dateUtil.setYear(date, value);\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttext: dateUtil.format(date, \"year\"),\r\n\t\t\t\t\tvalue,\r\n\t\t\t\t\tactive: model.value === value,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tfunction onClick(value: number) {\r\n emit('click', value);\r\n\t\t\tif (model.value === value) {\r\n\t\t\t\temit(\"mode\");\r\n\t\t\t}\r\n\t\t\tmodel.value = value;\r\n\t\t}\r\n\r\n\t\tfunction changePage(dir = 1) {\r\n\t\t\tlet change = startYear.value + interval * dir;\r\n\t\t\tif (change < 0) {\r\n\t\t\t\tchange = 0;\r\n\t\t\t}\r\n\t\t\tstartYear.value = change;\r\n\t\t}\r\n\r\n\t\texpose({\r\n\t\t\tchangePage,\r\n\t\t});\r\n\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class={[\"y-year-picker\"]}>\r\n\t\t\t\t\t{years.value.map((year) => {\r\n\t\t\t\t\t\tconst scopedProps = {\r\n\t\t\t\t\t\t\titem: year,\r\n\t\t\t\t\t\t\tprops: {\r\n\t\t\t\t\t\t\t\tonClick: () => {\r\n\t\t\t\t\t\t\t\t\tonClick(year.value);\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div class={[\"y-year-picker__cell\"]}>\r\n\t\t\t\t\t\t\t\t<YButton\r\n\t\t\t\t\t\t\t\t\tvariation={[\"rounded\", \"text\"].join(\",\")}\r\n\t\t\t\t\t\t\t\t\tactive={year.active}\r\n\t\t\t\t\t\t\t\t\tcolor={props.color}\r\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(year.value)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{year.text}\r\n\t\t\t\t\t\t\t\t</YButton>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn {};\r\n\t},\r\n});\r\n\r\nexport type YYearPicker = InstanceType<typeof YYearPicker>;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -75,7 +75,7 @@ export const YDataTableLayerRow = defineComponent({
|
|
|
75
75
|
"ref": layerRowRef,
|
|
76
76
|
"class": ['y-data-table-layer-row', ...computedClasses.value],
|
|
77
77
|
"style": computedStyles.value
|
|
78
|
-
}, [slots.default
|
|
78
|
+
}, [slots.default?.({
|
|
79
79
|
item: props.item,
|
|
80
80
|
width: props.width,
|
|
81
81
|
height: rect.value?.[0]?.height,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YDataTableLayerRow.js","names":["computed","onBeforeUnmount","ref","shallowRef","useTemplateRef","watch","vShow","_vShow","createVNode","_createVNode","withDirectives","_withDirectives","useRender","defineComponent","toStyleSizeValue","YDataTableLayerRow","name","props","layerProps","Object","item","width","type","Number","scrollTop","default","headRect","classes","Function","styles","slots","setup","_ref","observer","layerRowRef","rect","show","rowEl","computedStyles","propStyles","height","value","transform","offsetTop","computedClasses","propClassResult","Array","isArray","rowRef","$el","immediate","neo","old","unobserve","ResizeObserver","getClientRects","observe","disconnect"],"sources":["../../../src/components/table/YDataTableLayerRow.tsx"],"sourcesContent":["import {\n
|
|
1
|
+
{"version":3,"file":"YDataTableLayerRow.js","names":["computed","onBeforeUnmount","ref","shallowRef","useTemplateRef","watch","vShow","_vShow","createVNode","_createVNode","withDirectives","_withDirectives","useRender","defineComponent","toStyleSizeValue","YDataTableLayerRow","name","props","layerProps","Object","item","width","type","Number","scrollTop","default","headRect","classes","Function","styles","slots","setup","_ref","observer","layerRowRef","rect","show","rowEl","computedStyles","propStyles","height","value","transform","offsetTop","computedClasses","propClassResult","Array","isArray","rowRef","$el","immediate","neo","old","unobserve","ResizeObserver","getClientRects","observe","disconnect"],"sources":["../../../src/components/table/YDataTableLayerRow.tsx"],"sourcesContent":["import {\n computed,\n onBeforeUnmount,\n type PropType,\n ref,\n type SlotsType,\n shallowRef,\n useTemplateRef,\n watch,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\n\nexport type YDataTableLayerRowDefaultSlotProps = {\n item: any;\n width: number | undefined;\n height: number | undefined;\n scrollTop: number;\n};\n\nexport const YDataTableLayerRow = defineComponent({\n name: 'YDataTableLayerRow',\n props: {\n layerProps: Object as PropType<any>,\n item: Object as PropType<any>,\n width: {\n type: Number as PropType<number>,\n },\n scrollTop: {\n type: Number as PropType<number>,\n default: 0,\n },\n headRect: Object as PropType<DOMRect>,\n classes: Function as PropType<(item: any) => string[] | string>,\n styles: Object as PropType<(item: any, originStyle: any) => any>,\n },\n slots: Object as SlotsType<{\n default: (slotProps: YDataTableLayerRowDefaultSlotProps) => any;\n }>,\n setup(props, { slots }) {\n const observer = shallowRef<ResizeObserver | null>(null);\n\n const layerRowRef = useTemplateRef<HTMLElement>('layerRowRef');\n const rect = shallowRef<DOMRectList | null>(null);\n const show = shallowRef(false);\n\n const rowEl = ref();\n\n const computedStyles = computed(() => {\n const propStyles =\n props.styles?.(props.item, {\n width: props.width,\n height: rect.value?.[0]?.height,\n }) ?? {};\n\n return {\n transform: `translateY(${props.scrollTop * -1 + (rowEl.value?.offsetTop ?? 0) - (props.headRect?.height ?? 40)}px)`,\n width: toStyleSizeValue(propStyles?.width ?? props.width),\n height: toStyleSizeValue(propStyles?.height ?? rect.value?.[0]?.height),\n };\n });\n\n const computedClasses = computed(() => {\n const propClassResult = props.classes?.(props.item);\n return Array.isArray(propClassResult)\n ? propClassResult\n : [propClassResult];\n });\n\n watch(\n () => props.item?.rowRef.value,\n () => {\n rowEl.value = props.item?.rowRef.value?.$el;\n },\n {\n immediate: true,\n },\n );\n\n watch(\n rowEl,\n (neo, old) => {\n if (neo) {\n observer.value?.unobserve(neo);\n observer.value = new ResizeObserver(() => {\n rect.value = neo.getClientRects();\n });\n observer.value.observe(neo);\n show.value = true;\n } else {\n show.value = false;\n if (old && neo !== old) {\n observer.value?.unobserve(old);\n }\n }\n },\n { immediate: true },\n );\n\n onBeforeUnmount(() => {\n if (observer.value) {\n observer.value.disconnect();\n observer.value = null;\n }\n });\n\n useRender(() => (\n <div\n ref={layerRowRef}\n v-show={show.value}\n class={['y-data-table-layer-row', ...computedClasses.value]}\n style={computedStyles.value}\n >\n {slots.default?.({\n item: props.item,\n width: props.width,\n height: rect.value?.[0]?.height,\n scrollTop: props.scrollTop,\n })}\n </div>\n ));\n },\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -47,13 +47,16 @@ export const YDataTableLayerRows = defineComponent({
|
|
|
47
47
|
}, [props.items?.map(item => {
|
|
48
48
|
return _createVNode(YDataTableLayerRow, {
|
|
49
49
|
"item": item,
|
|
50
|
-
"head-rect": headRect,
|
|
50
|
+
"head-rect": headRect.value,
|
|
51
51
|
"scroll-top": scrollTop.value,
|
|
52
52
|
"width": rowWidth.value,
|
|
53
53
|
"classes": props.classes,
|
|
54
54
|
"styles": props.styles
|
|
55
55
|
}, slots);
|
|
56
56
|
})]));
|
|
57
|
+
return {
|
|
58
|
+
headRect
|
|
59
|
+
};
|
|
57
60
|
}
|
|
58
61
|
});
|
|
59
62
|
//# sourceMappingURL=YDataTableLayerRows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YDataTableLayerRows.js","names":["computed","shallowRef","watch","createVNode","_createVNode","useRender","defineComponent","YDataTableLayerRow","YDataTableLayerRows","name","props","layerProps","Object","items","Array","classes","Function","styles","single","Boolean","slots","setup","_ref","wrapperObserver","wrapperOffsetTop","scrollTop","rowWidth","wrapperEl","YTable","wrapperRef","value","headRect","YDataTable","neo","onScrollWrapper","addEventListener","ResizeObserver","offsetTop","clientWidth","observe","immediate","requestAnimationFrame","map","item"],"sources":["../../../src/components/table/YDataTableLayerRows.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"YDataTableLayerRows.js","names":["computed","shallowRef","watch","createVNode","_createVNode","useRender","defineComponent","YDataTableLayerRow","YDataTableLayerRows","name","props","layerProps","Object","items","Array","classes","Function","styles","single","Boolean","slots","setup","_ref","wrapperObserver","wrapperOffsetTop","scrollTop","rowWidth","wrapperEl","YTable","wrapperRef","value","headRect","YDataTable","neo","onScrollWrapper","addEventListener","ResizeObserver","offsetTop","clientWidth","observe","immediate","requestAnimationFrame","map","item"],"sources":["../../../src/components/table/YDataTableLayerRows.tsx"],"sourcesContent":["import {\r\n computed,\r\n type PropType,\r\n type SlotsType,\r\n shallowRef,\r\n watch, unref,\r\n} from 'vue';\r\n\r\nimport { useRender } from '@/composables';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport {\r\n YDataTableLayerRow,\r\n type YDataTableLayerRowDefaultSlotProps,\r\n} from './YDataTableLayerRow';\r\n\r\nimport './YDataTableLayerRows.scss';\r\n\r\nexport const YDataTableLayerRows = defineComponent({\r\n name: 'YDataTableLayerRows',\r\n props: {\r\n layerProps: Object as PropType<any>,\r\n items: Array as PropType<any[]>,\r\n classes: Function as PropType<(item: any) => string[] | string>,\r\n styles: Object as PropType<(item: any, originStyle: any) => any>,\r\n single: Boolean as PropType<boolean>,\r\n },\r\n slots: Object as SlotsType<{\r\n default: (slotProps: YDataTableLayerRowDefaultSlotProps) => any;\r\n }>,\r\n setup(props, { slots }) {\r\n // wrapper\r\n const wrapperObserver = shallowRef<ResizeObserver | null>(null);\r\n const wrapperOffsetTop = shallowRef(0);\r\n const scrollTop = shallowRef(0);\r\n const rowWidth = shallowRef(0);\r\n\r\n const wrapperEl = computed(\r\n () => props.layerProps?.YTable?.wrapperRef.value,\r\n );\r\n\r\n const headRect = computed(\r\n () => props.layerProps?.YDataTable?.headRect.value,\r\n );\r\n\r\n watch(\r\n wrapperEl,\r\n (neo) => {\r\n if (neo) {\r\n onScrollWrapper();\r\n neo.addEventListener('scroll', onScrollWrapper);\r\n wrapperObserver.value = new ResizeObserver(() => {\r\n wrapperOffsetTop.value = neo.offsetTop ?? 0;\r\n rowWidth.value = neo?.clientWidth ?? 0;\r\n });\r\n wrapperObserver.value.observe(neo);\r\n }\r\n },\r\n { immediate: true },\r\n );\r\n\r\n function onScrollWrapper() {\r\n requestAnimationFrame(() => {\r\n scrollTop.value = wrapperEl.value?.scrollTop ?? 0;\r\n });\r\n }\r\n\r\n useRender(() => (\r\n <div class=\"y-data-table-layer-rows\">\r\n {props.items?.map((item) => {\r\n return (\r\n <YDataTableLayerRow\r\n item={item}\r\n head-rect={headRect.value}\r\n scroll-top={scrollTop.value}\r\n width={rowWidth.value}\r\n classes={props.classes}\r\n styles={props.styles}\r\n v-slots={slots}\r\n ></YDataTableLayerRow>\r\n );\r\n })}\r\n </div>\r\n ));\r\n\r\n return {\r\n headRect,\r\n }\r\n },\r\n});\r\n"],"mappings":"AAAA,SACEA,QAAQ,EAGRC,UAAU,EACVC,KAAK,EAAAC,WAAA,IAAAC,YAAA,QACA,KAAK;AAAC,SAEJC,SAAS;AAAA,SACTC,eAAe;AAAA,SAGtBC,kBAAkB;AAIpB;AAEA,OAAO,MAAMC,mBAAmB,GAAGF,eAAe,CAAC;EACjDG,IAAI,EAAE,qBAAqB;EAC3BC,KAAK,EAAE;IACLC,UAAU,EAAEC,MAAuB;IACnCC,KAAK,EAAEC,KAAwB;IAC/BC,OAAO,EAAEC,QAAsD;IAC/DC,MAAM,EAAEL,MAAwD;IAChEM,MAAM,EAAEC;EACV,CAAC;EACDC,KAAK,EAAER,MAEL;EACFS,KAAKA,CAACX,KAAK,EAAAY,IAAA,EAAa;IAAA,IAAX;MAAEF;IAAM,CAAC,GAAAE,IAAA;IACpB;IACA,MAAMC,eAAe,GAAGtB,UAAU,CAAwB,IAAI,CAAC;IAC/D,MAAMuB,gBAAgB,GAAGvB,UAAU,CAAC,CAAC,CAAC;IACtC,MAAMwB,SAAS,GAAGxB,UAAU,CAAC,CAAC,CAAC;IAC/B,MAAMyB,QAAQ,GAAGzB,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM0B,SAAS,GAAG3B,QAAQ,CACxB,MAAMU,KAAK,CAACC,UAAU,EAAEiB,MAAM,EAAEC,UAAU,CAACC,KAC7C,CAAC;IAED,MAAMC,QAAQ,GAAG/B,QAAQ,CACvB,MAAMU,KAAK,CAACC,UAAU,EAAEqB,UAAU,EAAED,QAAQ,CAACD,KAC/C,CAAC;IAED5B,KAAK,CACHyB,SAAS,EACRM,GAAG,IAAK;MACP,IAAIA,GAAG,EAAE;QACPC,eAAe,CAAC,CAAC;QACjBD,GAAG,CAACE,gBAAgB,CAAC,QAAQ,EAAED,eAAe,CAAC;QAC/CX,eAAe,CAACO,KAAK,GAAG,IAAIM,cAAc,CAAC,MAAM;UAC/CZ,gBAAgB,CAACM,KAAK,GAAGG,GAAG,CAACI,SAAS,IAAI,CAAC;UAC3CX,QAAQ,CAACI,KAAK,GAAGG,GAAG,EAAEK,WAAW,IAAI,CAAC;QACxC,CAAC,CAAC;QACFf,eAAe,CAACO,KAAK,CAACS,OAAO,CAACN,GAAG,CAAC;MACpC;IACF,CAAC,EACD;MAAEO,SAAS,EAAE;IAAK,CACpB,CAAC;IAED,SAASN,eAAeA,CAAA,EAAG;MACzBO,qBAAqB,CAAC,MAAM;QAC1BhB,SAAS,CAACK,KAAK,GAAGH,SAAS,CAACG,KAAK,EAAEL,SAAS,IAAI,CAAC;MACnD,CAAC,CAAC;IACJ;IAEApB,SAAS,CAAC,MAAAD,YAAA;MAAA;IAAA,IAELM,KAAK,CAACG,KAAK,EAAE6B,GAAG,CAAEC,IAAI,IAAK;MAC1B,OAAAvC,YAAA,CAAAG,kBAAA;QAAA,QAEUoC,IAAI;QAAA,aACCZ,QAAQ,CAACD,KAAK;QAAA,cACbL,SAAS,CAACK,KAAK;QAAA,SACpBJ,QAAQ,CAACI,KAAK;QAAA,WACZpB,KAAK,CAACK,OAAO;QAAA,UACdL,KAAK,CAACO;MAAM,GACXG,KAAK;IAGpB,CAAC,CAAC,EAEL,CAAC;IAEF,OAAO;MACLW;IACF,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","names":["inject","provide","ref","watchEffect","getRangeArr","propsFactory","pressDataTableHeader","headers","type","Array","default","Y_DATA_TABLE_HEADER_KEY","Symbol","for","createHeader","props","options","columns","rows","length","flat","flatMap","row","index","map","column","rowIndex","rowCount","defaultHeader","text","sortable","defaultActionHeader","width","enableSelect","value","foundIndex","findIndex","_ref","key","fixed","some","_ref2","unshift","rowspan","splice","fixedRows","fixedOffsets","fill","forEach","_ref3","i","push","fixedOffset","Number","lastFixed","rightFixed","filter","col","rightOffsets","rightOffset","seen","Set","filtered","has","add","data","useHeader","Error","description"],"sources":["../../../../src/components/table/composables/header.ts"],"sourcesContent":["import {\r\n type DeepReadonly,\r\n
|
|
1
|
+
{"version":3,"file":"header.js","names":["inject","provide","ref","watchEffect","getRangeArr","propsFactory","pressDataTableHeader","headers","type","Array","default","Y_DATA_TABLE_HEADER_KEY","Symbol","for","createHeader","props","options","columns","rows","length","flat","flatMap","row","index","map","column","rowIndex","rowCount","defaultHeader","text","sortable","defaultActionHeader","width","enableSelect","value","foundIndex","findIndex","_ref","key","fixed","some","_ref2","unshift","rowspan","splice","fixedRows","fixedOffsets","fill","forEach","_ref3","i","push","fixedOffset","Number","lastFixed","rightFixed","filter","col","rightOffsets","rightOffset","seen","Set","filtered","has","add","data","useHeader","Error","description"],"sources":["../../../../src/components/table/composables/header.ts"],"sourcesContent":["import {\r\n type DeepReadonly,\r\n type InjectionKey,\r\n inject,\r\n type PropType,\r\n provide,\r\n type Ref,\r\n ref,\r\n watchEffect,\r\n} from 'vue';\r\n\r\nimport { getRangeArr } from '@/util/common';\r\nimport { propsFactory } from '@/util/component';\r\n\r\nimport type { DataTableHeader, InternalDataTableHeader } from '../types';\r\n\r\nexport const pressDataTableHeader = propsFactory(\r\n {\r\n headers: {\r\n type: Array as PropType<DeepReadonly<DataTableHeader[]>>,\r\n default: () => [],\r\n },\r\n },\r\n 'YDataTable--header',\r\n);\r\n\r\nexport const Y_DATA_TABLE_HEADER_KEY: InjectionKey<{\r\n headers: Ref<InternalDataTableHeader[][]>;\r\n columns: Ref<InternalDataTableHeader[]>;\r\n}> = Symbol.for('yuyeon.data-table.header');\r\n\r\ntype HeaderProps = {\r\n headers: DeepReadonly<DataTableHeader[]> | undefined;\r\n};\r\n\r\nexport function createHeader(\r\n props: HeaderProps,\r\n options?: {\r\n enableSelect?: Ref<boolean>;\r\n },\r\n) {\r\n const headers = ref<InternalDataTableHeader[][]>([]);\r\n const columns = ref<InternalDataTableHeader[]>([]);\r\n\r\n watchEffect(() => {\r\n const rows = props.headers?.length\r\n ? [props.headers as DataTableHeader[]]\r\n : [];\r\n const flat = rows.flatMap((row, index) =>\r\n row.map((column) => ({ column, rowIndex: index })),\r\n );\r\n const rowCount = rows.length;\r\n const defaultHeader = { text: '', sortable: false };\r\n const defaultActionHeader = { ...defaultHeader, width: 48 };\r\n\r\n if (options?.enableSelect?.value) {\r\n const foundIndex = flat.findIndex(\r\n ({ column }) => column.key === 'data-table-select',\r\n );\r\n if (foundIndex < 0) {\r\n const fixed = flat.some(\r\n ({ column }) => column?.fixed === true || column?.fixed === 'left',\r\n );\r\n flat.unshift({\r\n column: {\r\n ...defaultActionHeader,\r\n key: 'data-table-select',\r\n rowspan: rowCount,\r\n fixed,\r\n },\r\n rowIndex: 0,\r\n });\r\n } else {\r\n flat.splice(foundIndex, 1, {\r\n column: {\r\n ...defaultActionHeader,\r\n ...flat[foundIndex].column,\r\n },\r\n rowIndex: flat[foundIndex].rowIndex,\r\n });\r\n }\r\n }\r\n\r\n const fixedRows: InternalDataTableHeader[][] = getRangeArr(rowCount).map(\r\n () => [],\r\n );\r\n const fixedOffsets = getRangeArr(rowCount).fill(0);\r\n\r\n flat.forEach(({ column, rowIndex }) => {\r\n const { key } = column;\r\n for (\r\n let i = rowIndex;\r\n i <= rowIndex + (column.rowspan ?? 1) - 1;\r\n i += 1\r\n ) {\r\n fixedRows[i].push({\r\n ...column,\r\n key,\r\n fixedOffset: fixedOffsets[i],\r\n sortable: column.sortable ?? !!key,\r\n });\r\n fixedOffsets[i] += Number(column.width ?? 0);\r\n }\r\n });\r\n\r\n fixedRows.forEach((row) => {\r\n for (let i = row.length - 1; i >= 0; i--) {\r\n if (row[i].fixed === true || row[i].fixed === 'left') {\r\n row[i].lastFixed = true;\r\n break;\r\n }\r\n }\r\n // fixed right\r\n const rightFixed = row.filter((col) => col.fixed === 'right');\r\n let rightOffsets = 0;\r\n for (let i = rightFixed.length - 1; i >= 0; i--) {\r\n rightFixed[i].rightOffset = rightOffsets;\r\n rightOffsets += Number(rightFixed[i].width ?? 0);\r\n if (i === 0) {\r\n rightFixed[i].lastFixed = true;\r\n }\r\n }\r\n });\r\n\r\n const seen = new Set();\r\n headers.value = fixedRows.map((row) => {\r\n const filtered = [];\r\n for (const column of row) {\r\n if (!seen.has(column.key)) {\r\n seen.add(column.key);\r\n filtered.push(column);\r\n }\r\n }\r\n return filtered;\r\n });\r\n columns.value = fixedRows[fixedRows.length - 1] || [];\r\n });\r\n\r\n const data = { headers, columns };\r\n\r\n provide(Y_DATA_TABLE_HEADER_KEY, data);\r\n\r\n return data;\r\n}\r\n\r\nexport function useHeader() {\r\n const data = inject(Y_DATA_TABLE_HEADER_KEY);\r\n if (!data) {\r\n throw new Error(`Not provided: ${Y_DATA_TABLE_HEADER_KEY.description}`);\r\n }\r\n return data;\r\n}\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { defineComponent, h, ref, Transition } from 'vue';
|
|
2
2
|
import { kebabToCamel } from "../../util/string.js";
|
|
3
3
|
export function createExpandTransition() {
|
|
4
4
|
let isHorizon = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expand-transition.js","names":["
|
|
1
|
+
{"version":3,"file":"expand-transition.js","names":["defineComponent","h","ref","Transition","kebabToCamel","createExpandTransition","isHorizon","arguments","length","undefined","direction","name","sizeProperty","offsetProperty","getExpandTransitionHooks","cache","relay","resetStyle","el","_originStyle","style","overflow","flex","size","cacheSize","rect","getBoundingClientRect","value","onBeforeEnter","_parent","parentNode","transition","onEnter","originStyle","setProperty","offsetSize","requestAnimationFrame","onAfterEnter","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","props","disabled","type","Boolean","default","setup","_ref","slots","cacheValue","css"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["import {\n defineComponent,\n h,\n type PropType,\n type Ref,\n ref,\n Transition,\n} from 'vue';\n\nimport { kebabToCamel } from '@/util/string';\n\ntype HTMLParentElement = (Node & ParentNode & HTMLElement) | null;\ninterface HTMLExpandElement extends HTMLElement {\n _parent?: HTMLParentElement;\n _originStyle?: {\n transition: string;\n overflow: string;\n height?: string | null;\n width?: string | null;\n flex: string;\n };\n}\n\nexport function createExpandTransition(isHorizon = false) {\n const direction = isHorizon ? 'h' : 'v';\n const name = `expand-${direction}-transition`;\n const sizeProperty = isHorizon ? 'width' : 'height';\n const offsetProperty = kebabToCamel(`offset-${sizeProperty}`) as\n | 'offsetWidth'\n | 'offsetHeight';\n\n function getExpandTransitionHooks(\n cache: Ref<number | undefined>,\n relay: boolean,\n ): Record<string, any> {\n function resetStyle(el: HTMLExpandElement) {\n if (el._originStyle) {\n el.style.overflow = el._originStyle.overflow;\n el.style.flex = el._originStyle.flex;\n const size = el._originStyle[sizeProperty];\n if (size != null) {\n el.style[sizeProperty] = size;\n }\n }\n delete el._originStyle;\n }\n\n function cacheSize(el: HTMLExpandElement) {\n if (relay && el) {\n const rect = el.getBoundingClientRect();\n cache.value = rect?.[sizeProperty];\n }\n }\n\n return {\n onBeforeEnter(el: HTMLExpandElement) {\n el._parent = el.parentNode as HTMLParentElement;\n el._originStyle = {\n transition: el.style.transition,\n overflow: el.style.overflow,\n [sizeProperty]: el.style[sizeProperty],\n flex: el.style.flex,\n };\n },\n onEnter(el: HTMLExpandElement) {\n const originStyle = el._originStyle;\n el.style.setProperty('transition', 'none', 'important');\n el.style.overflow = 'hidden';\n el.style.flex = '0 0 auto';\n const offsetSize = `${el[offsetProperty]}px`;\n if (relay && cache.value != null) {\n el.style[sizeProperty] = `${cache.value}px`;\n } else {\n el.style[sizeProperty] = '0';\n }\n el.getBoundingClientRect();\n el.style.transition = originStyle?.transition ?? '';\n\n requestAnimationFrame(() => {\n el.style[sizeProperty] = offsetSize;\n });\n },\n onAfterEnter(el: HTMLExpandElement) {\n resetStyle(el);\n },\n onEnterCancelled(el: HTMLExpandElement) {\n resetStyle(el);\n },\n onLeave(el: HTMLExpandElement) {\n cacheSize(el);\n if (relay) {\n return;\n }\n el._originStyle = {\n transition: '',\n overflow: el.style.overflow,\n flex: el.style.flex,\n [sizeProperty]: el.style[sizeProperty],\n };\n el.style.overflow = 'hidden';\n el.style.flex = '0 0 auto';\n el.style[sizeProperty] = `${el[offsetProperty]}px`;\n el.getBoundingClientRect();\n requestAnimationFrame(() => {\n el.style[sizeProperty] = '0';\n });\n },\n onAfterLeave(el: HTMLExpandElement) {\n resetStyle(el);\n },\n onLeaveCancelled(el: HTMLExpandElement) {\n resetStyle(el);\n },\n };\n }\n\n return defineComponent({\n name,\n props: {\n disabled: {\n type: Boolean as PropType<boolean>,\n default: false,\n },\n relay: Boolean,\n },\n setup(props, { slots }) {\n const cacheValue = ref<number | undefined>();\n return () =>\n h(\n Transition,\n {\n name: props.disabled ? '' : name,\n css: !props.disabled,\n ...(props.disabled\n ? {}\n : getExpandTransitionHooks(cacheValue, props.relay)),\n },\n slots.default,\n );\n },\n });\n}\n"],"mappings":"AAAA,SACEA,eAAe,EACfC,CAAC,EAGDC,GAAG,EACHC,UAAU,QACL,KAAK;AAAC,SAEJC,YAAY;AAcrB,OAAO,SAASC,sBAAsBA,CAAA,EAAoB;EAAA,IAAnBC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EACtD,MAAMG,SAAS,GAAGJ,SAAS,GAAG,GAAG,GAAG,GAAG;EACvC,MAAMK,IAAI,GAAG,UAAUD,SAAS,aAAa;EAC7C,MAAME,YAAY,GAAGN,SAAS,GAAG,OAAO,GAAG,QAAQ;EACnD,MAAMO,cAAc,GAAGT,YAAY,CAAC,UAAUQ,YAAY,EAAE,CAE1C;EAElB,SAASE,wBAAwBA,CAC/BC,KAA8B,EAC9BC,KAAc,EACO;IACrB,SAASC,UAAUA,CAACC,EAAqB,EAAE;MACzC,IAAIA,EAAE,CAACC,YAAY,EAAE;QACnBD,EAAE,CAACE,KAAK,CAACC,QAAQ,GAAGH,EAAE,CAACC,YAAY,CAACE,QAAQ;QAC5CH,EAAE,CAACE,KAAK,CAACE,IAAI,GAAGJ,EAAE,CAACC,YAAY,CAACG,IAAI;QACpC,MAAMC,IAAI,GAAGL,EAAE,CAACC,YAAY,CAACP,YAAY,CAAC;QAC1C,IAAIW,IAAI,IAAI,IAAI,EAAE;UAChBL,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC,GAAGW,IAAI;QAC/B;MACF;MACA,OAAOL,EAAE,CAACC,YAAY;IACxB;IAEA,SAASK,SAASA,CAACN,EAAqB,EAAE;MACxC,IAAIF,KAAK,IAAIE,EAAE,EAAE;QACf,MAAMO,IAAI,GAAGP,EAAE,CAACQ,qBAAqB,CAAC,CAAC;QACvCX,KAAK,CAACY,KAAK,GAAGF,IAAI,GAAGb,YAAY,CAAC;MACpC;IACF;IAEA,OAAO;MACLgB,aAAaA,CAACV,EAAqB,EAAE;QACnCA,EAAE,CAACW,OAAO,GAAGX,EAAE,CAACY,UAA+B;QAC/CZ,EAAE,CAACC,YAAY,GAAG;UAChBY,UAAU,EAAEb,EAAE,CAACE,KAAK,CAACW,UAAU;UAC/BV,QAAQ,EAAEH,EAAE,CAACE,KAAK,CAACC,QAAQ;UAC3B,CAACT,YAAY,GAAGM,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC;UACtCU,IAAI,EAAEJ,EAAE,CAACE,KAAK,CAACE;QACjB,CAAC;MACH,CAAC;MACDU,OAAOA,CAACd,EAAqB,EAAE;QAC7B,MAAMe,WAAW,GAAGf,EAAE,CAACC,YAAY;QACnCD,EAAE,CAACE,KAAK,CAACc,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC;QACvDhB,EAAE,CAACE,KAAK,CAACC,QAAQ,GAAG,QAAQ;QAC5BH,EAAE,CAACE,KAAK,CAACE,IAAI,GAAG,UAAU;QAC1B,MAAMa,UAAU,GAAG,GAAGjB,EAAE,CAACL,cAAc,CAAC,IAAI;QAC5C,IAAIG,KAAK,IAAID,KAAK,CAACY,KAAK,IAAI,IAAI,EAAE;UAChCT,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC,GAAG,GAAGG,KAAK,CAACY,KAAK,IAAI;QAC7C,CAAC,MAAM;UACLT,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC,GAAG,GAAG;QAC9B;QACAM,EAAE,CAACQ,qBAAqB,CAAC,CAAC;QAC1BR,EAAE,CAACE,KAAK,CAACW,UAAU,GAAGE,WAAW,EAAEF,UAAU,IAAI,EAAE;QAEnDK,qBAAqB,CAAC,MAAM;UAC1BlB,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC,GAAGuB,UAAU;QACrC,CAAC,CAAC;MACJ,CAAC;MACDE,YAAYA,CAACnB,EAAqB,EAAE;QAClCD,UAAU,CAACC,EAAE,CAAC;MAChB,CAAC;MACDoB,gBAAgBA,CAACpB,EAAqB,EAAE;QACtCD,UAAU,CAACC,EAAE,CAAC;MAChB,CAAC;MACDqB,OAAOA,CAACrB,EAAqB,EAAE;QAC7BM,SAAS,CAACN,EAAE,CAAC;QACb,IAAIF,KAAK,EAAE;UACT;QACF;QACAE,EAAE,CAACC,YAAY,GAAG;UAChBY,UAAU,EAAE,EAAE;UACdV,QAAQ,EAAEH,EAAE,CAACE,KAAK,CAACC,QAAQ;UAC3BC,IAAI,EAAEJ,EAAE,CAACE,KAAK,CAACE,IAAI;UACnB,CAACV,YAAY,GAAGM,EAAE,CAACE,KAAK,CAACR,YAAY;QACvC,CAAC;QACDM,EAAE,CAACE,KAAK,CAACC,QAAQ,GAAG,QAAQ;QAC5BH,EAAE,CAACE,KAAK,CAACE,IAAI,GAAG,UAAU;QAC1BJ,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC,GAAG,GAAGM,EAAE,CAACL,cAAc,CAAC,IAAI;QAClDK,EAAE,CAACQ,qBAAqB,CAAC,CAAC;QAC1BU,qBAAqB,CAAC,MAAM;UAC1BlB,EAAE,CAACE,KAAK,CAACR,YAAY,CAAC,GAAG,GAAG;QAC9B,CAAC,CAAC;MACJ,CAAC;MACD4B,YAAYA,CAACtB,EAAqB,EAAE;QAClCD,UAAU,CAACC,EAAE,CAAC;MAChB,CAAC;MACDuB,gBAAgBA,CAACvB,EAAqB,EAAE;QACtCD,UAAU,CAACC,EAAE,CAAC;MAChB;IACF,CAAC;EACH;EAEA,OAAOlB,eAAe,CAAC;IACrBW,IAAI;IACJ+B,KAAK,EAAE;MACLC,QAAQ,EAAE;QACRC,IAAI,EAAEC,OAA4B;QAClCC,OAAO,EAAE;MACX,CAAC;MACD9B,KAAK,EAAE6B;IACT,CAAC;IACDE,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAAa;MAAA,IAAX;QAAEC;MAAM,CAAC,GAAAD,IAAA;MACpB,MAAME,UAAU,GAAGhD,GAAG,CAAqB,CAAC;MAC5C,OAAO,MACLD,CAAC,CACCE,UAAU,EACV;QACEQ,IAAI,EAAE+B,KAAK,CAACC,QAAQ,GAAG,EAAE,GAAGhC,IAAI;QAChCwC,GAAG,EAAE,CAACT,KAAK,CAACC,QAAQ;QACpB,IAAID,KAAK,CAACC,QAAQ,GACd,CAAC,CAAC,GACF7B,wBAAwB,CAACoC,UAAU,EAAER,KAAK,CAAC1B,KAAK,CAAC;MACvD,CAAC,EACDiC,KAAK,CAACH,OACR,CAAC;IACL;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["inject","useI18n","constructAdapter","configureOptions","YUYEON_DATE_KEY","Symbol","for","YUYEON_DATE_OPTIONS_KEY","createDateModule","options","locale","_options","instance","useDate","Error","i18n"],"sources":["../../../src/composables/date/index.ts"],"sourcesContent":["import { inject } from 'vue';\n\nimport { LocaleModule } from '@/i18n/types';\n\nimport { useI18n } from '../i18n';\nimport { constructAdapter } from './factory';\nimport { configureOptions } from './setting';\nimport { DateInstance, DateOptions } from './types';\n\nexport const YUYEON_DATE_KEY = Symbol.for('yuyeon.date');\nexport const YUYEON_DATE_OPTIONS_KEY = Symbol.for('yuyeon.date-options');\n\nexport function createDateModule(options: DateOptions, locale: LocaleModule) {\n const _options = configureOptions(options);\n return {\n options: _options,\n instance: constructAdapter(_options, locale),\n };\n}\n\nexport function useDate(): DateInstance {\n const options = inject<any>(YUYEON_DATE_OPTIONS_KEY);\n if (!options)\n throw new Error('【yuyeon】 Not found provided \"DateModule\" for options');\n\n const i18n = useI18n();\n\n return constructAdapter(options, i18n);\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,KAAK;AAAC,SAIpBC,OAAO;AAAA,SACPC,gBAAgB;AAAA,SAChBC,gBAAgB;AAGzB,OAAO,MAAMC,eAAe,GAAGC,MAAM,CAACC,GAAG,CAAC,aAAa,CAAC;AACxD,OAAO,MAAMC,uBAAuB,GAAGF,MAAM,CAACC,GAAG,CAAC,qBAAqB,CAAC;AAExE,OAAO,SAASE,gBAAgBA,CAACC,OAAoB,EAAEC,MAAoB,EAAE;EAC3E,MAAMC,QAAQ,GAAGR,gBAAgB,CAACM,OAAO,CAAC;EAC1C,OAAO;IACLA,OAAO,EAAEE,QAAQ;IACjBC,QAAQ,EAAEV,gBAAgB,CAACS,QAAQ,EAAED,MAAM;EAC7C,CAAC;AACH;AAEA,OAAO,SAASG,OAAOA,CAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["inject","useI18n","constructAdapter","configureOptions","YUYEON_DATE_KEY","Symbol","for","YUYEON_DATE_OPTIONS_KEY","createDateModule","options","locale","_options","instance","useDate","Error","i18n"],"sources":["../../../src/composables/date/index.ts"],"sourcesContent":["import { inject } from 'vue';\n\nimport { LocaleModule } from '@/i18n/types';\n\nimport { useI18n } from '../i18n';\nimport { constructAdapter } from './factory';\nimport { configureOptions } from './setting';\nimport { DateInstance, DateOptions } from './types';\n\nexport const YUYEON_DATE_KEY = Symbol.for('yuyeon.date');\nexport const YUYEON_DATE_OPTIONS_KEY = Symbol.for('yuyeon.date-options');\n\nexport function createDateModule(options: DateOptions, locale: LocaleModule) {\n const _options = configureOptions(options);\n return {\n options: _options,\n instance: constructAdapter(_options, locale),\n };\n}\n\nexport function useDate<T>(): DateInstance<T> {\n const options = inject<any>(YUYEON_DATE_OPTIONS_KEY);\n if (!options)\n throw new Error('【yuyeon】 Not found provided \"DateModule\" for options');\n\n const i18n = useI18n();\n\n return constructAdapter(options, i18n);\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,KAAK;AAAC,SAIpBC,OAAO;AAAA,SACPC,gBAAgB;AAAA,SAChBC,gBAAgB;AAGzB,OAAO,MAAMC,eAAe,GAAGC,MAAM,CAACC,GAAG,CAAC,aAAa,CAAC;AACxD,OAAO,MAAMC,uBAAuB,GAAGF,MAAM,CAACC,GAAG,CAAC,qBAAqB,CAAC;AAExE,OAAO,SAASE,gBAAgBA,CAACC,OAAoB,EAAEC,MAAoB,EAAE;EAC3E,MAAMC,QAAQ,GAAGR,gBAAgB,CAACM,OAAO,CAAC;EAC1C,OAAO;IACLA,OAAO,EAAEE,QAAQ;IACjBC,QAAQ,EAAEV,gBAAgB,CAACS,QAAQ,EAAED,MAAM;EAC7C,CAAC;AACH;AAEA,OAAO,SAASG,OAAOA,CAAA,EAAuB;EAC5C,MAAMJ,OAAO,GAAGT,MAAM,CAAMO,uBAAuB,CAAC;EACpD,IAAI,CAACE,OAAO,EACV,MAAM,IAAIK,KAAK,CAAC,sDAAsD,CAAC;EAEzE,MAAMC,IAAI,GAAGd,OAAO,CAAC,CAAC;EAEtB,OAAOC,gBAAgB,CAACO,OAAO,EAAEM,IAAI,CAAC;AACxC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -21,5 +21,5 @@ export declare const YMonthPicker: import('vue').DefineComponent<{
|
|
|
21
21
|
modelValue: NumberConstructor;
|
|
22
22
|
color: StringConstructor;
|
|
23
23
|
height: (StringConstructor | NumberConstructor)[];
|
|
24
|
-
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mode"[], "mode">;
|
|
24
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("mode" | "click" | "update:modelValue")[], "mode" | "click" | "update:modelValue">;
|
|
25
25
|
export type YMonthPicker = InstanceType<typeof YMonthPicker>;
|
|
@@ -34,5 +34,5 @@ export declare const YYearPicker: import('vue').DefineComponent<{
|
|
|
34
34
|
height: (StringConstructor | NumberConstructor)[];
|
|
35
35
|
min: PropType<unknown>;
|
|
36
36
|
max: PropType<unknown>;
|
|
37
|
-
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mode"[], "mode">;
|
|
37
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("mode" | "click" | "update:modelValue")[], "mode" | "click" | "update:modelValue">;
|
|
38
38
|
export type YYearPicker = InstanceType<typeof YYearPicker>;
|
|
@@ -6,4 +6,6 @@ export declare const YDataTableLayerRows: import('vue').DefineComponent<{
|
|
|
6
6
|
classes: PropType<(item: any) => string[] | string>;
|
|
7
7
|
styles: PropType<(item: any, originStyle: any) => any>;
|
|
8
8
|
single: PropType<boolean>;
|
|
9
|
-
},
|
|
9
|
+
}, {
|
|
10
|
+
headRect: import('vue').ComputedRef<any>;
|
|
11
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
|