@sabrenski/spire-ui-vue 0.1.1 → 0.2.1
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/README.md +55 -5
- package/dist/components/DialMenu/DialAction.vue.d.ts +25 -0
- package/dist/components/DialMenu/DialMenu.vue.d.ts +45 -0
- package/dist/components/DialMenu/DialTrigger.vue.d.ts +25 -0
- package/dist/components/DialMenu/index.d.ts +4 -0
- package/dist/components/DialMenu/types.d.ts +63 -0
- package/dist/components/Dropdown/Dropdown.vue.d.ts +1 -1
- package/dist/components/LineChart/LineChart.vue.d.ts +1 -1
- package/dist/components/LineChart/LineChartPath.vue.d.ts +1 -1
- package/dist/components/Modal/Modal.vue.d.ts +2 -0
- package/dist/components/Modal/types.d.ts +4 -0
- package/dist/components/Navbar/Navbar.vue.d.ts +1 -1
- package/dist/components/Navbar/NavbarMenu.vue.d.ts +3 -2
- package/dist/components/SearchInput/SearchInput.vue.d.ts +40 -0
- package/dist/components/SearchInput/index.d.ts +2 -0
- package/dist/components/SearchInput/types.d.ts +48 -0
- package/dist/components/Sparkline/Sparkline.vue.d.ts +2 -2
- package/dist/components/Sparkline/SparklineLine.vue.d.ts +1 -1
- package/dist/components/Table/Table.vue.d.ts +3 -2
- package/dist/components/Table/types.d.ts +4 -0
- package/dist/components/Timer/Timer.vue.d.ts +60 -0
- package/dist/components/Timer/index.d.ts +2 -0
- package/dist/components/Timer/types.d.ts +19 -0
- package/dist/components/Tree/Tree.vue.d.ts +22 -0
- package/dist/components/Tree/TreeNode.vue.d.ts +5 -0
- package/dist/components/Tree/index.d.ts +3 -0
- package/dist/components/Tree/types.d.ts +55 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/spire-ui.cjs +45 -45
- package/dist/spire-ui.css +1 -1
- package/dist/spire-ui.js +19574 -18417
- package/dist/theme/anchor-positioning.css +423 -0
- package/dist/theme/base.css +93 -0
- package/dist/theme/components.css +138 -0
- package/dist/theme/semantic.css +399 -0
- package/dist/theme.css +4 -0
- package/package.json +5 -2
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { InjectionKey, Ref } from 'vue';
|
|
2
|
+
export type TreeNodeId = string | number;
|
|
3
|
+
export interface TreeNodeData {
|
|
4
|
+
/** Unique identifier for the node */
|
|
5
|
+
id: TreeNodeId;
|
|
6
|
+
/** Display label for the node */
|
|
7
|
+
label: string;
|
|
8
|
+
/** Optional icon name */
|
|
9
|
+
icon?: string;
|
|
10
|
+
/** Child nodes */
|
|
11
|
+
children?: TreeNodeData[];
|
|
12
|
+
/** Whether the node is disabled */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface TreeProps {
|
|
16
|
+
/** Tree data structure */
|
|
17
|
+
nodes: TreeNodeData[];
|
|
18
|
+
/** Selected node IDs (v-model:selected) */
|
|
19
|
+
selected?: TreeNodeId[];
|
|
20
|
+
/** Expanded node IDs (v-model:expanded) */
|
|
21
|
+
expanded?: TreeNodeId[];
|
|
22
|
+
/** Enable node selection */
|
|
23
|
+
selectable?: boolean;
|
|
24
|
+
/** Allow multiple selection */
|
|
25
|
+
multiSelect?: boolean;
|
|
26
|
+
/** Show connecting lines between nodes */
|
|
27
|
+
showLines?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface TreeNodeProps {
|
|
30
|
+
/** Node data */
|
|
31
|
+
node: TreeNodeData;
|
|
32
|
+
/** Nesting level (0 = root) */
|
|
33
|
+
level: number;
|
|
34
|
+
}
|
|
35
|
+
export interface TreeContext {
|
|
36
|
+
/** Set of expanded node IDs */
|
|
37
|
+
expandedKeys: Ref<Set<TreeNodeId>>;
|
|
38
|
+
/** Set of selected node IDs */
|
|
39
|
+
selectedKeys: Ref<Set<TreeNodeId>>;
|
|
40
|
+
/** Whether selection is enabled */
|
|
41
|
+
selectable: Ref<boolean>;
|
|
42
|
+
/** Whether multi-select is enabled */
|
|
43
|
+
multiSelect: Ref<boolean>;
|
|
44
|
+
/** Whether to show connecting lines */
|
|
45
|
+
showLines: Ref<boolean>;
|
|
46
|
+
/** Toggle node expansion */
|
|
47
|
+
toggleExpand: (id: TreeNodeId) => void;
|
|
48
|
+
/** Toggle node selection */
|
|
49
|
+
toggleSelect: (id: TreeNodeId) => void;
|
|
50
|
+
/** Check if node is expanded */
|
|
51
|
+
isExpanded: (id: TreeNodeId) => boolean;
|
|
52
|
+
/** Check if node is selected */
|
|
53
|
+
isSelected: (id: TreeNodeId) => boolean;
|
|
54
|
+
}
|
|
55
|
+
export declare const TREE_INJECTION_KEY: InjectionKey<TreeContext>;
|
|
@@ -11,6 +11,7 @@ export * from './Carousel';
|
|
|
11
11
|
export * from './Checkbox';
|
|
12
12
|
export * from './ColorPicker';
|
|
13
13
|
export * from './DatePicker';
|
|
14
|
+
export * from './DialMenu';
|
|
14
15
|
export * from './Divider';
|
|
15
16
|
export * from './Card';
|
|
16
17
|
export * from './DataList';
|
|
@@ -40,6 +41,7 @@ export * from './Popover';
|
|
|
40
41
|
export * from './Progress';
|
|
41
42
|
export * from './Radio';
|
|
42
43
|
export * from './Rating';
|
|
44
|
+
export * from './SearchInput';
|
|
43
45
|
export * from './Select';
|
|
44
46
|
export * from './Sidebar';
|
|
45
47
|
export * from './Slider';
|
|
@@ -53,6 +55,8 @@ export * from './Text';
|
|
|
53
55
|
export * from './Textarea';
|
|
54
56
|
export * from './RichTextEditor';
|
|
55
57
|
export * from './TimeInput';
|
|
58
|
+
export * from './Timer';
|
|
56
59
|
export * from './Toast';
|
|
57
60
|
export * from './Tooltip';
|
|
61
|
+
export * from './Tree';
|
|
58
62
|
export * from './User';
|