quasar-ui-sellmate-ui-kit 2.2.33 → 2.3.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.
Files changed (62) hide show
  1. package/README.md +142 -142
  2. package/dist/index.common.js +3 -3
  3. package/dist/index.css +2 -2
  4. package/dist/index.esm.js +3 -3
  5. package/dist/index.min.css +2 -2
  6. package/dist/index.rtl.css +2 -2
  7. package/dist/index.rtl.min.css +2 -2
  8. package/dist/index.umd.js +3564 -3562
  9. package/dist/index.umd.min.js +3 -3
  10. package/package.json +75 -75
  11. package/src/components/SBreadcrumbs.vue +55 -55
  12. package/src/components/SButton.vue +206 -206
  13. package/src/components/SButtonGroup.vue +41 -41
  14. package/src/components/SCaution.vue +102 -102
  15. package/src/components/SCheckbox.vue +123 -123
  16. package/src/components/SChip.vue +99 -99
  17. package/src/components/SDate.vue +717 -717
  18. package/src/components/SDateAutoRangePicker.vue +341 -341
  19. package/src/components/SDatePicker.vue +472 -472
  20. package/src/components/SDateRange.vue +470 -470
  21. package/src/components/SDateRangePicker.vue +660 -660
  22. package/src/components/SDateTimePicker.vue +349 -349
  23. package/src/components/SDialog.vue +250 -250
  24. package/src/components/SDropdown.vue +216 -216
  25. package/src/components/SEditor.vue +490 -490
  26. package/src/components/SFilePicker.vue +207 -207
  27. package/src/components/SHelp.vue +146 -146
  28. package/src/components/SInput.vue +343 -343
  29. package/src/components/SInputCounter.vue +46 -46
  30. package/src/components/SInputNumber.vue +179 -179
  31. package/src/components/SList.vue +29 -29
  32. package/src/components/SMarkupTable.vue +141 -141
  33. package/src/components/SPagination.vue +266 -266
  34. package/src/components/SRadio.vue +78 -78
  35. package/src/components/SRouteTab.vue +67 -67
  36. package/src/components/SSelect.vue +294 -294
  37. package/src/components/SSelectCheckbox.vue +222 -225
  38. package/src/components/SSelectCustom.vue +28 -26
  39. package/src/components/SSelectGroupCheckbox.vue +235 -235
  40. package/src/components/SSelectSearch.vue +261 -261
  41. package/src/components/SSelectSearchAutoComplete.vue +172 -172
  42. package/src/components/SSelectSearchCheckbox.vue +356 -356
  43. package/src/components/SStringToInput.vue +66 -66
  44. package/src/components/STab.vue +80 -80
  45. package/src/components/STableTree.vue +208 -208
  46. package/src/components/STimePicker.vue +159 -159
  47. package/src/components/SToggle.vue +68 -68
  48. package/src/components/STooltip.vue +209 -209
  49. package/src/components/SelelctItem.vue +21 -21
  50. package/src/components/TimePickerCard.vue +352 -352
  51. package/src/composables/date.js +11 -11
  52. package/src/composables/modelBinder.js +13 -13
  53. package/src/composables/table/use-navigator.js +110 -110
  54. package/src/composables/table/use-resizable.js +80 -80
  55. package/src/css/app.scss +90 -90
  56. package/src/css/extends.scss +154 -154
  57. package/src/css/quasar.variables.scss +189 -189
  58. package/src/index.common.js +1 -1
  59. package/src/index.esm.js +4 -4
  60. package/src/index.scss +9 -9
  61. package/src/index.umd.js +3 -3
  62. package/src/vue-plugin.js +92 -92
package/README.md CHANGED
@@ -1,142 +1,142 @@
1
- # Component SellmateUI and Directive v-sellmate
2
-
3
- [![npm](https://img.shields.io/npm/v/quasar-ui-sellmate-ui-kit.svg?label=quasar-ui-sellmate-ui-kit)](https://www.npmjs.com/package/quasar-ui-sellmate-ui-kit)
4
- [![npm](https://img.shields.io/npm/dt/quasar-ui-sellmate-ui-kit.svg)](https://www.npmjs.com/package/quasar-ui-sellmate-ui-kit)
5
-
6
- **Compatible with Quasar UI v2 and Vue 3**.
7
-
8
- # Component SellmateUI
9
- > Short description of the component
10
-
11
- # Directive v-sellmate
12
- > Short description of the directive
13
-
14
- # Usage
15
-
16
- ## Quasar CLI project
17
-
18
- Install the [App Extension](../app-extension).
19
-
20
- **OR**:
21
-
22
- Create and register a boot file:
23
-
24
- ```js
25
- import Vue from 'vue'
26
- import Plugin from 'quasar-ui-sellmate-ui-kit'
27
- import 'quasar-ui-sellmate-ui-kit/dist/index.css'
28
-
29
- Vue.use(Plugin)
30
- ```
31
-
32
- **OR**:
33
-
34
- ```html
35
- <style src="quasar-ui-sellmate-ui-kit/dist/index.css"></style>
36
-
37
- <script>
38
- import { Component as SellmateUI, Directive } from 'quasar-ui-sellmate-ui-kit'
39
-
40
- export default {
41
- components: {
42
- SellmateUI
43
- },
44
- directives: {
45
- Directive
46
- }
47
- }
48
- </script>
49
- ```
50
-
51
- ## Vue CLI project
52
-
53
- ```js
54
- import Vue from 'vue'
55
- import Plugin from 'quasar-ui-sellmate-ui-kit'
56
- import 'quasar-ui-sellmate-ui-kit/dist/index.css'
57
-
58
- Vue.use(Plugin)
59
- ```
60
-
61
- **OR**:
62
-
63
- ```html
64
- <style src="quasar-ui-sellmate-ui-kit/dist/index.css"></style>
65
-
66
- <script>
67
- import { Component as SellmateUI, Directive } from 'quasar-ui-sellmate-ui-kit'
68
-
69
- export default {
70
- components: {
71
- SellmateUI
72
- },
73
- directives: {
74
- Directive
75
- }
76
- }
77
- </script>
78
- ```
79
-
80
- ## UMD variant
81
-
82
- Exports `window.sellmateUI`.
83
-
84
- Add the following tag(s) after the Quasar ones:
85
-
86
- ```html
87
- <head>
88
- <!-- AFTER the Quasar stylesheet tags: -->
89
- <link href="https://cdn.jsdelivr.net/npm/quasar-ui-sellmate-ui-kit/dist/index.min.css" rel="stylesheet" type="text/css">
90
- </head>
91
- <body>
92
- <!-- at end of body, AFTER Quasar script(s): -->
93
- <script src="https://cdn.jsdelivr.net/npm/quasar-ui-sellmate-ui-kit/dist/index.umd.min.js"></script>
94
- </body>
95
- ```
96
- If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
97
- ```html
98
- <link href="https://cdn.jsdelivr.net/npm/quasar-ui-sellmate-ui-kit/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
99
- ```
100
-
101
- # Setup
102
- ```bash
103
- $ yarn
104
- ```
105
-
106
- # Developing
107
- ```bash
108
- # start dev in SPA mode
109
- $ yarn dev
110
-
111
- # start dev in UMD mode
112
- $ yarn dev:umd
113
-
114
- # start dev in SSR mode
115
- $ yarn dev:ssr
116
-
117
- # start dev in Cordova iOS mode
118
- $ yarn dev:ios
119
-
120
- # start dev in Cordova Android mode
121
- $ yarn dev:android
122
-
123
- # start dev in Electron mode
124
- $ yarn dev:electron
125
- ```
126
-
127
- # Building package
128
- ```bash
129
- $ yarn build
130
- ```
131
-
132
- # Adding Testing Components
133
- in the `ui/dev/src/pages` you can add Vue files to test your component/directive. When using `yarn dev` to build the UI, any pages in that location will automatically be picked up by dynamic routing and added to the test page.
134
-
135
- # Adding Assets
136
- If you have a component that has assets, like language or icon-sets, you will need to provide these for UMD. In the `ui/build/script.javascript.js` file, you will find a couple of commented out commands that call `addAssets`. Uncomment what you need and add your assets to have them be built and put into the `ui/dist` folder.
137
-
138
- # Donate
139
- If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).
140
-
141
- # License
142
- MIT (c) Sellmate Dev Team <dev@sellmate.co.kr>
1
+ # Component SellmateUI and Directive v-sellmate
2
+
3
+ [![npm](https://img.shields.io/npm/v/quasar-ui-sellmate-ui-kit.svg?label=quasar-ui-sellmate-ui-kit)](https://www.npmjs.com/package/quasar-ui-sellmate-ui-kit)
4
+ [![npm](https://img.shields.io/npm/dt/quasar-ui-sellmate-ui-kit.svg)](https://www.npmjs.com/package/quasar-ui-sellmate-ui-kit)
5
+
6
+ **Compatible with Quasar UI v2 and Vue 3**.
7
+
8
+ # Component SellmateUI
9
+ > Short description of the component
10
+
11
+ # Directive v-sellmate
12
+ > Short description of the directive
13
+
14
+ # Usage
15
+
16
+ ## Quasar CLI project
17
+
18
+ Install the [App Extension](../app-extension).
19
+
20
+ **OR**:
21
+
22
+ Create and register a boot file:
23
+
24
+ ```js
25
+ import Vue from 'vue'
26
+ import Plugin from 'quasar-ui-sellmate-ui-kit'
27
+ import 'quasar-ui-sellmate-ui-kit/dist/index.css'
28
+
29
+ Vue.use(Plugin)
30
+ ```
31
+
32
+ **OR**:
33
+
34
+ ```html
35
+ <style src="quasar-ui-sellmate-ui-kit/dist/index.css"></style>
36
+
37
+ <script>
38
+ import { Component as SellmateUI, Directive } from 'quasar-ui-sellmate-ui-kit'
39
+
40
+ export default {
41
+ components: {
42
+ SellmateUI
43
+ },
44
+ directives: {
45
+ Directive
46
+ }
47
+ }
48
+ </script>
49
+ ```
50
+
51
+ ## Vue CLI project
52
+
53
+ ```js
54
+ import Vue from 'vue'
55
+ import Plugin from 'quasar-ui-sellmate-ui-kit'
56
+ import 'quasar-ui-sellmate-ui-kit/dist/index.css'
57
+
58
+ Vue.use(Plugin)
59
+ ```
60
+
61
+ **OR**:
62
+
63
+ ```html
64
+ <style src="quasar-ui-sellmate-ui-kit/dist/index.css"></style>
65
+
66
+ <script>
67
+ import { Component as SellmateUI, Directive } from 'quasar-ui-sellmate-ui-kit'
68
+
69
+ export default {
70
+ components: {
71
+ SellmateUI
72
+ },
73
+ directives: {
74
+ Directive
75
+ }
76
+ }
77
+ </script>
78
+ ```
79
+
80
+ ## UMD variant
81
+
82
+ Exports `window.sellmateUI`.
83
+
84
+ Add the following tag(s) after the Quasar ones:
85
+
86
+ ```html
87
+ <head>
88
+ <!-- AFTER the Quasar stylesheet tags: -->
89
+ <link href="https://cdn.jsdelivr.net/npm/quasar-ui-sellmate-ui-kit/dist/index.min.css" rel="stylesheet" type="text/css">
90
+ </head>
91
+ <body>
92
+ <!-- at end of body, AFTER Quasar script(s): -->
93
+ <script src="https://cdn.jsdelivr.net/npm/quasar-ui-sellmate-ui-kit/dist/index.umd.min.js"></script>
94
+ </body>
95
+ ```
96
+ If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
97
+ ```html
98
+ <link href="https://cdn.jsdelivr.net/npm/quasar-ui-sellmate-ui-kit/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
99
+ ```
100
+
101
+ # Setup
102
+ ```bash
103
+ $ yarn
104
+ ```
105
+
106
+ # Developing
107
+ ```bash
108
+ # start dev in SPA mode
109
+ $ yarn dev
110
+
111
+ # start dev in UMD mode
112
+ $ yarn dev:umd
113
+
114
+ # start dev in SSR mode
115
+ $ yarn dev:ssr
116
+
117
+ # start dev in Cordova iOS mode
118
+ $ yarn dev:ios
119
+
120
+ # start dev in Cordova Android mode
121
+ $ yarn dev:android
122
+
123
+ # start dev in Electron mode
124
+ $ yarn dev:electron
125
+ ```
126
+
127
+ # Building package
128
+ ```bash
129
+ $ yarn build
130
+ ```
131
+
132
+ # Adding Testing Components
133
+ in the `ui/dev/src/pages` you can add Vue files to test your component/directive. When using `yarn dev` to build the UI, any pages in that location will automatically be picked up by dynamic routing and added to the test page.
134
+
135
+ # Adding Assets
136
+ If you have a component that has assets, like language or icon-sets, you will need to provide these for UMD. In the `ui/build/script.javascript.js` file, you will find a couple of commented out commands that call `addAssets`. Uncomment what you need and add your assets to have them be built and put into the `ui/dist` folder.
137
+
138
+ # Donate
139
+ If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).
140
+
141
+ # License
142
+ MIT (c) Sellmate Dev Team <dev@sellmate.co.kr>