yuang-framework-ui-pc 1.1.45 → 1.1.46

package/lib/utils/validate.d.ts

@@ -0,0 +1,182 @@
+/** 格式校验工具 */
+/**
+ * 手机号正则表达式
+ */
+export declare const phoneReg: RegExp;
+/**
+ * 手机号正则表达式(强校验)
+ */
+export declare const phoneStrongReg: RegExp;
+/**
+ * 固话正则表达式
+ */
+export declare const telReg: RegExp;
+/**
+ * 邮箱正则表达式
+ */
+export declare const emailReg: RegExp;
+/**
+ * 网址正则表达式
+ */
+export declare const urlReg: RegExp;
+/**
+ * 身份证正则表达式
+ */
+export declare const identityReg: RegExp;
+/**
+ * 日期正则表达式
+ */
+export declare const dateReg: RegExp;
+/**
+ * 数字正则表达式
+ */
+export declare const numberReg: RegExp;
+/**
+ * 整数正则表达式
+ */
+export declare const integerReg: RegExp;
+/**
+ * 正整数正则表达式
+ */
+export declare const positiveIntegerReg: RegExp;
+/**
+ * 负整数正则表达式
+ */
+export declare const negativeIntegerReg: RegExp;
+/**
+ * 非负整数(正整数或0)正则表达式
+ */
+export declare const nonNegativeIntegerReg: RegExp;
+/**
+ * 非正整数(负整数或0)正则表达式
+ */
+export declare const nonPositiveIntegerReg: RegExp;
+/**
+ * 中文正则表达式
+ */
+export declare const chineseReg: RegExp;
+/**
+ * 端口号正则表达式
+ */
+export declare const portReg: RegExp;
+/**
+ * IP 正则表达式
+ */
+export declare const ipReg: RegExp;
+/**
+ * 经度正则表达式, -180.0 ~ +180.0(整数部分为 0 ~ 180 , 必须输入 1 到 5 位小数)
+ */
+export declare const longitudeReg: RegExp;
+/**
+ * 纬度正则表达式, -90.0 ~ +90.0(整数部分为 0 ~ 90, 必须输入 1 到 5 位小数)
+ */
+export declare const latitudeReg: RegExp;
+/**
+ * 是否是手机号
+ * @param value
+ */
+export declare function isPhone(value: string): boolean;
+/**
+ * 是否是手机号(强校验)
+ * @param value
+ */
+export declare function isPhoneStrong(value: string): boolean;
+/**
+ * 是否为固话
+ * @param value
+ */
+export declare function isTel(value: string): boolean;
+/**
+ * 是否是邮箱
+ * @param value
+ */
+export declare function isEmail(value: string): boolean;
+/**
+ * 是否是网址
+ * @param value
+ */
+export declare function isUrl(value: string): boolean;
+/**
+ * 是否是身份证
+ * @param value
+ */
+export declare function isIdentity(value: string): boolean;
+/**
+ * 是否是日期
+ * @param value
+ */
+export declare function isDate(value: string): boolean;
+/**
+ * 是否是数字
+ * @param value
+ */
+export declare function isNumber(value: string): boolean;
+/**
+ * 是否是整数
+ * @param value
+ */
+export declare function isInteger(value: string): boolean;
+/**
+ * 是否是正整数
+ * @param value
+ */
+export declare function isPositiveInteger(value: string): boolean;
+/**
+ * 是否是负整数
+ * @param value
+ */
+export declare function isNegativeInteger(value: string): boolean;
+/**
+ * 是否是非负整数(正整数或 0)
+ * @param value
+ */
+export declare function isNonNegativeInteger(value: string): boolean;
+/**
+ * 是否是非正整数(负整数或 0)
+ * @param value
+ */
+export declare function isNonPositiveInteger(value: string): boolean;
+/**
+ * 是否是中文
+ * @param value
+ */
+export declare function isChinese(value: string): boolean;
+/**
+ * 是否是端口号
+ * @param value
+ */
+export declare function isPort(value: string): boolean;
+/**
+ * 是否是 IP
+ * @param value
+ */
+export declare function isIP(value: string): boolean;
+/**
+ * 是否是经度, -180.0 ~ +180.0(整数部分为 0 ~ 180 , 必须输入 1 到 5 位小数)
+ * @param value
+ */
+export declare function isLongitude(value: string): boolean;
+/**
+ * 是否是纬度, -90.0 ~ +90.0(整数部分为 0 ~ 90 , 必须输入 1 到 5 位小数)
+ * @param value
+ */
+export declare function isLatitude(value: string): boolean;
+/**
+ * 验证最小长度, 最大长度
+ * @param value
+ * @param minLength
+ * @param maxLength
+ */
+export declare function maxMinLength(value: string, minLength?: number, maxLength?: number): boolean;
+/**
+ * 验证最小值, 最大值
+ * @param value
+ * @param min
+ * @param max
+ */
+export declare function maxMin(value: number, min?: number, max?: number): boolean;
+/**
+ * 是否是身份证(强校验)
+ * @param value
+ */
+export declare function isIdentityStrong(value: string): string | null | undefined;

package/lib/yu-framework-attachment-file-upload/CommonUpload/index.cjs

@@ -0,0 +1,172 @@
+"use strict";
+const vue = require("vue");
+const message = require("../../utils/message");
+const es = require("element-plus/es");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const uuidUtils = require("yuang-framework-ui-common/lib/utils/uuidUtils");
+const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CommonUpload" },
+  __name: "index",
+  props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["itemClick", "preview"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const images = vue.useModel(__props, "modelValue");
+    const checkFile = (file) => {
+      if (!file) {
+        return;
+      }
+      if (props.accept === "image/*") {
+        if (!file.type.startsWith("image")) {
+          message.EleMessage.error("只能选择图片");
+          return;
+        }
+      } else if (props.accept === ".xls,.xlsx") {
+        if (![
+          "application/vnd.ms-excel",
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+        ].includes(file.type)) {
+          message.EleMessage.error("只能选择 excel 文件");
+          return;
+        }
+      }
+      if (props.fileLimit && file.size / 1024 / 1024 > props.fileLimit) {
+        message.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", uuidUtils.getShortUuid());
+      formData.append("multipartFile", uploadItem.file, uploadItem.file.name);
+      httpConfig.http({
+        url: `/framework-api/core/framework-attachment/uploadAttachment`,
+        method: "post",
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        data: formData
+      }).then((res) => {
+        message.EleMessage.success(res.data.message);
+        item.progress = 100;
+        item.status = "done";
+        item.url = res.data.data.fullUrl;
+      }).catch((e) => {
+        item.status = "exception";
+        message.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;
+      es.ElMessageBox.confirm("确定要删除吗?", "系统提示", { type: "warning", draggable: true }).then(() => {
+        httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/deleteInfo`, { params: { id } }).then((res) => {
+          message.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 = vue.resolveComponent("EleUploadList");
+      return vue.openBlock(), vue.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
+      }, vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["modelValue", "readonly", "disabled", "preview", "limit", "multiple", "drag", "accept", "itemStyle", "buttonStyle", "sortable", "imageProps", "progressProps", "previewProps", "tools", "listType", "beforeUploadClick", "beforeItemEdit", "locale"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/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;
+    };
+};