quasar-ui-sellmate-ui-kit 3.0.3 → 3.0.4

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/.prettierrc +25 -25
  2. package/README.md +156 -156
  3. package/dist/index.common.js +2 -2
  4. package/dist/index.css +1 -1
  5. package/dist/index.esm.js +2 -2
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.rtl.css +1 -1
  8. package/dist/index.rtl.min.css +1 -1
  9. package/dist/index.umd.js +3826 -3826
  10. package/dist/index.umd.min.js +2 -2
  11. package/package.json +83 -83
  12. package/src/assets/icons.js +28 -28
  13. package/src/components/SBreadcrumbs.vue +55 -55
  14. package/src/components/SButton.vue +206 -206
  15. package/src/components/SButtonGroup.vue +41 -41
  16. package/src/components/SButtonToggle.vue +200 -200
  17. package/src/components/SCaution.vue +102 -102
  18. package/src/components/SCheckbox.vue +123 -123
  19. package/src/components/SChip.vue +99 -99
  20. package/src/components/SDate.vue +717 -717
  21. package/src/components/SDateAutoRangePicker.vue +341 -341
  22. package/src/components/SDatePicker.vue +472 -472
  23. package/src/components/SDateRange.vue +470 -470
  24. package/src/components/SDateRangePicker.vue +660 -660
  25. package/src/components/SDateTimePicker.vue +349 -349
  26. package/src/components/SDialog.vue +250 -250
  27. package/src/components/SDropdown.vue +216 -216
  28. package/src/components/SEditor.vue +490 -490
  29. package/src/components/SFilePicker.vue +207 -207
  30. package/src/components/SHelp.vue +146 -146
  31. package/src/components/SInput.vue +343 -343
  32. package/src/components/SInputCounter.vue +46 -46
  33. package/src/components/SInputNumber.vue +179 -179
  34. package/src/components/SList.vue +29 -29
  35. package/src/components/SMarkupTable.vue +141 -141
  36. package/src/components/SPagination.vue +266 -266
  37. package/src/components/SRadio.vue +78 -78
  38. package/src/components/SRouteTab.vue +67 -67
  39. package/src/components/SSelect.vue +294 -294
  40. package/src/components/SSelectCheckbox.vue +222 -222
  41. package/src/components/SSelectCustom.vue +189 -189
  42. package/src/components/SSelectGroupCheckbox.vue +235 -235
  43. package/src/components/SSelectSearch.vue +261 -261
  44. package/src/components/SSelectSearchAutoComplete.vue +172 -172
  45. package/src/components/SSelectSearchCheckbox.vue +356 -356
  46. package/src/components/SStringToInput.vue +66 -66
  47. package/src/components/STab.vue +77 -77
  48. package/src/components/STable.vue +425 -425
  49. package/src/components/STableTree.vue +210 -210
  50. package/src/components/STabs.vue +32 -32
  51. package/src/components/STimePicker.vue +159 -159
  52. package/src/components/SToggle.vue +68 -68
  53. package/src/components/STooltip.vue +209 -209
  54. package/src/components/SelelctItem.vue +21 -21
  55. package/src/components/TimePickerCard.vue +352 -352
  56. package/src/composables/date.js +11 -11
  57. package/src/composables/modelBinder.js +13 -13
  58. package/src/composables/table/use-navigator.js +110 -110
  59. package/src/composables/table/use-resizable.js +80 -80
  60. package/src/css/app.scss +90 -90
  61. package/src/css/default.scss +875 -875
  62. package/src/css/extends.scss +154 -154
  63. package/src/css/quasar.variables.scss +189 -189
  64. package/src/directives/Directive.js +7 -7
  65. package/src/index.scss +3 -3
  66. package/src/vue-plugin.js +91 -91
  67. package/tsconfig.json +35 -35
package/.prettierrc CHANGED
@@ -1,25 +1,25 @@
1
- {
2
- "singleQuote": true,
3
- "vueIndentScriptAndStyle": true,
4
- "useTabs": false,
5
- "arrowParens": "avoid",
6
- "htmlWhitespaceSensitivity": "css",
7
- "insertPragma": false,
8
- "jsxBracketSameLine": false,
9
- "jsxSingleQuote": true,
10
- "printWidth": 100,
11
- "proseWrap": "always",
12
- "quoteProps": "as-needed",
13
- "requirePragma": false,
14
- "tabWidth": 2,
15
- "semi": true,
16
- "trailingComma": "all",
17
- "vetur.format.defaultFormatterOptions": {
18
- "prettier": {
19
- "singleQuote": true,
20
- "trailingComma": "all",
21
- "tabWidth": 2,
22
- "useTabs": false
23
- }
24
- }
25
- }
1
+ {
2
+ "singleQuote": true,
3
+ "vueIndentScriptAndStyle": true,
4
+ "useTabs": false,
5
+ "arrowParens": "avoid",
6
+ "htmlWhitespaceSensitivity": "css",
7
+ "insertPragma": false,
8
+ "jsxBracketSameLine": false,
9
+ "jsxSingleQuote": true,
10
+ "printWidth": 100,
11
+ "proseWrap": "always",
12
+ "quoteProps": "as-needed",
13
+ "requirePragma": false,
14
+ "tabWidth": 2,
15
+ "semi": true,
16
+ "trailingComma": "all",
17
+ "vetur.format.defaultFormatterOptions": {
18
+ "prettier": {
19
+ "singleQuote": true,
20
+ "trailingComma": "all",
21
+ "tabWidth": 2,
22
+ "useTabs": false
23
+ }
24
+ }
25
+ }
package/README.md CHANGED
@@ -1,156 +1,156 @@
1
- # Component MyComponent and Directive v-my-directive
2
-
3
- [![npm](https://img.shields.io/npm/v/quasar-ui-quasar-ui.svg?label=quasar-ui-quasar-ui)](https://www.npmjs.com/package/quasar-ui-quasar-ui)
4
- [![npm](https://img.shields.io/npm/dt/quasar-ui-quasar-ui.svg)](https://www.npmjs.com/package/quasar-ui-quasar-ui)
5
-
6
- **Compatible with Quasar UI v2 and Vue 3**.
7
-
8
-
9
- # Component MyComponent
10
- > Short description of the component
11
-
12
-
13
-
14
- # Directive v-my-directive
15
- > Short description of the directive
16
-
17
-
18
- # Usage
19
-
20
- ## Quasar CLI project
21
-
22
-
23
- Install the [App Extension](../app-extension).
24
-
25
- **OR**:
26
-
27
-
28
- Create and register a boot file:
29
-
30
- ```js
31
- import Vue from 'vue'
32
- import Plugin from 'quasar-ui-quasar-ui'
33
- import 'quasar-ui-quasar-ui/dist/index.css'
34
-
35
- Vue.use(Plugin)
36
- ```
37
-
38
- **OR**:
39
-
40
- ```html
41
- <style src="quasar-ui-quasar-ui/dist/index.css"></style>
42
-
43
- <script>
44
- import { Component as MyComponent, Directive } from 'quasar-ui-quasar-ui'
45
-
46
- export default {
47
-
48
- components: {
49
- MyComponent
50
- },
51
-
52
-
53
- directives: {
54
- Directive
55
- }
56
-
57
- }
58
- </script>
59
- ```
60
-
61
- ## Vue CLI project
62
-
63
- ```js
64
- import Vue from 'vue'
65
- import Plugin from 'quasar-ui-quasar-ui'
66
- import 'quasar-ui-quasar-ui/dist/index.css'
67
-
68
- Vue.use(Plugin)
69
- ```
70
-
71
- **OR**:
72
-
73
- ```html
74
- <style src="quasar-ui-quasar-ui/dist/index.css"></style>
75
-
76
- <script>
77
- import { Component as MyComponent, Directive } from 'quasar-ui-quasar-ui'
78
-
79
- export default {
80
-
81
- components: {
82
- MyComponent
83
- },
84
-
85
-
86
- directives: {
87
- Directive
88
- }
89
-
90
- }
91
- </script>
92
- ```
93
-
94
- ## UMD variant
95
-
96
- Exports `window.quasarUi`.
97
-
98
- Add the following tag(s) after the Quasar ones:
99
-
100
- ```html
101
- <head>
102
- <!-- AFTER the Quasar stylesheet tags: -->
103
- <link href="https://cdn.jsdelivr.net/npm/quasar-ui-quasar-ui/dist/index.min.css" rel="stylesheet" type="text/css">
104
- </head>
105
- <body>
106
- <!-- at end of body, AFTER Quasar script(s): -->
107
- <script src="https://cdn.jsdelivr.net/npm/quasar-ui-quasar-ui/dist/index.umd.min.js"></script>
108
- </body>
109
- ```
110
- If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
111
- ```html
112
- <link href="https://cdn.jsdelivr.net/npm/quasar-ui-quasar-ui/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
113
- ```
114
-
115
- # Setup
116
- ```bash
117
- $ yarn
118
- ```
119
-
120
- # Developing
121
- ```bash
122
- # start dev in SPA mode
123
- $ yarn dev
124
-
125
- # start dev in UMD mode
126
- $ yarn dev:umd
127
-
128
- # start dev in SSR mode
129
- $ yarn dev:ssr
130
-
131
- # start dev in Cordova iOS mode
132
- $ yarn dev:ios
133
-
134
- # start dev in Cordova Android mode
135
- $ yarn dev:android
136
-
137
- # start dev in Electron mode
138
- $ yarn dev:electron
139
- ```
140
-
141
- # Building package
142
- ```bash
143
- $ yarn build
144
- ```
145
-
146
- # Adding Testing Components
147
- 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.
148
-
149
- # Adding Assets
150
- 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.
151
-
152
- # Donate
153
- If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).
154
-
155
- # License
156
- MIT (c) eunjin0212 <eunjin9639@gmail.com>
1
+ # Component MyComponent and Directive v-my-directive
2
+
3
+ [![npm](https://img.shields.io/npm/v/quasar-ui-quasar-ui.svg?label=quasar-ui-quasar-ui)](https://www.npmjs.com/package/quasar-ui-quasar-ui)
4
+ [![npm](https://img.shields.io/npm/dt/quasar-ui-quasar-ui.svg)](https://www.npmjs.com/package/quasar-ui-quasar-ui)
5
+
6
+ **Compatible with Quasar UI v2 and Vue 3**.
7
+
8
+
9
+ # Component MyComponent
10
+ > Short description of the component
11
+
12
+
13
+
14
+ # Directive v-my-directive
15
+ > Short description of the directive
16
+
17
+
18
+ # Usage
19
+
20
+ ## Quasar CLI project
21
+
22
+
23
+ Install the [App Extension](../app-extension).
24
+
25
+ **OR**:
26
+
27
+
28
+ Create and register a boot file:
29
+
30
+ ```js
31
+ import Vue from 'vue'
32
+ import Plugin from 'quasar-ui-quasar-ui'
33
+ import 'quasar-ui-quasar-ui/dist/index.css'
34
+
35
+ Vue.use(Plugin)
36
+ ```
37
+
38
+ **OR**:
39
+
40
+ ```html
41
+ <style src="quasar-ui-quasar-ui/dist/index.css"></style>
42
+
43
+ <script>
44
+ import { Component as MyComponent, Directive } from 'quasar-ui-quasar-ui'
45
+
46
+ export default {
47
+
48
+ components: {
49
+ MyComponent
50
+ },
51
+
52
+
53
+ directives: {
54
+ Directive
55
+ }
56
+
57
+ }
58
+ </script>
59
+ ```
60
+
61
+ ## Vue CLI project
62
+
63
+ ```js
64
+ import Vue from 'vue'
65
+ import Plugin from 'quasar-ui-quasar-ui'
66
+ import 'quasar-ui-quasar-ui/dist/index.css'
67
+
68
+ Vue.use(Plugin)
69
+ ```
70
+
71
+ **OR**:
72
+
73
+ ```html
74
+ <style src="quasar-ui-quasar-ui/dist/index.css"></style>
75
+
76
+ <script>
77
+ import { Component as MyComponent, Directive } from 'quasar-ui-quasar-ui'
78
+
79
+ export default {
80
+
81
+ components: {
82
+ MyComponent
83
+ },
84
+
85
+
86
+ directives: {
87
+ Directive
88
+ }
89
+
90
+ }
91
+ </script>
92
+ ```
93
+
94
+ ## UMD variant
95
+
96
+ Exports `window.quasarUi`.
97
+
98
+ Add the following tag(s) after the Quasar ones:
99
+
100
+ ```html
101
+ <head>
102
+ <!-- AFTER the Quasar stylesheet tags: -->
103
+ <link href="https://cdn.jsdelivr.net/npm/quasar-ui-quasar-ui/dist/index.min.css" rel="stylesheet" type="text/css">
104
+ </head>
105
+ <body>
106
+ <!-- at end of body, AFTER Quasar script(s): -->
107
+ <script src="https://cdn.jsdelivr.net/npm/quasar-ui-quasar-ui/dist/index.umd.min.js"></script>
108
+ </body>
109
+ ```
110
+ If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
111
+ ```html
112
+ <link href="https://cdn.jsdelivr.net/npm/quasar-ui-quasar-ui/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
113
+ ```
114
+
115
+ # Setup
116
+ ```bash
117
+ $ yarn
118
+ ```
119
+
120
+ # Developing
121
+ ```bash
122
+ # start dev in SPA mode
123
+ $ yarn dev
124
+
125
+ # start dev in UMD mode
126
+ $ yarn dev:umd
127
+
128
+ # start dev in SSR mode
129
+ $ yarn dev:ssr
130
+
131
+ # start dev in Cordova iOS mode
132
+ $ yarn dev:ios
133
+
134
+ # start dev in Cordova Android mode
135
+ $ yarn dev:android
136
+
137
+ # start dev in Electron mode
138
+ $ yarn dev:electron
139
+ ```
140
+
141
+ # Building package
142
+ ```bash
143
+ $ yarn build
144
+ ```
145
+
146
+ # Adding Testing Components
147
+ 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.
148
+
149
+ # Adding Assets
150
+ 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.
151
+
152
+ # Donate
153
+ If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).
154
+
155
+ # License
156
+ MIT (c) eunjin0212 <eunjin9639@gmail.com>