@falcon-ui/falcon-ui 1.0.0

package/esm/components/table/src/table.mjs

@@ -0,0 +1,60 @@
+const tableProps = {
+	selectionRowClick: {
+		type: Boolean,
+		default: true
+	},
+	selectionSingle: {
+		type: Boolean,
+		default: false
+	},
+	isEdit: {
+		type: Boolean,
+		default: true
+	},
+	cellProxyMaxDepth: {
+		type: Number,
+		default: 4,
+		validator: (value) => Number.isInteger(value) && value >= 1
+	},
+	crossHighlight: {
+		type: Boolean,
+		default: false
+	},
+	rowDraggable: {
+		type: Boolean,
+		default: true
+	},
+	columnDraggable: {
+		type: Boolean,
+		default: true
+	},
+	rowDragHandleColumnIndex: {
+		type: Number,
+		default: 0,
+		validator: (value) => Number.isInteger(value) && value >= 0
+	},
+	rowKeyField: {
+		type: String,
+		default: "id"
+	},
+	data: {
+		type: Array,
+		default: () => []
+	}
+};
+var isRecord = (value) => value !== null && typeof value === "object";
+var isNumber = (value) => typeof value === "number";
+const tableEmits = {
+	"selection-row-toggle": (payload) => isRecord(payload) && isRecord(payload.row) && isNumber(payload.rowIndex) && typeof payload.selected === "boolean" && Array.isArray(payload.selectionBefore) && Array.isArray(payload.selectionAfter) && (payload.trigger === "row-click" || payload.trigger === "selection-change"),
+	"selection-single-conflict": (payload) => isRecord(payload) && (payload.reason === "multiple-selected" || payload.reason === "select-all-disabled") && Array.isArray(payload.selection),
+	"cell-change": (payload) => isRecord(payload) && isNumber(payload.rowIndex) && (typeof payload.rowKey === "string" || typeof payload.rowKey === "number") && typeof payload.columnKey === "string" && typeof payload.path === "string" && payload.trigger === "proxy-set",
+	"row-drag-start": (payload) => isRecord(payload) && (payload.oldIndex === null || isNumber(payload.oldIndex)) && (payload.newIndex === null || isNumber(payload.newIndex)),
+	"row-drag-end": (payload) => isRecord(payload) && (payload.oldIndex === null || isNumber(payload.oldIndex)) && (payload.newIndex === null || isNumber(payload.newIndex)),
+	"row-order-change": (payload) => isRecord(payload) && isNumber(payload.oldIndex) && isNumber(payload.newIndex) && isRecord(payload.row) && Array.isArray(payload.data),
+	"column-drag-start": (payload) => isRecord(payload) && (payload.oldIndex === null || isNumber(payload.oldIndex)) && (payload.newIndex === null || isNumber(payload.newIndex)) && (payload.columnIndex === null || isNumber(payload.columnIndex)),
+	"column-drag-end": (payload) => isRecord(payload) && (payload.oldIndex === null || isNumber(payload.oldIndex)) && (payload.newIndex === null || isNumber(payload.newIndex)) && (payload.columnIndex === null || isNumber(payload.columnIndex)),
+	"column-order-change": (payload) => isRecord(payload) && isNumber(payload.oldIndex) && isNumber(payload.newIndex) && isNumber(payload.columnIndex) && Array.isArray(payload.order)
+};
+export { tableEmits, tableProps };
+
+//# sourceMappingURL=table.mjs.map

package/esm/components/table/src/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.ts"],"sourcesContent":["import type { ExtractPublicPropTypes, PropType } from 'vue'\r\n\r\nexport type RowData = Record<string, unknown>\r\n\r\nexport type EmitTrigger = 'row-click' | 'selection-change' | 'proxy-set'\r\n\r\nexport interface SelectionRowToggleEvent {\r\n  row: RowData\r\n  rowIndex: number\r\n  selected: boolean\r\n  selectionBefore: RowData[]\r\n  selectionAfter: RowData[]\r\n  trigger: Exclude<EmitTrigger, 'proxy-set'>\r\n}\r\n\r\nexport interface SelectionSingleConflictEvent {\r\n  reason: 'multiple-selected' | 'select-all-disabled'\r\n  selection: RowData[]\r\n}\r\n\r\nexport interface CellChangeEvent {\r\n  rowIndex: number\r\n  rowKey: string | number\r\n  columnKey: string\r\n  path: string\r\n  prevValue: unknown\r\n  nextValue: unknown\r\n  trigger: 'proxy-set'\r\n}\r\n\r\nexport interface RowDragEvent {\r\n  oldIndex: number | null\r\n  newIndex: number | null\r\n  row: RowData | null\r\n}\r\n\r\nexport interface RowOrderChangeEvent {\r\n  oldIndex: number\r\n  newIndex: number\r\n  row: RowData\r\n  data: RowData[]\r\n}\r\n\r\nexport interface ColumnDragEvent {\r\n  oldIndex: number | null\r\n  newIndex: number | null\r\n  columnIndex: number | null\r\n}\r\n\r\nexport interface ColumnOrderChangeEvent {\r\n  oldIndex: number\r\n  newIndex: number\r\n  columnIndex: number\r\n  order: number[]\r\n}\r\n\r\nexport interface FlTableExpose {\r\n  clearSelection: () => void\r\n  getSelectionRows: () => RowData[]\r\n  toggleRowSelection: (row: RowData, selected?: boolean, ignoreSelectable?: boolean) => void\r\n  toggleAllSelection: () => void\r\n  toggleRowExpansion: (row: RowData, expanded?: boolean) => void\r\n  setCurrentRow: (row?: RowData) => void\r\n  clearSort: () => void\r\n  clearFilter: (columnKeys?: string | string[]) => void\r\n  doLayout: () => void\r\n  sort: (prop: string, order: 'ascending' | 'descending' | null) => void\r\n  scrollTo: {\r\n    (options: ScrollToOptions): void\r\n    (xCoord: number, yCoord?: number): void\r\n  }\r\n  setScrollTop: (top: number) => void\r\n  setScrollLeft: (left: number) => void\r\n}\r\n\r\nexport const tableProps = {\r\n  /**\r\n   * Enable row click to toggle selection when selection column exists.\r\n   */\r\n  selectionRowClick: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Restrict selection to one row in selection-table mode.\r\n   */\r\n  selectionSingle: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * Enable editable cell mode with proxy intercept for row field assignments.\r\n   */\r\n  isEdit: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Maximum proxy depth for nested row fields.\r\n   */\r\n  cellProxyMaxDepth: {\r\n    type: Number,\r\n    default: 4,\r\n    validator: (value: number) => Number.isInteger(value) && value >= 1\r\n  },\r\n  /**\r\n   * Extend clicked data cells with row and column cross highlight.\r\n   */\r\n  crossHighlight: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * Enable row drag sorting.\r\n   */\r\n  rowDraggable: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Enable column drag sorting.\r\n   */\r\n  columnDraggable: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Which column index should act as row drag handle.\r\n   */\r\n  rowDragHandleColumnIndex: {\r\n    type: Number,\r\n    default: 0,\r\n    validator: (value: number) => Number.isInteger(value) && value >= 0\r\n  },\r\n  /**\r\n   * Field name used as row key in emitted payload.\r\n   */\r\n  rowKeyField: {\r\n    type: String,\r\n    default: 'id'\r\n  },\r\n  /**\r\n   * Bound data source. Falls through to ElTable `data`.\r\n   */\r\n  data: {\r\n    type: Array as PropType<RowData[]>,\r\n    default: () => []\r\n  }\r\n} as const\r\n\r\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\r\n  value !== null && typeof value === 'object'\r\n\r\nconst isNumber = (value: unknown): value is number => typeof value === 'number'\r\n\r\nexport const tableEmits = {\r\n  /**\r\n   * Emit when row click triggers selection toggle.\r\n   */\r\n  'selection-row-toggle': (payload: SelectionRowToggleEvent) =>\r\n    isRecord(payload) &&\r\n    isRecord(payload.row) &&\r\n    isNumber(payload.rowIndex) &&\r\n    typeof payload.selected === 'boolean' &&\r\n    Array.isArray(payload.selectionBefore) &&\r\n    Array.isArray(payload.selectionAfter) &&\r\n    (payload.trigger === 'row-click' || payload.trigger === 'selection-change'),\r\n  /**\r\n   * Emit when single-selection rule conflicts with native selection behavior.\r\n   */\r\n  'selection-single-conflict': (payload: SelectionSingleConflictEvent) =>\r\n    isRecord(payload) &&\r\n    (payload.reason === 'multiple-selected' || payload.reason === 'select-all-disabled') &&\r\n    Array.isArray(payload.selection),\r\n  /**\r\n   * Emit when proxy-tracked row field value is changed.\r\n   */\r\n  'cell-change': (payload: CellChangeEvent) =>\r\n    isRecord(payload) &&\r\n    isNumber(payload.rowIndex) &&\r\n    (typeof payload.rowKey === 'string' || typeof payload.rowKey === 'number') &&\r\n    typeof payload.columnKey === 'string' &&\r\n    typeof payload.path === 'string' &&\r\n    payload.trigger === 'proxy-set',\r\n  /**\r\n   * Emit when row drag starts.\r\n   */\r\n  'row-drag-start': (payload: RowDragEvent) =>\r\n    isRecord(payload) &&\r\n    (payload.oldIndex === null || isNumber(payload.oldIndex)) &&\r\n    (payload.newIndex === null || isNumber(payload.newIndex)),\r\n  /**\r\n   * Emit when row drag ends.\r\n   */\r\n  'row-drag-end': (payload: RowDragEvent) =>\r\n    isRecord(payload) &&\r\n    (payload.oldIndex === null || isNumber(payload.oldIndex)) &&\r\n    (payload.newIndex === null || isNumber(payload.newIndex)),\r\n  /**\r\n   * Emit when row order has changed.\r\n   */\r\n  'row-order-change': (payload: RowOrderChangeEvent) =>\r\n    isRecord(payload) &&\r\n    isNumber(payload.oldIndex) &&\r\n    isNumber(payload.newIndex) &&\r\n    isRecord(payload.row) &&\r\n    Array.isArray(payload.data),\r\n  /**\r\n   * Emit when column drag starts.\r\n   */\r\n  'column-drag-start': (payload: ColumnDragEvent) =>\r\n    isRecord(payload) &&\r\n    (payload.oldIndex === null || isNumber(payload.oldIndex)) &&\r\n    (payload.newIndex === null || isNumber(payload.newIndex)) &&\r\n    (payload.columnIndex === null || isNumber(payload.columnIndex)),\r\n  /**\r\n   * Emit when column drag ends.\r\n   */\r\n  'column-drag-end': (payload: ColumnDragEvent) =>\r\n    isRecord(payload) &&\r\n    (payload.oldIndex === null || isNumber(payload.oldIndex)) &&\r\n    (payload.newIndex === null || isNumber(payload.newIndex)) &&\r\n    (payload.columnIndex === null || isNumber(payload.columnIndex)),\r\n  /**\r\n   * Emit when column order has changed.\r\n   */\r\n  'column-order-change': (payload: ColumnOrderChangeEvent) =>\r\n    isRecord(payload) &&\r\n    isNumber(payload.oldIndex) &&\r\n    isNumber(payload.newIndex) &&\r\n    isNumber(payload.columnIndex) &&\r\n    Array.isArray(payload.order)\r\n} as const\r\n\r\nexport type TableProps = ExtractPublicPropTypes<typeof tableProps>\r\nexport type TableEmits = typeof tableEmits\r\nexport type TableExpose = FlTableExpose\r\n"],"mappings":"AA2EA,MAAa,aAAa;CAIxB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,mBAAmB;EACjB,MAAM;EACN,SAAS;EACT,YAAY,UAAkB,OAAO,UAAU,MAAM,IAAI,SAAS;EACnE;CAID,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,0BAA0B;EACxB,MAAM;EACN,SAAS;EACT,YAAY,UAAkB,OAAO,UAAU,MAAM,IAAI,SAAS;EACnE;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;CACF;AAED,IAAM,YAAY,UAChB,UAAU,QAAQ,OAAO,UAAU;AAErC,IAAM,YAAY,UAAoC,OAAO,UAAU;AAEvE,MAAa,aAAa;CAIxB,yBAAyB,YACvB,SAAS,QAAQ,IACjB,SAAS,QAAQ,IAAI,IACrB,SAAS,QAAQ,SAAS,IAC1B,OAAO,QAAQ,aAAa,aAC5B,MAAM,QAAQ,QAAQ,gBAAgB,IACtC,MAAM,QAAQ,QAAQ,eAAe,KACpC,QAAQ,YAAY,eAAe,QAAQ,YAAY;CAI1D,8BAA8B,YAC5B,SAAS,QAAQ,KAChB,QAAQ,WAAW,uBAAuB,QAAQ,WAAW,0BAC9D,MAAM,QAAQ,QAAQ,UAAU;CAIlC,gBAAgB,YACd,SAAS,QAAQ,IACjB,SAAS,QAAQ,SAAS,KACzB,OAAO,QAAQ,WAAW,YAAY,OAAO,QAAQ,WAAW,aACjE,OAAO,QAAQ,cAAc,YAC7B,OAAO,QAAQ,SAAS,YACxB,QAAQ,YAAY;CAItB,mBAAmB,YACjB,SAAS,QAAQ,KAChB,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS,MACvD,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS;CAI1D,iBAAiB,YACf,SAAS,QAAQ,KAChB,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS,MACvD,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS;CAI1D,qBAAqB,YACnB,SAAS,QAAQ,IACjB,SAAS,QAAQ,SAAS,IAC1B,SAAS,QAAQ,SAAS,IAC1B,SAAS,QAAQ,IAAI,IACrB,MAAM,QAAQ,QAAQ,KAAK;CAI7B,sBAAsB,YACpB,SAAS,QAAQ,KAChB,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS,MACvD,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS,MACvD,QAAQ,gBAAgB,QAAQ,SAAS,QAAQ,YAAY;CAIhE,oBAAoB,YAClB,SAAS,QAAQ,KAChB,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS,MACvD,QAAQ,aAAa,QAAQ,SAAS,QAAQ,SAAS,MACvD,QAAQ,gBAAgB,QAAQ,SAAS,QAAQ,YAAY;CAIhE,wBAAwB,YACtB,SAAS,QAAQ,IACjB,SAAS,QAAQ,SAAS,IAC1B,SAAS,QAAQ,SAAS,IAC1B,SAAS,QAAQ,YAAY,IAC7B,MAAM,QAAQ,QAAQ,MAAM;CAC/B"}