quasar-ui-sellmate-ui-kit 2.1.6 → 2.1.7

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 (67) 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 +3285 -3266
  9. package/dist/index.umd.min.js +2 -2
  10. package/package.json +77 -77
  11. package/src/assets/icons.js +28 -28
  12. package/src/components/SBreadcrumbs.vue +55 -55
  13. package/src/components/SButton.vue +200 -200
  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 +123 -123
  18. package/src/components/SChip.vue +99 -99
  19. package/src/components/SDate.vue +513 -513
  20. package/src/components/SDatePicker.vue +469 -469
  21. package/src/components/SDatePickerRange.vue +620 -620
  22. package/src/components/SDateRange.vue +437 -437
  23. package/src/components/SDateTimePicker.vue +315 -315
  24. package/src/components/SDialog.vue +250 -250
  25. package/src/components/SDropdown.vue +201 -201
  26. package/src/components/SEditor.vue +487 -487
  27. package/src/components/SFilePicker.vue +173 -173
  28. package/src/components/SHelp.vue +146 -146
  29. package/src/components/SInput.vue +335 -335
  30. package/src/components/SInputCounter.vue +46 -46
  31. package/src/components/SInputNumber.vue +179 -179
  32. package/src/components/SList.vue +29 -29
  33. package/src/components/SMarkupTable.vue +141 -141
  34. package/src/components/SPagination.vue +261 -261
  35. package/src/components/SRadio.vue +78 -78
  36. package/src/components/SRouteTab.vue +67 -67
  37. package/src/components/SSelect.vue +295 -295
  38. package/src/components/SSelectCheckbox.vue +253 -234
  39. package/src/components/SSelectCustom.vue +152 -152
  40. package/src/components/SSelectGroupCheckbox.vue +252 -252
  41. package/src/components/SSelectSearch.vue +259 -259
  42. package/src/components/SSelectSearchAutoComplete.vue +166 -166
  43. package/src/components/SSelectSearchCheckbox.vue +387 -387
  44. package/src/components/SStringToInput.vue +66 -66
  45. package/src/components/STab.vue +66 -66
  46. package/src/components/STable.vue +394 -394
  47. package/src/components/STableTree.vue +208 -208
  48. package/src/components/STabs.vue +32 -32
  49. package/src/components/STimePicker.vue +148 -148
  50. package/src/components/SToggle.vue +68 -68
  51. package/src/components/STooltip.vue +199 -199
  52. package/src/components/SelelctItem.vue +18 -18
  53. package/src/components/TimePickerCard.vue +285 -285
  54. package/src/composables/date.js +11 -11
  55. package/src/composables/modelBinder.js +13 -13
  56. package/src/composables/table/use-navigator.js +110 -110
  57. package/src/composables/table/use-resizable.js +80 -80
  58. package/src/css/app.scss +99 -99
  59. package/src/css/default.scss +893 -893
  60. package/src/css/extends.scss +126 -126
  61. package/src/css/variable.scss +189 -189
  62. package/src/directives/Directive.js +8 -8
  63. package/src/index.common.js +1 -1
  64. package/src/index.esm.js +4 -4
  65. package/src/index.scss +1 -1
  66. package/src/index.umd.js +3 -3
  67. 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>