quasar-ui-sellmate-ui-kit 3.0.2 → 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 (68) hide show
  1. package/.eslintrc.cjs +73 -73
  2. package/.prettierrc +25 -25
  3. package/README.md +156 -156
  4. package/dist/index.common.js +2 -2
  5. package/dist/index.css +1 -1
  6. package/dist/index.esm.js +2 -2
  7. package/dist/index.min.css +1 -1
  8. package/dist/index.rtl.css +1 -1
  9. package/dist/index.rtl.min.css +1 -1
  10. package/dist/index.umd.js +3826 -3826
  11. package/dist/index.umd.min.js +2 -2
  12. package/package.json +83 -83
  13. package/src/assets/icons.js +28 -28
  14. package/src/components/SBreadcrumbs.vue +55 -55
  15. package/src/components/SButton.vue +206 -206
  16. package/src/components/SButtonGroup.vue +41 -41
  17. package/src/components/SButtonToggle.vue +200 -200
  18. package/src/components/SCaution.vue +102 -102
  19. package/src/components/SCheckbox.vue +123 -123
  20. package/src/components/SChip.vue +99 -99
  21. package/src/components/SDate.vue +717 -717
  22. package/src/components/SDateAutoRangePicker.vue +341 -341
  23. package/src/components/SDatePicker.vue +472 -472
  24. package/src/components/SDateRange.vue +470 -470
  25. package/src/components/SDateRangePicker.vue +660 -660
  26. package/src/components/SDateTimePicker.vue +349 -349
  27. package/src/components/SDialog.vue +250 -250
  28. package/src/components/SDropdown.vue +216 -216
  29. package/src/components/SEditor.vue +490 -490
  30. package/src/components/SFilePicker.vue +207 -207
  31. package/src/components/SHelp.vue +146 -146
  32. package/src/components/SInput.vue +343 -343
  33. package/src/components/SInputCounter.vue +46 -46
  34. package/src/components/SInputNumber.vue +179 -179
  35. package/src/components/SList.vue +29 -29
  36. package/src/components/SMarkupTable.vue +141 -141
  37. package/src/components/SPagination.vue +266 -266
  38. package/src/components/SRadio.vue +78 -78
  39. package/src/components/SRouteTab.vue +67 -67
  40. package/src/components/SSelect.vue +294 -294
  41. package/src/components/SSelectCheckbox.vue +222 -222
  42. package/src/components/SSelectCustom.vue +189 -189
  43. package/src/components/SSelectGroupCheckbox.vue +235 -235
  44. package/src/components/SSelectSearch.vue +261 -261
  45. package/src/components/SSelectSearchAutoComplete.vue +172 -172
  46. package/src/components/SSelectSearchCheckbox.vue +356 -356
  47. package/src/components/SStringToInput.vue +66 -66
  48. package/src/components/STab.vue +77 -77
  49. package/src/components/STable.vue +425 -425
  50. package/src/components/STableTree.vue +210 -210
  51. package/src/components/STabs.vue +32 -32
  52. package/src/components/STimePicker.vue +159 -159
  53. package/src/components/SToggle.vue +68 -68
  54. package/src/components/STooltip.vue +209 -209
  55. package/src/components/SelelctItem.vue +21 -21
  56. package/src/components/TimePickerCard.vue +352 -352
  57. package/src/composables/date.js +11 -11
  58. package/src/composables/modelBinder.js +13 -13
  59. package/src/composables/table/use-navigator.js +110 -110
  60. package/src/composables/table/use-resizable.js +80 -80
  61. package/src/css/app.scss +90 -90
  62. package/src/css/default.scss +875 -875
  63. package/src/css/extends.scss +154 -154
  64. package/src/css/quasar.variables.scss +189 -189
  65. package/src/directives/Directive.js +7 -7
  66. package/src/index.scss +3 -3
  67. package/src/vue-plugin.js +91 -91
  68. package/tsconfig.json +35 -35
package/.eslintrc.cjs CHANGED
@@ -1,73 +1,73 @@
1
- /* eslint-disable */
2
- module.exports = {
3
- root: false,
4
- env: {
5
- node: true,
6
- es2021: true,
7
- 'vue/setup-compiler-macros': true,
8
- },
9
- extends: ['plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-essential', 'airbnb-base'],
10
- parserOptions: {
11
- parser: require.resolve('@typescript-eslint/parser'),
12
- ecmaVersion: 2023,
13
- extraFileExtensions: ['.vue'],
14
- sourceType: 'module',
15
- requireConfigFile: false,
16
- },
17
- plugins: [
18
- 'import',
19
- '@typescript-eslint',
20
- 'vue',
21
- ],
22
- globals: {
23
- __UI_VERSION__: 'readonly',
24
- process: 'readonly',
25
- cy: true,
26
- },
27
- rules: {
28
- 'no-param-reassign': 'off',
29
- 'no-void': 'off',
30
- 'no-nested-ternary': 'off',
31
- 'max-classes-per-file': 'off',
32
-
33
- 'import/first': 'off',
34
- 'import/named': 'off',
35
- 'import/namespace': 'error',
36
- 'import/default': 'error',
37
- 'import/export': 'error',
38
- 'import/extensions': 'off',
39
- 'import/no-unresolved': 'off',
40
- 'import/no-extraneous-dependencies': 'off',
41
- 'import/prefer-default-export': 'off',
42
- 'prefer-promise-reject-errors': 'off',
43
- indent: 'off',
44
- 'max-len': ['warn', {
45
- code: 100,
46
- tabWidth: 1,
47
- ignoreUrls: true,
48
- ignoreComments: true,
49
- ignoreRegExpLiterals: true,
50
- ignoreStrings: true,
51
- ignoreTemplateLiterals: true,
52
- }],
53
- 'no-console': [
54
- process.env.NODE_ENV === 'production' ? 'error' : 'off',
55
- { allow: ['error', 'info', 'warn'] },
56
- ],
57
- 'linebreak-style': 0,
58
- 'arrow-parens': 'off',
59
- 'no-bitwise': ['error', { allow: ['>>'] }],
60
- 'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
61
- 'object-curly-newline': 'off',
62
-
63
- // this rule, if on, would require explicit return type on the `render` function
64
- '@typescript-eslint/explicit-function-return-type': 'off',
65
-
66
- // in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
67
- '@typescript-eslint/no-var-requires': 'off',
68
- 'vue/no-multiple-template-root': 'off',
69
- 'vue/multi-word-component-names': 'off',
70
- 'vue/no-v-for-template-key': 'off',
71
- 'vue/no-v-text-v-html-on-component': 'off',
72
- },
73
- };
1
+ /* eslint-disable */
2
+ module.exports = {
3
+ root: false,
4
+ env: {
5
+ node: true,
6
+ es2021: true,
7
+ 'vue/setup-compiler-macros': true,
8
+ },
9
+ extends: ['plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-essential', 'airbnb-base'],
10
+ parserOptions: {
11
+ parser: require.resolve('@typescript-eslint/parser'),
12
+ ecmaVersion: 2021,
13
+ extraFileExtensions: ['.vue'],
14
+ sourceType: 'module',
15
+ requireConfigFile: false,
16
+ },
17
+ plugins: [
18
+ 'import',
19
+ '@typescript-eslint',
20
+ 'vue',
21
+ ],
22
+ globals: {
23
+ __UI_VERSION__: 'readonly',
24
+ process: 'readonly',
25
+ cy: true,
26
+ },
27
+ rules: {
28
+ 'no-param-reassign': 'off',
29
+ 'no-void': 'off',
30
+ 'no-nested-ternary': 'off',
31
+ 'max-classes-per-file': 'off',
32
+
33
+ 'import/first': 'off',
34
+ 'import/named': 'off',
35
+ 'import/namespace': 'error',
36
+ 'import/default': 'error',
37
+ 'import/export': 'error',
38
+ 'import/extensions': 'off',
39
+ 'import/no-unresolved': 'off',
40
+ 'import/no-extraneous-dependencies': 'off',
41
+ 'import/prefer-default-export': 'off',
42
+ 'prefer-promise-reject-errors': 'off',
43
+ indent: 'off',
44
+ 'max-len': ['warn', {
45
+ code: 100,
46
+ tabWidth: 1,
47
+ ignoreUrls: true,
48
+ ignoreComments: true,
49
+ ignoreRegExpLiterals: true,
50
+ ignoreStrings: true,
51
+ ignoreTemplateLiterals: true,
52
+ }],
53
+ 'no-console': [
54
+ process.env.NODE_ENV === 'production' ? 'error' : 'off',
55
+ { allow: ['error', 'info', 'warn'] },
56
+ ],
57
+ 'linebreak-style': 0,
58
+ 'arrow-parens': 'off',
59
+ 'no-bitwise': ['error', { allow: ['>>'] }],
60
+ 'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
61
+ 'object-curly-newline': 'off',
62
+
63
+ // this rule, if on, would require explicit return type on the `render` function
64
+ '@typescript-eslint/explicit-function-return-type': 'off',
65
+
66
+ // in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
67
+ '@typescript-eslint/no-var-requires': 'off',
68
+ 'vue/no-multiple-template-root': 'off',
69
+ 'vue/multi-word-component-names': 'off',
70
+ 'vue/no-v-for-template-key': 'off',
71
+ 'vue/no-v-text-v-html-on-component': 'off',
72
+ },
73
+ };
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>