quasar-ui-sellmate-ui-kit 1.4.21 → 1.4.23

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 (63) hide show
  1. package/README.md +142 -142
  2. package/dist/index.common.js +2 -2
  3. package/dist/index.css +1 -1
  4. package/dist/index.esm.js +2 -2
  5. package/dist/index.min.css +1 -1
  6. package/dist/index.rtl.css +1 -1
  7. package/dist/index.rtl.min.css +1 -1
  8. package/dist/index.umd.js +2363 -2356
  9. package/dist/index.umd.min.js +2 -2
  10. package/package.json +75 -75
  11. package/src/assets/icons.js +28 -28
  12. package/src/components/SBreadcrumbs.vue +55 -55
  13. package/src/components/SButton.vue +175 -175
  14. package/src/components/SButtonGroup.vue +41 -41
  15. package/src/components/SButtonToggle.vue +183 -183
  16. package/src/components/SCaution.vue +102 -102
  17. package/src/components/SCheckbox.vue +122 -122
  18. package/src/components/SChip.vue +99 -99
  19. package/src/components/SDatePicker.vue +469 -469
  20. package/src/components/SDatePickerRange.vue +540 -540
  21. package/src/components/SDialog.vue +250 -250
  22. package/src/components/SDropdown.vue +168 -168
  23. package/src/components/SEditor.vue +224 -224
  24. package/src/components/SFilePicker.vue +150 -150
  25. package/src/components/SHelp.vue +146 -146
  26. package/src/components/SInput.vue +334 -335
  27. package/src/components/SInputCounter.vue +46 -46
  28. package/src/components/SInputNumber.vue +171 -171
  29. package/src/components/SList.vue +29 -29
  30. package/src/components/SMarkupTable.vue +141 -141
  31. package/src/components/SPagination.vue +261 -261
  32. package/src/components/SRadio.vue +78 -78
  33. package/src/components/SRouteTab.vue +67 -67
  34. package/src/components/SSelect.vue +293 -293
  35. package/src/components/SSelectCheckbox.vue +230 -230
  36. package/src/components/SSelectCustom.vue +149 -149
  37. package/src/components/SSelectGroupCheckbox.vue +252 -252
  38. package/src/components/SSelectSearch.vue +213 -213
  39. package/src/components/SSelectSearchCheckbox.vue +387 -337
  40. package/src/components/SStringToInput.vue +66 -66
  41. package/src/components/STab.vue +62 -62
  42. package/src/components/STable.vue +385 -385
  43. package/src/components/STableTree.vue +208 -208
  44. package/src/components/STabs.vue +32 -32
  45. package/src/components/STimePicker.vue +176 -176
  46. package/src/components/SToggle.vue +68 -68
  47. package/src/components/STooltip.vue +199 -199
  48. package/src/components/SelelctItem.vue +18 -18
  49. package/src/components/TimePickerCard.vue +238 -238
  50. package/src/composables/date.js +11 -11
  51. package/src/composables/modelBinder.js +13 -13
  52. package/src/composables/table/use-navigator.js +110 -110
  53. package/src/composables/table/use-resizable.js +80 -80
  54. package/src/css/app.scss +96 -96
  55. package/src/css/default.scss +735 -735
  56. package/src/css/extends.scss +126 -126
  57. package/src/css/variable.scss +186 -186
  58. package/src/directives/Directive.js +8 -8
  59. package/src/index.common.js +1 -1
  60. package/src/index.esm.js +4 -4
  61. package/src/index.scss +1 -1
  62. package/src/index.umd.js +3 -3
  63. package/src/vue-plugin.js +84 -84
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>