@silver-formily/element-plus 4.0.3 → 5.0.1

package/esm/transfer/index.d.ts

@@ -1,275 +1,8 @@
-import * as _$element_plus0 from "element-plus";
 import { ElTransfer } from "element-plus";
-import * as _$vue from "vue";
-import * as _$element_plus_es_utils_index_mjs0 from "element-plus/es/utils/index.mjs";
-import * as _$element_plus_es_components_transfer_src_transfer_panel_mjs0 from "element-plus/es/components/transfer/src/transfer-panel.mjs";
 
 //#region src/transfer/index.d.ts
 type TransferProps = typeof ElTransfer;
-declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
-  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
-    modelValue: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
-    props: {
-      type: _$vue.PropType<_$element_plus0.TransferPropsAlias>;
-      default: () => {
-        label: string;
-        key: string;
-        disabled: string;
-      };
-    };
-    data: {
-      type: _$vue.PropType<_$element_plus0.TransferDataItem[]>;
-      default: () => never[];
-    };
-    filterable: {
-      type: _$vue.PropType<boolean>;
-    };
-    filterMethod: {
-      type: _$vue.PropType<(query: string, item: _$element_plus0.TransferDataItem) => boolean>;
-    };
-    validateEvent: {
-      type: _$vue.PropType<boolean>;
-      default: boolean;
-    };
-    format: {
-      type: _$vue.PropType<_$element_plus0.TransferFormat>;
-      default: () => {};
-    };
-    titles: {
-      type: _$vue.PropType<[string, string]>;
-      default: () => [string, string];
-    };
-    buttonTexts: {
-      type: _$vue.PropType<[string, string]>;
-      default: () => [string, string];
-    };
-    filterPlaceholder: {
-      type: _$vue.PropType<string>;
-    };
-    leftDefaultChecked: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
-    rightDefaultChecked: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
-    renderContent: {
-      type: _$vue.PropType<_$element_plus0.renderContent>;
-    };
-    targetOrder: {
-      type: _$vue.PropType<"push" | "unshift" | "original">;
-      default: string;
-    };
-  }>> & {
-    "onUpdate:modelValue"?: ((value: _$element_plus0.TransferKey[]) => any) | undefined;
-    onChange?: ((value: _$element_plus0.TransferKey[], direction: _$element_plus0.TransferDirection, movedKeys: _$element_plus0.TransferKey[]) => any) | undefined;
-    "onLeft-check-change"?: ((value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => any) | undefined;
-    "onRight-check-change"?: ((value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => any) | undefined;
-  }, {
-    clearQuery: (which: _$element_plus0.TransferDirection) => void;
-    leftPanel: _$vue.Ref<_$element_plus_es_components_transfer_src_transfer_panel_mjs0.TransferPanelInstance | undefined>;
-    rightPanel: _$vue.Ref<_$element_plus_es_components_transfer_src_transfer_panel_mjs0.TransferPanelInstance | undefined>;
-  }, unknown, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (value: _$element_plus0.TransferKey[]) => void;
-    change: (value: _$element_plus0.TransferKey[], direction: _$element_plus0.TransferDirection, movedKeys: _$element_plus0.TransferKey[]) => void;
-    "left-check-change": (value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => void;
-    "right-check-change": (value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => void;
-  }, _$vue.PublicProps, {
-    data: _$element_plus0.TransferDataItem[];
-    props: _$element_plus0.TransferPropsAlias;
-    titles: [string, string];
-    modelValue: _$element_plus0.TransferKey[];
-    format: _$element_plus0.TransferFormat;
-    validateEvent: boolean;
-    buttonTexts: [string, string];
-    leftDefaultChecked: _$element_plus0.TransferKey[];
-    rightDefaultChecked: _$element_plus0.TransferKey[];
-    targetOrder: "original" | "push" | "unshift";
-  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<_$vue.ExtractPropTypes<{
-    modelValue: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
-    props: {
-      type: _$vue.PropType<_$element_plus0.TransferPropsAlias>;
-      default: () => {
-        label: string;
-        key: string;
-        disabled: string;
-      };
-    };
-    data: {
-      type: _$vue.PropType<_$element_plus0.TransferDataItem[]>;
-      default: () => never[];
-    };
-    filterable: {
-      type: _$vue.PropType<boolean>;
-    };
-    filterMethod: {
-      type: _$vue.PropType<(query: string, item: _$element_plus0.TransferDataItem) => boolean>;
-    };
-    validateEvent: {
-      type: _$vue.PropType<boolean>;
-      default: boolean;
-    };
-    format: {
-      type: _$vue.PropType<_$element_plus0.TransferFormat>;
-      default: () => {};
-    };
-    titles: {
-      type: _$vue.PropType<[string, string]>;
-      default: () => [string, string];
-    };
-    buttonTexts: {
-      type: _$vue.PropType<[string, string]>;
-      default: () => [string, string];
-    };
-    filterPlaceholder: {
-      type: _$vue.PropType<string>;
-    };
-    leftDefaultChecked: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
-    rightDefaultChecked: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
-    renderContent: {
-      type: _$vue.PropType<_$element_plus0.renderContent>;
-    };
-    targetOrder: {
-      type: _$vue.PropType<"push" | "unshift" | "original">;
-      default: string;
-    };
-  }>> & {
-    "onUpdate:modelValue"?: ((value: _$element_plus0.TransferKey[]) => any) | undefined;
-    onChange?: ((value: _$element_plus0.TransferKey[], direction: _$element_plus0.TransferDirection, movedKeys: _$element_plus0.TransferKey[]) => any) | undefined;
-    "onLeft-check-change"?: ((value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => any) | undefined;
-    "onRight-check-change"?: ((value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => any) | undefined;
-  }, {
-    clearQuery: (which: _$element_plus0.TransferDirection) => void;
-    leftPanel: _$vue.Ref<_$element_plus_es_components_transfer_src_transfer_panel_mjs0.TransferPanelInstance | undefined>;
-    rightPanel: _$vue.Ref<_$element_plus_es_components_transfer_src_transfer_panel_mjs0.TransferPanelInstance | undefined>;
-  }, {}, {}, {}, {
-    data: _$element_plus0.TransferDataItem[];
-    props: _$element_plus0.TransferPropsAlias;
-    titles: [string, string];
-    modelValue: _$element_plus0.TransferKey[];
-    format: _$element_plus0.TransferFormat;
-    validateEvent: boolean;
-    buttonTexts: [string, string];
-    leftDefaultChecked: _$element_plus0.TransferKey[];
-    rightDefaultChecked: _$element_plus0.TransferKey[];
-    targetOrder: "original" | "push" | "unshift";
-  }>;
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
-  modelValue: {
-    type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-    default: () => never[];
-  };
-  props: {
-    type: _$vue.PropType<_$element_plus0.TransferPropsAlias>;
-    default: () => {
-      label: string;
-      key: string;
-      disabled: string;
-    };
-  };
-  data: {
-    type: _$vue.PropType<_$element_plus0.TransferDataItem[]>;
-    default: () => never[];
-  };
-  filterable: {
-    type: _$vue.PropType<boolean>;
-  };
-  filterMethod: {
-    type: _$vue.PropType<(query: string, item: _$element_plus0.TransferDataItem) => boolean>;
-  };
-  validateEvent: {
-    type: _$vue.PropType<boolean>;
-    default: boolean;
-  };
-  format: {
-    type: _$vue.PropType<_$element_plus0.TransferFormat>;
-    default: () => {};
-  };
-  titles: {
-    type: _$vue.PropType<[string, string]>;
-    default: () => [string, string];
-  };
-  buttonTexts: {
-    type: _$vue.PropType<[string, string]>;
-    default: () => [string, string];
-  };
-  filterPlaceholder: {
-    type: _$vue.PropType<string>;
-  };
-  leftDefaultChecked: {
-    type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-    default: () => never[];
-  };
-  rightDefaultChecked: {
-    type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-    default: () => never[];
-  };
-  renderContent: {
-    type: _$vue.PropType<_$element_plus0.renderContent>;
-  };
-  targetOrder: {
-    type: _$vue.PropType<"push" | "unshift" | "original">;
-    default: string;
-  };
-}>> & {
-  "onUpdate:modelValue"?: ((value: _$element_plus0.TransferKey[]) => any) | undefined;
-  onChange?: ((value: _$element_plus0.TransferKey[], direction: _$element_plus0.TransferDirection, movedKeys: _$element_plus0.TransferKey[]) => any) | undefined;
-  "onLeft-check-change"?: ((value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => any) | undefined;
-  "onRight-check-change"?: ((value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => any) | undefined;
-}, {
-  clearQuery: (which: _$element_plus0.TransferDirection) => void;
-  leftPanel: _$vue.Ref<_$element_plus_es_components_transfer_src_transfer_panel_mjs0.TransferPanelInstance | undefined>;
-  rightPanel: _$vue.Ref<_$element_plus_es_components_transfer_src_transfer_panel_mjs0.TransferPanelInstance | undefined>;
-}, unknown, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: _$element_plus0.TransferKey[]) => void;
-  change: (value: _$element_plus0.TransferKey[], direction: _$element_plus0.TransferDirection, movedKeys: _$element_plus0.TransferKey[]) => void;
-  "left-check-change": (value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => void;
-  "right-check-change": (value: _$element_plus0.TransferKey[], movedKeys?: _$element_plus0.TransferKey[] | undefined) => void;
-}, string, {
-  data: _$element_plus0.TransferDataItem[];
-  props: _$element_plus0.TransferPropsAlias;
-  titles: [string, string];
-  modelValue: _$element_plus0.TransferKey[];
-  format: _$element_plus0.TransferFormat;
-  validateEvent: boolean;
-  buttonTexts: [string, string];
-  leftDefaultChecked: _$element_plus0.TransferKey[];
-  rightDefaultChecked: _$element_plus0.TransferKey[];
-  targetOrder: "original" | "push" | "unshift";
-}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
-  $slots: {
-    'left-empty'?: (props: {}) => any;
-  } & {
-    'left-footer'?: (props: {}) => any;
-  } & {
-    'right-empty'?: (props: {}) => any;
-  } & {
-    'right-footer'?: (props: {}) => any;
-  };
-})>;
+declare const Transfer: any;
 //#endregion
 export { Transfer, TransferProps };
 //# sourceMappingURL=index.d.ts.map

package/esm/tree/index.d.ts

@@ -1,49 +1,5 @@
-import { TreeValueTypeProps } from "./types.js";
-import * as _$vue from "vue";
-
 //#region src/tree/index.d.ts
-declare const Tree: {
-  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<TreeValueTypeProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: any) => any;
-  }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
-  }, _$vue.PublicProps, {
-    props: any;
-    valueType: "all" | "parent" | "child" | "path";
-    optionAsValue: boolean;
-    includeHalfChecked: boolean;
-  }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<TreeValueTypeProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: any) => any;
-  }>, {}, {}, {}, {}, {
-    props: any;
-    valueType: "all" | "parent" | "child" | "path";
-    optionAsValue: boolean;
-    includeHalfChecked: boolean;
-  }>;
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-} & _$vue.ComponentOptionsBase<Readonly<TreeValueTypeProps> & Readonly<{
-  "onUpdate:modelValue"?: (value: any) => any;
-}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: any) => any;
-}, string, {
-  props: any;
-  valueType: "all" | "parent" | "child" | "path";
-  optionAsValue: boolean;
-  includeHalfChecked: boolean;
-}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
-  $slots: {
-    [x: string]: (props: any) => any;
-  };
-});
+declare const Tree: any;
 //#endregion
 export { Tree };
 //# sourceMappingURL=index.d.ts.map

package/esm/tree/tree.mjs

@@ -3,7 +3,7 @@ import { addDisabledToNodes, flattenTree, getInputKeys, getOutputData } from "./
 import { ElScrollbar, ElTree, vLoading } from "element-plus";
 import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, openBlock, ref, renderList, renderSlot, unref, useSlots, watch, withCtx, withDirectives } from "vue";
 import { useField } from "@silver-formily/vue";
-import { isFn } from "@formily/shared";
+import { isFn } from "@silver-formily/shared";
 //#region src/tree/tree.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "Tree",

package/esm/tree/tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree.mjs","names":[],"sources":["../../src/tree/tree.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,OAAO,UAAU,eAAc;EACvC,MAAM,UAAU,KAAiC;EACjD,MAAM,cAAc,IAAW,EAAE,CAAA;EAEjC,MAAM,gBAAgB,eAAe;AACnC,UAAO,mBAAmB,MAAM,QAAQ,EAAE,EAAE,MAAM,MAAM,UAAU,MAAM,MAAK;IAC9E;EAED,MAAM,WAAW,eAAe,YAAY,cAAc,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,MAAM,SAAS,CAAA;EAEhG,eAAe,cAAc;AAC3B,SAAM,UAAS;GACf,MAAM,OAAO,QAAQ,MAAM,gBAAe;GAC1C,MAAM,kBAAkB,QAAQ,MAAM,oBAAoB,IAAI,EAAC;AAC/D,eAAY,QAAQ;GAEpB,MAAM,EAAE,OAAO,UAAU,cAAc,MAAM,iBAAiB;IAC5D,UAAU,SAAS;IACnB,SAAS,MAAM;IACf,aAAa,MAAM;IACnB,MAAM,MAAM,QAAQ,EAAE;IACtB,WAAW,MAAM;IACjB,oBAAoB,MAAM;IAC1B,eAAe,MAAM,MAAM;IAC5B,CAAA;AAED,OAAI,MAAM,cACR,MAAK,MAAM,gBAAe,GACtB,KAAK,qBAAqB,MAAM,KAAK,SAAS,OAAO,UAAU;AAC7D,WAAO,MAAM,gBAAgB,SAAS,OAAO,MAAK;KAClD,CAAA,GACF,KAAK,qBAAqB,MAAK;OAGnC,MAAK,qBAAqB,MAAK;;AAInC,cAAY,MAAM,aAAa,aAAa;AAC1C,OAAI,aAAa,KAAA,GAAW;AAC1B,gBAAY,QAAQ,aAAa,UAAU;KACzC,eAAe,MAAM;KACrB,SAAS,MAAM;KACf,UAAU,SAAS;KACnB,aAAa,MAAM;KACnB,MAAM,MAAM,QAAQ,EAAE;KACtB,WAAW,MAAM;KACjB,eAAe,MAAM,MAAM;KAC5B,CAAA;AACD,mBAAe;AACb,SAAI,QAAQ,MACV,SAAQ,MAAM,eAAe,YAAY,MAAK;MAEjD;;KAEF,EAAE,WAAW,MAAM,CAAA;AAEtB,cAAY;GAAC,MAAM;GAAW,MAAM;GAAe,MAAM;GAAmB,QAAQ;AAClF,gBAAY;KACX,EAAE,WAAW,OAAO,CAAA;EAEvB,MAAM,WAAW,UAAgB;AACjC,WAAS,OAAO,OAAO,EACrB,kBAAkB;AAChB,UAAO;KAEV,CAAA;;uBAIC,YAgBc,MAAA,YAAA,EAAA;IAhBA,QAAQ,MAAM;IAAS,cAAY,MAAM;;2BAe5C,CAAA,gBAAA,WAAA,EAdT,YAcS,MAAA,OAAA,EAdT,WAcS;cAbH;KAAJ,KAAI;KAEH,MAAM,cAAA;KACN,OAAO,MAAM;KACb,YAAU,MAAM;KAChB,wBAAsB,YAAA;KACtB,iBAAe;OACR,MAAA,MAAK,EAAA,EACZ,SAAO,aAAW,CAAA,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA,CAAA,WAEW,MAAA,MAAK,GAAjB,GAAG,SAAI;;MAAa;mBAAQ,aAAQ,CACpD,WAA+D,KAAA,QAAlD,MAAI,eAAA,mBAAA;OAAA,OAAmB,MAAA,SAAQ;OAAA,GAAK;OAAQ,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;4BAVhD,MAAA,MAAK,CAAC,QAAO,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"tree.mjs","names":[],"sources":["../../src/tree/tree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@silver-formily/core'\nimport type { TreeValueTypeProps } from './types'\nimport { isFn } from '@silver-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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,OAAO,UAAU,eAAc;EACvC,MAAM,UAAU,KAAiC;EACjD,MAAM,cAAc,IAAW,EAAE,CAAA;EAEjC,MAAM,gBAAgB,eAAe;AACnC,UAAO,mBAAmB,MAAM,QAAQ,EAAE,EAAE,MAAM,MAAM,UAAU,MAAM,MAAK;IAC9E;EAED,MAAM,WAAW,eAAe,YAAY,cAAc,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,MAAM,SAAS,CAAA;EAEhG,eAAe,cAAc;AAC3B,SAAM,UAAS;GACf,MAAM,OAAO,QAAQ,MAAM,gBAAe;GAC1C,MAAM,kBAAkB,QAAQ,MAAM,oBAAoB,IAAI,EAAC;AAC/D,eAAY,QAAQ;GAEpB,MAAM,EAAE,OAAO,UAAU,cAAc,MAAM,iBAAiB;IAC5D,UAAU,SAAS;IACnB,SAAS,MAAM;IACf,aAAa,MAAM;IACnB,MAAM,MAAM,QAAQ,EAAE;IACtB,WAAW,MAAM;IACjB,oBAAoB,MAAM;IAC1B,eAAe,MAAM,MAAM;IAC5B,CAAA;AAED,OAAI,MAAM,cACR,MAAK,MAAM,gBAAe,GACtB,KAAK,qBAAqB,MAAM,KAAK,SAAS,OAAO,UAAU;AAC7D,WAAO,MAAM,gBAAgB,SAAS,OAAO,MAAK;KAClD,CAAA,GACF,KAAK,qBAAqB,MAAK;OAGnC,MAAK,qBAAqB,MAAK;;AAInC,cAAY,MAAM,aAAa,aAAa;AAC1C,OAAI,aAAa,KAAA,GAAW;AAC1B,gBAAY,QAAQ,aAAa,UAAU;KACzC,eAAe,MAAM;KACrB,SAAS,MAAM;KACf,UAAU,SAAS;KACnB,aAAa,MAAM;KACnB,MAAM,MAAM,QAAQ,EAAE;KACtB,WAAW,MAAM;KACjB,eAAe,MAAM,MAAM;KAC5B,CAAA;AACD,mBAAe;AACb,SAAI,QAAQ,MACV,SAAQ,MAAM,eAAe,YAAY,MAAK;MAEjD;;KAEF,EAAE,WAAW,MAAM,CAAA;AAEtB,cAAY;GAAC,MAAM;GAAW,MAAM;GAAe,MAAM;GAAmB,QAAQ;AAClF,gBAAY;KACX,EAAE,WAAW,OAAO,CAAA;EAEvB,MAAM,WAAW,UAAgB;AACjC,WAAS,OAAO,OAAO,EACrB,kBAAkB;AAChB,UAAO;KAEV,CAAA;;uBAIC,YAgBc,MAAA,YAAA,EAAA;IAhBA,QAAQ,MAAM;IAAS,cAAY,MAAM;;2BAe5C,CAAA,gBAAA,WAAA,EAdT,YAcS,MAAA,OAAA,EAdT,WAcS;cAbH;KAAJ,KAAI;KAEH,MAAM,cAAA;KACN,OAAO,MAAM;KACb,YAAU,MAAM;KAChB,wBAAsB,YAAA;KACtB,iBAAe;OACR,MAAA,MAAK,EAAA,EACZ,SAAO,aAAW,CAAA,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA,CAAA,WAEW,MAAA,MAAK,GAAjB,GAAG,SAAI;;MAAa;mBAAQ,aAAQ,CACpD,WAA+D,KAAA,QAAlD,MAAI,eAAA,mBAAA;OAAA,OAAmB,MAAA,SAAQ;OAAA,GAAK;OAAQ,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;4BAVhD,MAAA,MAAK,CAAC,QAAO,CAAA,CAAA,CAAA,CAAA"}

package/esm/tree-select/index.d.ts

@@ -1,23 +1,5 @@
-import * as _$vue from "vue";
-
 //#region src/tree-select/index.d.ts
-declare const TreeSelect: {
-  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-} & _$vue.ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
-  $slots: {
-    [x: string]: (props: any) => any;
-  };
-});
+declare const TreeSelect: any;
 //#endregion
 export { TreeSelect };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree-select.mjs","names":[],"sources":["../../src/tree-select/tree-select.vue"],"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"],"mappings":";;;;;;;;;;EAYA,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,OAAO,UAAU,eAAc;EAEvC,MAAM,gBAAgB,KAAI;EAE1B,MAAM,WAAW,UAAgB;AAEjC,WAAS,OAAO,OAAO,EACrB,wBAAwB;AACtB,UAAO;KAEV,CAAA;;uBAIC,YAQe,MAAA,aAAA,EARf,WAQe;aAPT;IAAJ,KAAI;IACH,SAAS,MAAA,SAAQ,CAAC,OAAO;MAClB,MAAA,MAAK,CAAA,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA,CAAA,WAEiB,MAAA,MAAK,GAAjB,GAAG,SAAI;;KAAa;kBAAQ,aAAQ,CACpD,WAA+D,KAAA,QAAlD,MAAI,eAAA,mBAAA;MAAA,OAAmB,MAAA,SAAQ;MAAA,GAAK;MAAQ,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"tree-select.mjs","names":[],"sources":["../../src/tree-select/tree-select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@silver-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"],"mappings":";;;;;;;;;;EAYA,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,OAAO,UAAU,eAAc;EAEvC,MAAM,gBAAgB,KAAI;EAE1B,MAAM,WAAW,UAAgB;AAEjC,WAAS,OAAO,OAAO,EACrB,wBAAwB;AACtB,UAAO;KAEV,CAAA;;uBAIC,YAQe,MAAA,aAAA,EARf,WAQe;aAPT;IAAJ,KAAI;IACH,SAAS,MAAA,SAAQ,CAAC,OAAO;MAClB,MAAA,MAAK,CAAA,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA,CAAA,WAEiB,MAAA,MAAK,GAAjB,GAAG,SAAI;;KAAa;kBAAQ,aAAQ,CACpD,WAA+D,KAAA,QAAlD,MAAI,eAAA,mBAAA;MAAA,OAAmB,MAAA,SAAQ;MAAA,GAAK;MAAQ,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/esm/upload/index.d.ts

@@ -1,133 +1,5 @@
-import * as _$element_plus0 from "element-plus";
-import * as _$vue from "vue";
-
 //#region src/upload/index.d.ts
-declare const Upload: {
-  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
-    textContent: {
-      type: StringConstructor;
-      default: string;
-    };
-    errorAdaptor: {
-      type: _$vue.PropType<(error?: Error) => string>;
-      default: (error?: Error) => string;
-    };
-    formatValue: {
-      type: _$vue.PropType<(fileList?: _$element_plus0.UploadFile[]) => any>;
-      default: (item: any) => any;
-    };
-    fileList: {
-      type: _$vue.PropType<_$element_plus0.UploadFile[]>;
-      default: () => any[];
-    };
-    imageViewerProps: {
-      type: _$vue.PropType<_$element_plus0.ImageViewerProps>;
-      default: () => {
-        teleported: boolean;
-        showProgress: boolean;
-      };
-    };
-  }>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-  }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-  }, _$vue.PublicProps, {
-    textContent: string;
-    errorAdaptor: (error?: Error) => string;
-    formatValue: (fileList?: _$element_plus0.UploadFile[]) => any;
-    fileList: _$element_plus0.UploadFile[];
-    imageViewerProps: _$element_plus0.ImageViewerProps;
-  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<_$vue.ExtractPropTypes<{
-    textContent: {
-      type: StringConstructor;
-      default: string;
-    };
-    errorAdaptor: {
-      type: _$vue.PropType<(error?: Error) => string>;
-      default: (error?: Error) => string;
-    };
-    formatValue: {
-      type: _$vue.PropType<(fileList?: _$element_plus0.UploadFile[]) => any>;
-      default: (item: any) => any;
-    };
-    fileList: {
-      type: _$vue.PropType<_$element_plus0.UploadFile[]>;
-      default: () => any[];
-    };
-    imageViewerProps: {
-      type: _$vue.PropType<_$element_plus0.ImageViewerProps>;
-      default: () => {
-        teleported: boolean;
-        showProgress: boolean;
-      };
-    };
-  }>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-  }>, {}, {}, {}, {}, {
-    textContent: string;
-    errorAdaptor: (error?: Error) => string;
-    formatValue: (fileList?: _$element_plus0.UploadFile[]) => any;
-    fileList: _$element_plus0.UploadFile[];
-    imageViewerProps: _$element_plus0.ImageViewerProps;
-  }>;
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
-  textContent: {
-    type: StringConstructor;
-    default: string;
-  };
-  errorAdaptor: {
-    type: _$vue.PropType<(error?: Error) => string>;
-    default: (error?: Error) => string;
-  };
-  formatValue: {
-    type: _$vue.PropType<(fileList?: _$element_plus0.UploadFile[]) => any>;
-    default: (item: any) => any;
-  };
-  fileList: {
-    type: _$vue.PropType<_$element_plus0.UploadFile[]>;
-    default: () => any[];
-  };
-  imageViewerProps: {
-    type: _$vue.PropType<_$element_plus0.ImageViewerProps>;
-    default: () => {
-      teleported: boolean;
-      showProgress: boolean;
-    };
-  };
-}>> & Readonly<{
-  "onUpdate:modelValue"?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (...args: any[]) => void;
-}, string, {
-  textContent: string;
-  errorAdaptor: (error?: Error) => string;
-  formatValue: (fileList?: _$element_plus0.UploadFile[]) => any;
-  fileList: _$element_plus0.UploadFile[];
-  imageViewerProps: _$element_plus0.ImageViewerProps;
-}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
-  $slots: {
-    default?: (props: {}) => any;
-  } & {
-    file?: (props: {
-      file: _$element_plus0.UploadFile;
-      index: number;
-    }) => any;
-  } & {
-    tip?: (props: {}) => any;
-  } & {
-    trigger?: (props: {}) => any;
-  };
-});
+declare const Upload: any;
 //#endregion
 export { Upload };
 //# sourceMappingURL=index.d.ts.map

package/esm/upload/upload.mjs

@@ -3,7 +3,7 @@ import { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from "element-pl
 import { reactionWatch } from "@silver-formily/reactive-vue";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs as useAttrs$1, withCtx } from "vue";
 import { useField } from "@silver-formily/vue";
-import { isFn } from "@formily/shared";
+import { isFn } from "@silver-formily/shared";
 import { omit } from "lodash-es";
 import { Plus, Upload, UploadFilled } from "@element-plus/icons-vue";
 //#region src/upload/upload.vue

package/esm/upload/upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload.mjs","names":["$props","$slots"],"sources":["../../src/upload/upload.vue"],"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"],"mappings":"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"}
+{"version":3,"file":"upload.mjs","names":["$props","$slots"],"sources":["../../src/upload/upload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@silver-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 { reactionWatch } from '@silver-formily/reactive-vue'\nimport { isFn } from '@silver-formily/shared'\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"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@silver-formily/element-plus",
   "type": "module",
-  "version": "4.0.3",
-  "description": "Formily 的 Element Plus 封装",
+  "version": "5.0.1",
+  "description": "Element Plus bindings for Silver Formily",
   "author": "hezhengxu",
   "license": "MIT",
   "homepage": "https://element-plus.silver-formily.org/",
@@ -36,16 +36,16 @@
     "esm"
   ],
   "peerDependencies": {
-    "@formily/core": "^2.0.8",
-    "@formily/json-schema": "^2.0.8",
-    "@formily/reactive": "^2.0.8",
-    "@formily/shared": "^2.0.8",
-    "@silver-formily/grid": "^1.0.1",
-    "@silver-formily/reactive-vue": "^1.1.0",
-    "@silver-formily/vue": "^2.3.1",
     "@vueuse/core": "*",
     "element-plus": "^2.11.0",
-    "vue": "^3.3.0"
+    "vue": "^3.3.0",
+    "@silver-formily/core": "1.0.1",
+    "@silver-formily/json-schema": "1.0.1",
+    "@silver-formily/reactive": "1.0.0",
+    "@silver-formily/shared": "1.0.0",
+    "@silver-formily/grid": "2.0.0",
+    "@silver-formily/vue": "3.0.1",
+    "@silver-formily/reactive-vue": "2.0.0"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
@@ -71,10 +71,14 @@
     "vitest-browser-vue": "^2.0.2",
     "vue": "^3.5.27",
     "vue-tsc": "^3.2.6",
-    "@silver-formily/grid": "1.0.2",
-    "@silver-formily/reactive-vue": "1.1.1",
+    "@silver-formily/core": "1.0.1",
+    "@silver-formily/grid": "2.0.0",
+    "@silver-formily/json-schema": "1.0.1",
+    "@silver-formily/reactive-vue": "2.0.0",
+    "@silver-formily/reactive": "1.0.0",
     "@silver-formily/typescript-config": "0.0.0",
-    "@silver-formily/vue": "2.3.4"
+    "@silver-formily/shared": "1.0.0",
+    "@silver-formily/vue": "3.0.1"
   },
   "scripts": {
     "build": "tsdown --tsconfig tsconfig.build.json",
@@ -83,7 +87,7 @@
     "check-types": "vue-tsc --noEmit --project tsconfig.check.json",
     "test": "vitest run --reporter=dot",
     "test:watch": "vitest",
-    "test:run": "vitest run --browser.headless",
+    "test:browser": "vitest run --browser.headless",
     "test:coverage": "vitest run --coverage --browser.headless"
   }
 }