@silver-formily/element-plus 4.0.2 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__builtins__/shared/loading.mjs.map +1 -1
- package/esm/__builtins__/shared/transform-component.mjs +1 -1
- package/esm/__builtins__/shared/transform-component.mjs.map +1 -1
- package/esm/__builtins__/shared/utils.mjs +11 -6
- package/esm/__builtins__/shared/utils.mjs.map +1 -1
- package/esm/array-base/array-base-inner.mjs.map +1 -1
- package/esm/array-base/array-base-move-down.mjs +1 -1
- package/esm/array-base/array-base-move-down.mjs.map +1 -1
- package/esm/array-base/array-base-move-up.mjs +1 -1
- package/esm/array-base/array-base-move-up.mjs.map +1 -1
- package/esm/array-base/array-base-remove.mjs +1 -1
- package/esm/array-base/array-base-remove.mjs.map +1 -1
- package/esm/array-base/types.d.ts +2 -2
- package/esm/array-base/utils.d.ts +1 -1
- package/esm/array-base/utils.mjs +1 -1
- package/esm/array-base/utils.mjs.map +1 -1
- package/esm/array-cards/array-cards.mjs +1 -1
- package/esm/array-cards/array-cards.mjs.map +1 -1
- package/esm/array-collapse/array-collapse-item.mjs +1 -1
- package/esm/array-collapse/array-collapse-item.mjs.map +1 -1
- package/esm/array-collapse/array-collapse.mjs +3 -4
- package/esm/array-collapse/array-collapse.mjs.map +1 -1
- package/esm/array-items/array-items.mjs +3 -8
- package/esm/array-items/array-items.mjs.map +1 -1
- package/esm/array-list-tabs/array-list-tabs.mjs +57 -51
- package/esm/array-list-tabs/array-list-tabs.mjs.map +1 -1
- package/esm/array-list-tabs/utils.mjs.map +1 -1
- package/esm/array-table/array-table.mjs +4 -18
- package/esm/array-table/array-table.mjs.map +1 -1
- package/esm/array-table/utils.mjs.map +1 -1
- package/esm/array-tabs/array-tabs.mjs +1 -1
- package/esm/array-tabs/array-tabs.mjs.map +1 -1
- package/esm/autocomplete/autocomplete.mjs.map +1 -1
- package/esm/autocomplete/index.d.ts +3 -4
- package/esm/checkbox/checkbox-group.mjs +1 -1
- package/esm/checkbox/checkbox-group.mjs.map +1 -1
- package/esm/checkbox/index.d.ts +57 -57
- package/esm/color-picker/index.d.ts +20 -20
- package/esm/color-picker-panel/index.d.ts +9 -9
- package/esm/date-picker-panel/index.d.ts +1 -1
- package/esm/editable/editable-popover.mjs +1 -1
- package/esm/editable/editable-popover.mjs.map +1 -1
- package/esm/editable/editable.mjs +1 -1
- package/esm/editable/editable.mjs.map +1 -1
- package/esm/form/form.mjs.map +1 -1
- package/esm/form/form.vue.d.ts +1 -1
- package/esm/form-collapse/form-collapse.mjs +1 -1
- package/esm/form-collapse/form-collapse.mjs.map +1 -1
- package/esm/form-collapse/utils.d.ts +2 -2
- package/esm/form-collapse/utils.mjs +2 -2
- package/esm/form-collapse/utils.mjs.map +1 -1
- package/esm/form-dialog/dialog-content.mjs +1 -1
- package/esm/form-dialog/dialog-content.mjs.map +1 -1
- package/esm/form-dialog/index.mjs +3 -3
- package/esm/form-dialog/index.mjs.map +1 -1
- package/esm/form-dialog/types.d.ts +2 -2
- package/esm/form-drawer/drawer-content.mjs +1 -1
- package/esm/form-drawer/drawer-content.mjs.map +1 -1
- package/esm/form-drawer/index.mjs +3 -3
- package/esm/form-drawer/index.mjs.map +1 -1
- package/esm/form-drawer/types.d.ts +2 -2
- package/esm/form-grid/form-grid-column.mjs +6 -4
- package/esm/form-grid/form-grid-column.mjs.map +1 -1
- package/esm/form-item/form-item.mjs +1 -1
- package/esm/form-item/form-item.mjs.map +1 -1
- package/esm/form-item/index.mjs +1 -1
- package/esm/form-item/index.mjs.map +1 -1
- package/esm/form-item/utils.mjs +1 -1
- package/esm/form-item/utils.mjs.map +1 -1
- package/esm/form-layout/form-layout.mjs +1 -1
- package/esm/form-layout/form-layout.mjs.map +1 -1
- package/esm/form-layout/form-layout.vue.d.ts +1 -1
- package/esm/form-layout/utils.mjs +1 -1
- package/esm/form-layout/utils.mjs.map +1 -1
- package/esm/form-step/form-step.mjs +1 -1
- package/esm/form-step/form-step.mjs.map +1 -1
- package/esm/form-step/types.d.ts +1 -1
- package/esm/form-step/utils.d.ts +1 -1
- package/esm/form-step/utils.mjs +1 -1
- package/esm/form-step/utils.mjs.map +1 -1
- package/esm/form-tab/hooks.mjs.map +1 -1
- package/esm/form-tab/utils.mjs +1 -1
- package/esm/form-tab/utils.mjs.map +1 -1
- package/esm/input-number/index.d.ts +21 -21
- package/esm/input-tag/index.d.ts +1 -2
- package/esm/input-tag/input-tag.mjs.map +1 -1
- package/esm/mention/index.d.ts +3 -4
- package/esm/mention/mention.mjs.map +1 -1
- package/esm/pagination/components/pager2.mjs.map +1 -1
- package/esm/pagination/components/sizes2.mjs +1 -1
- package/esm/pagination/components/sizes2.mjs.map +1 -1
- package/esm/picker-select/picker-select.mjs +1 -1
- package/esm/picker-select/picker-select.mjs.map +1 -1
- package/esm/picker-select/types.d.ts +1 -1
- package/esm/preview-text/cascader.mjs.map +1 -1
- package/esm/preview-text/color-picker.mjs +1 -1
- package/esm/preview-text/color-picker.mjs.map +1 -1
- package/esm/preview-text/input.mjs +1 -1
- package/esm/preview-text/input.mjs.map +1 -1
- package/esm/preview-text/rate.mjs +1 -1
- package/esm/preview-text/rate.mjs.map +1 -1
- package/esm/preview-text/select.mjs +9 -4
- package/esm/preview-text/select.mjs.map +1 -1
- package/esm/preview-text/time-picker.mjs +1 -1
- package/esm/preview-text/time-picker.mjs.map +1 -1
- package/esm/preview-text/tree.mjs.map +1 -1
- package/esm/query-form/hooks.mjs +1 -1
- package/esm/query-form/hooks.mjs.map +1 -1
- package/esm/query-form/index.d.ts +5 -5
- package/esm/query-form/query-form-light.mjs +14 -7
- package/esm/query-form/query-form-light.mjs.map +1 -1
- package/esm/query-form/query-form.mjs +14 -7
- package/esm/query-form/query-form.mjs.map +1 -1
- package/esm/query-form/types.d.ts +9 -2
- package/esm/query-form-item/index.d.ts +4 -4
- package/esm/query-form-item/query-form-item.mjs +2 -2
- package/esm/query-form-item/query-form-item.mjs.map +1 -1
- package/esm/query-form-item/types.d.ts +2 -2
- package/esm/radio/index.d.ts +60 -60
- package/esm/radio/radio-group.mjs +5 -3
- package/esm/radio/radio-group.mjs.map +1 -1
- package/esm/rate/index.d.ts +10 -10
- package/esm/select/index.d.ts +7 -7
- package/esm/select-table/index.d.ts +3 -3
- package/esm/select-table/select-table.mjs +1 -1
- package/esm/select-table/select-table.mjs.map +1 -1
- package/esm/select-table/types.d.ts +1 -1
- package/esm/submit/submit.mjs.map +1 -1
- package/esm/switch/index.d.ts +27 -27
- package/esm/time-select/index.d.ts +20 -20
- package/esm/transfer/index.d.ts +21 -21
- package/esm/tree/tree.mjs +1 -1
- package/esm/tree/tree.mjs.map +1 -1
- package/esm/tree-select/tree-select.mjs.map +1 -1
- package/esm/upload/upload.mjs +1 -1
- package/esm/upload/upload.mjs.map +1 -1
- package/package.json +18 -14
package/esm/tree/tree.mjs.map
CHANGED
|
@@ -1 +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"}
|
|
1
|
+
{"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"}
|
|
@@ -1 +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"}
|
|
1
|
+
{"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/upload.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from "element-pl
|
|
|
3
3
|
import { reactionWatch } from "@silver-formily/reactive-vue";
|
|
4
4
|
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs as useAttrs$1, withCtx } from "vue";
|
|
5
5
|
import { useField } from "@silver-formily/vue";
|
|
6
|
-
import { isFn } from "@formily/shared";
|
|
6
|
+
import { isFn } from "@silver-formily/shared";
|
|
7
7
|
import { omit } from "lodash-es";
|
|
8
8
|
import { Plus, Upload, UploadFilled } from "@element-plus/icons-vue";
|
|
9
9
|
//#region src/upload/upload.vue
|
|
@@ -1 +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 {
|
|
1
|
+
{"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
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@silver-formily/element-plus",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "
|
|
5
|
-
"description": "
|
|
4
|
+
"version": "5.0.0",
|
|
5
|
+
"description": "Element Plus bindings for Silver Formily",
|
|
6
6
|
"author": "hezhengxu",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"homepage": "https://element-plus.silver-formily.org/",
|
|
@@ -36,16 +36,16 @@
|
|
|
36
36
|
"esm"
|
|
37
37
|
],
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@formily/core": "^2.0.8",
|
|
40
|
-
"@formily/json-schema": "^2.0.8",
|
|
41
|
-
"@formily/reactive": "^2.0.8",
|
|
42
|
-
"@formily/shared": "^2.0.8",
|
|
43
|
-
"@silver-formily/grid": "^1.0.1",
|
|
44
|
-
"@silver-formily/reactive-vue": "^1.1.0",
|
|
45
|
-
"@silver-formily/vue": "^2.3.1",
|
|
46
39
|
"@vueuse/core": "*",
|
|
47
40
|
"element-plus": "^2.11.0",
|
|
48
|
-
"vue": "^3.3.0"
|
|
41
|
+
"vue": "^3.3.0",
|
|
42
|
+
"@silver-formily/grid": "2.0.0",
|
|
43
|
+
"@silver-formily/json-schema": "1.0.0",
|
|
44
|
+
"@silver-formily/reactive": "1.0.0",
|
|
45
|
+
"@silver-formily/shared": "1.0.0",
|
|
46
|
+
"@silver-formily/core": "1.0.0",
|
|
47
|
+
"@silver-formily/reactive-vue": "2.0.0",
|
|
48
|
+
"@silver-formily/vue": "3.0.0"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@element-plus/icons-vue": "^2.3.2",
|
|
@@ -71,10 +71,14 @@
|
|
|
71
71
|
"vitest-browser-vue": "^2.0.2",
|
|
72
72
|
"vue": "^3.5.27",
|
|
73
73
|
"vue-tsc": "^3.2.6",
|
|
74
|
-
"@silver-formily/
|
|
75
|
-
"@silver-formily/
|
|
74
|
+
"@silver-formily/core": "1.0.0",
|
|
75
|
+
"@silver-formily/grid": "2.0.0",
|
|
76
|
+
"@silver-formily/json-schema": "1.0.0",
|
|
77
|
+
"@silver-formily/reactive-vue": "2.0.0",
|
|
78
|
+
"@silver-formily/reactive": "1.0.0",
|
|
79
|
+
"@silver-formily/shared": "1.0.0",
|
|
76
80
|
"@silver-formily/typescript-config": "0.0.0",
|
|
77
|
-
"@silver-formily/vue": "
|
|
81
|
+
"@silver-formily/vue": "3.0.0"
|
|
78
82
|
},
|
|
79
83
|
"scripts": {
|
|
80
84
|
"build": "tsdown --tsconfig tsconfig.build.json",
|
|
@@ -83,7 +87,7 @@
|
|
|
83
87
|
"check-types": "vue-tsc --noEmit --project tsconfig.check.json",
|
|
84
88
|
"test": "vitest run --reporter=dot",
|
|
85
89
|
"test:watch": "vitest",
|
|
86
|
-
"test:
|
|
90
|
+
"test:browser": "vitest run --browser.headless",
|
|
87
91
|
"test:coverage": "vitest run --coverage --browser.headless"
|
|
88
92
|
}
|
|
89
93
|
}
|