@jari-ace/element-plus-component 0.3.0 → 0.3.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jari-ace/element-plus-component",
   "private": false,
-  "version": "0.3.0",
+  "version": "0.3.2",
   "main": "lib/index.umd.cjs",
   "module": "lib/index.js",
   "types": "dist/index.d.ts",

package/packages/components/upload/JaUploader.vue

@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import type {ValidationInstance} from '../../hooks/useBackendValidations'
+import {inject, ref, watch} from "vue";
+import {getValue, setValue} from "../../utils/objectUtils";
+import Uploader from "./uploader.vue";
+const props = defineProps<{
+    /**
+     * 应用名
+     */
+    serviceName: string,
+    /**
+     * 附件配置key
+     */
+    configKey: string,
+    /**
+     * 附件令牌
+     */
+    attachToken?: string,
+    /**
+     * 数据密集
+     */
+    classificationLevel?: number,
+    /**
+     * 文件列表高度
+     */
+    height?: string | number,
+    /**
+     * 文件列表最大高度
+     */
+    maxHeight?: string | number
+}>();
+const input = ref<typeof Uploader>({} as typeof Uploader)
+const model = inject('aceFormModel') as Record<string, any>
+const prop = inject('aceFormItemProp') as string
+const validator = inject('aceFormValidator') as ValidationInstance
+const emit = defineEmits<{
+    change: [value: string]
+}>()
+
+function onChange(value: string) {
+    validator.removeFieldError(prop)
+    setValue(model.formData, prop, mv.value);
+    emit('change', value)
+}
+
+type modelType = string;
+
+const mv = ref(getValue(model.formData, prop) as modelType);
+watch(() => model.formData, () => {
+    mv.value = getValue(model.formData, prop) as modelType
+}, {
+    deep: true
+})
+
+defineExpose({
+    focus: () => input.value.focus(),
+    blur: () => input.value.blur(),
+    elSelect: input
+})
+</script>
+
+<template>
+<uploader :service-name="serviceName" :max-height="maxHeight" :height="height" :config-key="configKey"
+          :attach-token="attachToken" :classification-level="classificationLevel"
+          v-model="mv"
+          @change="onChange"></uploader>
+</template>
+
+<style scoped lang="scss">
+
+</style>

package/packages/components/upload/index.ts

@@ -1,4 +1,5 @@
 import { withInstall } from '../../utils/install'
 import Upload from './uploader.vue'
-export const AceUpload = withInstall(Upload);
-
+import _JaUploader from './JaUploader.vue'
+export const JaUploader = withInstall(_JaUploader);
+export const JaUploaderRaw = withInstall(Upload);

package/packages/components/upload/uploader.vue

@@ -88,6 +88,7 @@ const pdfViewerVisible = ref(false);
 const pdfSrc = ref("");
 const previewableFileExts = [".doc", ".docx", ".xls", ".xlsx", ".wps", ".et",
   ".csv", ".txt", ".rtf", ".odt", "ods", ".mht", ".ppt", ".pptx", ".odp", ".pdf", "xps", "."];
+const emits = defineEmits(['change']);
 let uppy: Uppy | undefined;
 curAttachToken.value = props.attachToken;
 
@@ -265,6 +266,7 @@ async function initNew() {
   attachId.value = uploadInitParams.value?.attachId;
   curAttachToken.value = uploadInitParams.value?.attachToken;
   isNewForm.value = true;
+  emits('change', attachId.value);
   await nextTick();
   createUppyInstance();
 }