[aform, atable] added file attach component

aform/package.json

@@ -44,6 +44,7 @@
 	"dependencies": {
 		"@stonecrop/themes": "workspace:*",
 		"@stonecrop/utilities": "workspace:*",
+		"@vueuse/core": "^10.11.0",
 		"vue": "^3.4.31"
 	},
 	"devDependencies": {

aform/src/components/form/AFileAttach.vue

@@ -0,0 +1,36 @@
+<template>
+	<button type="button" @click="open()">
+		{{ props.label }}
+	</button>
+	&nbsp;
+	<button type="button" :disabled="!files" @click="reset()">Reset</button>
+
+	<template v-if="files">
+		<div>
+			<p>
+				You have selected: <b>{{ `${files.length} ${files.length === 1 ? 'file' : 'files'}` }}</b>
+			</p>
+			<li v-for="file of files" :key="file.name">
+				{{ file.name }}
+			</li>
+		</div>
+	</template>
+</template>
+
+<script setup lang="ts">
+import { useFileDialog } from '@vueuse/core'
+import { SchemaTypes } from 'types/index'
+
+const props = defineProps<{
+	schema: SchemaTypes[]
+	label: string
+	collapsible?: boolean
+	data?: any
+}>()
+
+const { files, open, reset, onChange } = useFileDialog()
+
+onChange(files => {
+	return files
+})
+</script>

aform/src/index.ts

@@ -9,6 +9,7 @@ import AFieldset from '@/components/form/AFieldset.vue'
 import AForm from '@/components/AForm.vue'
 import ANumericInput from '@/components/form/ANumericInput.vue'
 import ATextInput from '@/components/form/ATextInput.vue'
+import AFileAttach from '@/components/form/AFileAttach.vue'
 import Login from '@/components/utilities/Login.vue'
 export type { BasicSchema, FormSchema, TableSchema, FieldsetSchema, SchemaTypes } from '@/types'
 // import { ACurrency } from '@/components/form/ACurrency.vue'
@@ -29,6 +30,7 @@ function install(app: App /* options */) {
 	app.component('AForm', AForm)
 	app.component('ANumericInput', ANumericInput)
 	app.component('ATextInput', ATextInput)
+	app.component('AFileAttach', AFileAttach)
 	// app.component('ACurrency', ACurrency)
 	// app.component('AQuantity', AQuantity)
 }
@@ -37,9 +39,10 @@ export {
 	ACheckbox,
 	AComboBox,
 	ADate,
-	ADropdown,
 	ADatePicker,
+	ADropdown,
 	AFieldset,
+	AFileAttach,
 	AForm,
 	ANumericInput,
 	ATextInput,

common/autoinstallers/rush-plugins/rush-plugins/rush-sort-package-json/rush-plugin-manifest.json

@@ -1,10 +1,10 @@
-{
-  "$schema": "https://developer.microsoft.com/json-schemas/rush/v5/rush-plugin-manifest.schema.json",
-  "plugins": [
-    {
-      "pluginName": "rush-sort-package-json",
-      "description": "Rush plugin for sort package.json file in the project",
-      "commandLineJsonFilePath": "command-line.json"
-    }
-  ]
-}
+{
+	"$schema": "https://developer.microsoft.com/json-schemas/rush/v5/rush-plugin-manifest.schema.json",
+	"plugins": [
+		{
+			"pluginName": "rush-sort-package-json",
+			"description": "Rush plugin for sort package.json file in the project",
+			"commandLineJsonFilePath": "command-line.json"
+		}
+	]
+}

common/autoinstallers/rush-plugins/rush-plugins/rush-sort-package-json/rush-sort-package-json/command-line.json

@@ -1,12 +1,12 @@
-{
-  "$schema": "https://developer.microsoft.com/json-schemas/rush/v5/command-line.schema.json",
-  "commands": [
-    {
-      "name": "sort-package-json",
-      "commandKind": "global",
-      "summary": "Rush plugin for sort package.json file in the project",
-      "shellCommand": "node <packageFolder>/lib/index.js",
-      "safeForSimultaneousRushProcesses": true
-    }
-  ]
-}
+{
+	"$schema": "https://developer.microsoft.com/json-schemas/rush/v5/command-line.schema.json",
+	"commands": [
+		{
+			"name": "sort-package-json",
+			"commandKind": "global",
+			"summary": "Rush plugin for sort package.json file in the project",
+			"shellCommand": "node <packageFolder>/lib/index.js",
+			"safeForSimultaneousRushProcesses": true
+		}
+	]
+}

common/changes/@stonecrop/aform/file-attach_2024-04-25-18-48.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/aform",
+      "comment": "added attach file component",
+      "type": "none"
+    }
+  ],
+  "packageName": "@stonecrop/aform"
+}

common/changes/@stonecrop/aform/file-attach_2024-05-06-09-15.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/aform",
+      "comment": "upgraded vueuse package",
+      "type": "none"
+    }
+  ],
+  "packageName": "@stonecrop/aform"
+}

common/changes/@stonecrop/atable/file-attach_2024-04-25-18-48.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/atable",
+      "comment": "reused attach file component from aform",
+      "type": "none"
+    }
+  ],
+  "packageName": "@stonecrop/atable"
+}

common/changes/@stonecrop/atable/file-attach_2024-05-06-09-15.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/atable",
+      "comment": "upgraded vueuse package",
+      "type": "none"
+    }
+  ],
+  "packageName": "@stonecrop/atable"
+}