yg-yygl 0.0.1

package/dist/components/gender-tag.d.vue.ts

@@ -0,0 +1,32 @@
+interface Props {
+    /**
+     * 性别值，可以是数字或字符串
+     * 0/female/女: 女性
+     * 1/male/男: 男性
+     * 其他值: 未知
+     */
+    value: number | string;
+    /**
+     * 是否显示图标
+     */
+    showIcon?: boolean;
+    /**
+     * 是否显示文本
+     */
+    showText?: boolean;
+    /**
+     * 标签大小
+     */
+    size?: 'default' | 'large' | 'small';
+    /**
+     * 是否圆角
+     */
+    round?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "default" | "large" | "small";
+    showIcon: boolean;
+    round: boolean;
+    showText: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/gender-tag.vue

@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+import { Icon } from '@udp/component-ui';
+
+interface Props {
+  /**
+   * 性别值，可以是数字或字符串
+   * 0/female/女: 女性
+   * 1/male/男: 男性
+   * 其他值: 未知
+   */
+  value: number | string;
+  /**
+   * 是否显示图标
+   */
+  showIcon?: boolean;
+  /**
+   * 是否显示文本
+   */
+  showText?: boolean;
+  /**
+   * 标签大小
+   */
+  size?: 'default' | 'large' | 'small';
+  /**
+   * 是否圆角
+   */
+  round?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  showIcon: true,
+  showText: true,
+  size: 'default',
+  round: false,
+});
+
+// 性别类型
+const genderType = computed(() => {
+  const gender = String(props.value).toLowerCase();
+  if (['2', 'female', '女'].includes(gender)) {
+    return 'female';
+  } else if (['1', 'male', '男'].includes(gender)) {
+    return 'male';
+  } else {
+    return 'unknown';
+  }
+});
+
+// 性别文本
+const genderText = computed(() => {
+  switch (genderType.value) {
+    case 'female': {
+      return '女';
+    }
+    case 'male': {
+      return '男';
+    }
+    default: {
+      return '未知';
+    }
+  }
+});
+
+// 标签类型
+const tagType = computed(() => {
+  switch (genderType.value) {
+    case 'female': {
+      return 'danger';
+    }
+    case 'male': {
+      return 'primary';
+    }
+    default: {
+      return 'info';
+    }
+  }
+});
+
+// 图标
+const iconName = computed(() => {
+  switch (genderType.value) {
+    case 'female': {
+      return 'ep:female';
+    }
+    case 'male': {
+      return 'ep:male';
+    }
+    default: {
+      return 'proicons:question';
+    }
+  }
+});
+</script>
+
+<template>
+  <el-tag :type="tagType" :size="size" effect="light" :round="round">
+    <div class="flex items-center gap-1">
+      <Icon :name="iconName" :size="16" />
+      <span v-if="showText">{{ genderText }}</span>
+    </div>
+  </el-tag>
+</template>
+
+<style scoped>
+.gender-icon {
+  margin-right: 4px;
+  vertical-align: middle;
+}
+</style>

package/dist/components/gender-tag.vue.d.ts

@@ -0,0 +1,32 @@
+interface Props {
+    /**
+     * 性别值，可以是数字或字符串
+     * 0/female/女: 女性
+     * 1/male/男: 男性
+     * 其他值: 未知
+     */
+    value: number | string;
+    /**
+     * 是否显示图标
+     */
+    showIcon?: boolean;
+    /**
+     * 是否显示文本
+     */
+    showText?: boolean;
+    /**
+     * 标签大小
+     */
+    size?: 'default' | 'large' | 'small';
+    /**
+     * 是否圆角
+     */
+    round?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "default" | "large" | "small";
+    showIcon: boolean;
+    round: boolean;
+    showText: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/import-file/index.d.ts

@@ -0,0 +1 @@
+export { default, default as ImportFile } from './src/import-file.vue';

package/dist/components/import-file/index.mjs

@@ -0,0 +1 @@
+export { default, default as ImportFile } from "./src/import-file.vue";

package/dist/components/import-file/src/import-file.d.vue.ts

@@ -0,0 +1,67 @@
+interface Props {
+    showTemplateDownload?: boolean;
+    fileName?: string;
+    templateDownloadText?: string;
+    templateDownloadUrl?: string;
+    accept?: string;
+    maxSize?: number;
+    uploadTip?: string;
+    limit?: number;
+    file?: File | null;
+}
+declare const _default: import("vue").DefineComponent<Props, {
+    uploadFile: import("vue").Ref<{
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    } | null, File | {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    } | null>;
+    clearFile: () => void;
+    triggerUpload: () => void;
+    getFile: () => {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    } | null;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (file: File | null) => any;
+    "update:file": (file: File | null) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((file: File | null) => any) | undefined;
+    "onUpdate:file"?: ((file: File | null) => any) | undefined;
+}>, {
+    fileName: string;
+    maxSize: number;
+    accept: string;
+    file: File | null;
+    limit: number;
+    showTemplateDownload: boolean;
+    templateDownloadText: string;
+    templateDownloadUrl: string;
+    uploadTip: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/import-file/src/import-file.vue

@@ -0,0 +1,216 @@
+<script setup lang="ts">
+import type { UploadProps, UploadRawFile } from 'element-plus';
+
+import { ref } from 'vue';
+
+import { downloadFileFromBlob } from '@udp-core/shared/utils';
+
+import { UploadFilled } from '@element-plus/icons-vue';
+import { ElMessage, genFileId } from 'element-plus';
+
+import { downloadTemplateNew } from '../../../api';
+import { getRequestClient } from '../../../api/request';
+
+interface Props {
+  // 是否显示模板下载按钮
+  showTemplateDownload?: boolean;
+  // 模板下载的URL
+  fileName?: string;
+  // 模板下载按钮文本
+  templateDownloadText?: string;
+  // fjl modify 自定义模板下载地址
+  templateDownloadUrl?: string;
+  // 允许上传的文件类型
+  accept?: string;
+  // 上传文件大小限制（MB）
+  maxSize?: number;
+  // 上传提示文本
+  uploadTip?: string;
+  // 限制上传数量
+  limit?: number;
+  // 绑定的文件
+  file?: File | null;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  showTemplateDownload: true,
+  fileName: '',
+  templateDownloadText: '下载模板',
+  templateDownloadUrl: '',
+  accept: '.xlsx,.xls',
+  maxSize: 10,
+  uploadTip: '仅允许导入 xls、xlsx 格式文件',
+  limit: 1,
+  file: null,
+});
+
+const emit = defineEmits<{
+  (e: 'update:file', file: File | null): void;
+  (e: 'change', file: File | null): void;
+}>();
+
+// 上传的文件
+const uploadFile = ref<File | null>(null);
+
+// 拖拽状态
+const isDragging = ref(false);
+
+// 上传组件引用
+const uploadRef = ref();
+
+// 处理el-upload的文件变化事件
+const handleUploadChange = (uploadInfo: any) => {
+  // 从uploadInfo中获取原始文件对象
+  if (uploadInfo && uploadInfo.raw) {
+    const file = uploadInfo.raw;
+
+    // 检查文件类型
+    const isValidType = props.accept
+      .split(',')
+      .some((type) =>
+        file.name.toLowerCase().endsWith(type.replace('.', '').toLowerCase()),
+      );
+
+    if (!isValidType) {
+      ElMessage.error(`请上传${props.accept}格式的文件`);
+      uploadRef.value?.clearFiles();
+      return;
+    }
+
+    // 检查文件大小
+    const isValidSize = file.size / 1024 / 1024 < props.maxSize;
+    if (!isValidSize) {
+      ElMessage.error(`文件大小不能超过${props.maxSize}MB`);
+      uploadRef.value?.clearFiles();
+      return;
+    }
+
+    handleFileChange(file);
+  }
+};
+
+// 处理文件变更
+const handleFileChange = (file: File | null) => {
+  uploadFile.value = file;
+  emit('update:file', file);
+  emit('change', file);
+};
+
+// 文件上传前的验证（仅自动上传模式生效，手动上传模式不触发）
+const beforeUpload = (file: File) => {
+  return false;
+};
+
+// 处理模板下载
+const handleDownloadTemplate = async () => {
+  try {
+    let res: any;
+    if (props.templateDownloadUrl) {
+      res = await getRequestClient().download(
+        props.templateDownloadUrl,
+        undefined,
+        { responseReturn: 'body', method: 'get' },
+      );
+    } else {
+      if (!props.fileName) {
+        ElMessage.warning('未配置模板文件名');
+        return;
+      }
+      res = await downloadTemplateNew(props.fileName);
+    }
+    downloadFileFromBlob({
+      source: res,
+      fileName: props.fileName || '模板.xlsx',
+    });
+  } catch {
+    ElMessage.error('下载模板失败');
+  }
+};
+
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  uploadRef.value!.clearFiles();
+  const file = files[0] as UploadRawFile;
+  file.uid = genFileId();
+  uploadRef.value!.handleStart(file);
+};
+
+// 处理文件移除
+const handleRemove = () => {
+  handleFileChange(null);
+};
+
+// 清除文件
+const clearFile = () => {
+  handleFileChange(null);
+};
+
+// 手动触发上传
+const triggerUpload = () => {
+  uploadRef.value?.handleClick();
+};
+
+// 获取当前文件
+const getFile = () => {
+  return uploadFile.value;
+};
+
+// 暴露方法
+defineExpose({
+  uploadFile,
+  clearFile,
+  triggerUpload,
+  getFile,
+});
+</script>
+
+<template>
+  <div class="h-full w-full">
+    <!-- 模板下载区域 -->
+    <div
+      class="mb-3 flex w-full items-center justify-between rounded-[calc(var(--radius)+6px)] border border-dashed border-gray-300 bg-gray-50 p-4 dark:bg-gray-800"
+      v-if="showTemplateDownload"
+    >
+      <span class="text-muted-foreground mr-2">
+        1. 下载导入模板，根据模板提示完善内容
+      </span>
+      <el-button type="primary" plain @click="handleDownloadTemplate">
+        {{ templateDownloadText }}
+      </el-button>
+    </div>
+
+    <!-- 文件上传区域 -->
+    <div
+      class="rounded-[calc(var(--radius)+6px)] border border-dashed border-gray-300 bg-gray-50 p-4 transition-all dark:bg-gray-800"
+      :class="{ 'border-primary-500 bg-primary-50': isDragging || uploadFile }"
+    >
+      <div class="text-muted-foreground mb-4">
+        {{ showTemplateDownload ? '2.' : '1.' }} 上传完善好的内容，{{
+          uploadTip
+        }}
+      </div>
+      <el-upload
+        ref="uploadRef"
+        drag
+        :auto-upload="false"
+        :accept="accept"
+        :before-upload="beforeUpload"
+        :limit="limit"
+        :on-exceed="handleExceed"
+        :on-change="handleUploadChange"
+        :on-remove="handleRemove"
+      >
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖入此处，<em>或点击上传</em></div>
+      </el-upload>
+
+      <!-- 当前文件状态显示 -->
+      <div v-if="uploadFile" class="mt-3 text-sm text-green-600">
+        已选择文件: {{ uploadFile.name }} ({{
+          (uploadFile.size / 1024).toFixed(2)
+        }}KB)
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

package/dist/components/import-file/src/import-file.vue.d.ts

@@ -0,0 +1,67 @@
+interface Props {
+    showTemplateDownload?: boolean;
+    fileName?: string;
+    templateDownloadText?: string;
+    templateDownloadUrl?: string;
+    accept?: string;
+    maxSize?: number;
+    uploadTip?: string;
+    limit?: number;
+    file?: File | null;
+}
+declare const _default: import("vue").DefineComponent<Props, {
+    uploadFile: import("vue").Ref<{
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    } | null, File | {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    } | null>;
+    clearFile: () => void;
+    triggerUpload: () => void;
+    getFile: () => {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    } | null;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (file: File | null) => any;
+    "update:file": (file: File | null) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((file: File | null) => any) | undefined;
+    "onUpdate:file"?: ((file: File | null) => any) | undefined;
+}>, {
+    fileName: string;
+    maxSize: number;
+    accept: string;
+    file: File | null;
+    limit: number;
+    showTemplateDownload: boolean;
+    templateDownloadText: string;
+    templateDownloadUrl: string;
+    uploadTip: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/main-container/index.d.ts

@@ -0,0 +1 @@
+export { default as MainContainer } from './src/main-container.vue';

package/dist/components/main-container/index.mjs

@@ -0,0 +1 @@
+export { default as MainContainer } from "./src/main-container.vue";

package/dist/components/main-container/src/main-container.d.vue.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    headerTitle?: string;
+    showBack?: boolean;
+    showHeader?: boolean;
+};
+declare var __VLS_1: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'header-title'?: (props: typeof __VLS_19) => any;
+} & {
+    side?: (props: typeof __VLS_21) => any;
+} & {
+    title?: (props: typeof __VLS_23) => any;
+} & {
+    search?: (props: typeof __VLS_25) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/main-container/src/main-container.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { Icon } from '@udp/component-ui'
+
+defineProps<{
+  title?: string;
+  headerTitle?: string
+  showBack?: boolean
+  showHeader?: boolean
+}>();
+
+const emit = defineEmits(['back']);
+</script>
+<template>
+  <div
+    class="bg-background relative flex h-full w-full flex-col items-center overflow-hidden rounded-[var(--radius)] box-border"
+  >
+    <slot name="header">
+      <div v-if="showHeader" class="w-full flex items-center gap-1 p-4 border-b">
+        <template v-if="showBack">
+          <el-button size="large" type="info" link @click="emit('back')">
+            <Icon name="hx-line-built-in:arrow-left-s-line" />
+            返回
+          </el-button>
+          <el-divider direction="vertical" />
+        </template>
+        <div class="text-lg font-bold">
+          <slot name="header-title">{{ headerTitle }}</slot>
+        </div>
+      </div>
+    </slot>
+    <div class="w-full flex-1 overflow-hidden flex items-center">
+      <slot name="side"></slot>
+      <div class="flex h-full flex-1 flex-col overflow-hidden py-4">
+        <slot name="title">
+          <div v-if="title" class="w-full px-4 pb-4 text-xl font-bold">
+            {{ title }}
+          </div>
+        </slot>
+        <div class="flex w-full flex-1 flex-col overflow-y-hidden px-4 box-border">
+          <slot name="search"></slot>
+          <div class="flex w-full flex-1 flex-col overflow-y-hidden overflow-x-auto">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

package/dist/components/main-container/src/main-container.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    headerTitle?: string;
+    showBack?: boolean;
+    showHeader?: boolean;
+};
+declare var __VLS_1: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'header-title'?: (props: typeof __VLS_19) => any;
+} & {
+    side?: (props: typeof __VLS_21) => any;
+} & {
+    title?: (props: typeof __VLS_23) => any;
+} & {
+    search?: (props: typeof __VLS_25) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/main-container.d.vue.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    headerTitle?: string;
+    showBack?: boolean;
+    showHeader?: boolean;
+};
+declare var __VLS_1: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'header-title'?: (props: typeof __VLS_19) => any;
+} & {
+    side?: (props: typeof __VLS_21) => any;
+} & {
+    title?: (props: typeof __VLS_23) => any;
+} & {
+    search?: (props: typeof __VLS_25) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};