yuang-framework-ui-pc 1.1.45 → 1.1.47

package/es/utils/validate.js

@@ -0,0 +1,197 @@
+const phoneReg = /^1\d{10}$/;
+const phoneStrongReg = /^1[3|5|7|8|9][0-9]{9}$/;
+const telReg = /^(400|800)([0-9\\-]{7,10})|(([0-9]{4}|[0-9]{3})(-| )?)?([0-9]{7,8})((-| |转)*([0-9]{1,4}))?$/;
+const emailReg = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+const urlReg = /(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/;
+const identityReg = /(^\d{15}$)|(^\d{17}(x|X|\d)$)/;
+const dateReg = /^(\d{4})[-/](\d{1}|0\d{1}|1[0-2])([-/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/;
+const numberReg = /^[0-9]+\.?[0-9]*$/;
+const integerReg = /^-?\d+$/;
+const positiveIntegerReg = /^[1-9]\d*$/;
+const negativeIntegerReg = /^-[1-9]\d*$/;
+const nonNegativeIntegerReg = /^\d+$/;
+const nonPositiveIntegerReg = /^-[1-9]\d*|0/;
+const chineseReg = /^[\u4E00-\u9FA5]{2,4}$/;
+const portReg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
+const ipReg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
+const longitudeReg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/;
+const latitudeReg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/;
+function isPhone(value) {
+  return phoneReg.test(value);
+}
+function isPhoneStrong(value) {
+  return phoneStrongReg.test(value);
+}
+function isTel(value) {
+  return telReg.test(value);
+}
+function isEmail(value) {
+  return emailReg.test(value);
+}
+function isUrl(value) {
+  return urlReg.test(value);
+}
+function isIdentity(value) {
+  return identityReg.test(value);
+}
+function isDate(value) {
+  return dateReg.test(value);
+}
+function isNumber(value) {
+  return numberReg.test(value);
+}
+function isInteger(value) {
+  return integerReg.test(value);
+}
+function isPositiveInteger(value) {
+  return positiveIntegerReg.test(value);
+}
+function isNegativeInteger(value) {
+  return negativeIntegerReg.test(value);
+}
+function isNonNegativeInteger(value) {
+  return nonNegativeIntegerReg.test(value);
+}
+function isNonPositiveInteger(value) {
+  return nonPositiveIntegerReg.test(value);
+}
+function isChinese(value) {
+  return chineseReg.test(value);
+}
+function isPort(value) {
+  return portReg.test(value);
+}
+function isIP(value) {
+  return ipReg.test(value);
+}
+function isLongitude(value) {
+  return longitudeReg.test(value);
+}
+function isLatitude(value) {
+  return latitudeReg.test(value);
+}
+function maxMinLength(value, minLength, maxLength) {
+  if (value == null) {
+    return !minLength;
+  }
+  if (minLength && value.toString().length < minLength) {
+    return false;
+  }
+  return !(maxLength != null && value.toString().length > maxLength);
+}
+function maxMin(value, min, max) {
+  if (value == null) {
+    return min == null;
+  }
+  if (min != null && value < min) {
+    return false;
+  }
+  return !(max != null && value > max);
+}
+function isIdentityStrong(value) {
+  if (!isIdentity(value)) {
+    return "身份证号码格式错误";
+  }
+  const ai = value.length === 18 ? value.substring(0, 17) : value.substring(0, 6) + "19" + value.substring(6, 15);
+  const year = ai.substring(6, 10);
+  const birthday = year + "/" + ai.substring(10, 12) + "/" + ai.substring(12, 14);
+  if (!isDate(birthday)) {
+    return "身份证号码出生日期无效";
+  }
+  const now = /* @__PURE__ */ new Date();
+  if (now.getFullYear() - Number.parseInt(year) > 150 || now.getTime() - new Date(birthday).getTime() < 0) {
+    return "身份证号码出生日期不在有效范围";
+  }
+  const areaCodes = [
+    "11",
+    "12",
+    "13",
+    "14",
+    "15",
+    "21",
+    "22",
+    "23",
+    "31",
+    "32",
+    "33",
+    "34",
+    "35",
+    "36",
+    "37",
+    "41",
+    "42",
+    "43",
+    "44",
+    "45",
+    "46",
+    "50",
+    "51",
+    "52",
+    "53",
+    "54",
+    "61",
+    "62",
+    "63",
+    "64",
+    "65",
+    "71",
+    "81",
+    "82",
+    "91"
+  ];
+  if (areaCodes.indexOf(ai.substring(0, 2)) === -1) {
+    return "身份证号码地区编码错误";
+  }
+  if (value.length === 18) {
+    const valCode = ["1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2"];
+    const wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
+    let totalMulAiWi = 0;
+    for (let i = 0; i < 17; i++) {
+      totalMulAiWi += Number.parseInt(ai.charAt(i)) * wi[i];
+    }
+    if (value !== ai + valCode[totalMulAiWi % 11]) {
+      return "身份证号码最后一位错误";
+    }
+  }
+}
+export {
+  chineseReg,
+  dateReg,
+  emailReg,
+  identityReg,
+  integerReg,
+  ipReg,
+  isChinese,
+  isDate,
+  isEmail,
+  isIP,
+  isIdentity,
+  isIdentityStrong,
+  isInteger,
+  isLatitude,
+  isLongitude,
+  isNegativeInteger,
+  isNonNegativeInteger,
+  isNonPositiveInteger,
+  isNumber,
+  isPhone,
+  isPhoneStrong,
+  isPort,
+  isPositiveInteger,
+  isTel,
+  isUrl,
+  latitudeReg,
+  longitudeReg,
+  maxMin,
+  maxMinLength,
+  negativeIntegerReg,
+  nonNegativeIntegerReg,
+  nonPositiveIntegerReg,
+  numberReg,
+  phoneReg,
+  phoneStrongReg,
+  portReg,
+  positiveIntegerReg,
+  telReg,
+  urlReg
+};

package/es/yu-framework-attachment-file-upload/CommonUpload/index.d.ts

@@ -0,0 +1,161 @@
+import { CSSProperties } from 'vue';
+import { ElProgressProps, ElImageProps } from '../../ele-app/el';
+import { EleImageViewerProps } from '../../ele-app/plus';
+import { UploadItem, ListType, BeforeUploadClick, BeforeItemEdit, UploadLocale } from '../../ele-upload-list/types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<UploadItem[]>;
+    drag: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    sortable: {
+        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
+        default: () => {
+            forceFallback: boolean;
+        };
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+    };
+    preview: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    tools: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    beforeUploadClick: {
+        type: import('vue').PropType<BeforeUploadClick>;
+    };
+    locale: {
+        type: import('vue').PropType<Partial<UploadLocale>>;
+    };
+    imageProps: {
+        type: import('vue').PropType<ElImageProps>;
+    };
+    progressProps: {
+        type: import('vue').PropType<ElProgressProps>;
+    };
+    listType: {
+        type: import('vue').PropType<ListType>;
+    };
+    limit: {
+        type: import('vue').PropType<number>;
+    };
+    itemStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    buttonStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    previewProps: {
+        type: import('vue').PropType<EleImageViewerProps>;
+    };
+    beforeItemEdit: {
+        type: import('vue').PropType<BeforeItemEdit>;
+    };
+    fileLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (item: UploadItem) => void;
+    preview: (item: UploadItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<UploadItem[]>;
+    drag: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    sortable: {
+        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
+        default: () => {
+            forceFallback: boolean;
+        };
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+    };
+    preview: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    tools: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    beforeUploadClick: {
+        type: import('vue').PropType<BeforeUploadClick>;
+    };
+    locale: {
+        type: import('vue').PropType<Partial<UploadLocale>>;
+    };
+    imageProps: {
+        type: import('vue').PropType<ElImageProps>;
+    };
+    progressProps: {
+        type: import('vue').PropType<ElProgressProps>;
+    };
+    listType: {
+        type: import('vue').PropType<ListType>;
+    };
+    limit: {
+        type: import('vue').PropType<number>;
+    };
+    itemStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    buttonStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    previewProps: {
+        type: import('vue').PropType<EleImageViewerProps>;
+    };
+    beforeItemEdit: {
+        type: import('vue').PropType<BeforeItemEdit>;
+    };
+    fileLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onItemClick?: ((item: UploadItem) => any) | undefined;
+    onPreview?: ((item: UploadItem) => any) | undefined;
+}>, {
+    drag: boolean;
+    sortable: boolean | Record<keyof any, any>;
+    preview: boolean;
+    accept: string;
+    tools: boolean;
+    fileLimit: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/yu-framework-attachment-file-upload/CommonUpload/index.js

@@ -0,0 +1,173 @@
+import { defineComponent, mergeModels, useModel, resolveComponent, createBlock, openBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { EleMessage } from "../../utils/message";
+import { ElMessageBox } from "element-plus/es";
+import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+import { getShortUuid } from "yuang-framework-ui-common/lib/utils/uuidUtils";
+import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "CommonUpload" },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    fileLimit: { default: 100 },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    preview: { type: Boolean, default: true },
+    limit: {},
+    multiple: { type: Boolean },
+    drag: { type: Boolean, default: true },
+    accept: { default: "" },
+    itemStyle: {},
+    buttonStyle: {},
+    sortable: { type: [Boolean, Object], default: () => ({ forceFallback: true }) },
+    imageProps: {},
+    progressProps: {},
+    previewProps: {},
+    tools: { type: Boolean, default: true },
+    listType: {},
+    beforeUploadClick: {},
+    beforeItemEdit: {},
+    locale: {}
+  }, {
+    "modelValue": {
+      type: Array,
+      default: () => []
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["itemClick", "preview"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const images = useModel(__props, "modelValue");
+    const checkFile = (file) => {
+      if (!file) {
+        return;
+      }
+      if (props.accept === "image/*") {
+        if (!file.type.startsWith("image")) {
+          EleMessage.error("只能选择图片");
+          return;
+        }
+      } else if (props.accept === ".xls,.xlsx") {
+        if (![
+          "application/vnd.ms-excel",
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+        ].includes(file.type)) {
+          EleMessage.error("只能选择 excel 文件");
+          return;
+        }
+      }
+      if (props.fileLimit && file.size / 1024 / 1024 > props.fileLimit) {
+        EleMessage.error(`大小不能超过 ${props.fileLimit}MB`);
+        return;
+      }
+      return true;
+    };
+    const handleItemUpload = (uploadItem, retry) => {
+      if (!uploadItem.file || !checkFile(uploadItem.file)) {
+        return;
+      }
+      if (!retry) {
+        images.value.push({ ...uploadItem });
+      }
+      const item = images.value.find((t) => t.key === uploadItem.key);
+      if (!item) {
+        return;
+      }
+      item.status = "uploading";
+      item.progress = 0;
+      debugger;
+      let formData = new FormData();
+      formData.append("code", getShortUuid());
+      formData.append("multipartFile", uploadItem.file, uploadItem.file.name);
+      http({
+        url: `/framework-api/core/framework-attachment/uploadAttachment`,
+        method: "post",
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        data: formData
+      }).then((res) => {
+        EleMessage.success(res.data.message);
+        item.progress = 100;
+        item.status = "done";
+        item.url = res.data.data.fullUrl;
+      }).catch((e) => {
+        item.status = "exception";
+        EleMessage.error(e.message);
+      });
+    };
+    const handleItemEditUpload = ({ item, newItem }) => {
+      if (!checkFile(newItem.file)) {
+        return;
+      }
+      const oldItem = images.value.find((t) => t.key === item.key);
+      if (oldItem) {
+        oldItem.url = void 0;
+        oldItem.name = newItem.name;
+        oldItem.file = newItem.file;
+        oldItem.progress = 0;
+        oldItem.status = void 0;
+        handleItemUpload(oldItem, true);
+      }
+    };
+    const handleItemRemove = (uploadItem) => {
+      let id = uploadItem.id;
+      ElMessageBox.confirm("确定要删除吗?", "系统提示", { type: "warning", draggable: true }).then(() => {
+        http.get(`${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/deleteInfo`, { params: { id } }).then((res) => {
+          EleMessage.success(res.data.message);
+          images.value.splice(images.value.indexOf(uploadItem), 1);
+        });
+      });
+    };
+    const handleItemClick = (item) => {
+      emit("itemClick", item);
+    };
+    const handleItemPreview = (item) => {
+      emit("preview", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_EleUploadList = resolveComponent("EleUploadList");
+      return openBlock(), createBlock(_component_EleUploadList, {
+        modelValue: images.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
+        readonly: _ctx.readonly,
+        disabled: _ctx.disabled,
+        preview: _ctx.preview,
+        limit: _ctx.limit,
+        multiple: _ctx.multiple,
+        drag: _ctx.drag,
+        accept: _ctx.accept,
+        itemStyle: _ctx.itemStyle,
+        buttonStyle: _ctx.buttonStyle,
+        sortable: _ctx.sortable,
+        imageProps: _ctx.imageProps,
+        progressProps: _ctx.progressProps,
+        previewProps: _ctx.previewProps,
+        tools: _ctx.tools,
+        listType: _ctx.listType,
+        beforeUploadClick: _ctx.beforeUploadClick,
+        beforeItemEdit: _ctx.beforeItemEdit,
+        locale: _ctx.locale,
+        onUpload: handleItemUpload,
+        onRetry: _cache[1] || (_cache[1] = (item) => handleItemUpload(item, true)),
+        onRemove: handleItemRemove,
+        onEditUpload: handleItemEditUpload,
+        onItemClick: handleItemClick,
+        onPreview: handleItemPreview
+      }, createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["modelValue", "readonly", "disabled", "preview", "limit", "multiple", "drag", "accept", "itemStyle", "buttonStyle", "sortable", "imageProps", "progressProps", "previewProps", "tools", "listType", "beforeUploadClick", "beforeItemEdit", "locale"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/yu-framework-attachment-file-upload/FileUpload/index.d.ts

@@ -0,0 +1,143 @@
+import { CSSProperties } from 'vue';
+import { ElProgressProps, ElImageProps } from '../../ele-app/el';
+import { EleImageViewerProps } from '../../ele-app/plus';
+import { ListType, BeforeUploadClick, BeforeItemEdit, UploadLocale } from '../../ele-upload-list/types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 绑定值 */
+    modelValue?: string;
+    /** 文件大小限制, 单位MB */
+    fileLimit?: number;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否支持点击预览 */
+    preview?: boolean;
+    /** 最大上传数量 */
+    limit?: number;
+    /** 是否支持多选文件 */
+    multiple?: boolean;
+    /** 是否启用拖拽上传 */
+    drag?: boolean;
+    /** 接受上传的文件类型 */
+    accept?: string;
+    /** 自定义样式 */
+    itemStyle?: CSSProperties;
+    /** 自定义上传按钮样式 */
+    buttonStyle?: CSSProperties;
+    /** 是否开启拖拽排序 */
+    sortable?: boolean | Record<keyof any, any>;
+    /** 自定义图片属性 */
+    imageProps?: ElImageProps;
+    /** 自定义进度条属性 */
+    progressProps?: ElProgressProps;
+    /** 自定义图片预览属性 */
+    previewProps?: EleImageViewerProps;
+    /** 是否开启底部预览和修改的操作按钮 */
+    tools?: boolean;
+    /** 列表显示样式 */
+    listType?: ListType;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick?: BeforeUploadClick;
+    /** 修改按钮点击前的钩子 */
+    beforeItemEdit?: BeforeItemEdit;
+    /** 国际化 */
+    locale?: Partial<UploadLocale>;
+}>, {
+    fileLimit: number;
+    preview: boolean;
+    drag: boolean;
+    accept: string;
+    sortable: () => {
+        forceFallback: boolean;
+    };
+    tools: boolean;
+    listType: string;
+}>>, {
+    clearData: () => void;
+    isDone: () => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value?: string | undefined) => void;
+    change: (value?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 绑定值 */
+    modelValue?: string;
+    /** 文件大小限制, 单位MB */
+    fileLimit?: number;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否支持点击预览 */
+    preview?: boolean;
+    /** 最大上传数量 */
+    limit?: number;
+    /** 是否支持多选文件 */
+    multiple?: boolean;
+    /** 是否启用拖拽上传 */
+    drag?: boolean;
+    /** 接受上传的文件类型 */
+    accept?: string;
+    /** 自定义样式 */
+    itemStyle?: CSSProperties;
+    /** 自定义上传按钮样式 */
+    buttonStyle?: CSSProperties;
+    /** 是否开启拖拽排序 */
+    sortable?: boolean | Record<keyof any, any>;
+    /** 自定义图片属性 */
+    imageProps?: ElImageProps;
+    /** 自定义进度条属性 */
+    progressProps?: ElProgressProps;
+    /** 自定义图片预览属性 */
+    previewProps?: EleImageViewerProps;
+    /** 是否开启底部预览和修改的操作按钮 */
+    tools?: boolean;
+    /** 列表显示样式 */
+    listType?: ListType;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick?: BeforeUploadClick;
+    /** 修改按钮点击前的钩子 */
+    beforeItemEdit?: BeforeItemEdit;
+    /** 国际化 */
+    locale?: Partial<UploadLocale>;
+}>, {
+    fileLimit: number;
+    preview: boolean;
+    drag: boolean;
+    accept: string;
+    sortable: () => {
+        forceFallback: boolean;
+    };
+    tools: boolean;
+    listType: string;
+}>>> & Readonly<{
+    onChange?: ((value?: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    sortable: boolean | Record<keyof any, any>;
+    drag: boolean;
+    preview: boolean;
+    accept: string;
+    tools: boolean;
+    listType: ListType;
+    fileLimit: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};