@bluepic/embed 0.4.0-next.164 → 0.4.0-next.165
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/bluepic-embed.iife.js +133 -93
- package/dist/bluepic-embed.umd.js +133 -93
- package/dist/components/BxTable.vue.d.ts +50 -0
- package/dist/main.cjs +89 -49
- package/dist/main.d.ts +2 -0
- package/dist/main.mjs +12778 -12697
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { VNode } from 'vue';
|
|
2
|
+
export interface BxTableColumn {
|
|
3
|
+
/** Identity only; the caller writes the cells. */
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
align?: 'left' | 'center' | 'right';
|
|
7
|
+
width?: string;
|
|
8
|
+
/** Header text for assistive tech only, e.g. an actions column. */
|
|
9
|
+
srOnlyLabel?: boolean;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A table's chrome: the scroll container, the border, the header, row hover and
|
|
13
|
+
* per-column alignment.
|
|
14
|
+
*
|
|
15
|
+
* The BODY is a slot rather than a `rows` prop on purpose. Real tables wrap
|
|
16
|
+
* their rows — the studio's org list puts every `<tr>` inside a
|
|
17
|
+
* visibility-observer for infinite scroll — and a data-driven table cannot
|
|
18
|
+
* express that without growing a render-prop for the wrapper. So the caller
|
|
19
|
+
* keeps its `<tr>`s and this owns everything around them, which is the part
|
|
20
|
+
* that was being re-written per app.
|
|
21
|
+
*
|
|
22
|
+
* Alignment reaches app-authored cells through custom properties rather than
|
|
23
|
+
* classes the caller would have to remember: each column publishes
|
|
24
|
+
* `--col-N-align`, and the static rules below read it. Eight columns is the
|
|
25
|
+
* supported width; past that, a table is a different problem.
|
|
26
|
+
*/
|
|
27
|
+
type __VLS_Props = {
|
|
28
|
+
columns?: BxTableColumn[];
|
|
29
|
+
/** Outer border and rounding, so the table can sit on the page unwrapped. */
|
|
30
|
+
bordered?: boolean;
|
|
31
|
+
/** Row highlight on hover. Off unless rows actually do something. */
|
|
32
|
+
hoverable?: boolean;
|
|
33
|
+
dense?: boolean;
|
|
34
|
+
};
|
|
35
|
+
type __VLS_Slots = {
|
|
36
|
+
default?: () => VNode[] | VNode;
|
|
37
|
+
};
|
|
38
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
39
|
+
bordered: boolean;
|
|
40
|
+
hoverable: boolean;
|
|
41
|
+
columns: BxTableColumn[];
|
|
42
|
+
dense: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
44
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
45
|
+
export default _default;
|
|
46
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
47
|
+
new (): {
|
|
48
|
+
$slots: S;
|
|
49
|
+
};
|
|
50
|
+
};
|