@silver-formily/element-plus 3.0.1 → 3.0.2

package/esm/tree/index.mjs

@@ -1,13 +1,12 @@
 import { useField as _, connect as A, mapProps as D } from "@silver-formily/vue";
 import { ElScrollbar as H, ElTree as P, vLoading as R } from "element-plus";
-import "@formily/reactive";
+import "@silver-formily/reactive-vue";
 import "@vueuse/core";
 import { defineComponent as w, useSlots as F, ref as h, computed as y, watch as v, nextTick as k, openBlock as g, createBlock as C, unref as a, withCtx as T, withDirectives as B, mergeProps as E, createSlots as L, renderList as j, renderSlot as z, normalizeProps as I, guardReactiveProps as N } from "vue";
 import { mapReadPretty as O } from "../__builtins__/shared/transform-component.mjs";
 import { PreviewText as $ } from "../preview-text/index.mjs";
 import { isFn as q } from "@formily/shared";
 import "@formily/core";
-import "@silver-formily/reactive-vue";
 import { useCleanAttrs as G } from "../__builtins__/shared/utils.mjs";
 import { addDisabledToNodes as J, flattenTree as M, getInputKeys as Q, getOutputData as U } from "./utils.mjs";
 const W = /* @__PURE__ */ w({
@@ -32,7 +31,7 @@ const W = /* @__PURE__ */ w({
   },
   emits: ["update:modelValue"],
   setup(K, { emit: V }) {
-    const e = K, i = V, b = F(), { props: l } = G(), o = h(), d = h([]), n = y(() => J(e.data ?? [], l.value.disabled, e.props)), p = y(() => M(n.value ?? [], [], e.props.children));
+    const e = K, s = V, b = F(), { props: l } = G(), o = h(), d = h([]), n = y(() => J(e.data ?? [], l.value.disabled, e.props)), p = y(() => M(n.value ?? [], [], e.props.children));
     async function c() {
       await k();
       const t = o.value.getCheckedKeys(), f = o.value.getHalfCheckedKeys() || [];
@@ -46,7 +45,7 @@ const W = /* @__PURE__ */ w({
         includeHalfChecked: e.includeHalfChecked,
         checkStrictly: l.value.checkStrictly
       });
-      e.optionAsValue ? q(e.optionFormatter) ? i("update:modelValue", r.map((s, x, S) => e.optionFormatter(s, x, S))) : i("update:modelValue", r) : i("update:modelValue", m);
+      e.optionAsValue ? q(e.optionFormatter) ? s("update:modelValue", r.map((i, x, S) => e.optionFormatter(i, x, S))) : s("update:modelValue", r) : s("update:modelValue", m);
     }
     v(() => e.modelValue, (t) => {
       t !== void 0 && (d.value = Q(t, {
@@ -82,8 +81,8 @@ const W = /* @__PURE__ */ w({
         }, a(l), { onCheck: c }), L({ _: 2 }, [
           j(a(b), (m, r) => ({
             name: r,
-            fn: T((s) => [
-              z(t.$slots, r, I(N({ field: a(u), ...s })))
+            fn: T((i) => [
+              z(t.$slots, r, I(N({ field: a(u), ...i })))
             ])
           }))
         ]), 1040, ["data", "props", "node-key", "default-checked-keys"])), [
@@ -93,13 +92,13 @@ const W = /* @__PURE__ */ w({
       _: 3
     }, 8, ["height", "max-height"]));
   }
-}), ne = A(
+}), ie = A(
   W,
   D({ dataSource: "data", loading: "loading", disabled: !0 }),
   O($.Tree)
 );
 export {
-  ne as Tree,
-  ne as default
+  ie as Tree,
+  ie as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/tree/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tree/tree.vue","../../src/tree/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { TreeValueTypeProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElScrollbar, ElTree, vLoading } from 'element-plus'\nimport { computed, nextTick, ref, useSlots, watch } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { addDisabledToNodes, flattenTree, getInputKeys, getOutputData } from './utils'\n\ndefineOptions({\n  name: 'Tree',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TreeValueTypeProps>(), {\n  valueType: 'all',\n  optionAsValue: false,\n  includeHalfChecked: false,\n  props: {\n    children: 'children',\n    label: 'label',\n    disabled: 'disabled',\n  },\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: any]\n}>()\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\nconst treeRef = ref<InstanceType<typeof ElTree>>()\nconst checkedKeys = ref<any[]>([])\n\nconst processedData = computed(() => {\n  return addDisabledToNodes(props.data ?? [], attrs.value.disabled, props.props)\n})\n\nconst flatData = computed(() => flattenTree(processedData.value ?? [], [], props.props.children))\n\nasync function handleCheck() {\n  await nextTick()\n  const keys = treeRef.value.getCheckedKeys()\n  const halfCheckedKeys = treeRef.value.getHalfCheckedKeys() || []\n  checkedKeys.value = keys\n\n  const { value, nodes } = getOutputData(keys, halfCheckedKeys, {\n    flatData: flatData.value,\n    nodeKey: props.nodeKey,\n    propsConfig: props.props,\n    data: props.data ?? [],\n    valueType: props.valueType,\n    includeHalfChecked: props.includeHalfChecked,\n    checkStrictly: attrs.value.checkStrictly,\n  })\n\n  if (props.optionAsValue) {\n    isFn(props.optionFormatter)\n      ? emit('update:modelValue', nodes.map((element, index, array) => {\n          return props.optionFormatter(element, index, array)\n        }))\n      : emit('update:modelValue', nodes)\n  }\n  else {\n    emit('update:modelValue', value)\n  }\n}\n\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue !== undefined) {\n    checkedKeys.value = getInputKeys(newValue, {\n      optionAsValue: props.optionAsValue,\n      nodeKey: props.nodeKey,\n      flatData: flatData.value,\n      propsConfig: props.props,\n      data: props.data ?? [],\n      valueType: props.valueType,\n      checkStrictly: attrs.value.checkStrictly,\n    })\n    nextTick(() => {\n      if (treeRef.value) {\n        treeRef.value.setCheckedKeys(checkedKeys.value)\n      }\n    })\n  }\n}, { immediate: true })\n\nwatch(() => [props.valueType, props.optionAsValue, props.includeHalfChecked], () => {\n  handleCheck()\n}, { immediate: false })\n\nconst fieldRef = useField<Field>()\nfieldRef.value?.inject({\n  getTreeRef: () => {\n    return treeRef\n  },\n})\n</script>\n\n<template>\n  <ElScrollbar :height=\"props.height\" :max-height=\"props.maxHeight\">\n    <ElTree\n      ref=\"treeRef\"\n      v-loading=\"attrs.loading\"\n      :data=\"processedData\"\n      :props=\"props.props\"\n      :node-key=\"props.nodeKey\"\n      :default-checked-keys=\"checkedKeys\"\n      :show-checkbox=\"true\"\n      v-bind=\"attrs\"\n      @check=\"handleCheck\"\n    >\n      <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n        <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n      </template>\n    </ElTree>\n  </ElScrollbar>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport InnerTree from './tree.vue'\n\nconst Tree = connect<typeof InnerTree>(\n  InnerTree,\n  mapProps({ dataSource: 'data', loading: 'loading', disabled: true }),\n  mapReadPretty(PreviewText.Tree),\n)\n\nexport { Tree }\n\nexport default Tree\n"],"names":["props","__props","emit","__emit","slots","useSlots","attrs","useCleanAttrs","treeRef","ref","checkedKeys","processedData","computed","addDisabledToNodes","flatData","flattenTree","handleCheck","nextTick","keys","halfCheckedKeys","value","nodes","getOutputData","isFn","element","index","array","watch","newValue","getInputKeys","fieldRef","useField","_createBlock","_unref","ElScrollbar","_withDirectives","_openBlock","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","vLoading","Tree","connect","InnerTree","mapProps","mapReadPretty","PreviewText"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/tree/tree.vue","../../src/tree/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { TreeValueTypeProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElScrollbar, ElTree, vLoading } from 'element-plus'\nimport { computed, nextTick, ref, useSlots, watch } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { addDisabledToNodes, flattenTree, getInputKeys, getOutputData } from './utils'\n\ndefineOptions({\n  name: 'Tree',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TreeValueTypeProps>(), {\n  valueType: 'all',\n  optionAsValue: false,\n  includeHalfChecked: false,\n  props: {\n    children: 'children',\n    label: 'label',\n    disabled: 'disabled',\n  },\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: any]\n}>()\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\nconst treeRef = ref<InstanceType<typeof ElTree>>()\nconst checkedKeys = ref<any[]>([])\n\nconst processedData = computed(() => {\n  return addDisabledToNodes(props.data ?? [], attrs.value.disabled, props.props)\n})\n\nconst flatData = computed(() => flattenTree(processedData.value ?? [], [], props.props.children))\n\nasync function handleCheck() {\n  await nextTick()\n  const keys = treeRef.value.getCheckedKeys()\n  const halfCheckedKeys = treeRef.value.getHalfCheckedKeys() || []\n  checkedKeys.value = keys\n\n  const { value, nodes } = getOutputData(keys, halfCheckedKeys, {\n    flatData: flatData.value,\n    nodeKey: props.nodeKey,\n    propsConfig: props.props,\n    data: props.data ?? [],\n    valueType: props.valueType,\n    includeHalfChecked: props.includeHalfChecked,\n    checkStrictly: attrs.value.checkStrictly,\n  })\n\n  if (props.optionAsValue) {\n    isFn(props.optionFormatter)\n      ? emit('update:modelValue', nodes.map((element, index, array) => {\n          return props.optionFormatter(element, index, array)\n        }))\n      : emit('update:modelValue', nodes)\n  }\n  else {\n    emit('update:modelValue', value)\n  }\n}\n\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue !== undefined) {\n    checkedKeys.value = getInputKeys(newValue, {\n      optionAsValue: props.optionAsValue,\n      nodeKey: props.nodeKey,\n      flatData: flatData.value,\n      propsConfig: props.props,\n      data: props.data ?? [],\n      valueType: props.valueType,\n      checkStrictly: attrs.value.checkStrictly,\n    })\n    nextTick(() => {\n      if (treeRef.value) {\n        treeRef.value.setCheckedKeys(checkedKeys.value)\n      }\n    })\n  }\n}, { immediate: true })\n\nwatch(() => [props.valueType, props.optionAsValue, props.includeHalfChecked], () => {\n  handleCheck()\n}, { immediate: false })\n\nconst fieldRef = useField<Field>()\nfieldRef.value?.inject({\n  getTreeRef: () => {\n    return treeRef\n  },\n})\n</script>\n\n<template>\n  <ElScrollbar :height=\"props.height\" :max-height=\"props.maxHeight\">\n    <ElTree\n      ref=\"treeRef\"\n      v-loading=\"attrs.loading\"\n      :data=\"processedData\"\n      :props=\"props.props\"\n      :node-key=\"props.nodeKey\"\n      :default-checked-keys=\"checkedKeys\"\n      :show-checkbox=\"true\"\n      v-bind=\"attrs\"\n      @check=\"handleCheck\"\n    >\n      <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n        <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n      </template>\n    </ElTree>\n  </ElScrollbar>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport InnerTree from './tree.vue'\n\nconst Tree = connect<typeof InnerTree>(\n  InnerTree,\n  mapProps({ dataSource: 'data', loading: 'loading', disabled: true }),\n  mapReadPretty(PreviewText.Tree),\n)\n\nexport { Tree }\n\nexport default Tree\n"],"names":["props","__props","emit","__emit","slots","useSlots","attrs","useCleanAttrs","treeRef","ref","checkedKeys","processedData","computed","addDisabledToNodes","flatData","flattenTree","handleCheck","nextTick","keys","halfCheckedKeys","value","nodes","getOutputData","isFn","element","index","array","watch","newValue","getInputKeys","fieldRef","useField","_createBlock","_unref","ElScrollbar","_withDirectives","_openBlock","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","vLoading","Tree","connect","InnerTree","mapProps","mapReadPretty","PreviewText"],"mappings":"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"}

package/esm/tree-select/index.mjs

@@ -1,12 +1,11 @@
 import { useField as c, connect as i, mapProps as p } from "@silver-formily/vue";
 import { ElTreeSelect as m } from "element-plus";
-import "@formily/reactive";
+import "@silver-formily/reactive-vue";
 import "@vueuse/core";
 import { defineComponent as f, useSlots as d, ref as u, openBlock as S, createBlock as _, unref as e, mergeProps as g, createSlots as P, renderList as R, withCtx as T, renderSlot as v, normalizeProps as y, guardReactiveProps as h } from "vue";
 import { mapReadPretty as k } from "../__builtins__/shared/transform-component.mjs";
 import { PreviewText as x } from "../preview-text/index.mjs";
 import "@formily/core";
-import "@silver-formily/reactive-vue";
 import { useCleanAttrs as C } from "../__builtins__/shared/utils.mjs";
 const w = /* @__PURE__ */ f({
   name: "FSelectTree",
@@ -29,13 +28,13 @@ const w = /* @__PURE__ */ f({
       }))
     ]), 1040, ["loading"]));
   }
-}), H = i(
+}), G = i(
   w,
   p({ readOnly: "readonly", dataSource: "data" }),
   k(x.Select)
 );
 export {
-  H as TreeSelect,
-  H as default
+  G as TreeSelect,
+  G as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/tree-select/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tree-select/tree-select.vue","../../src/tree-select/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport { useField } from '@silver-formily/vue'\nimport { ElTreeSelect } from 'element-plus'\nimport { ref, useSlots } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTree',\n  inheritAttrs: false,\n})\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\n\nconst treeSelectRef = ref()\n\nconst fieldRef = useField<Field>()\n\nfieldRef.value?.inject({\n  getTreeSelectRef: () => {\n    return treeSelectRef\n  },\n})\n</script>\n\n<template>\n  <ElTreeSelect\n    ref=\"treeSelectRef\"\n    :loading=\"fieldRef.value?.loading\"\n    v-bind=\"attrs\"\n  >\n    <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n      <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n    </template>\n  </ElTreeSelect>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FTreeSelect from './tree-select.vue'\r\n\r\nexport const TreeSelect = connect<typeof FTreeSelect>(\n  FTreeSelect,\n  mapProps({ readOnly: 'readonly', dataSource: 'data' }),\r\n  mapReadPretty(PreviewText.Select),\r\n)\r\n\r\nexport default TreeSelect\r\n"],"names":["slots","useSlots","attrs","useCleanAttrs","treeSelectRef","ref","fieldRef","useField","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","TreeSelect","connect","FTreeSelect","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GAER,EAAE,OAAOC,EAAA,IAAUC,EAAA,GAEnBC,IAAgBC,EAAA,GAEhBC,IAAWC,EAAA;AAEjB,WAAAD,EAAS,OAAO,OAAO;AAAA,MACrB,kBAAkB,MACTF;AAAA,IACT,CACD,cAICI,KAAAC,EAQeC,MARfC,EAQe;AAAA,eAPT;AAAA,MAAJ,KAAIP;AAAA,MACH,SAASM,EAAAJ,CAAA,EAAS,OAAO;AAAA,IAAA,GAClBI,EAAAR,CAAA,CAAK,GAAAU,EAAA,EAAA,GAAA,KAAA;AAAA,QAEiBF,EAAAV,CAAA,GAAK,CAAjBa,GAAGC;;QACnB,IAAAC,EAAA,CAD4CC,MAAQ;AAAA,UACpDC,EAA+DC,EAAA,QAAlDJ,GAAIK,EAAAC,EAAA,EAAA,OAAmBV,EAAAJ,CAAA,MAAaU,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;;IC7BlDK,IAAaC;AAAA,EACxBC;AAAAA,EACAC,EAAS,EAAE,UAAU,YAAY,YAAY,QAAQ;AAAA,EACrDC,EAAcC,EAAY,MAAM;AAClC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/tree-select/tree-select.vue","../../src/tree-select/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport { useField } from '@silver-formily/vue'\nimport { ElTreeSelect } from 'element-plus'\nimport { ref, useSlots } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTree',\n  inheritAttrs: false,\n})\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\n\nconst treeSelectRef = ref()\n\nconst fieldRef = useField<Field>()\n\nfieldRef.value?.inject({\n  getTreeSelectRef: () => {\n    return treeSelectRef\n  },\n})\n</script>\n\n<template>\n  <ElTreeSelect\n    ref=\"treeSelectRef\"\n    :loading=\"fieldRef.value?.loading\"\n    v-bind=\"attrs\"\n  >\n    <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n      <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n    </template>\n  </ElTreeSelect>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FTreeSelect from './tree-select.vue'\r\n\r\nexport const TreeSelect = connect<typeof FTreeSelect>(\n  FTreeSelect,\n  mapProps({ readOnly: 'readonly', dataSource: 'data' }),\r\n  mapReadPretty(PreviewText.Select),\r\n)\r\n\r\nexport default TreeSelect\r\n"],"names":["slots","useSlots","attrs","useCleanAttrs","treeSelectRef","ref","fieldRef","useField","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","TreeSelect","connect","FTreeSelect","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GAER,EAAE,OAAOC,EAAA,IAAUC,EAAA,GAEnBC,IAAgBC,EAAA,GAEhBC,IAAWC,EAAA;AAEjB,WAAAD,EAAS,OAAO,OAAO;AAAA,MACrB,kBAAkB,MACTF;AAAA,IACT,CACD,cAICI,KAAAC,EAQeC,MARfC,EAQe;AAAA,eAPT;AAAA,MAAJ,KAAIP;AAAA,MACH,SAASM,EAAAJ,CAAA,EAAS,OAAO;AAAA,IAAA,GAClBI,EAAAR,CAAA,CAAK,GAAAU,EAAA,EAAA,GAAA,KAAA;AAAA,QAEiBF,EAAAV,CAAA,GAAK,CAAjBa,GAAGC;;QACnB,IAAAC,EAAA,CAD4CC,MAAQ;AAAA,UACpDC,EAA+DC,EAAA,QAAlDJ,GAAIK,EAAAC,EAAA,EAAA,OAAmBV,EAAAJ,CAAA,MAAaU,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;;IC7BlDK,IAAaC;AAAA,EACxBC;AAAAA,EACAC,EAAS,EAAE,UAAU,YAAY,YAAY,QAAQ;AAAA,EACrDC,EAAcC,EAAY,MAAM;AAClC;"}

package/esm/upload/index.mjs

@@ -1,15 +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 { 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 "@silver-formily/reactive-vue";
-import { hasSlotContent as ee } from "../__builtins__/shared/utils.mjs";
-import { o as te } from "../vendor/lodash.mjs";
-const oe = { class: "el-upload__text" }, re = { style: { "margin-left": "6px" } }, ne = /* @__PURE__ */ O({
+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",
@@ -37,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(() => te(o, [
+    const i = u, V = S, d = f(), o = O(), R = w(() => Z(o, [
       "onChange",
       "onRemove",
       "onExceed",
@@ -45,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({
@@ -69,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;
@@ -84,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, {
@@ -100,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(ee)(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
             }))
@@ -131,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"
@@ -154,23 +150,23 @@ 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));
   }
-}), ve = N(
-  ne,
-  j({ readOnly: "readonly", dataSource: "fileList" })
+}), me = D(
+  oe,
+  N({ readOnly: "readonly", dataSource: "fileList" })
 );
 export {
-  ve as Upload,
-  ve as default
+  me as Upload,
+  me as default
 };
 //# sourceMappingURL=index.mjs.map

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>\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 { reaction } from '@formily/reactive'\nimport { isFn } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, onBeforeUnmount, 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\nconst dispose = reaction(() => {\n  return fieldRef.value?.dataSource ?? []\n}, () => {\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\n  emit('update:modelValue', emitValue)\n})\nonBeforeUnmount(() => {\n  dispose()\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","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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@silver-formily/element-plus",
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Formily 的 Element Plus 封装",
   "author": "hezhengxu",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "@formily/reactive": "^2.0.8",
     "@formily/shared": "^2.0.8",
     "@silver-formily/grid": "^1.0.1",
-    "@silver-formily/reactive-vue": "^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.1",
+    "@silver-formily/reactive-vue": "1.1.0",
     "@silver-formily/typescript-config": "0.0.0",
-    "@silver-formily/vue": "2.3.1",
-    "@silver-formily/reactive-vue": "1.0.0"
+    "@silver-formily/vue": "2.3.2"
   },
   "scripts": {
     "build": "vite build",