pro-design-vue 0.0.1-beta.1

package/lib/components/form/src/fields/FieldUploadDragger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldUploadDragger.js","sources":["../../../../../../../packages/components/form/src/fields/FieldUploadDragger.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-10 14:34:03\n * @LastEditors: shen\n * @LastEditTime: 2025-07-27 09:52:48\n * @Description:\n */\nimport { computed, defineComponent } from 'vue'\nimport { Upload, theme } from 'ant-design-vue'\nimport { InboxOutlined } from '@ant-design/icons-vue'\nimport { useInjectForm } from '../context/FormContext'\nimport { useInjectSlots } from '../context/FormSlotsContext'\nimport { commonFieldProps } from '../props'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport { isFunction, RenderVNode } from '@pro-design-vue/utils'\nimport getSlot from '../utils/getSlot'\nconst SLOT_NAMES = ['downloadIcon', 'itemRender', 'previewIcon', 'removeIcon']\n\nexport default defineComponent({\n  name: 'FieldUploadDragger',\n  props: {\n    ...commonFieldProps(),\n    iconRender: {\n      type: String,\n      default: '',\n    },\n    downloadIcon: {\n      type: String,\n      default: '',\n    },\n    itemRender: {\n      type: String,\n      default: '',\n    },\n    previewIcon: {\n      type: String,\n      default: '',\n    },\n    removeIcon: {\n      type: String,\n      default: '',\n    },\n    title: {\n      type: String,\n    },\n    description: {\n      type: String,\n    },\n    name: {\n      type: String,\n      default: 'file',\n    },\n    max: {\n      type: Number,\n      default: undefined,\n    },\n    disabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    buttonProps: {\n      type: Object,\n      default: undefined,\n    },\n    fileList: {\n      type: Array,\n      default: undefined,\n    },\n  },\n  setup(props, { attrs }) {\n    const { token } = theme.useToken()\n    const { prefixCls } = useInjectForm()\n    const intl = useIntl()\n    const formSlotsContext = useInjectSlots()\n    const value = computed(() => {\n      return props.fileList ?? props.value\n    })\n    const baseClassName = computed(() => `${prefixCls}-upload`)\n    const showUploadButton = computed(\n      () => props.max === undefined || !value.value || value.value?.length < props.max,\n    )\n    const slotsGetter = computed(() => {\n      const temp = {}\n      SLOT_NAMES.forEach((name) => {\n        const slot = getSlot(props[name], formSlotsContext)\n        if (slot) {\n          temp[name] = () => <RenderVNode vnode={slot} />\n        }\n      })\n      return temp\n    })\n\n    const icon = computed(() => {\n      const render = getSlot(props.iconRender, formSlotsContext)\n      if (isFunction(render)) {\n        return <RenderVNode vnode={render} />\n      }\n      return <InboxOutlined />\n    })\n\n    const title = computed(() => {\n      const render = getSlot(props.title, formSlotsContext)\n      if (isFunction(render)) {\n        return <RenderVNode vnode={render} />\n      }\n      return props.title || intl.getMessage('upload.dragger.text', '单击或拖动文件到此区域进行上传')\n    })\n\n    const description = computed(() => {\n      const render = getSlot(props.description, formSlotsContext)\n      if (isFunction(render)) {\n        return <RenderVNode vnode={render} />\n      }\n      return props.description || intl.getMessage('upload.dragger.hint', '支持单次或批量上传')\n    })\n\n    const onChange = (info) => {\n      props.onChange?.(info.fileList, info)\n    }\n\n    return () => (\n      <Upload.Dragger\n        fileList={value.value}\n        {...attrs}\n        name={props.name}\n        style={{\n          ...(attrs as any)?.style,\n          display: !showUploadButton.value ? 'none' : undefined,\n        }}\n        v-slots={slotsGetter.value}\n        onChange={onChange}\n      >\n        <p class={`${baseClassName.value}-drag-icon`} style={{ color: token.value.colorPrimary }}>\n          {icon.value}\n        </p>\n        <p class={`${baseClassName.value}-text`}>{title.value}</p>\n        <p class={`${baseClassName.value}-hint`}>{description.value}</p>\n      </Upload.Dragger>\n    )\n  },\n})\n"],"names":["SLOT_NAMES","name","props","commonFieldProps","iconRender","type","String","default","downloadIcon","itemRender","previewIcon","removeIcon","title","description","max","Number","undefined","disabled","Boolean","buttonProps","Object","fileList","Array","setup","attrs","token","theme","useToken","prefixCls","useInjectForm","intl","useIntl","formSlotsContext","useInjectSlots","value","computed","baseClassName","showUploadButton","length","slotsGetter","temp","forEach","slot","getSlot","_createVNode","RenderVNode","icon","render","isFunction","InboxOutlined","getMessage","onChange","info","Upload","Dragger","_mergeProps","style","display","color","colorPrimary"],"mappings":"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"}

package/lib/components/form/src/fields/FieldUploadPicture.d.ts

@@ -0,0 +1,194 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isCropper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cropperModalTitle: {
+        type: StringConstructor;
+    };
+    cropperModalWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customRequest: FunctionConstructor;
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    isCropper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cropperModalTitle: {
+        type: StringConstructor;
+    };
+    cropperModalWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    customRequest: FunctionConstructor;
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>> & Readonly<{}>, {
+    width: number;
+    disabled: boolean;
+    name: string;
+    cropperWidth: number;
+    cropperHeight: number;
+    cropperProps: Record<string, any>;
+    height: number;
+    options: (string | number | import("pro-design-vue").RequestOptionsType)[] | ((formData: import("pro-design-vue").Entity, rowData?: import("pro-design-vue").Entity) => (string | number | import("pro-design-vue").RequestOptionsType)[]) | undefined;
+    readonlyProps: import("pro-design-vue").ReadonlyProps | undefined;
+    params: Record<string, any> | ((record: import("pro-design-vue").Entity) => Record<string, any>) | undefined;
+    request: import("pro-design-vue").FieldRequestData<any> | undefined;
+    readonly: boolean;
+    valueEnum: import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap | ((formData: import("pro-design-vue").Entity) => import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap) | undefined;
+    dependencies: import("pro-design-vue").NamePath[] | undefined;
+    allowClear: boolean;
+    showTitle: boolean;
+    isCropper: boolean;
+    cropperModalWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/form/src/fields/FieldUploadPicture.js

@@ -0,0 +1,276 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var Icon = require('@ant-design/icons-vue');
+var index = require('../../../modal/index.js');
+var props = require('../props.js');
+var FormContext = require('../context/FormContext.js');
+var index$1 = require('../../../cropper/index.js');
+var useIntl = require('../../../config-provider/src/useIntl.js');
+var omit = require('../../../../utils/omit.js');
+
+const defaultCropperProps = {
+  aspectRatio: 1,
+  cropBoxMovable: false,
+  cropBoxResizable: false,
+  dragMode: "move",
+  viewMode: 1
+};
+var FieldUploadPicture = /* @__PURE__ */ vue.defineComponent({
+  name: "FieldUploadPicture",
+  inheritAttrs: false,
+  props: {
+    ...props.commonFieldProps(),
+    title: {
+      type: String
+    },
+    showTitle: {
+      type: Boolean,
+      default: void 0
+    },
+    name: {
+      type: String,
+      default: "file"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    allowClear: {
+      type: Boolean,
+      default: void 0
+    },
+    isCropper: {
+      type: Boolean,
+      default: true
+    },
+    cropperModalTitle: {
+      type: String
+    },
+    cropperModalWidth: {
+      type: Number,
+      default: 520
+    },
+    cropperWidth: {
+      type: Number,
+      default: 100
+    },
+    cropperHeight: {
+      type: Number,
+      default: 100
+    },
+    cropperProps: {
+      type: Object,
+      default: () => ({})
+    },
+    width: {
+      type: Number,
+      default: 50
+    },
+    height: {
+      type: Number,
+      default: 50
+    },
+    customRequest: Function
+  },
+  setup(props, {
+    attrs
+  }) {
+    const open = vue.ref(false);
+    const loading = vue.ref(false);
+    const imgSrc = vue.ref("");
+    const originFile = vue.ref();
+    const cropperRef = vue.ref();
+    const intl = useIntl.useIntl();
+    const {
+      prefixCls,
+      disabled
+    } = FormContext.useInjectForm();
+    const formItemContext = antDesignVue.Form.useInjectFormItemContext();
+    const mergeCropperProps = vue.computed(() => ({
+      ...defaultCropperProps,
+      ...props.cropperProps
+    }));
+    const beforeUpload = async (file, fileList) => {
+      var _a;
+      const custom = await ((_a = attrs == null ? void 0 : attrs.beforeUpload) == null ? void 0 : _a.call(attrs, file, fileList));
+      if (props.isCropper) {
+        const isImage = file.type.indexOf("image") >= 0;
+        if (!isImage) {
+          antDesignVue.message.error(`${file.name} ${intl.getMessage("upload.picture.required", "\u5FC5\u987B\u662F\u56FE\u7247")}`);
+        }
+        return isImage || antDesignVue.Upload.LIST_IGNORE;
+      }
+      return custom;
+    };
+    const dataURLtoFile = (dataurl) => {
+      var _a, _b;
+      const arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]);
+      let n = bstr.length;
+      const u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], (_b = (_a = originFile.value) == null ? void 0 : _a.name) != null ? _b : "", {
+        type: mime
+      });
+    };
+    const customRequest = async ({
+      file
+    }) => {
+      var _a;
+      const formData = new FormData();
+      formData.append(props.name, file);
+      loading.value = true;
+      try {
+        if (props.customRequest) {
+          const {
+            url
+          } = await props.customRequest(formData);
+          if (url) {
+            (_a = props.onChange) == null ? void 0 : _a.call(props, url);
+            formItemContext.onFieldChange();
+          }
+        }
+      } catch (error) {
+        console.log("\u{1F680} ~ customRequest ~ error:", error);
+      }
+      loading.value = false;
+    };
+    const uploadProps = vue.computed(() => {
+      const newProps = omit.omit(attrs, ["beforeUpload"]);
+      if (props.isCropper) {
+        newProps.customRequest = function() {
+        };
+      } else {
+        if (props.customRequest) {
+          newProps.customRequest = customRequest;
+        }
+      }
+      return newProps;
+    });
+    const onUploadChange = (info) => {
+      originFile.value = info.file.originFileObj;
+      if (props.isCropper) {
+        const reader = new FileReader();
+        reader.onload = function(e) {
+          open.value = true;
+          imgSrc.value = e.target.result;
+        };
+        reader.readAsDataURL(info.file.originFileObj);
+      }
+    };
+    const onConfirm = () => {
+      var _a, _b;
+      const base64 = (_a = cropperRef.value) == null ? void 0 : _a.getCroppedCanvas(originFile.value, {
+        width: props.cropperWidth,
+        height: props.cropperHeight
+      });
+      if (base64) {
+        const file = dataURLtoFile(base64);
+        open.value = false;
+        if (props.customRequest) {
+          customRequest({
+            file
+          });
+        } else {
+          (_b = props.onChange) == null ? void 0 : _b.call(props, base64, file);
+          formItemContext.onFieldChange();
+        }
+      }
+    };
+    const onClear = (e) => {
+      var _a;
+      e.stopPropagation();
+      (_a = props.onChange) == null ? void 0 : _a.call(props, "");
+      formItemContext.onFieldChange();
+    };
+    return () => {
+      if (props.readonly) {
+        return vue.createVNode("div", {
+          "class": `${prefixCls}-upload-picture`,
+          "style": {
+            width: props.width + "px",
+            height: props.height + "px",
+            display: "block"
+          }
+        }, [vue.createVNode("div", {
+          "class": `${prefixCls}-upload-picture-button`,
+          "style": {
+            width: props.width + "px",
+            height: props.height + "px",
+            cursor: "auto"
+          }
+        }, [props.value ? vue.createVNode("div", {
+          "style": `width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("${props.value}");`
+        }, null) : vue.createVNode("div", {
+          "class": `${prefixCls}-upload-picture-button-empty`
+        }, null)])]);
+      }
+      return vue.createVNode(antDesignVue.FormItemRest, null, {
+        default: () => [vue.createVNode(antDesignVue.Upload, vue.mergeProps(uploadProps.value, {
+          "before-upload": beforeUpload,
+          "show-upload-list": false,
+          "name": props.name,
+          "multiple": false,
+          "class": `${prefixCls}-upload-picture`,
+          "style": {
+            width: props.width + "px",
+            height: props.height + "px",
+            display: "block"
+          },
+          "onChange": onUploadChange
+        }), {
+          default: () => [vue.createVNode(antDesignVue.Spin, {
+            "spinning": loading.value,
+            "indicator": vue.createVNode(Icon.LoadingOutlined, null, null),
+            "delay": 300
+          }, {
+            default: () => {
+              var _a, _b, _c;
+              return [vue.createVNode("div", {
+                "class": `${prefixCls}-upload-picture-button`,
+                "style": {
+                  width: props.width + "px",
+                  height: props.height + "px",
+                  cursor: !((_a = props.disabled) != null ? _a : disabled == null ? void 0 : disabled.value) ? "pointer" : "not-allowed"
+                }
+              }, [props.value ? vue.createVNode("div", {
+                "style": `width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("${props.value}");`
+              }, null) : vue.createVNode("div", {
+                "class": `${prefixCls}-upload-picture-button-empty`
+              }, [vue.createVNode(Icon.PlusOutlined, null, null)]), props.showTitle && !((_b = props.disabled) != null ? _b : disabled == null ? void 0 : disabled.value) && vue.createVNode("div", {
+                "class": `${prefixCls}-upload-picture-button-mask`
+              }, [props.title || intl.getMessage("upload.picture.title", "\u4FEE\u6539\u56FE\u7247")]), props.allowClear && props.value && !((_c = props.disabled) != null ? _c : disabled == null ? void 0 : disabled.value) && vue.createVNode("div", {
+                "class": `${prefixCls}-upload-picture-button-clear`,
+                "onClick": onClear
+              }, [vue.createVNode(Icon.CloseOutlined, null, null)])])];
+            }
+          })]
+        }), props.isCropper && vue.createVNode(index.ProModal, {
+          "open": open.value,
+          "onUpdate:open": ($event) => open.value = $event,
+          "width": props.cropperModalWidth,
+          "title": props.cropperModalTitle || intl.getMessage("upload.picture.cropperModalTitle", "\u88C1\u526A\u56FE\u7247"),
+          "destroy-on-close": true,
+          "show-fullscreen": false,
+          "onOk": onConfirm
+        }, {
+          default: () => [vue.createVNode(index$1.ProCropper, {
+            "ref": cropperRef,
+            "img-src": imgSrc.value,
+            "cropper-props": mergeCropperProps.value,
+            "cropper-width": props.cropperWidth,
+            "cropper-height": props.cropperHeight
+          }, null)]
+        })]
+      });
+    };
+  }
+});
+
+exports.default = FieldUploadPicture;
+//# sourceMappingURL=FieldUploadPicture.js.map

package/lib/components/form/src/fields/FieldUploadPicture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldUploadPicture.js","sources":["../../../../../../../packages/components/form/src/fields/FieldUploadPicture.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-10 14:34:03\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 11:22:38\n * @Description:\n */\nimport type { PropType } from 'vue'\nimport type { UploadProps, UploadChangeParam } from 'ant-design-vue'\nimport type { ProCropperInstance } from '../../../cropper'\nimport { computed, defineComponent, ref } from 'vue'\nimport { Upload, Spin, message, FormItemRest, Form } from 'ant-design-vue'\nimport { CloseOutlined, LoadingOutlined, PlusOutlined } from '@ant-design/icons-vue'\nimport { ProModal } from '@pro-design-vue/components/modal'\nimport { commonFieldProps } from '../props'\nimport { useInjectForm } from '../context/FormContext'\nimport { ProCropper } from '../../../cropper'\nimport { omit } from '@pro-design-vue/utils'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\n\nconst defaultCropperProps = {\n  aspectRatio: 1,\n  cropBoxMovable: false,\n  cropBoxResizable: false,\n  dragMode: 'move',\n  viewMode: 1,\n}\n\nexport default defineComponent({\n  name: 'FieldUploadPicture',\n  inheritAttrs: false,\n  props: {\n    ...commonFieldProps(),\n    title: {\n      type: String,\n    },\n    showTitle: {\n      type: Boolean,\n      default: undefined,\n    },\n    name: {\n      type: String,\n      default: 'file',\n    },\n    disabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    allowClear: {\n      type: Boolean,\n      default: undefined,\n    },\n    isCropper: {\n      type: Boolean,\n      default: true,\n    },\n    cropperModalTitle: {\n      type: String,\n    },\n    cropperModalWidth: {\n      type: Number,\n      default: 520,\n    },\n    cropperWidth: {\n      type: Number,\n      default: 100,\n    },\n    cropperHeight: {\n      type: Number,\n      default: 100,\n    },\n    cropperProps: {\n      type: Object as PropType<Record<string, any>>,\n      default: () => ({}),\n    },\n    width: {\n      type: Number,\n      default: 50,\n    },\n    height: {\n      type: Number,\n      default: 50,\n    },\n    customRequest: Function,\n  },\n  setup(props, { attrs }) {\n    const open = ref(false)\n    const loading = ref(false)\n    const imgSrc = ref('')\n    const originFile = ref<File>()\n    const cropperRef = ref<ProCropperInstance>()\n    const intl = useIntl()\n    const { prefixCls, disabled } = useInjectForm()\n    const formItemContext = Form.useInjectFormItemContext()\n\n    const mergeCropperProps = computed(() => ({ ...defaultCropperProps, ...props.cropperProps }))\n\n    const beforeUpload: UploadProps['beforeUpload'] = async (file, fileList) => {\n      const custom = await (attrs as any)?.beforeUpload?.(file, fileList)\n\n      if (props.isCropper) {\n        const isImage = file.type.indexOf('image') >= 0\n        if (!isImage) {\n          message.error(`${file.name} ${intl.getMessage('upload.picture.required', '必须是图片')}`)\n        }\n        return isImage || Upload.LIST_IGNORE\n      }\n\n      return custom\n    }\n\n    const dataURLtoFile = (dataurl: any) => {\n      const arr = dataurl.split(','),\n        mime = arr[0].match(/:(.*?);/)[1],\n        bstr = atob(arr[1])\n      let n = bstr.length\n      const u8arr = new Uint8Array(n)\n      while (n--) {\n        u8arr[n] = bstr.charCodeAt(n)\n      }\n      return new File([u8arr], originFile.value?.name ?? '', { type: mime })\n    }\n\n    const customRequest = async ({ file }) => {\n      const formData = new FormData()\n      formData.append(props.name, file)\n      loading.value = true\n      try {\n        if (props.customRequest) {\n          const { url } = await props.customRequest(formData)\n          if (url) {\n            props.onChange?.(url)\n            formItemContext.onFieldChange()\n          }\n        }\n      } catch (error) {\n        console.log('🚀 ~ customRequest ~ error:', error)\n      }\n      loading.value = false\n    }\n\n    const uploadProps = computed(() => {\n      const newProps = omit(attrs, ['beforeUpload'])\n      if (props.isCropper) {\n        newProps.customRequest = function () {}\n      } else {\n        if (props.customRequest) {\n          newProps.customRequest = customRequest\n        }\n      }\n      return newProps\n    })\n\n    const onUploadChange = (info: UploadChangeParam) => {\n      originFile.value = info.file.originFileObj!\n      if (props.isCropper) {\n        const reader = new FileReader()\n        reader.onload = function (e: any) {\n          open.value = true\n          imgSrc.value = e.target.result\n        }\n        reader.readAsDataURL(info.file.originFileObj!)\n      }\n    }\n\n    const onConfirm = () => {\n      const base64 = cropperRef.value?.getCroppedCanvas(originFile.value!, {\n        width: props.cropperWidth,\n        height: props.cropperHeight,\n      })\n      if (base64) {\n        const file = dataURLtoFile(base64)\n        open.value = false\n        if (props.customRequest) {\n          customRequest({ file } as any)\n        } else {\n          props.onChange?.(base64, file)\n          formItemContext.onFieldChange()\n        }\n      }\n    }\n\n    const onClear = (e: MouseEvent) => {\n      e.stopPropagation()\n      props.onChange?.('')\n      formItemContext.onFieldChange()\n    }\n\n    return () => {\n      if (props.readonly) {\n        return (\n          <div\n            class={`${prefixCls}-upload-picture`}\n            style={{ width: props.width + 'px', height: props.height + 'px', display: 'block' }}\n          >\n            <div\n              class={`${prefixCls}-upload-picture-button`}\n              style={{\n                width: props.width + 'px',\n                height: props.height + 'px',\n                cursor: 'auto',\n              }}\n            >\n              {props.value ? (\n                <div\n                  style={`width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(\"${props.value}\");`}\n                ></div>\n              ) : (\n                <div class={`${prefixCls}-upload-picture-button-empty`}></div>\n              )}\n            </div>\n          </div>\n        )\n      }\n      return (\n        <FormItemRest>\n          <Upload\n            {...uploadProps.value}\n            before-upload={beforeUpload}\n            show-upload-list={false}\n            name={props.name}\n            multiple={false}\n            class={`${prefixCls}-upload-picture`}\n            style={{ width: props.width + 'px', height: props.height + 'px', display: 'block' }}\n            onChange={onUploadChange}\n          >\n            <Spin spinning={loading.value} indicator={<LoadingOutlined />} delay={300}>\n              <div\n                class={`${prefixCls}-upload-picture-button`}\n                style={{\n                  width: props.width + 'px',\n                  height: props.height + 'px',\n                  cursor: !(props.disabled ?? disabled?.value) ? 'pointer' : 'not-allowed',\n                }}\n              >\n                {props.value ? (\n                  <div\n                    style={`width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(\"${props.value}\");`}\n                  ></div>\n                ) : (\n                  <div class={`${prefixCls}-upload-picture-button-empty`}>\n                    <PlusOutlined />\n                  </div>\n                )}\n                {props.showTitle && !(props.disabled ?? disabled?.value) && (\n                  <div class={`${prefixCls}-upload-picture-button-mask`}>\n                    {props.title || intl.getMessage('upload.picture.title', '修改图片')}\n                  </div>\n                )}\n                {props.allowClear && props.value && !(props.disabled ?? disabled?.value) && (\n                  <div class={`${prefixCls}-upload-picture-button-clear`} onClick={onClear}>\n                    <CloseOutlined />\n                  </div>\n                )}\n              </div>\n            </Spin>\n          </Upload>\n          {props.isCropper && (\n            <ProModal\n              v-model:open={open.value}\n              width={props.cropperModalWidth}\n              title={\n                props.cropperModalTitle ||\n                intl.getMessage('upload.picture.cropperModalTitle', '裁剪图片')\n              }\n              destroy-on-close\n              show-fullscreen={false}\n              onOk={onConfirm}\n            >\n              <ProCropper\n                ref={cropperRef}\n                img-src={imgSrc.value}\n                cropper-props={mergeCropperProps.value}\n                cropper-width={props.cropperWidth}\n                cropper-height={props.cropperHeight}\n              />\n            </ProModal>\n          )}\n        </FormItemRest>\n      )\n    }\n  },\n})\n"],"names":["defaultCropperProps","aspectRatio","cropBoxMovable","cropBoxResizable","dragMode","viewMode","name","inheritAttrs","props","commonFieldProps","title","type","String","showTitle","Boolean","default","undefined","disabled","allowClear","isCropper","cropperModalTitle","cropperModalWidth","Number","cropperWidth","cropperHeight","cropperProps","Object","width","height","customRequest","Function","setup","attrs","open","ref","loading","imgSrc","originFile","cropperRef","intl","useIntl","prefixCls","useInjectForm","formItemContext","Form","useInjectFormItemContext","mergeCropperProps","computed","beforeUpload","file","fileList","custom","isImage","indexOf","message","error","getMessage","Upload","LIST_IGNORE","dataURLtoFile","dataurl","arr","split","mime","match","bstr","atob","n","length","u8arr","Uint8Array","charCodeAt","File","value","formData","FormData","append","url","onChange","onFieldChange","console","log","uploadProps","newProps","omit","onUploadChange","info","originFileObj","reader","FileReader","onload","e","target","result","readAsDataURL","onConfirm","base64","getCroppedCanvas","onClear","stopPropagation","readonly","_createVNode","display","cursor","FormItemRest","_mergeProps","Spin","LoadingOutlined","PlusOutlined","CloseOutlined","ProModal","$event","ProCropper"],"mappings":"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"}

package/lib/components/form/src/fields/FieldUploadPictureList.d.ts

@@ -0,0 +1,134 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    crossOrigin: {
+        type: PropType<"anonymous" | "use-credentials">;
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    customRequest: FunctionConstructor;
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    crossOrigin: {
+        type: PropType<"anonymous" | "use-credentials">;
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    customRequest: FunctionConstructor;
+    value: {
+        type: PropType<any>;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonlyProps: {
+        type: PropType<import("pro-design-vue").ProFormItemType["readonlyProps"]>;
+        default: undefined;
+    };
+    valueEnum: {
+        type: PropType<import("pro-design-vue").ProFormItemType["valueEnum"]>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<import("pro-design-vue").ProFormItemType["options"]>;
+        default: undefined;
+    };
+    request: {
+        type: PropType<import("pro-design-vue").ProFormItemType["request"]>;
+        default: undefined;
+    };
+    params: {
+        type: PropType<import("pro-design-vue").ProFormItemType["params"]>;
+        default: undefined;
+    };
+    dependencies: {
+        type: PropType<import("pro-design-vue").ProFormItemType["dependencies"]>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<import("pro-design-vue").ProFormItemType["onChange"]>;
+    };
+}>> & Readonly<{}>, {
+    width: number;
+    disabled: boolean;
+    name: string;
+    height: number;
+    options: (string | number | import("pro-design-vue").RequestOptionsType)[] | ((formData: import("pro-design-vue").Entity, rowData?: import("pro-design-vue").Entity) => (string | number | import("pro-design-vue").RequestOptionsType)[]) | undefined;
+    readonlyProps: import("pro-design-vue").ReadonlyProps | undefined;
+    params: Record<string, any> | ((record: import("pro-design-vue").Entity) => Record<string, any>) | undefined;
+    request: import("pro-design-vue").FieldRequestData<any> | undefined;
+    readonly: boolean;
+    valueEnum: import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap | ((formData: import("pro-design-vue").Entity) => import("pro-design-vue").ProValueEnumObj | import("pro-design-vue").ProValueEnumMap) | undefined;
+    dependencies: import("pro-design-vue").NamePath[] | undefined;
+    crossOrigin: "anonymous" | "use-credentials";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;