quasar-ui-sellmate-ui-kit 1.1.73 → 1.1.76

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 (56) 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 +1555 -1498
  9. package/dist/index.umd.min.js +2 -2
  10. package/package-lock.json +13064 -13064
  11. package/package.json +73 -73
  12. package/src/assets/icons.js +26 -26
  13. package/src/components/Pagination.vue +261 -261
  14. package/src/components/SBanner.vue +28 -28
  15. package/src/components/SBreadcrumbs.vue +55 -55
  16. package/src/components/SButton.vue +175 -175
  17. package/src/components/SButtonGroup.vue +41 -41
  18. package/src/components/SButtonToggle.vue +150 -150
  19. package/src/components/SCaution.vue +89 -89
  20. package/src/components/SCheckbox.vue +110 -110
  21. package/src/components/SChip.vue +61 -61
  22. package/src/components/SDatePicker.vue +458 -458
  23. package/src/components/SDialog.vue +250 -250
  24. package/src/components/SDropdown.vue +158 -158
  25. package/src/components/SEditor.vue +224 -224
  26. package/src/components/SFilePicker.vue +150 -150
  27. package/src/components/SHelp.vue +144 -144
  28. package/src/components/SInput.vue +300 -300
  29. package/src/components/SInputNumber.vue +147 -147
  30. package/src/components/SList.vue +29 -29
  31. package/src/components/SMarkupTable.vue +137 -137
  32. package/src/components/SPagination.vue +136 -136
  33. package/src/components/SRadio.vue +78 -78
  34. package/src/components/SSelect.vue +283 -283
  35. package/src/components/SSelectCheckbox.vue +218 -194
  36. package/src/components/SSelectCustom.vue +75 -75
  37. package/src/components/SSelectSearch.vue +217 -217
  38. package/src/components/SStringToInput.vue +66 -66
  39. package/src/components/STab.vue +62 -62
  40. package/src/components/STable.vue +322 -297
  41. package/src/components/STableTree.vue +208 -208
  42. package/src/components/STabs.vue +32 -32
  43. package/src/components/SToggle.vue +68 -68
  44. package/src/components/STooltip.vue +127 -127
  45. package/src/components/SelelctItem.vue +18 -18
  46. package/src/composables/table/use-navigator.js +107 -107
  47. package/src/composables/table/use-resizable.js +83 -83
  48. package/src/css/app.scss +93 -93
  49. package/src/css/extends.scss +116 -116
  50. package/src/css/variable.scss +161 -161
  51. package/src/directives/Directive.js +8 -8
  52. package/src/index.common.js +1 -1
  53. package/src/index.esm.js +4 -4
  54. package/src/index.scss +1 -1
  55. package/src/index.umd.js +3 -3
  56. package/src/vue-plugin.js +77 -77
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>