@silver-formily/element-plus 3.0.0 → 3.0.2

package/esm/upload/index.mjs

@@ -1,12 +1,14 @@
-import { useField as D, connect as N, mapProps as j } from "@silver-formily/vue";
-import { defineComponent as O, ref as f, useAttrs as z, computed as w, onBeforeUnmount as T, openBlock as a, createElementBlock as v, Fragment as y, createVNode as p, unref as r, mergeProps as x, createSlots as q, withCtx as s, renderSlot as m, createElementVNode as P, toDisplayString as C, createBlock as h, createCommentVNode as G } from "vue";
-import { UploadFilled as H, Plus as J, Upload as K } from "@element-plus/icons-vue";
-import { reaction as M } from "@formily/reactive";
+import { useField as b, connect as D, mapProps as N } from "@silver-formily/vue";
+import { defineComponent as j, ref as f, useAttrs as O, computed as w, openBlock as a, createElementBlock as v, Fragment as y, createVNode as p, unref as r, mergeProps as x, createSlots as z, withCtx as s, renderSlot as m, createElementVNode as P, toDisplayString as C, createBlock as h, createCommentVNode as T } from "vue";
+import { UploadFilled as W, Plus as q, Upload as G } from "@element-plus/icons-vue";
 import { isFn as c } from "@formily/shared";
-import { ElUpload as Q, ElIcon as W, ElButton as X, ElImageViewer as Y, genFileId as Z } from "element-plus";
-import { o as ee } from "../vendor/lodash.mjs";
-import { hasSlotContent as te } from "../__builtins__/shared/utils.mjs";
-const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" } }, ne = /* @__PURE__ */ O({
+import { reactionWatch as H } from "@silver-formily/reactive-vue";
+import { ElUpload as J, ElIcon as K, ElButton as M, ElImageViewer as Q, genFileId as X } from "element-plus";
+import "@vueuse/core";
+import "@formily/core";
+import { hasSlotContent as Y } from "../__builtins__/shared/utils.mjs";
+import { o as Z } from "../vendor/lodash.mjs";
+const ee = { class: "el-upload__text" }, te = { style: { "margin-left": "6px" } }, oe = /* @__PURE__ */ j({
   name: "FUpload",
   inheritAttrs: !1,
   __name: "upload",
@@ -34,7 +36,7 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
   },
   emits: ["update:modelValue"],
   setup(u, { emit: S }) {
-    const i = u, V = S, d = f(), o = z(), R = w(() => ee(o, [
+    const i = u, V = S, d = f(), o = O(), R = w(() => Z(o, [
       "onChange",
       "onRemove",
       "onExceed",
@@ -42,11 +44,11 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
       "onPreview",
       "fileList",
       "onUpdate:fileList"
-    ])), l = D();
+    ])), l = b();
     l.value?.inject({
       getElUploadRef: () => d
     });
-    const U = f(), k = f(0), g = f(!1), $ = w(() => i.fileList.map((e) => e.url));
+    const $ = f(), k = f(0), g = f(!1), U = w(() => i.fileList.map((e) => e.url));
     function E(e) {
       const t = i.errorAdaptor(e);
       l.value?.setFeedback({
@@ -66,12 +68,12 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
         return;
       d.value.clearFiles();
       const n = e[0];
-      n.uid = Z(), d.value.handleStart(n), (o.autoUpload ?? !0) && d.value.submit();
+      n.uid = X(), d.value.handleStart(n), (o.autoUpload ?? !0) && d.value.submit();
     }
     function A(e, t, n) {
       c(o.onError) && o.onError(e, t, n);
     }
-    function B(e) {
+    function _(e) {
       if (c(o.onPreview)) {
         o.onPreview(e);
         return;
@@ -81,14 +83,11 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
       const t = i.fileList.findIndex((n) => n.uid === e.uid);
       k.value = t, g.value = !0;
     }
-    const _ = M(() => l.value?.dataSource ?? [], () => {
+    return H(() => l.value?.dataSource ?? [], () => {
       const e = i.formatValue(l.value.dataSource);
       V("update:modelValue", e);
-    });
-    return T(() => {
-      _();
     }), (e, t) => (a(), v(y, null, [
-      p(r(Q), x({
+      p(r(J), x({
         ref_key: "uploadRef",
         ref: d
       }, R.value, {
@@ -97,28 +96,28 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
         onRemove: I,
         onExceed: L,
         onError: A,
-        onPreview: B
-      }), q({
+        onPreview: _
+      }), z({
         default: s(() => [
-          r(te)(e.$slots?.default) ? m(e.$slots, "default", { key: 0 }) : (a(), v(y, { key: 1 }, [
+          r(Y)(e.$slots?.default) ? m(e.$slots, "default", { key: 0 }) : (a(), v(y, { key: 1 }, [
             r(o).drag ? (a(), v(y, { key: 0 }, [
-              p(r(W), { style: { "font-size": "60px", margin: "40px 0 16px" } }, {
+              p(r(K), { style: { "font-size": "60px", margin: "40px 0 16px" } }, {
                 default: s(() => [
-                  p(r(H), { color: "gray" })
+                  p(r(W), { color: "gray" })
                 ]),
                 _: 1
               }),
-              P("div", oe, C(i.textContent), 1)
-            ], 64)) : r(o).listType === "picture-card" ? (a(), h(r(J), {
+              P("div", ee, C(i.textContent), 1)
+            ], 64)) : r(o).listType === "picture-card" ? (a(), h(r(q), {
               key: 1,
               style: { width: "28px", height: "28px", color: "gray" }
-            })) : (a(), h(r(X), { key: 2 }, {
+            })) : (a(), h(r(M), { key: 2 }, {
               default: s(() => [
-                p(r(K), {
+                p(r(G), {
                   width: "16px",
                   height: "16px"
                 }),
-                P("span", re, C(i.textContent), 1)
+                P("span", te, C(i.textContent), 1)
               ]),
               _: 1
             }))
@@ -128,10 +127,10 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
       }, [
         e.$slots.file ? {
           name: "file",
-          fn: s(({ file: n, index: b }) => [
+          fn: s(({ file: n, index: B }) => [
             m(e.$slots, "file", {
               file: n,
-              index: b
+              index: B
             })
           ]),
           key: "0"
@@ -151,20 +150,20 @@ const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" }
           key: "2"
         } : void 0
       ]), 1040, ["file-list"]),
-      g.value ? (a(), h(r(Y), x({
+      g.value ? (a(), h(r(Q), x({
         key: 0,
         ref_key: "imgPreviewRef",
-        ref: U,
-        "url-list": $.value,
+        ref: $,
+        "url-list": U.value,
         "initial-index": k.value
       }, i.imageViewerProps, {
         onClose: t[0] || (t[0] = (n) => g.value = !1)
-      }), null, 16, ["url-list", "initial-index"])) : G("", !0)
+      }), null, 16, ["url-list", "initial-index"])) : T("", !0)
     ], 64));
   }
-}), me = N(
-  ne,
-  j({ readOnly: "readonly", dataSource: "fileList" })
+}), me = D(
+  oe,
+  N({ readOnly: "readonly", dataSource: "fileList" })
 );
 export {
   me as Upload,

package/esm/upload/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/upload/upload.vue","../../src/upload/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { ImageViewerInstance, ImageViewerProps, UploadFile, UploadInstance, UploadProps, UploadRawFile } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport {\r\n  Plus as PlusIcon,\r\n  UploadFilled as UploadFilledIcon,\r\n  Upload as UploadIcon,\r\n} from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isFn } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue'\r\nimport { hasSlotContent } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FUpload',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  textContent: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  errorAdaptor: {\r\n    type: Function as PropType<(error?: Error) => string>,\r\n    default: (error?: Error) => error?.message,\r\n  },\r\n  formatValue: {\r\n    type: Function as PropType<(fileList?: UploadFile[]) => any>,\r\n    default: item => item,\r\n  },\r\n  fileList: {\r\n    type: Array as PropType<UploadFile[]>,\r\n    default: () => [],\r\n  },\r\n  imageViewerProps: {\r\n    type: Object as PropType<ImageViewerProps>,\r\n    default: () => ({ teleported: true, showProgress: true }),\r\n  },\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst uploadRef = ref<UploadInstance>()\r\nconst attrs = useAttrs() as UploadProps\r\nconst innerAttrs = computed(() => {\r\n  return omit(attrs, [\r\n    'onChange',\r\n    'onRemove',\r\n    'onExceed',\r\n    'onError',\r\n    'onPreview',\r\n    'fileList',\r\n    'onUpdate:fileList',\r\n  ])\r\n})\r\nconst fieldRef = useField<Field>()\r\nfieldRef.value?.inject({\r\n  getElUploadRef: () => {\r\n    return uploadRef\r\n  },\r\n})\r\n\r\nconst imgPreviewRef = ref<ImageViewerInstance>()\r\nconst activeImageIndex = ref(0)\r\nconst isShowImgViewer = ref(false)\r\nconst imgPreviewList = computed(() => {\r\n  return props.fileList.map(item => item.url)\r\n})\r\n\r\nfunction setFeedBack(error?: Error) {\r\n  const message = props.errorAdaptor(error)\r\n  fieldRef.value?.setFeedback({\r\n    type: 'error',\r\n    code: 'UploadError',\r\n    messages: message ? [message] : [],\r\n  })\r\n}\r\n\r\nfunction handleChange(file: UploadFile, fileList: UploadFile[]) {\r\n  fieldRef.value?.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleRemove(file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onRemove)) {\r\n    attrs.onRemove(file, fileList)\r\n  }\r\n  fieldRef.value.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleExceed(files: File[], uploadFIles) {\r\n  if (isFn(attrs.onExceed)) {\r\n    attrs.onExceed(files, uploadFIles)\r\n  }\r\n  if (attrs.limit !== 1)\r\n    return\r\n  uploadRef.value!.clearFiles()\r\n  const file = files[0] as UploadRawFile\r\n  file.uid = genFileId()\r\n  uploadRef.value!.handleStart(file)\r\n  if (attrs.autoUpload ?? true) {\r\n    uploadRef.value!.submit()\r\n  }\r\n}\r\n\r\nfunction handleError(error: Error, file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onError)) {\r\n    (attrs.onError)(error, file, fileList)\r\n  }\r\n}\r\n\r\nfunction onPreviewClick(uploadFile: UploadFile) {\r\n  if (isFn(attrs.onPreview)) {\r\n    (attrs.onPreview)(uploadFile)\r\n    return\r\n  }\r\n  if (!uploadFile.url && !attrs.accept?.includes('image'))\r\n    return\r\n  const clickIndex = props.fileList.findIndex((element: UploadFile) => element.uid === uploadFile.uid)\r\n  activeImageIndex.value = clickIndex\r\n  isShowImgViewer.value = true\r\n}\r\n\r\nconst dispose = reaction(() => {\r\n  return fieldRef.value?.dataSource ?? []\r\n}, () => {\r\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\r\n  emit('update:modelValue', emitValue)\r\n})\r\nonBeforeUnmount(() => {\r\n  dispose()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElUpload\r\n    ref=\"uploadRef\"\r\n    v-bind=\"innerAttrs\"\r\n    :file-list=\"$props.fileList\"\r\n    @change=\"handleChange\"\r\n    @remove=\"handleRemove\"\r\n    @exceed=\"handleExceed\"\r\n    @error=\"handleError\"\r\n    @preview=\"onPreviewClick\"\r\n  >\r\n    <slot v-if=\"hasSlotContent($slots?.default)\" />\r\n    <template v-else>\r\n      <template v-if=\"attrs.drag\">\r\n        <ElIcon style=\"font-size: 60px; margin: 40px 0 16px;\">\r\n          <UploadFilledIcon color=\"gray\" />\r\n        </ElIcon>\r\n        <div class=\"el-upload__text\">\r\n          {{ props.textContent }}\r\n        </div>\r\n      </template>\r\n      <template v-else-if=\"attrs.listType === 'picture-card'\">\r\n        <PlusIcon style=\"width: 28px; height: 28px; color: gray\" />\r\n      </template>\r\n      <template v-else>\r\n        <ElButton>\r\n          <UploadIcon width=\"16px\" height=\"16px\" />\r\n          <span style=\"margin-left: 6px\">\r\n            {{ props.textContent }}\r\n          </span>\r\n        </ElButton>\r\n      </template>\r\n    </template>\r\n    <template v-if=\"$slots.file\" #file=\"{ file, index }\">\r\n      <slot name=\"file\" :file=\"file\" :index=\"index\" />\r\n    </template>\r\n    <template v-if=\"$slots.tip\" #tip>\r\n      <slot name=\"tip\" />\r\n    </template>\r\n    <template v-if=\"$slots.trigger\" #trigger>\r\n      <slot name=\"trigger\" />\r\n    </template>\r\n  </ElUpload>\r\n  <ElImageViewer\r\n    v-if=\"isShowImgViewer\"\r\n    ref=\"imgPreviewRef\"\r\n    :url-list=\"imgPreviewList\"\r\n    :initial-index=\"activeImageIndex\"\r\n    v-bind=\"props.imageViewerProps\"\r\n    @close=\"isShowImgViewer = false\"\r\n  />\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport FUpload from './upload.vue'\r\n\r\nexport const Upload = connect<typeof FUpload>(\n  FUpload,\n  mapProps({ readOnly: 'readonly', dataSource: 'fileList' }),\r\n)\r\n\r\nexport default Upload\r\n"],"names":["props","__props","emit","__emit","uploadRef","ref","attrs","useAttrs","innerAttrs","computed","omit","fieldRef","useField","imgPreviewRef","activeImageIndex","isShowImgViewer","imgPreviewList","item","setFeedBack","error","message","handleChange","file","fileList","handleRemove","isFn","handleExceed","files","uploadFIles","genFileId","handleError","onPreviewClick","uploadFile","clickIndex","element","dispose","reaction","emitValue","onBeforeUnmount","_createVNode","_unref","_mergeProps","$props","hasSlotContent","$slots","_renderSlot","_ctx","_createElementBlock","_Fragment","ElIcon","UploadFilledIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createBlock","PlusIcon","ElButton","UploadIcon","_hoisted_2","index","_openBlock","Upload","connect","FUpload","mapProps"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/upload/upload.vue","../../src/upload/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { ImageViewerInstance, ImageViewerProps, UploadFile, UploadInstance, UploadProps, UploadRawFile } from 'element-plus'\nimport type { PropType } from 'vue'\nimport {\n  Plus as PlusIcon,\n  UploadFilled as UploadFilledIcon,\n  Upload as UploadIcon,\n} from '@element-plus/icons-vue'\nimport { isFn } from '@formily/shared'\nimport { reactionWatch } from '@silver-formily/reactive-vue'\nimport { useField } from '@silver-formily/vue'\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, ref, useAttrs } from 'vue'\nimport { hasSlotContent } from '../__builtins__'\n\ndefineOptions({\n  name: 'FUpload',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  textContent: {\n    type: String,\n    default: '',\n  },\n  errorAdaptor: {\n    type: Function as PropType<(error?: Error) => string>,\n    default: (error?: Error) => error?.message,\n  },\n  formatValue: {\n    type: Function as PropType<(fileList?: UploadFile[]) => any>,\n    default: item => item,\n  },\n  fileList: {\n    type: Array as PropType<UploadFile[]>,\n    default: () => [],\n  },\n  imageViewerProps: {\n    type: Object as PropType<ImageViewerProps>,\n    default: () => ({ teleported: true, showProgress: true }),\n  },\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst uploadRef = ref<UploadInstance>()\nconst attrs = useAttrs() as UploadProps\nconst innerAttrs = computed(() => {\n  return omit(attrs, [\n    'onChange',\n    'onRemove',\n    'onExceed',\n    'onError',\n    'onPreview',\n    'fileList',\n    'onUpdate:fileList',\n  ])\n})\nconst fieldRef = useField<Field>()\nfieldRef.value?.inject({\n  getElUploadRef: () => {\n    return uploadRef\n  },\n})\n\nconst imgPreviewRef = ref<ImageViewerInstance>()\nconst activeImageIndex = ref(0)\nconst isShowImgViewer = ref(false)\nconst imgPreviewList = computed(() => {\n  return props.fileList.map(item => item.url)\n})\n\nfunction setFeedBack(error?: Error) {\n  const message = props.errorAdaptor(error)\n  fieldRef.value?.setFeedback({\n    type: 'error',\n    code: 'UploadError',\n    messages: message ? [message] : [],\n  })\n}\n\nfunction handleChange(file: UploadFile, fileList: UploadFile[]) {\n  fieldRef.value?.setDataSource([...fileList])\n  setFeedBack()\n}\n\nfunction handleRemove(file: UploadFile, fileList: UploadFile[]) {\n  if (isFn(attrs.onRemove)) {\n    attrs.onRemove(file, fileList)\n  }\n  fieldRef.value.setDataSource([...fileList])\n  setFeedBack()\n}\n\nfunction handleExceed(files: File[], uploadFIles) {\n  if (isFn(attrs.onExceed)) {\n    attrs.onExceed(files, uploadFIles)\n  }\n  if (attrs.limit !== 1)\n    return\n  uploadRef.value!.clearFiles()\n  const file = files[0] as UploadRawFile\n  file.uid = genFileId()\n  uploadRef.value!.handleStart(file)\n  if (attrs.autoUpload ?? true) {\n    uploadRef.value!.submit()\n  }\n}\n\nfunction handleError(error: Error, file: UploadFile, fileList: UploadFile[]) {\n  if (isFn(attrs.onError)) {\n    (attrs.onError)(error, file, fileList)\n  }\n}\n\nfunction onPreviewClick(uploadFile: UploadFile) {\n  if (isFn(attrs.onPreview)) {\n    (attrs.onPreview)(uploadFile)\n    return\n  }\n  if (!uploadFile.url && !attrs.accept?.includes('image'))\n    return\n  const clickIndex = props.fileList.findIndex((element: UploadFile) => element.uid === uploadFile.uid)\n  activeImageIndex.value = clickIndex\n  isShowImgViewer.value = true\n}\n\nreactionWatch(() => {\n  return fieldRef.value?.dataSource ?? []\n}, () => {\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\n  emit('update:modelValue', emitValue)\n})\n</script>\n\n<template>\n  <ElUpload\n    ref=\"uploadRef\"\n    v-bind=\"innerAttrs\"\n    :file-list=\"$props.fileList\"\n    @change=\"handleChange\"\n    @remove=\"handleRemove\"\n    @exceed=\"handleExceed\"\n    @error=\"handleError\"\n    @preview=\"onPreviewClick\"\n  >\n    <slot v-if=\"hasSlotContent($slots?.default)\" />\n    <template v-else>\n      <template v-if=\"attrs.drag\">\n        <ElIcon style=\"font-size: 60px; margin: 40px 0 16px;\">\n          <UploadFilledIcon color=\"gray\" />\n        </ElIcon>\n        <div class=\"el-upload__text\">\n          {{ props.textContent }}\n        </div>\n      </template>\n      <template v-else-if=\"attrs.listType === 'picture-card'\">\n        <PlusIcon style=\"width: 28px; height: 28px; color: gray\" />\n      </template>\n      <template v-else>\n        <ElButton>\n          <UploadIcon width=\"16px\" height=\"16px\" />\n          <span style=\"margin-left: 6px\">\n            {{ props.textContent }}\n          </span>\n        </ElButton>\n      </template>\n    </template>\n    <template v-if=\"$slots.file\" #file=\"{ file, index }\">\n      <slot name=\"file\" :file=\"file\" :index=\"index\" />\n    </template>\n    <template v-if=\"$slots.tip\" #tip>\n      <slot name=\"tip\" />\n    </template>\n    <template v-if=\"$slots.trigger\" #trigger>\n      <slot name=\"trigger\" />\n    </template>\n  </ElUpload>\n  <ElImageViewer\n    v-if=\"isShowImgViewer\"\n    ref=\"imgPreviewRef\"\n    :url-list=\"imgPreviewList\"\n    :initial-index=\"activeImageIndex\"\n    v-bind=\"props.imageViewerProps\"\n    @close=\"isShowImgViewer = false\"\n  />\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport FUpload from './upload.vue'\r\n\r\nexport const Upload = connect<typeof FUpload>(\n  FUpload,\n  mapProps({ readOnly: 'readonly', dataSource: 'fileList' }),\r\n)\r\n\r\nexport default Upload\r\n"],"names":["props","__props","emit","__emit","uploadRef","ref","attrs","useAttrs","innerAttrs","computed","omit","fieldRef","useField","imgPreviewRef","activeImageIndex","isShowImgViewer","imgPreviewList","item","setFeedBack","error","message","handleChange","file","fileList","handleRemove","isFn","handleExceed","files","uploadFIles","genFileId","handleError","onPreviewClick","uploadFile","clickIndex","element","reactionWatch","emitValue","_createVNode","_unref","_mergeProps","$props","hasSlotContent","$slots","_renderSlot","_ctx","_createElementBlock","_Fragment","ElIcon","UploadFilledIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createBlock","PlusIcon","ElButton","UploadIcon","_hoisted_2","index","_openBlock","Upload","connect","FUpload","mapProps"],"mappings":"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"}

package/esm/vendor/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.28_typescript@5.9.2_/node_modules/element-plus/es/utils/typescript.mjs","../../src/pagination/components/sizes.ts"],"sourcesContent":["const mutable = (val) => val;\n\nexport { mutable };\n//# sourceMappingURL=typescript.mjs.map\n","import type { ExtractPropTypes } from 'vue'\r\nimport type Sizes from './sizes.vue'\r\nimport { componentSizes } from 'element-plus'\r\nimport { buildProps, definePropType, mutable } from 'element-plus/es/utils/index'\r\n\r\nexport const paginationSizesProps = buildProps({\r\n  pageSize: {\r\n    type: Number,\r\n    required: true,\r\n  },\r\n  pageSizes: {\r\n    type: definePropType<number[]>(Array),\r\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\r\n  },\r\n  popperClass: {\r\n    type: String,\r\n  },\r\n  disabled: Boolean,\r\n  teleported: Boolean,\r\n  size: {\r\n    type: String,\r\n    values: componentSizes,\r\n  },\r\n  appendSizeTo: String,\r\n} as const)\r\n\r\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\r\n\r\nexport type SizesInstance = InstanceType<typeof Sizes> & unknown\r\n"],"names":["mutable","val","paginationSizesProps","buildProps","definePropType","componentSizes"],"mappings":";;AAAK,MAACA,IAAU,CAACC,MAAQA,GCKZC,IAAuBC,EAAW;AAAA,EAC7C,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,WAAW;AAAA,IACT,MAAMC,EAAyB,KAAK;AAAA,IACpC,SAAS,MAAMJ,EAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,CAAU;AAAA,EAAA;AAAA,EAE3D,aAAa;AAAA,IACX,MAAM;AAAA,EAAA;AAAA,EAER,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQK;AAAA,EAAA;AAAA,EAEV,cAAc;AAChB,CAAU;","x_google_ignoreList":[0]}
+{"version":3,"file":"sizes.mjs","sources":["../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.28_typescript@5.9.2_/node_modules/element-plus/es/utils/typescript.mjs","../../src/pagination/components/sizes.ts"],"sourcesContent":["const mutable = (val) => val;\n\nexport { mutable };\n//# sourceMappingURL=typescript.mjs.map\n","import type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\nimport { componentSizes } from 'element-plus'\nimport { buildProps, definePropType, mutable } from 'element-plus/es/utils/index'\n\nexport const paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  appendSizeTo: String,\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes> & unknown\n"],"names":["mutable","val","paginationSizesProps","buildProps","definePropType","componentSizes"],"mappings":";;AAAK,MAACA,IAAU,CAACC,MAAQA,GCKZC,IAAuBC,EAAW;AAAA,EAC7C,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,WAAW;AAAA,IACT,MAAMC,EAAyB,KAAK;AAAA,IACpC,SAAS,MAAMJ,EAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,CAAU;AAAA,EAAA;AAAA,EAE3D,aAAa;AAAA,IACX,MAAM;AAAA,EAAA;AAAA,EAER,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQK;AAAA,EAAA;AAAA,EAEV,cAAc;AAChB,CAAU;","x_google_ignoreList":[0]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@silver-formily/element-plus",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Formily 的 Element Plus 封装",
   "author": "hezhengxu",
   "license": "MIT",
@@ -40,8 +40,8 @@
     "@formily/json-schema": "^2.0.8",
     "@formily/reactive": "^2.0.8",
     "@formily/shared": "^2.0.8",
-    "@silver-formily/grid": "^1.0.0",
-    "@silver-formily/reactive-vue": "^1",
+    "@silver-formily/grid": "^1.0.1",
+    "@silver-formily/reactive-vue": "^1.1.0",
     "@silver-formily/vue": "^2.3.1",
     "@vueuse/core": "*",
     "element-plus": "^2.1.8",
@@ -56,23 +56,23 @@
     "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vitejs/plugin-vue-jsx": "^5.1.3",
-    "@vitest/browser": "^4.0.16",
-    "@vitest/browser-playwright": "^4.0.16",
-    "@vitest/coverage-istanbul": "^4.0.16",
+    "@vitest/browser": "^4.0.18",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-istanbul": "^4.0.18",
     "fast-glob": "^3.3.3",
     "lodash-es": "^4.17.23",
-    "playwright": "^1.55.1",
+    "playwright": "^1.58.2",
     "sass-embedded": "^1.97.3",
     "typescript": "5.9.2",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^4.0.16",
+    "vitest": "^4.0.18",
     "vitest-browser-vue": "^2.0.2",
-    "@silver-formily/grid": "1.0.0",
-    "@silver-formily/reactive-vue": "1.0.0",
+    "@silver-formily/grid": "1.0.1",
+    "@silver-formily/reactive-vue": "1.1.0",
     "@silver-formily/typescript-config": "0.0.0",
-    "@silver-formily/vue": "2.3.1"
+    "@silver-formily/vue": "2.3.2"
   },
   "scripts": {
     "build": "vite build",
@@ -82,6 +82,7 @@
     "test:coverage": "vitest run --coverage --browser.headless",
     "lint": "eslint .",
     "format": "eslint . --fix",
+    "check-types": "vue-tsc --noEmit --project tsconfig.check.json",
     "docs:dev": "pnpm --filter element-plus-docs dev",
     "docs:build": "pnpm turbo run docs:build --filter=element-plus-docs",
     "docs:preview": "pnpm --filter element-plus-docs preview"