yg-yygl 0.0.1

package/dist/components/avatar-cropper/src/avatar-cropper.d.vue.ts

@@ -0,0 +1,90 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    cropBoxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropBoxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    boxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showResult: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resultRadiusValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    action: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    getBase64: () => any;
+    getUrl: () => Promise<any>;
+    getImageId: () => Promise<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    cropBoxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropBoxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    boxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showResult: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resultRadiusValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    action: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    action: string;
+    autoUpload: boolean;
+    url: string;
+    cropBoxWidth: number;
+    cropBoxHeight: number;
+    boxWidth: string | number;
+    boxHeight: string | number;
+    showResult: boolean;
+    resultRadiusValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/avatar-cropper/src/avatar-cropper.vue

@@ -0,0 +1,142 @@
+<script setup lang="ts">
+import { ref, unref } from 'vue';
+
+import { ImageCropping } from '@udp/component-ui';
+
+import { uploadFile } from '../../../api';
+
+defineProps({
+  url: {
+    type: String,
+    default: '',
+  },
+  cropBoxWidth: {
+    type: Number,
+    default: 200,
+  },
+  cropBoxHeight: {
+    type: Number,
+    default: 200,
+  },
+  boxWidth: {
+    type: [Number, String],
+    default: 425,
+  },
+  boxHeight: {
+    type: [Number, String],
+    default: 320,
+  },
+  showResult: {
+    type: Boolean,
+    default: true,
+  },
+  resultRadiusValue: {
+    type: Number,
+    default: 1,
+  },
+  action: {
+    type: String,
+    default: '',
+  },
+  autoUpload: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const fileUrl = ref('');
+
+const cropperRef = ref();
+
+const getBase64 = () => {
+  // 使用 image-cropping 组件暴露的 toBase64 方法，该方法已经优化处理透明背景
+  const base64 = unref(cropperRef)?.toBase64() ?? '';
+  return base64;
+};
+
+// 将base64转换为File对象
+// const base64ToFile = (
+//   base64: string,
+//   filename: string = 'avatar.png',
+// ): File | null => {
+//   if (!base64) return null;
+
+//   // 分割base64字符串获取数据类型和实际数据
+//   const arr = base64.split(',');
+//   if (arr.length < 2) return null;
+
+//   const mimeMatch = arr[0]?.match(/:(.*?);/);
+//   const mime = mimeMatch ? mimeMatch[1] : 'image/png';
+//   const bstr = atob(arr[1] || '');
+//   let n = bstr.length;
+//   const u8arr = new Uint8Array(n);
+
+//   while (n--) {
+//     u8arr[n] = bstr.codePointAt(n) ?? 0;
+//   }
+
+//   return new File([u8arr], filename, { type: mime });
+// };
+
+// base64ToFile 函数已不再使用，现在直接使用 image-cropping 组件的 toFile() 方法
+// 该方法已经优化处理透明背景，无需额外的 base64 转换步骤
+
+const getUrl = async () => {
+  try {
+    const formData = new FormData();
+    // 直接使用 image-cropping 组件暴露的 toFile 方法，该方法已经优化处理透明背景
+    const file = await unref(cropperRef)?.toFile();
+    console.log(file, 'file');
+    if (file) {
+      formData.append('file', file);
+      formData.append('source', 'minio');
+      const res = await uploadFile(formData);
+      console.log('图片上传结果：', res);
+      return res?.fileUrl || '';
+    }
+    return '';
+  } catch (error) {
+    console.log(error);
+    return '';
+  }
+};
+const getImageId = async () => {
+  try {
+    const formData = new FormData();
+    // 直接使用 image-cropping 组件暴露的 toFile 方法，该方法已经优化处理透明背景
+    const file = await unref(cropperRef)?.toFile();
+    console.log(file, 'file');
+    if (file) {
+      formData.append('file', file);
+      formData.append('source', 'minio');
+      const res = await uploadFile(formData);
+      console.log('图片上传结果：', res);
+      return res?.id || '';
+    }
+    return '';
+  } catch (error) {
+    console.log(error);
+    return '';
+  }
+};
+defineExpose({
+  getBase64,
+  getUrl,
+  getImageId,
+});
+</script>
+
+<template>
+  <div>
+    <ImageCropping
+      ref="cropperRef"
+      :image-url="fileUrl || url"
+      :crop-box-width="cropBoxWidth"
+      :crop-box-height="cropBoxHeight"
+      :box-width="boxWidth"
+      :box-height="boxHeight"
+      :show-result="showResult"
+      :result-radius-value="resultRadiusValue"
+    />
+  </div>
+</template>

package/dist/components/avatar-cropper/src/avatar-cropper.vue.d.ts

@@ -0,0 +1,90 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    cropBoxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropBoxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    boxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showResult: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resultRadiusValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    action: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    getBase64: () => any;
+    getUrl: () => Promise<any>;
+    getImageId: () => Promise<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    cropBoxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropBoxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    boxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showResult: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resultRadiusValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    action: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    action: string;
+    autoUpload: boolean;
+    url: string;
+    cropBoxWidth: number;
+    cropBoxHeight: number;
+    boxWidth: string | number;
+    boxHeight: string | number;
+    showResult: boolean;
+    resultRadiusValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/content-card/index.d.ts

@@ -0,0 +1 @@
+export { default as ContentCard } from './src/content-card.vue';

package/dist/components/content-card/index.mjs

@@ -0,0 +1 @@
+export { default as ContentCard } from "./src/content-card.vue";

package/dist/components/content-card/src/content-card.d.vue.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    description?: string;
+    title: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'title-right'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/content-card/src/content-card.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+defineProps<{
+  description?: string;
+  title: string;
+}>();
+</script>
+
+<template>
+  <div
+    class="bg-background h-full w-full overflow-y-auto rounded-[var(--radius)] p-6"
+  >
+    <div
+      class="flex w-full items-center justify-between border-b border-gray-200 pb-6"
+      :class="{ 'mb-2': description }"
+    >
+      <span class="text-foreground text-md font-bold">{{ title }}</span>
+      <slot name="title-right"></slot>
+    </div>
+    <slot></slot>
+  </div>
+</template>

package/dist/components/content-card/src/content-card.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    description?: string;
+    title: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'title-right'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/custom-tags/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GenderTag } from './src/gender-tag.vue';
+export { default as StatusTag } from './src/status-tag.vue';
+export { default as Tag } from './src/tag.vue';

package/dist/components/custom-tags/index.mjs

@@ -0,0 +1,3 @@
+export { default as GenderTag } from "./src/gender-tag.vue";
+export { default as StatusTag } from "./src/status-tag.vue";
+export { default as Tag } from "./src/tag.vue";

package/dist/components/custom-tags/src/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/custom-tags/src/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/custom-tags/src/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/custom-tags/src/status-tag.d.vue.ts

@@ -0,0 +1,51 @@
+interface Props {
+    /**
+     * 状态值，可以是数字或字符串
+     * 1/正常: 正常
+     * 0/禁用: 禁用
+     */
+    value: number | string;
+    /**
+     * 正常值
+     */
+    activeValue?: number | string;
+    /**
+     * 禁用值
+     */
+    inactiveValue?: number | string;
+    /**
+     * 正常文本
+     */
+    activeText?: string;
+    /**
+     * 禁用文本
+     */
+    inactiveText?: string;
+    /**
+     * 正常类型
+     */
+    activeType?: 'danger' | 'info' | 'primary' | 'success' | 'warning';
+    /**
+     * 禁用类型
+     */
+    inactiveType?: 'danger' | 'info' | 'primary' | 'success' | 'warning';
+    /**
+     * 标签大小
+     */
+    size?: 'default' | 'large' | 'small';
+    /**
+     * 是否显示小圆点
+     */
+    showDot?: 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";
+    activeText: string;
+    inactiveText: string;
+    activeValue: number | string;
+    inactiveValue: number | string;
+    activeType: "danger" | "info" | "primary" | "success" | "warning";
+    inactiveType: "danger" | "info" | "primary" | "success" | "warning";
+    showDot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;