quasar-ui-sellmate-ui-kit 3.12.6 → 3.12.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 (81) hide show
  1. package/.eslintrc.cjs +104 -104
  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 +4394 -4391
  11. package/dist/index.umd.min.js +2 -2
  12. package/html/assets/index-iPSQW1bz.css +1 -1
  13. package/html/assets/index-pzCGhZhc.js +35 -35
  14. package/html/favicon.svg +5 -5
  15. package/html/index.html +26 -26
  16. package/package.json +95 -95
  17. package/src/assets/icons.js +64 -64
  18. package/src/components/SBadge.vue +75 -75
  19. package/src/components/SButton.vue +206 -206
  20. package/src/components/SButtonGroup.vue +41 -41
  21. package/src/components/SButtonToggle.vue +201 -201
  22. package/src/components/SCaution.vue +143 -143
  23. package/src/components/SCheckbox.vue +123 -123
  24. package/src/components/SChip.vue +99 -99
  25. package/src/components/SDate.vue +664 -664
  26. package/src/components/SDateAutoRangePicker.vue +311 -311
  27. package/src/components/SDatePicker.vue +465 -465
  28. package/src/components/SDateRange.vue +382 -382
  29. package/src/components/SDateRangePicker.vue +582 -582
  30. package/src/components/SDateTimePicker.vue +259 -259
  31. package/src/components/SDialog.vue +250 -250
  32. package/src/components/SDropdown.vue +273 -273
  33. package/src/components/SEditor.vue +590 -590
  34. package/src/components/SFilePicker.vue +207 -207
  35. package/src/components/SHelp.vue +126 -126
  36. package/src/components/SHelpMessage.vue +57 -57
  37. package/src/components/SInput.vue +379 -379
  38. package/src/components/SInputCounter.vue +46 -46
  39. package/src/components/SInputNumber.vue +194 -194
  40. package/src/components/SList.vue +29 -29
  41. package/src/components/SMarkupTable.vue +142 -142
  42. package/src/components/SPagination.vue +345 -345
  43. package/src/components/SRadio.vue +78 -78
  44. package/src/components/SRouteTab.vue +67 -67
  45. package/src/components/SSelect.vue +299 -299
  46. package/src/components/SSelectCheckbox.vue +238 -238
  47. package/src/components/SSelectCustom.vue +189 -189
  48. package/src/components/SSelectGroupCheckbox.vue +372 -372
  49. package/src/components/SSelectSearchAutoComplete.vue +172 -172
  50. package/src/components/SSelectSearchCheckbox.vue +361 -360
  51. package/src/components/SStringToInput.vue +66 -66
  52. package/src/components/STab.vue +147 -147
  53. package/src/components/STableTree.vue +502 -502
  54. package/src/components/STabs.vue +32 -32
  55. package/src/components/STag.vue +152 -152
  56. package/src/components/STimePicker.vue +186 -186
  57. package/src/components/SToggle.vue +68 -68
  58. package/src/components/SYearMonthPicker.vue +216 -216
  59. package/src/components/SelelctItem.vue +21 -21
  60. package/src/components/TableTreeNode.vue +177 -177
  61. package/src/components/TimePickerCard.vue +393 -393
  62. package/src/components/__tests__/SButton.test.js +18 -18
  63. package/src/components/__tests__/SInput.test.js +42 -42
  64. package/src/components/__tests__/SInputCounter.test.js +30 -30
  65. package/src/components/__tests__/SInputNumber.test.js +32 -32
  66. package/src/components/__tests__/STimePicker.spec.js +78 -78
  67. package/src/composables/date.js +11 -11
  68. package/src/composables/modelBinder.js +13 -13
  69. package/src/composables/resizable.js +55 -55
  70. package/src/composables/table/use-navigator.js +110 -110
  71. package/src/composables/table/use-resizable-tree.js +96 -96
  72. package/src/composables/table/use-resizable.js +187 -187
  73. package/src/constants/locale.js +102 -102
  74. package/src/css/app.scss +106 -106
  75. package/src/css/default.scss +393 -393
  76. package/src/css/quasar.variables.scss +187 -187
  77. package/src/directives/Directive.js +7 -7
  78. package/src/index.scss +3 -3
  79. package/src/vue-plugin.js +95 -95
  80. package/tsconfig.json +35 -35
  81. package/vitest.config.ts +31 -31
package/.eslintrc.cjs CHANGED
@@ -1,104 +1,104 @@
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', 'prettier'],
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/no-unresolved': 'off',
39
- 'import/no-extraneous-dependencies': 'off',
40
- 'import/prefer-default-export': 'off',
41
- 'import/extensions': [
42
- 'warn', 'never',
43
- {
44
- ignorePackages: true,
45
- pattern: {
46
- js: 'never',
47
- ts: 'never',
48
- wav: 'always',
49
- png: 'always',
50
- vue: 'always',
51
- json: 'always'
52
- },
53
- },
54
- ],
55
- 'prefer-promise-reject-errors': 'off',
56
- quotes: ['warn', 'single', { avoidEscape: true }],
57
- 'no-unused-vars': 'off',
58
- '@typescript-eslint/no-unused-vars': 'off',
59
- 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
60
- 'no-console': [
61
- process.env.NODE_ENV === 'production' ? 'error' : 'off',
62
- { allow: ['error', 'warn', 'info'] },
63
- ],
64
- indent: 'off',
65
- // 'max-len': ['warn', {
66
- // code: 100,
67
- // tabWidth: 1,
68
- // ignoreUrls: true,
69
- // ignoreComments: true,
70
- // ignoreRegExpLiterals: true,
71
- // ignoreStrings: true,
72
- // ignoreTemplateLiterals: true,
73
- // }],
74
- 'max-len': 'off',
75
- 'vue/max-len': ['warn', {
76
- code: 100,
77
- tabWidth: 1,
78
- ignoreUrls: true,
79
- ignoreComments: true,
80
- ignoreTrailingComments: true,
81
- ignoreRegExpLiterals: true,
82
- ignoreStrings: true,
83
- ignoreTemplateLiterals: true,
84
- ignoreHTMLAttributeValues: true,
85
- ignoreHTMLTextContents: true,
86
- }],
87
-
88
- 'linebreak-style': 0,
89
- 'arrow-parens': 'off',
90
- 'no-bitwise': ['error', { allow: ['>>'] }],
91
- 'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
92
- 'object-curly-newline': 'off',
93
-
94
- // this rule, if on, would require explicit return type on the `render` function
95
- '@typescript-eslint/explicit-function-return-type': 'off',
96
-
97
- // in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
98
- '@typescript-eslint/no-var-requires': 'off',
99
- 'vue/no-multiple-template-root': 'off',
100
- 'vue/multi-word-component-names': 'off',
101
- 'vue/no-v-for-template-key': 'off',
102
- 'vue/no-v-text-v-html-on-component': 'off',
103
- },
104
- };
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', 'prettier'],
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/no-unresolved': 'off',
39
+ 'import/no-extraneous-dependencies': 'off',
40
+ 'import/prefer-default-export': 'off',
41
+ 'import/extensions': [
42
+ 'warn', 'never',
43
+ {
44
+ ignorePackages: true,
45
+ pattern: {
46
+ js: 'never',
47
+ ts: 'never',
48
+ wav: 'always',
49
+ png: 'always',
50
+ vue: 'always',
51
+ json: 'always'
52
+ },
53
+ },
54
+ ],
55
+ 'prefer-promise-reject-errors': 'off',
56
+ quotes: ['warn', 'single', { avoidEscape: true }],
57
+ 'no-unused-vars': 'off',
58
+ '@typescript-eslint/no-unused-vars': 'off',
59
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
60
+ 'no-console': [
61
+ process.env.NODE_ENV === 'production' ? 'error' : 'off',
62
+ { allow: ['error', 'warn', 'info'] },
63
+ ],
64
+ indent: 'off',
65
+ // 'max-len': ['warn', {
66
+ // code: 100,
67
+ // tabWidth: 1,
68
+ // ignoreUrls: true,
69
+ // ignoreComments: true,
70
+ // ignoreRegExpLiterals: true,
71
+ // ignoreStrings: true,
72
+ // ignoreTemplateLiterals: true,
73
+ // }],
74
+ 'max-len': 'off',
75
+ 'vue/max-len': ['warn', {
76
+ code: 100,
77
+ tabWidth: 1,
78
+ ignoreUrls: true,
79
+ ignoreComments: true,
80
+ ignoreTrailingComments: true,
81
+ ignoreRegExpLiterals: true,
82
+ ignoreStrings: true,
83
+ ignoreTemplateLiterals: true,
84
+ ignoreHTMLAttributeValues: true,
85
+ ignoreHTMLTextContents: true,
86
+ }],
87
+
88
+ 'linebreak-style': 0,
89
+ 'arrow-parens': 'off',
90
+ 'no-bitwise': ['error', { allow: ['>>'] }],
91
+ 'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
92
+ 'object-curly-newline': 'off',
93
+
94
+ // this rule, if on, would require explicit return type on the `render` function
95
+ '@typescript-eslint/explicit-function-return-type': 'off',
96
+
97
+ // in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
98
+ '@typescript-eslint/no-var-requires': 'off',
99
+ 'vue/no-multiple-template-root': 'off',
100
+ 'vue/multi-word-component-names': 'off',
101
+ 'vue/no-v-for-template-key': 'off',
102
+ 'vue/no-v-text-v-html-on-component': 'off',
103
+ },
104
+ };
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>