@teammodlr/ui-kit 3.0.0-beta.9 → 3.0.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.
Files changed (110) hide show
  1. package/lib/components/cardcontextmenu/CardContextMenu.vue.d.ts +4 -2
  2. package/lib/components/checkbox/Checkbox.vue.d.ts +4 -4
  3. package/lib/components/clearbutton/ClearButton.vue.d.ts +9 -0
  4. package/lib/components/clearbutton/style/ClearButton.css.d.ts +2 -0
  5. package/lib/components/clearbutton/style/index.d.ts +1 -0
  6. package/lib/components/colorpicker/ColorPicker.vue.d.ts +6 -4
  7. package/lib/components/colorpicker/style/ColorPicker.css.d.ts +1 -0
  8. package/lib/components/dialog/Dialog.vue.d.ts +14 -6
  9. package/lib/components/dialog/style/Dialog.css.d.ts +2 -0
  10. package/lib/components/drawer/Drawer.vue.d.ts +146 -0
  11. package/lib/components/drawer/style/Drawer.css.d.ts +33 -0
  12. package/lib/components/drawer/style/index.d.ts +1 -0
  13. package/lib/components/dropdown/Dropdown.vue.d.ts +4 -2
  14. package/lib/components/form/Form.vue.d.ts +4 -2
  15. package/lib/components/hovercard/HoverCard.vue.d.ts +124 -0
  16. package/lib/components/hovercard/style/HoverCard.css.d.ts +3 -0
  17. package/lib/components/hovercard/style/index.d.ts +1 -0
  18. package/lib/components/index.d.ts +3 -0
  19. package/lib/components/input/Input.vue.d.ts +20 -5
  20. package/lib/components/input/style/Input.css.d.ts +4 -0
  21. package/lib/components/modal/Modal.vue.d.ts +11 -4
  22. package/lib/components/pagination/Pagination.vue.d.ts +6 -3
  23. package/lib/components/paneldialog/PanelDialog.vue.d.ts +175 -0
  24. package/lib/components/paneldialog/style/PanelDialog.css.d.ts +8 -0
  25. package/lib/components/paneldialog/style/index.d.ts +1 -0
  26. package/lib/components/popover/Popover.vue.d.ts +28 -2
  27. package/lib/components/radio/Radio.vue.d.ts +5 -5
  28. package/lib/components/radiobutton/RadioButton.vue.d.ts +4 -4
  29. package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts +4 -2
  30. package/lib/components/select/Select.vue.d.ts +94 -91
  31. package/lib/components/select/style/Select.css.d.ts +9 -1
  32. package/lib/components/slider/Slider.vue.d.ts +6 -3
  33. package/lib/components/switch/Switch.vue.d.ts +4 -4
  34. package/lib/components/tab/Tab.vue.d.ts +10 -2
  35. package/lib/components/tab/TabGroup.vue.d.ts +6 -3
  36. package/lib/components/table/Table.vue.d.ts +4 -2
  37. package/lib/components/textarea/Textarea.vue.d.ts +16 -5
  38. package/lib/components/textarea/style/Textarea.css.d.ts +2 -0
  39. package/lib/components/tree/Tree.vue.d.ts +6 -3
  40. package/lib/composables/useInput.d.ts +9 -2
  41. package/lib/index.cjs.js +3 -3
  42. package/lib/index.es.js +8526 -6393
  43. package/lib/style.css +1 -1
  44. package/lib/tsconfig.app.tsbuildinfo +1 -0
  45. package/lib/tsconfig.vitest.tsbuildinfo +1 -0
  46. package/package.json +7 -4
  47. package/src/components/cardcontextmenu/CardContextMenu.vue +3 -1
  48. package/src/components/cardcontextmenu/style/Dropdown.css.ts +7 -0
  49. package/src/components/clearbutton/ClearButton.vue +41 -0
  50. package/src/components/clearbutton/style/ClearButton.css.ts +37 -0
  51. package/src/components/clearbutton/style/index.ts +1 -0
  52. package/src/components/colorpicker/ColorPicker.vue +12 -12
  53. package/src/components/colorpicker/examples/basic.vue +8 -17
  54. package/src/components/colorpicker/style/ColorPicker.css.ts +6 -1
  55. package/src/components/dialog/Dialog.vue +12 -6
  56. package/src/components/dialog/style/Dialog.css.ts +30 -0
  57. package/src/components/drawer/Drawer.vue +280 -0
  58. package/src/components/drawer/examples/basic.vue +15 -0
  59. package/src/components/drawer/examples/custom-title.vue +21 -0
  60. package/src/components/drawer/examples/index.stories.ts +24 -0
  61. package/src/components/drawer/examples/index.ts +7 -0
  62. package/src/components/drawer/examples/no-mask.vue +15 -0
  63. package/src/components/drawer/examples/no-outside-close.vue +15 -0
  64. package/src/components/drawer/examples/placements.vue +28 -0
  65. package/src/components/drawer/examples/with-footer.vue +21 -0
  66. package/src/components/drawer/examples/with-trigger.vue +13 -0
  67. package/src/components/drawer/style/Drawer.css.ts +208 -0
  68. package/src/components/drawer/style/index.ts +1 -0
  69. package/src/components/dropdown/Dropdown.vue +4 -2
  70. package/src/components/form/Form.vue +3 -3
  71. package/src/components/hovercard/HoverCard.vue +165 -0
  72. package/src/components/hovercard/style/HoverCard.css.ts +175 -0
  73. package/src/components/hovercard/style/index.ts +1 -0
  74. package/src/components/index.ts +3 -0
  75. package/src/components/input/Input.vue +52 -4
  76. package/src/components/input/examples/clearable.vue +18 -0
  77. package/src/components/input/examples/index.stories.ts +3 -1
  78. package/src/components/input/examples/index.ts +1 -0
  79. package/src/components/input/style/Input.css.ts +19 -0
  80. package/src/components/messageprovider/MessageProvider.vue +33 -7
  81. package/src/components/modal/Modal.vue +28 -11
  82. package/src/components/pagination/Pagination.vue +4 -1
  83. package/src/components/paneldialog/PanelDialog.vue +509 -0
  84. package/src/components/paneldialog/examples/basic.vue +36 -0
  85. package/src/components/paneldialog/examples/index.stories.ts +22 -0
  86. package/src/components/paneldialog/examples/index.ts +2 -0
  87. package/src/components/paneldialog/examples/modal.vue +31 -0
  88. package/src/components/paneldialog/style/PanelDialog.css.ts +90 -0
  89. package/src/components/paneldialog/style/index.ts +1 -0
  90. package/src/components/popover/Popover.vue +9 -2
  91. package/src/components/radiobuttongroup/RadioButtonGroup.vue +3 -1
  92. package/src/components/select/Select.vue +211 -111
  93. package/src/components/select/examples/clearable.vue +18 -0
  94. package/src/components/select/examples/fill.vue +52 -0
  95. package/src/components/select/examples/index.stories.ts +4 -1
  96. package/src/components/select/examples/index.ts +3 -0
  97. package/src/components/select/examples/remote.vue +54 -0
  98. package/src/components/select/style/Select.css.ts +140 -24
  99. package/src/components/slider/Slider.vue +4 -1
  100. package/src/components/tab/Tab.vue +4 -2
  101. package/src/components/tab/TabGroup.vue +4 -4
  102. package/src/components/tab/style/Tab.css.ts +6 -0
  103. package/src/components/table/Table.vue +3 -3
  104. package/src/components/textarea/Textarea.vue +40 -4
  105. package/src/components/textarea/examples/clearable.vue +16 -0
  106. package/src/components/textarea/examples/index.stories.ts +2 -1
  107. package/src/components/textarea/examples/index.ts +1 -0
  108. package/src/components/textarea/style/Textarea.css.ts +10 -0
  109. package/src/components/tree/Tree.vue +4 -1
  110. package/src/composables/useInput.ts +10 -2
@@ -17,11 +17,11 @@ declare const _default: import("vue").DefineComponent<{
17
17
  type: BooleanConstructor;
18
18
  default: boolean;
19
19
  };
20
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
20
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
21
21
  name: StringConstructor;
22
22
  readonly: BooleanConstructor;
23
23
  required: BooleanConstructor;
24
- error: StringConstructor;
24
+ error: PropType<string | null | undefined>;
25
25
  rules: {
26
26
  readonly type: ArrayConstructor;
27
27
  readonly default: () => never[];
@@ -65,11 +65,11 @@ declare const _default: import("vue").DefineComponent<{
65
65
  type: BooleanConstructor;
66
66
  default: boolean;
67
67
  };
68
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
68
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
69
69
  name: StringConstructor;
70
70
  readonly: BooleanConstructor;
71
71
  required: BooleanConstructor;
72
- error: StringConstructor;
72
+ error: PropType<string | null | undefined>;
73
73
  rules: {
74
74
  readonly type: ArrayConstructor;
75
75
  readonly default: () => never[];
@@ -30,7 +30,12 @@ declare const _default: import("vue").DefineComponent<{
30
30
  [x: string]: unknown;
31
31
  };
32
32
  close: string;
33
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
33
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
+ onClose: (_tab: {
35
+ value: any;
36
+ label: any;
37
+ }) => true;
38
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
34
39
  value: {
35
40
  type: (NumberConstructor | StringConstructor)[];
36
41
  };
@@ -46,7 +51,10 @@ declare const _default: import("vue").DefineComponent<{
46
51
  default: boolean;
47
52
  };
48
53
  }>> & {
49
- onOnClose?: ((...args: any[]) => any) | undefined;
54
+ onOnClose?: ((_tab: {
55
+ value: any;
56
+ label: any;
57
+ }) => any) | undefined;
50
58
  }, {
51
59
  disabled: boolean;
52
60
  closable: boolean;
@@ -40,7 +40,10 @@ declare const _default: import("vue").DefineComponent<{
40
40
  [x: string]: boolean;
41
41
  }>;
42
42
  selectTab: (tab: string | number) => void;
43
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:selected")[], "update:modelValue" | "update:selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
43
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
44
+ 'update:modelValue': (_tab: any) => true;
45
+ 'update:selected': (_tab: any) => true;
46
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
44
47
  modelValue: {
45
48
  type: (NumberConstructor | StringConstructor)[];
46
49
  };
@@ -65,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
65
68
  validator: (value: string) => boolean;
66
69
  };
67
70
  }>> & {
68
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
69
- "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
71
+ "onUpdate:modelValue"?: ((_tab: any) => any) | undefined;
72
+ "onUpdate:selected"?: ((_tab: any) => any) | undefined;
70
73
  }, {
71
74
  size: Size;
72
75
  type: "base" | "card";
@@ -36,7 +36,9 @@ declare const _default: import("vue").DefineComponent<{
36
36
  indeterminate: import("vue").ComputedRef<boolean>;
37
37
  onChange: (event: any) => void;
38
38
  onSelect: (row: any) => void;
39
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
39
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
40
+ 'update:modelValue': (_value: any) => true;
41
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
40
42
  modelValue: {
41
43
  type: ArrayConstructor;
42
44
  default: null;
@@ -62,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
62
64
  default: boolean;
63
65
  };
64
66
  }>> & {
65
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
67
+ "onUpdate:modelValue"?: ((_value: any) => any) | undefined;
66
68
  }, {
67
69
  loading: boolean;
68
70
  modelValue: unknown[];
@@ -34,14 +34,18 @@ declare const _default: import("vue").DefineComponent<{
34
34
  default: boolean;
35
35
  };
36
36
  error: {
37
- type: StringConstructor;
37
+ type: PropType<string | null>;
38
38
  default: string;
39
39
  };
40
40
  height: {
41
41
  type: NumberConstructor;
42
42
  default: number;
43
43
  };
44
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
44
+ clearable: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
45
49
  name: StringConstructor;
46
50
  required: BooleanConstructor;
47
51
  rules: {
@@ -67,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
67
71
  textareaValue: import("vue").ComputedRef<string>;
68
72
  inputError: import("vue").ComputedRef<any>;
69
73
  style: typeof style;
74
+ showClear: import("vue").ComputedRef<boolean>;
75
+ onNativeInput: (event: Event) => void;
70
76
  onClear: () => void;
71
77
  validate: (value: any) => boolean;
72
78
  setError: (value: string) => void;
@@ -106,14 +112,18 @@ declare const _default: import("vue").DefineComponent<{
106
112
  default: boolean;
107
113
  };
108
114
  error: {
109
- type: StringConstructor;
115
+ type: PropType<string | null>;
110
116
  default: string;
111
117
  };
112
118
  height: {
113
119
  type: NumberConstructor;
114
120
  default: number;
115
121
  };
116
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
122
+ clearable: {
123
+ type: BooleanConstructor;
124
+ default: boolean;
125
+ };
126
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
117
127
  name: StringConstructor;
118
128
  required: BooleanConstructor;
119
129
  rules: {
@@ -130,9 +140,10 @@ declare const _default: import("vue").DefineComponent<{
130
140
  readonly: boolean;
131
141
  description: string;
132
142
  required: boolean;
133
- error: string;
143
+ error: string | null;
134
144
  loading: boolean;
135
145
  rules: unknown[];
136
146
  placeholder: string;
147
+ clearable: boolean;
137
148
  }, {}>;
138
149
  export default _default;
@@ -13,6 +13,8 @@ export declare const base: string;
13
13
  export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
14
14
  export declare const block: string;
15
15
  export declare const disabled: string;
16
+ export declare const hasClear: string;
17
+ export declare const clear: string;
16
18
  export declare const label: string;
17
19
  export declare const description: string;
18
20
  export declare const errorMessage: string;
@@ -46,7 +46,10 @@ declare const _default: import("vue").DefineComponent<{
46
46
  keyField: string;
47
47
  normalizedData: import("vue").ComputedRef<TreeOption[]>;
48
48
  selfElRef: import("vue").Ref<HTMLDivElement | null>;
49
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("dblclick" | "update:expandedKeys")[], "dblclick" | "update:expandedKeys", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
49
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
50
+ 'update:expandedKeys': (_keys: any) => true;
51
+ dblclick: (_node: any) => true;
52
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
50
53
  readonly expandedKeys: import("vue").PropType<Key[]>;
51
54
  readonly defaultExpandAll: BooleanConstructor;
52
55
  readonly keyField: {
@@ -90,8 +93,8 @@ declare const _default: import("vue").DefineComponent<{
90
93
  readonly nodeProps: import("vue").PropType<import("./types").TreeNodeProps>;
91
94
  readonly getChildren: import("vue").PropType<import("./props").GetChildren>;
92
95
  }>> & {
93
- onDblclick?: ((...args: any[]) => any) | undefined;
94
- "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
96
+ onDblclick?: ((_node: any) => any) | undefined;
97
+ "onUpdate:expandedKeys"?: ((_keys: any) => any) | undefined;
95
98
  }, {
96
99
  readonly multiple: boolean;
97
100
  readonly data: import("./types").TreeOptions;
@@ -4,6 +4,13 @@ export interface FormInput {
4
4
  validate: (value: any) => void;
5
5
  setError: (value: string) => void;
6
6
  }
7
+ export interface InputEmitsMap {
8
+ 'update:modelValue': (...args: any[]) => any;
9
+ blur: (...args: any[]) => any;
10
+ focus: (...args: any[]) => any;
11
+ input: (...args: any[]) => any;
12
+ change: (...args: any[]) => any;
13
+ }
7
14
  export declare const useInput: {
8
15
  (props: any, { focus, emit, withListeners }: {
9
16
  focus: () => void;
@@ -23,11 +30,11 @@ export declare const useInput: {
23
30
  };
24
31
  emits(withListeners?: boolean): string[];
25
32
  props(): {
26
- readonly modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
33
+ readonly modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
27
34
  readonly name: StringConstructor;
28
35
  readonly readonly: BooleanConstructor;
29
36
  readonly required: BooleanConstructor;
30
- readonly error: StringConstructor;
37
+ readonly error: PropType<string | null | undefined>;
31
38
  readonly rules: {
32
39
  readonly type: ArrayConstructor;
33
40
  readonly default: () => never[];