quasar-ui-danx 0.4.27 → 0.4.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. package/README.md +35 -35
  2. package/dist/danx.es.js +24686 -24119
  3. package/dist/danx.es.js.map +1 -1
  4. package/dist/danx.umd.js +109 -109
  5. package/dist/danx.umd.js.map +1 -1
  6. package/dist/style.css +1 -1
  7. package/package.json +1 -1
  8. package/src/components/ActionTable/ActionTable.vue +29 -7
  9. package/src/components/ActionTable/Filters/FilterableField.vue +14 -2
  10. package/src/components/ActionTable/Form/ActionForm.vue +17 -12
  11. package/src/components/ActionTable/Form/Fields/DateField.vue +24 -20
  12. package/src/components/ActionTable/Form/Fields/DateRangeField.vue +57 -53
  13. package/src/components/ActionTable/Form/Fields/EditOnClickTextField.vue +9 -2
  14. package/src/components/ActionTable/Form/Fields/EditableDiv.vue +51 -21
  15. package/src/components/ActionTable/Form/Fields/FieldLabel.vue +1 -1
  16. package/src/components/ActionTable/Form/Fields/SelectField.vue +27 -6
  17. package/src/components/ActionTable/Form/Fields/SelectOrCreateField.vue +56 -0
  18. package/src/components/ActionTable/Form/Fields/TextField.vue +2 -0
  19. package/src/components/ActionTable/Form/Fields/index.ts +1 -0
  20. package/src/components/ActionTable/Form/RenderedForm.vue +7 -20
  21. package/src/components/ActionTable/Form/Utilities/MaxLengthCounter.vue +1 -1
  22. package/src/components/ActionTable/Form/Utilities/SaveStateIndicator.vue +37 -0
  23. package/src/components/ActionTable/Form/Utilities/index.ts +1 -0
  24. package/src/components/ActionTable/Layouts/ActionTableLayout.vue +20 -23
  25. package/src/components/ActionTable/Toolbars/ActionToolbar.vue +44 -36
  26. package/src/components/ActionTable/{listControls.ts → controls.ts} +13 -9
  27. package/src/components/ActionTable/index.ts +1 -1
  28. package/src/components/DragAndDrop/ListItemDraggable.vue +45 -31
  29. package/src/components/DragAndDrop/dragAndDrop.ts +221 -220
  30. package/src/components/DragAndDrop/listDragAndDrop.ts +269 -227
  31. package/src/components/PanelsDrawer/PanelsDrawer.vue +7 -7
  32. package/src/components/PanelsDrawer/PanelsDrawerTabs.vue +3 -3
  33. package/src/components/Utility/Buttons/ShowHideButton.vue +86 -0
  34. package/src/components/Utility/Buttons/index.ts +1 -0
  35. package/src/components/Utility/Dialogs/ActionFormDialog.vue +30 -0
  36. package/src/components/Utility/Dialogs/CreateNewWithNameDialog.vue +26 -0
  37. package/src/components/Utility/Dialogs/RenderedFormDialog.vue +50 -0
  38. package/src/components/Utility/Dialogs/index.ts +3 -0
  39. package/src/helpers/FileUpload.ts +4 -4
  40. package/src/helpers/actions.ts +84 -20
  41. package/src/helpers/files.ts +56 -43
  42. package/src/helpers/formats.ts +23 -20
  43. package/src/helpers/objectStore.ts +24 -12
  44. package/src/types/actions.d.ts +50 -26
  45. package/src/types/controls.d.ts +23 -25
  46. package/src/types/fields.d.ts +1 -0
  47. package/src/types/files.d.ts +2 -2
  48. package/src/types/index.d.ts +5 -0
  49. package/src/types/shared.d.ts +9 -0
  50. package/src/types/tables.d.ts +3 -3
  51. package/types/vue-shims.d.ts +3 -2
package/README.md CHANGED
@@ -14,20 +14,20 @@
14
14
  ```vue
15
15
 
16
16
  <template>
17
- <ActionTable
18
- label="Danx"
19
- name="danx"
20
- v-model:quasar-pagination="quasarPagination"
21
- v-model:selected-rows="selectedRows"
22
- :columns="columns"
23
- />
17
+ <ActionTable
18
+ label="Danx"
19
+ name="danx"
20
+ v-model:quasar-pagination="quasarPagination"
21
+ v-model:selected-rows="selectedRows"
22
+ :columns="columns"
23
+ />
24
24
  </template>
25
25
  <script setup>
26
- import 'quasar-ui-danx/dist/index.css';
27
- import { ActionTable, useTableColumns, useListControls } from 'quasar-ui-danx';
26
+ import 'quasar-ui-danx/dist/index.css';
27
+ import { ActionTable, useTableColumns, useControls } from 'quasar-ui-danx';
28
28
 
29
- const { columns } = useTableColumns([{ name: 'name', label: 'Name' }, { name: 'age', label: 'Age' }]);
30
- const { quasarPagination, selectedRows } = useListControls({});
29
+ const { columns } = useTableColumns([{ name: 'name', label: 'Name' }, { name: 'age', label: 'Age' }]);
30
+ const { quasarPagination, selectedRows } = useControls({});
31
31
  </script>
32
32
  ```
33
33
 
@@ -57,23 +57,23 @@ yarn add -D sass vite-svg-loader tailwindcss eslint eslint-plugin-import autopre
57
57
 
58
58
  ```ts
59
59
  export default ({ command }) => {
60
- // For development w/ HMR, load the danx library + styles directly from the directory
61
- // NOTE: These are the paths relative to the mounted quasar-ui-danx directory inside the mva docker container
62
- const danx = (command === "serve" ? {
63
- "quasar-ui-danx": resolve(__dirname, "../quasar-ui-danx/ui/src"),
64
- "quasar-ui-danx-styles": resolve(__dirname, "../quasar-ui-danx/src/styles/index.scss")
65
- } : {
66
- // Import from quasar-ui-danx module for production
67
- "quasar-ui-danx-styles": "quasar-ui-danx/dist/style.css"
68
- });
69
-
70
- return defineConfig({
71
- resolve: {
72
- alias: {
73
- ...danx
74
- }
75
- },
76
- });
60
+ // For development w/ HMR, load the danx library + styles directly from the directory
61
+ // NOTE: These are the paths relative to the mounted quasar-ui-danx directory inside the mva docker container
62
+ const danx = (command === "serve" ? {
63
+ "quasar-ui-danx": resolve(__dirname, "../quasar-ui-danx/ui/src"),
64
+ "quasar-ui-danx-styles": resolve(__dirname, "../quasar-ui-danx/src/styles/index.scss")
65
+ } : {
66
+ // Import from quasar-ui-danx module for production
67
+ "quasar-ui-danx-styles": "quasar-ui-danx/dist/style.css"
68
+ });
69
+
70
+ return defineConfig({
71
+ resolve: {
72
+ alias: {
73
+ ...danx
74
+ }
75
+ },
76
+ });
77
77
  }
78
78
  ```
79
79
 
@@ -123,13 +123,13 @@ npx tailwindcss init -p
123
123
  export const colors = {}
124
124
 
125
125
  export default {
126
- content: [],
127
- theme: {
128
- extend: {
129
- colors
130
- }
131
- },
132
- plugins: []
126
+ content: [],
127
+ theme: {
128
+ extend: {
129
+ colors
130
+ }
131
+ },
132
+ plugins: []
133
133
  }
134
134
  ```
135
135