@webx-ui/core 0.26.0 → 0.28.0

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.
@@ -37,6 +37,11 @@ export declare const builtinIcons: {
37
37
  readonly 'arrow-right': "<path d=\"M4 12h16m0 0-6-6m6 6-6 6\"/>";
38
38
  readonly menu: "<path d=\"M4 7h16M4 12h16M4 17h16\"/>";
39
39
  readonly sidebar: "<rect x=\"3\" y=\"4.5\" width=\"18\" height=\"15\" rx=\"2.5\"/><path d=\"M9.5 4.5v15\"/>";
40
+ readonly monitor: "<rect x=\"3\" y=\"4\" width=\"18\" height=\"12.5\" rx=\"2.5\"/><path d=\"M12 16.5v3.5M8.5 20h7\"/>";
41
+ readonly tablet: "<rect x=\"5.5\" y=\"3\" width=\"13\" height=\"18\" rx=\"2.5\"/><path d=\"M10.7 17.6h2.6\"/>";
42
+ readonly smartphone: "<rect x=\"8\" y=\"2.5\" width=\"8\" height=\"19\" rx=\"2.2\"/><path d=\"M10.9 18.7h2.2\"/>";
43
+ readonly maximize: "<path d=\"M9 4H5.5A1.5 1.5 0 0 0 4 5.5V9\"/><path d=\"M15 4h3.5A1.5 1.5 0 0 1 20 5.5V9\"/><path d=\"M20 15v3.5a1.5 1.5 0 0 1-1.5 1.5H15\"/><path d=\"M4 15v3.5A1.5 1.5 0 0 0 5.5 20H9\"/>";
44
+ readonly minimize: "<path d=\"M4 9h3.5A1.5 1.5 0 0 0 9 7.5V4\"/><path d=\"M20 9h-3.5A1.5 1.5 0 0 1 15 7.5V4\"/><path d=\"M15 20v-3.5a1.5 1.5 0 0 1 1.5-1.5H20\"/><path d=\"M9 20v-3.5A1.5 1.5 0 0 0 7.5 15H4\"/>";
40
45
  readonly 'more-horizontal': "<circle cx=\"5.5\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"18.5\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/>";
41
46
  readonly 'more-vertical': "<circle cx=\"12\" cy=\"5.5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"18.5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/>";
42
47
  readonly drag: "<circle cx=\"9\" cy=\"6\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"6\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"9\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"9\" cy=\"18\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"18\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/>";
@@ -12,12 +12,12 @@ declare function __VLS_template(): {
12
12
  inline: boolean;
13
13
  close: () => void;
14
14
  }) => unknown;
15
- /** The records. */
15
+ /** The records. Left alone by a screen with no `detail`, it is the screen. */
16
16
  list?: (props: {
17
17
  filtersInline: boolean;
18
18
  openFilters: () => void;
19
19
  }) => unknown;
20
- /** The record that is open. */
20
+ /** The record that is open. Optional: a list whose records open elsewhere has none. */
21
21
  detail?: (props: {
22
22
  inline: boolean;
23
23
  back: () => void;
@@ -30,12 +30,12 @@ declare function __VLS_template(): {
30
30
  inline: boolean;
31
31
  close: () => void;
32
32
  }) => unknown;
33
- /** The records. */
33
+ /** The records. Left alone by a screen with no `detail`, it is the screen. */
34
34
  list?: (props: {
35
35
  filtersInline: boolean;
36
36
  openFilters: () => void;
37
37
  }) => unknown;
38
- /** The record that is open. */
38
+ /** The record that is open. Optional: a list whose records open elsewhere has none. */
39
39
  detail?: (props: {
40
40
  inline: boolean;
41
41
  back: () => void;
@@ -51,9 +51,11 @@ declare function __VLS_template(): {
51
51
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
52
52
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
53
53
  "update:open": (value: boolean) => any;
54
+ "filters-inline": (inline: boolean) => any;
54
55
  "update:filtersOpen": (value: boolean) => any;
55
56
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
56
57
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
58
+ "onFilters-inline"?: ((inline: boolean) => any) | undefined;
57
59
  "onUpdate:filtersOpen"?: ((value: boolean) => any) | undefined;
58
60
  }>, {
59
61
  filtersWidth: number | string;
@@ -7,9 +7,11 @@ export interface ListDetailProps {
7
7
  /** Width of the list of records. */
8
8
  listWidth?: number | string;
9
9
  /**
10
- * The narrowest the detail pane may be. It is what the two thresholds are made
10
+ * The narrowest the main pane may be. It is what the two thresholds are made
11
11
  * of: the filters column folds away when it would push the pane under this, and
12
12
  * the pane stops standing beside the list when it no longer fits either.
13
+ *
14
+ * With no `detail` slot the list is the main pane, and this is its floor.
13
15
  */
14
16
  detailMin?: number;
15
17
  /** Heading of the panel the filters move into once the column does not fit. */
@@ -8,7 +8,63 @@ declare function __VLS_template(): {
8
8
  slots: {
9
9
  default?(_: {}): any;
10
10
  };
11
- refs: {};
11
+ refs: {
12
+ filterRef: ({
13
+ $: import('vue').ComponentInternalInstance;
14
+ $data: {};
15
+ $props: {
16
+ readonly displayValue?: ((val: any) => string) | undefined;
17
+ readonly modelValue?: string | undefined;
18
+ readonly autoFocus?: boolean | undefined;
19
+ readonly disabled?: boolean | undefined;
20
+ readonly asChild?: boolean | undefined;
21
+ readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
22
+ readonly "onUpdate:modelValue"?: ((args_0: string) => any) | undefined | undefined;
23
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
24
+ $attrs: import('vue').Attrs;
25
+ $refs: {
26
+ [x: string]: unknown;
27
+ };
28
+ $slots: Readonly<{
29
+ [name: string]: import('vue').Slot<any> | undefined;
30
+ }>;
31
+ $root: import('vue').ComponentPublicInstance | null;
32
+ $parent: import('vue').ComponentPublicInstance | null;
33
+ $host: Element | null;
34
+ $emit: (event: "update:modelValue", args_0: string) => void;
35
+ $el: any;
36
+ $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ComboboxInputProps> & Readonly<{
37
+ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
38
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
39
+ "update:modelValue": (args_0: string) => any;
40
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
41
+ beforeCreate?: (() => void) | (() => void)[];
42
+ created?: (() => void) | (() => void)[];
43
+ beforeMount?: (() => void) | (() => void)[];
44
+ mounted?: (() => void) | (() => void)[];
45
+ beforeUpdate?: (() => void) | (() => void)[];
46
+ updated?: (() => void) | (() => void)[];
47
+ activated?: (() => void) | (() => void)[];
48
+ deactivated?: (() => void) | (() => void)[];
49
+ beforeDestroy?: (() => void) | (() => void)[];
50
+ beforeUnmount?: (() => void) | (() => void)[];
51
+ destroyed?: (() => void) | (() => void)[];
52
+ unmounted?: (() => void) | (() => void)[];
53
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
54
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
55
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
56
+ };
57
+ $forceUpdate: () => void;
58
+ $nextTick: typeof import('vue').nextTick;
59
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
60
+ } & Readonly<{}> & Omit<Readonly<import('reka-ui').ComboboxInputProps> & Readonly<{
61
+ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
62
+ }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
63
+ $slots: {
64
+ default?: (props: {}) => any;
65
+ };
66
+ }) | null;
67
+ };
12
68
  rootEl: any;
13
69
  };
14
70
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -40,7 +96,63 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
40
96
  status: import('../..').ControlStatus;
41
97
  id: string;
42
98
  filterable: boolean;
43
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
99
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
100
+ filterRef: ({
101
+ $: import('vue').ComponentInternalInstance;
102
+ $data: {};
103
+ $props: {
104
+ readonly displayValue?: ((val: any) => string) | undefined;
105
+ readonly modelValue?: string | undefined;
106
+ readonly autoFocus?: boolean | undefined;
107
+ readonly disabled?: boolean | undefined;
108
+ readonly asChild?: boolean | undefined;
109
+ readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
110
+ readonly "onUpdate:modelValue"?: ((args_0: string) => any) | undefined | undefined;
111
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
112
+ $attrs: import('vue').Attrs;
113
+ $refs: {
114
+ [x: string]: unknown;
115
+ };
116
+ $slots: Readonly<{
117
+ [name: string]: import('vue').Slot<any> | undefined;
118
+ }>;
119
+ $root: import('vue').ComponentPublicInstance | null;
120
+ $parent: import('vue').ComponentPublicInstance | null;
121
+ $host: Element | null;
122
+ $emit: (event: "update:modelValue", args_0: string) => void;
123
+ $el: any;
124
+ $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ComboboxInputProps> & Readonly<{
125
+ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
126
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
127
+ "update:modelValue": (args_0: string) => any;
128
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
129
+ beforeCreate?: (() => void) | (() => void)[];
130
+ created?: (() => void) | (() => void)[];
131
+ beforeMount?: (() => void) | (() => void)[];
132
+ mounted?: (() => void) | (() => void)[];
133
+ beforeUpdate?: (() => void) | (() => void)[];
134
+ updated?: (() => void) | (() => void)[];
135
+ activated?: (() => void) | (() => void)[];
136
+ deactivated?: (() => void) | (() => void)[];
137
+ beforeDestroy?: (() => void) | (() => void)[];
138
+ beforeUnmount?: (() => void) | (() => void)[];
139
+ destroyed?: (() => void) | (() => void)[];
140
+ unmounted?: (() => void) | (() => void)[];
141
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
142
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
143
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
144
+ };
145
+ $forceUpdate: () => void;
146
+ $nextTick: typeof import('vue').nextTick;
147
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
148
+ } & Readonly<{}> & Omit<Readonly<import('reka-ui').ComboboxInputProps> & Readonly<{
149
+ "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
150
+ }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
151
+ $slots: {
152
+ default?: (props: {}) => any;
153
+ };
154
+ }) | null;
155
+ }, any>;
44
156
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
45
157
  export default _default;
46
158
  type __VLS_WithTemplateSlots<T, S> = T & {