yuyeon 0.2.3-rc.6 → 0.2.3-rc.7
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 +1327 -1310
- package/dist/yuyeon.umd.cjs +3 -3
- package/lib/components/table/YDataTableBody.mjs +13 -4
- package/lib/components/table/YDataTableBody.mjs.map +1 -1
- package/lib/components/table/YDataTableRow.mjs +9 -3
- package/lib/components/table/YDataTableRow.mjs.map +1 -1
- package/package.json +1 -1
- package/types/components/table/YDataTable.d.ts +6 -0
- package/types/components/table/YDataTableBody.d.ts +7 -1
- package/types/components/table/YDataTableRow.d.ts +18 -12
- package/types/components/table/YDataTableServer.d.ts +6 -0
|
@@ -21,14 +21,15 @@ export const pressYDataTableBodyProps = propsFactory({
|
|
|
21
21
|
rowHeight: Number,
|
|
22
22
|
'onClick:row': Function,
|
|
23
23
|
'onDblclick:row': Function,
|
|
24
|
-
'onContextmenu:row': Function
|
|
24
|
+
'onContextmenu:row': Function,
|
|
25
|
+
'onMousedown:row': Function
|
|
25
26
|
}, 'YDataTableBody');
|
|
26
27
|
export const YDataTableBody = defineComponent({
|
|
27
28
|
name: 'YDataTableBody',
|
|
28
29
|
props: {
|
|
29
30
|
...pressYDataTableBodyProps()
|
|
30
31
|
},
|
|
31
|
-
emits: ['click:row'],
|
|
32
|
+
emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],
|
|
32
33
|
setup(props, _ref) {
|
|
33
34
|
let {
|
|
34
35
|
slots,
|
|
@@ -83,6 +84,12 @@ export const YDataTableBody = defineComponent({
|
|
|
83
84
|
el
|
|
84
85
|
});
|
|
85
86
|
}
|
|
87
|
+
function onMousedown(event, el) {
|
|
88
|
+
props['onMousedown:row']?.(event, {
|
|
89
|
+
...stateProps,
|
|
90
|
+
el
|
|
91
|
+
});
|
|
92
|
+
}
|
|
86
93
|
const slotProps = {
|
|
87
94
|
...stateProps,
|
|
88
95
|
props: mergeProps({
|
|
@@ -96,12 +103,14 @@ export const YDataTableBody = defineComponent({
|
|
|
96
103
|
}) : props.rowProps),
|
|
97
104
|
onClick,
|
|
98
105
|
onContextmenu,
|
|
99
|
-
onDblclick
|
|
106
|
+
onDblclick,
|
|
107
|
+
onMousedown
|
|
100
108
|
};
|
|
101
109
|
return _createVNode(_Fragment, null, [slots.item ? slots.item(slotProps) : _createVNode(YDataTableRow, _mergeProps(slotProps.props, {
|
|
102
110
|
"onClick": props['onClick:row'] && onClick,
|
|
103
111
|
"onContextmenu": props['onContextmenu:row'] && onContextmenu,
|
|
104
|
-
"onDblclick": props['onDblclick:row'] && onDblclick
|
|
112
|
+
"onDblclick": props['onDblclick:row'] && onDblclick,
|
|
113
|
+
"onMousedown": props['onMousedown:row'] && onMousedown
|
|
105
114
|
}), slots)]);
|
|
106
115
|
})]);
|
|
107
116
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YDataTableBody.mjs","names":["mergeProps","useRender","defineComponent","propsFactory","YDataTableRow","useHeader","useSelection","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","emit","columns","isSelected","toggleSelect","_createVNode","value","length","_Fragment","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","slotProps","key","_mergeProps"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { type PropType, mergeProps } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YDataTableRow } from './YDataTableRow';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { DataTableItem, RowProps } from './types';\n\nexport const pressYDataTableBodyProps = propsFactory(\n {\n items: {\n type: Array as PropType<readonly DataTableItem[]>,\n default: () => [],\n },\n loading: [Boolean, String],\n loadingText: String,\n hideNoData: Boolean,\n noDataText: {\n type: String,\n default: '',\n },\n rowProps: [Function, Object] as PropType<RowProps<any>>,\n rowHeight: Number,\n 'onClick:row': Function as PropType<(e: Event, value: any) => void>,\n 'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\n 'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\n },\n 'YDataTableBody',\n);\n\nexport const YDataTableBody = defineComponent({\n name: 'YDataTableBody',\n props: {\n ...pressYDataTableBodyProps(),\n },\n emits: ['click:row'],\n setup(props, { slots, emit }) {\n const { columns } = useHeader();\n const { isSelected, toggleSelect } = useSelection();\n\n useRender(() => {\n if (props.loading) {\n return (\n <tr>\n <td colspan={columns.value.length} class={'y-data-table__loading'}>\n {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\n </td>\n </tr>\n );\n }\n if (!props.loading && props.items.length < 1 && !props.hideNoData) {\n return (\n <tr key=\"no-data\" class=\"y-data-table__no-data\">\n <td colspan={columns.value.length}>\n {slots['no-data']?.() ?? props.noDataText}\n </td>\n </tr>\n );\n }\n return (\n <>\n {slots.body\n ? slots.body?.(props)\n : props.items.map((item, index) => {\n const stateProps = {\n index,\n item: item.raw,\n internalItem: item,\n columns: columns.value,\n isSelected,\n toggleSelect,\n };\n\n function onClick(event: Event, el: null | Element) {\n props['onClick:row']?.(event, { ...stateProps, el });\n }\n\n function onDblclick(event: Event, el: null | Element) {\n props['onDblclick:row']?.(event, { ...stateProps, el });\n }\n\n function onContextmenu(event: Event, el: null | Element) {\n props['onContextmenu:row']?.(event, {\n ...stateProps,\n el,\n });\n }\n\n const slotProps = {\n ...stateProps,\n props: mergeProps(\n {\n key: `item__${item.key ?? item.index}`,\n item,\n index,\n },\n typeof props.rowProps === 'function'\n ? props.rowProps({\n item: stateProps.item,\n index: stateProps.index,\n internalItem: stateProps.internalItem,\n })\n : props.rowProps,\n ),\n onClick,\n onContextmenu,\n onDblclick,\n };\n\n return (\n <>\n {slots.item ? (\n slots.item(slotProps)\n ) : (\n <YDataTableRow\n v-slots={slots}\n {...slotProps.props}\n onClick={props['onClick:row'] && onClick}\n onContextmenu={\n props['onContextmenu:row'] && onContextmenu\n }\n onDblclick={props['onDblclick:row'] && onDblclick}\n ></YDataTableRow>\n )}\n </>\n );\n })}\n </>\n );\n });\n\n // end\n return {};\n },\n});\n\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\n"],"mappings":";AAAA,SAAwBA,UAAU,QAAQ,KAAK;AAAC,SAEvCC,SAAS;AAAA,SACTC,eAAe,EAAEC,YAAY;AAAA,SAE7BC,aAAa;AAAA,SACbC,SAAS;AAAA,SACTC,YAAY;AAGrB,OAAO,MAAMC,wBAAwB,GAAGJ,YAAY,CAClD;EACEK,KAAK,EAAE;IACLC,IAAI,EAAEC,KAA2C;IACjDC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,OAAO,EAAE,CAACC,OAAO,EAAEC,MAAM,CAAC;EAC1BC,WAAW,EAAED,MAAM;EACnBE,UAAU,EAAEH,OAAO;EACnBI,UAAU,EAAE;IACVR,IAAI,EAAEK,MAAM;IACZH,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE,CAACC,QAAQ,EAAEC,MAAM,CAA4B;EACvDC,SAAS,EAAEC,MAAM;EACjB,aAAa,EAAEH,QAAoD;EACnE,gBAAgB,EAAEA,QAAoD;EACtE,mBAAmB,EAAEA;
|
|
1
|
+
{"version":3,"file":"YDataTableBody.mjs","names":["mergeProps","useRender","defineComponent","propsFactory","YDataTableRow","useHeader","useSelection","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","emit","columns","isSelected","toggleSelect","_createVNode","value","length","_Fragment","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","onMousedown","slotProps","key","_mergeProps"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { type PropType, mergeProps } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YDataTableRow } from './YDataTableRow';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { DataTableItem, RowProps } from './types';\n\nexport const pressYDataTableBodyProps = propsFactory(\n {\n items: {\n type: Array as PropType<readonly DataTableItem[]>,\n default: () => [],\n },\n loading: [Boolean, String],\n loadingText: String,\n hideNoData: Boolean,\n noDataText: {\n type: String,\n default: '',\n },\n rowProps: [Function, Object] as PropType<RowProps<any>>,\n rowHeight: Number,\n 'onClick:row': Function as PropType<(e: Event, value: any) => void>,\n 'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\n 'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\n 'onMousedown:row': Function as PropType<(e: Event, value: any) => void>,\n },\n 'YDataTableBody',\n);\n\nexport const YDataTableBody = defineComponent({\n name: 'YDataTableBody',\n props: {\n ...pressYDataTableBodyProps(),\n },\n emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],\n setup(props, { slots, emit }) {\n const { columns } = useHeader();\n const { isSelected, toggleSelect } = useSelection();\n\n useRender(() => {\n if (props.loading) {\n return (\n <tr>\n <td colspan={columns.value.length} class={'y-data-table__loading'}>\n {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\n </td>\n </tr>\n );\n }\n if (!props.loading && props.items.length < 1 && !props.hideNoData) {\n return (\n <tr key=\"no-data\" class=\"y-data-table__no-data\">\n <td colspan={columns.value.length}>\n {slots['no-data']?.() ?? props.noDataText}\n </td>\n </tr>\n );\n }\n return (\n <>\n {slots.body\n ? slots.body?.(props)\n : props.items.map((item, index) => {\n const stateProps = {\n index,\n item: item.raw,\n internalItem: item,\n columns: columns.value,\n isSelected,\n toggleSelect,\n };\n\n function onClick(event: Event, el: null | Element) {\n props['onClick:row']?.(event, { ...stateProps, el });\n }\n\n function onDblclick(event: Event, el: null | Element) {\n props['onDblclick:row']?.(event, { ...stateProps, el });\n }\n\n function onContextmenu(event: Event, el: null | Element) {\n props['onContextmenu:row']?.(event, {\n ...stateProps,\n el,\n });\n }\n\n function onMousedown(event: Event, el: null | Element) {\n props['onMousedown:row']?.(event, { ...stateProps, el });\n }\n\n const slotProps = {\n ...stateProps,\n props: mergeProps(\n {\n key: `item__${item.key ?? item.index}`,\n item,\n index,\n },\n typeof props.rowProps === 'function'\n ? props.rowProps({\n item: stateProps.item,\n index: stateProps.index,\n internalItem: stateProps.internalItem,\n })\n : props.rowProps,\n ),\n onClick,\n onContextmenu,\n onDblclick,\n onMousedown,\n };\n\n return (\n <>\n {slots.item ? (\n slots.item(slotProps)\n ) : (\n <YDataTableRow\n v-slots={slots}\n {...slotProps.props}\n onClick={props['onClick:row'] && onClick}\n onContextmenu={\n props['onContextmenu:row'] && onContextmenu\n }\n onDblclick={props['onDblclick:row'] && onDblclick}\n onMousedown={props['onMousedown:row'] && onMousedown}\n ></YDataTableRow>\n )}\n </>\n );\n })}\n </>\n );\n });\n\n // end\n return {};\n },\n});\n\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\n"],"mappings":"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"}
|
|
@@ -10,10 +10,11 @@ import { useHeader } from "./composibles/header.mjs";
|
|
|
10
10
|
import { useSelection } from "./composibles/selection.mjs";
|
|
11
11
|
export const pressYDataTableRowProps = propsFactory({
|
|
12
12
|
index: Number,
|
|
13
|
+
onHover: Function,
|
|
14
|
+
onMousedown: Function,
|
|
13
15
|
onClick: Function,
|
|
14
|
-
onContextmenu: Function,
|
|
15
16
|
onDblclick: Function,
|
|
16
|
-
|
|
17
|
+
onContextmenu: Function
|
|
17
18
|
}, 'YDataTableRow');
|
|
18
19
|
export const YDataTableRow = defineComponent({
|
|
19
20
|
name: 'YDataTableRow',
|
|
@@ -22,6 +23,7 @@ export const YDataTableRow = defineComponent({
|
|
|
22
23
|
cellProps: [Object, Function],
|
|
23
24
|
...pressYDataTableRowProps()
|
|
24
25
|
},
|
|
26
|
+
emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],
|
|
25
27
|
setup(props, _ref) {
|
|
26
28
|
let {
|
|
27
29
|
emit,
|
|
@@ -48,6 +50,9 @@ export const YDataTableRow = defineComponent({
|
|
|
48
50
|
}
|
|
49
51
|
return ret;
|
|
50
52
|
}
|
|
53
|
+
function onMousedown(event) {
|
|
54
|
+
props.onMousedown?.(event, vm?.proxy?.$el);
|
|
55
|
+
}
|
|
51
56
|
function onClick(event) {
|
|
52
57
|
props.onClick?.(event, vm?.proxy?.$el);
|
|
53
58
|
}
|
|
@@ -64,7 +69,8 @@ export const YDataTableRow = defineComponent({
|
|
|
64
69
|
}],
|
|
65
70
|
"onClick": props.onClick && onClick,
|
|
66
71
|
"onContextmenu": props.onContextmenu && onContextmenu,
|
|
67
|
-
"onDblclick": props.onDblclick && onDblclick
|
|
72
|
+
"onDblclick": props.onDblclick && onDblclick,
|
|
73
|
+
"onMousedown": props.onMousedown && onMousedown
|
|
68
74
|
}, [props.item && columns.value.map((column, colIndex) => {
|
|
69
75
|
const item = props.item;
|
|
70
76
|
const slotProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YDataTableRow.mjs","names":["computed","getCurrentInstance","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onClick","Function","onContextmenu","onDblclick","onHover","YDataTableRow","name","props","item","Object","cellProps","setup","_ref","emit","slots","vm","isSelected","toggleSelect","columns","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","_createVNode","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getPropertyFromItem } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { CellProps, DataTableItem } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n {\n index: Number as PropType<number>,\n onClick: Function as PropType<(...args: any[]) => void>,\n onContextmenu: Function as PropType<(...args: any[]) => void>,\n onDblclick: Function as PropType<(...args: any[]) => void>,\n onHover: Function as PropType<(...args: any[]) => void>,\n },\n 'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n name: 'YDataTableRow',\n props: {\n item: Object as PropType<DataTableItem>,\n cellProps: [Object, Function] as PropType<CellProps>,\n ...pressYDataTableRowProps(),\n },\n setup(props, { emit, slots }) {\n const vm = getCurrentInstance();\n const { isSelected, toggleSelect } = useSelection();\n const { columns } = useHeader();\n\n const selected = computed(() => props.item && isSelected(props.item));\n\n function arrayClasses(classes: string | string[]) {\n const ret: string[] = [];\n if (typeof classes === 'string') {\n ret.push(classes);\n }\n if (Array.isArray(classes)) {\n classes.forEach((c) => {\n if (typeof c === 'string') ret.push(c);\n });\n }\n return ret;\n }\n\n function onClick(event: MouseEvent) {\n props.onClick?.(event, vm?.proxy?.$el);\n }\n\n function onContextmenu(event: MouseEvent) {\n props.onContextmenu?.(event, vm?.proxy?.$el);\n }\n\n function onDblclick(event: MouseEvent) {\n props.onDblclick?.(event, vm?.proxy?.$el);\n }\n\n useRender(() => {\n return (\n <tr\n class={[\n 'y-data-table__row',\n { 'y-data-table__row--selected': selected.value },\n ]}\n onClick={props.onClick && onClick}\n onContextmenu={props.onContextmenu && onContextmenu}\n onDblclick={props.onDblclick && onDblclick}\n >\n {props.item &&\n columns.value.map((column, colIndex) => {\n const item = props.item!;\n const slotProps = {\n index: props.index!,\n item: props.item!.raw,\n internalItem: props.item!,\n columns: columns.value,\n value: getPropertyFromItem(item.columns, column.key),\n selected: selected.value,\n toggleSelect,\n el: vm?.proxy?.$el,\n };\n\n const classes = computed(() => {\n const ret: string[] = [];\n if (typeof column.classes === 'function') {\n const result = column.classes.call(\n null,\n slotProps.item,\n slotProps.index,\n column,\n );\n if (result) {\n ret.push(...arrayClasses(result));\n }\n } else if (column.classes) {\n ret.push(...arrayClasses(column.classes));\n }\n\n return ret;\n });\n\n const cellProps =\n typeof props.cellProps === 'function'\n ? props.cellProps({\n index: slotProps.index,\n column,\n internalItem: slotProps.internalItem,\n item: slotProps.item,\n value: slotProps.value,\n selected: slotProps.selected,\n })\n : props.cellProps;\n\n return (\n <YDataTableCell\n align={column.align}\n fixed={\n column.fixed\n ? column.lastFixed\n ? 'last'\n : 'lead'\n : undefined\n }\n fixedOffset={column.fixedOffset}\n width={column.width}\n maxWidth={column.maxWidth}\n class={[\n 'y-data-table-data',\n {\n 'y-data-table-data--select':\n column.key === 'data-table-select',\n },\n ...classes.value,\n ]}\n {...cellProps}\n >\n {{\n default: () => {\n const slotName = `item.${column.key}`;\n\n if (slots[slotName]) {\n return slots[slotName]?.(slotProps);\n }\n\n if (column.key === 'data-table-select') {\n return (\n slots['item.data-table-select']?.(slotProps) ?? (\n <YIconCheckbox\n checked={isSelected(item)}\n disabled={!item.selectable}\n {...{\n onClick: (e: MouseEvent) => {\n e.stopPropagation();\n if (item.selectable) toggleSelect(item);\n },\n }}\n ></YIconCheckbox>\n )\n );\n }\n\n return slotProps.value;\n },\n }}\n </YDataTableCell>\n );\n })}\n </tr>\n );\n });\n },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"YDataTableRow.mjs","names":["computed","getCurrentInstance","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onHover","Function","onMousedown","onClick","onDblclick","onContextmenu","YDataTableRow","name","props","item","Object","cellProps","emits","setup","_ref","emit","slots","vm","isSelected","toggleSelect","columns","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","_createVNode","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getPropertyFromItem } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { CellProps, DataTableItem } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n {\n index: Number as PropType<number>,\n onHover: Function as PropType<(...args: any[]) => void>,\n onMousedown: Function as PropType<(...args: any[]) => void>,\n onClick: Function as PropType<(...args: any[]) => void>,\n onDblclick: Function as PropType<(...args: any[]) => void>,\n onContextmenu: Function as PropType<(...args: any[]) => void>,\n },\n 'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n name: 'YDataTableRow',\n props: {\n item: Object as PropType<DataTableItem>,\n cellProps: [Object, Function] as PropType<CellProps>,\n ...pressYDataTableRowProps(),\n },\n emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],\n setup(props, { emit, slots }) {\n const vm = getCurrentInstance();\n const { isSelected, toggleSelect } = useSelection();\n const { columns } = useHeader();\n\n const selected = computed(() => props.item && isSelected(props.item));\n\n function arrayClasses(classes: string | string[]) {\n const ret: string[] = [];\n if (typeof classes === 'string') {\n ret.push(classes);\n }\n if (Array.isArray(classes)) {\n classes.forEach((c) => {\n if (typeof c === 'string') ret.push(c);\n });\n }\n return ret;\n }\n\n function onMousedown(event: MouseEvent) {\n props.onMousedown?.(event, vm?.proxy?.$el);\n }\n\n function onClick(event: MouseEvent) {\n props.onClick?.(event, vm?.proxy?.$el);\n }\n\n function onContextmenu(event: MouseEvent) {\n props.onContextmenu?.(event, vm?.proxy?.$el);\n }\n\n function onDblclick(event: MouseEvent) {\n props.onDblclick?.(event, vm?.proxy?.$el);\n }\n\n useRender(() => {\n return (\n <tr\n class={[\n 'y-data-table__row',\n { 'y-data-table__row--selected': selected.value },\n ]}\n onClick={props.onClick && onClick}\n onContextmenu={props.onContextmenu && onContextmenu}\n onDblclick={props.onDblclick && onDblclick}\n onMousedown={props.onMousedown && onMousedown}\n >\n {props.item &&\n columns.value.map((column, colIndex) => {\n const item = props.item!;\n const slotProps = {\n index: props.index!,\n item: props.item!.raw,\n internalItem: props.item!,\n columns: columns.value,\n value: getPropertyFromItem(item.columns, column.key),\n selected: selected.value,\n toggleSelect,\n el: vm?.proxy?.$el,\n };\n\n const classes = computed(() => {\n const ret: string[] = [];\n if (typeof column.classes === 'function') {\n const result = column.classes.call(\n null,\n slotProps.item,\n slotProps.index,\n column,\n );\n if (result) {\n ret.push(...arrayClasses(result));\n }\n } else if (column.classes) {\n ret.push(...arrayClasses(column.classes));\n }\n\n return ret;\n });\n\n const cellProps =\n typeof props.cellProps === 'function'\n ? props.cellProps({\n index: slotProps.index,\n column,\n internalItem: slotProps.internalItem,\n item: slotProps.item,\n value: slotProps.value,\n selected: slotProps.selected,\n })\n : props.cellProps;\n\n return (\n <YDataTableCell\n align={column.align}\n fixed={\n column.fixed\n ? column.lastFixed\n ? 'last'\n : 'lead'\n : undefined\n }\n fixedOffset={column.fixedOffset}\n width={column.width}\n maxWidth={column.maxWidth}\n class={[\n 'y-data-table-data',\n {\n 'y-data-table-data--select':\n column.key === 'data-table-select',\n },\n ...classes.value,\n ]}\n {...cellProps}\n >\n {{\n default: () => {\n const slotName = `item.${column.key}`;\n\n if (slots[slotName]) {\n return slots[slotName]?.(slotProps);\n }\n\n if (column.key === 'data-table-select') {\n return (\n slots['item.data-table-select']?.(slotProps) ?? (\n <YIconCheckbox\n checked={isSelected(item)}\n disabled={!item.selectable}\n {...{\n onClick: (e: MouseEvent) => {\n e.stopPropagation();\n if (item.selectable) toggleSelect(item);\n },\n }}\n ></YIconCheckbox>\n )\n );\n }\n\n return slotProps.value;\n },\n }}\n </YDataTableCell>\n );\n })}\n </tr>\n );\n });\n },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -33,6 +33,7 @@ export declare const pressDataTableProps: <Defaults extends {
|
|
|
33
33
|
'onClick:row'?: unknown;
|
|
34
34
|
'onDblclick:row'?: unknown;
|
|
35
35
|
'onContextmenu:row'?: unknown;
|
|
36
|
+
'onMousedown:row'?: unknown;
|
|
36
37
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
37
38
|
tag: unknown extends Defaults["tag"] ? {
|
|
38
39
|
type: PropType<string>;
|
|
@@ -360,6 +361,10 @@ export declare const pressDataTableProps: <Defaults extends {
|
|
|
360
361
|
type: PropType<unknown extends Defaults["onContextmenu:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onContextmenu:row"]>;
|
|
361
362
|
default: unknown extends Defaults["onContextmenu:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onContextmenu:row"];
|
|
362
363
|
};
|
|
364
|
+
'onMousedown:row': unknown extends Defaults["onMousedown:row"] ? PropType<(e: Event, value: any) => void> : {
|
|
365
|
+
type: PropType<unknown extends Defaults["onMousedown:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onMousedown:row"]>;
|
|
366
|
+
default: unknown extends Defaults["onMousedown:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onMousedown:row"];
|
|
367
|
+
};
|
|
363
368
|
};
|
|
364
369
|
export declare const YDataTable: import('vue').DefineComponent<{
|
|
365
370
|
tag: {
|
|
@@ -455,6 +460,7 @@ export declare const YDataTable: import('vue').DefineComponent<{
|
|
|
455
460
|
'onClick:row': PropType<(e: Event, value: any) => void>;
|
|
456
461
|
'onDblclick:row': PropType<(e: Event, value: any) => void>;
|
|
457
462
|
'onContextmenu:row': PropType<(e: Event, value: any) => void>;
|
|
463
|
+
'onMousedown:row': PropType<(e: Event, value: any) => void>;
|
|
458
464
|
page: {
|
|
459
465
|
type: PropType<string | number>;
|
|
460
466
|
default: number;
|
|
@@ -12,6 +12,7 @@ export declare const pressYDataTableBodyProps: <Defaults extends {
|
|
|
12
12
|
'onClick:row'?: unknown;
|
|
13
13
|
'onDblclick:row'?: unknown;
|
|
14
14
|
'onContextmenu:row'?: unknown;
|
|
15
|
+
'onMousedown:row'?: unknown;
|
|
15
16
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
16
17
|
items: unknown extends Defaults["items"] ? {
|
|
17
18
|
type: PropType<readonly DataTableItem<any>[]>;
|
|
@@ -65,6 +66,10 @@ export declare const pressYDataTableBodyProps: <Defaults extends {
|
|
|
65
66
|
type: PropType<unknown extends Defaults["onContextmenu:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onContextmenu:row"]>;
|
|
66
67
|
default: unknown extends Defaults["onContextmenu:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onContextmenu:row"];
|
|
67
68
|
};
|
|
69
|
+
'onMousedown:row': unknown extends Defaults["onMousedown:row"] ? PropType<(e: Event, value: any) => void> : {
|
|
70
|
+
type: PropType<unknown extends Defaults["onMousedown:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onMousedown:row"]>;
|
|
71
|
+
default: unknown extends Defaults["onMousedown:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onMousedown:row"];
|
|
72
|
+
};
|
|
68
73
|
};
|
|
69
74
|
export declare const YDataTableBody: import('vue').DefineComponent<{
|
|
70
75
|
items: {
|
|
@@ -83,5 +88,6 @@ export declare const YDataTableBody: import('vue').DefineComponent<{
|
|
|
83
88
|
'onClick:row': PropType<(e: Event, value: any) => void>;
|
|
84
89
|
'onDblclick:row': PropType<(e: Event, value: any) => void>;
|
|
85
90
|
'onContextmenu:row': PropType<(e: Event, value: any) => void>;
|
|
86
|
-
|
|
91
|
+
'onMousedown:row': PropType<(e: Event, value: any) => void>;
|
|
92
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click:row" | "dblclick:row" | "contextmenu:row" | "mousedown:row")[], "click:row" | "dblclick:row" | "contextmenu:row" | "mousedown:row">;
|
|
87
93
|
export type YDataTableBody = InstanceType<typeof YDataTableBody>;
|
|
@@ -3,39 +3,45 @@ import { CellProps, DataTableItem } from './types';
|
|
|
3
3
|
|
|
4
4
|
export declare const pressYDataTableRowProps: <Defaults extends {
|
|
5
5
|
index?: unknown;
|
|
6
|
+
onHover?: unknown;
|
|
7
|
+
onMousedown?: unknown;
|
|
6
8
|
onClick?: unknown;
|
|
7
|
-
onContextmenu?: unknown;
|
|
8
9
|
onDblclick?: unknown;
|
|
9
|
-
|
|
10
|
+
onContextmenu?: unknown;
|
|
10
11
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
11
12
|
index: unknown extends Defaults["index"] ? PropType<number> : {
|
|
12
13
|
type: PropType<unknown extends Defaults["index"] ? number : number | Defaults["index"]>;
|
|
13
14
|
default: unknown extends Defaults["index"] ? number : number | Defaults["index"];
|
|
14
15
|
};
|
|
16
|
+
onHover: unknown extends Defaults["onHover"] ? PropType<(...args: any[]) => void> : {
|
|
17
|
+
type: PropType<unknown extends Defaults["onHover"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onHover"]>;
|
|
18
|
+
default: unknown extends Defaults["onHover"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onHover"];
|
|
19
|
+
};
|
|
20
|
+
onMousedown: unknown extends Defaults["onMousedown"] ? PropType<(...args: any[]) => void> : {
|
|
21
|
+
type: PropType<unknown extends Defaults["onMousedown"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onMousedown"]>;
|
|
22
|
+
default: unknown extends Defaults["onMousedown"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onMousedown"];
|
|
23
|
+
};
|
|
15
24
|
onClick: unknown extends Defaults["onClick"] ? PropType<(...args: any[]) => void> : {
|
|
16
25
|
type: PropType<unknown extends Defaults["onClick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onClick"]>;
|
|
17
26
|
default: unknown extends Defaults["onClick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onClick"];
|
|
18
27
|
};
|
|
19
|
-
onContextmenu: unknown extends Defaults["onContextmenu"] ? PropType<(...args: any[]) => void> : {
|
|
20
|
-
type: PropType<unknown extends Defaults["onContextmenu"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onContextmenu"]>;
|
|
21
|
-
default: unknown extends Defaults["onContextmenu"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onContextmenu"];
|
|
22
|
-
};
|
|
23
28
|
onDblclick: unknown extends Defaults["onDblclick"] ? PropType<(...args: any[]) => void> : {
|
|
24
29
|
type: PropType<unknown extends Defaults["onDblclick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onDblclick"]>;
|
|
25
30
|
default: unknown extends Defaults["onDblclick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onDblclick"];
|
|
26
31
|
};
|
|
27
|
-
|
|
28
|
-
type: PropType<unknown extends Defaults["
|
|
29
|
-
default: unknown extends Defaults["
|
|
32
|
+
onContextmenu: unknown extends Defaults["onContextmenu"] ? PropType<(...args: any[]) => void> : {
|
|
33
|
+
type: PropType<unknown extends Defaults["onContextmenu"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onContextmenu"]>;
|
|
34
|
+
default: unknown extends Defaults["onContextmenu"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onContextmenu"];
|
|
30
35
|
};
|
|
31
36
|
};
|
|
32
37
|
export declare const YDataTableRow: import('vue').DefineComponent<{
|
|
33
38
|
index: PropType<number>;
|
|
39
|
+
onHover: PropType<(...args: any[]) => void>;
|
|
40
|
+
onMousedown: PropType<(...args: any[]) => void>;
|
|
34
41
|
onClick: PropType<(...args: any[]) => void>;
|
|
35
|
-
onContextmenu: PropType<(...args: any[]) => void>;
|
|
36
42
|
onDblclick: PropType<(...args: any[]) => void>;
|
|
37
|
-
|
|
43
|
+
onContextmenu: PropType<(...args: any[]) => void>;
|
|
38
44
|
item: PropType<DataTableItem<any>>;
|
|
39
45
|
cellProps: PropType<CellProps>;
|
|
40
|
-
}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
46
|
+
}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "contextmenu" | "dblclick" | "mousedown" | "hover")[], "click" | "contextmenu" | "dblclick" | "mousedown" | "hover">;
|
|
41
47
|
export type YDataTableRow = InstanceType<typeof YDataTableRow>;
|
|
@@ -33,6 +33,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
|
|
|
33
33
|
'onClick:row'?: unknown;
|
|
34
34
|
'onDblclick:row'?: unknown;
|
|
35
35
|
'onContextmenu:row'?: unknown;
|
|
36
|
+
'onMousedown:row'?: unknown;
|
|
36
37
|
page?: unknown;
|
|
37
38
|
pageSize?: unknown;
|
|
38
39
|
total?: unknown;
|
|
@@ -363,6 +364,10 @@ export declare const pressDataTableServerProps: <Defaults extends {
|
|
|
363
364
|
type: PropType<unknown extends Defaults["onContextmenu:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onContextmenu:row"]>;
|
|
364
365
|
default: unknown extends Defaults["onContextmenu:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onContextmenu:row"];
|
|
365
366
|
};
|
|
367
|
+
'onMousedown:row': unknown extends Defaults["onMousedown:row"] ? PropType<(e: Event, value: any) => void> : {
|
|
368
|
+
type: PropType<unknown extends Defaults["onMousedown:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onMousedown:row"]>;
|
|
369
|
+
default: unknown extends Defaults["onMousedown:row"] ? (e: Event, value: any) => void : ((e: Event, value: any) => void) | Defaults["onMousedown:row"];
|
|
370
|
+
};
|
|
366
371
|
page: unknown extends Defaults["page"] ? {
|
|
367
372
|
type: PropType<string | number>;
|
|
368
373
|
default: number;
|
|
@@ -488,6 +493,7 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
|
|
|
488
493
|
'onClick:row': PropType<(e: Event, value: any) => void>;
|
|
489
494
|
'onDblclick:row': PropType<(e: Event, value: any) => void>;
|
|
490
495
|
'onContextmenu:row': PropType<(e: Event, value: any) => void>;
|
|
496
|
+
'onMousedown:row': PropType<(e: Event, value: any) => void>;
|
|
491
497
|
page: {
|
|
492
498
|
type: PropType<string | number>;
|
|
493
499
|
default: number;
|