element-plus-secondary 0.6.6 → 0.6.8

package/lib/components/tree-select/src/tree-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.js","sources":["../../../../../../packages/components/tree-select/src/tree-select.vue"],"sourcesContent":["<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, h, onMounted, reactive, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport ElSelect from '@element-plus/components/select'\nimport ElTree from '@element-plus/components/tree'\nimport { useSelect } from './select'\nimport { useTree } from './tree'\n\nexport default defineComponent({\n  name: 'ElTreeSelect',\n  // disable `ElSelect` inherit current attrs\n  inheritAttrs: false,\n  props: {\n    ...ElSelect.props,\n    ...ElTree.props,\n  },\n  setup(props, context) {\n    const { slots, expose } = context\n\n    const select = ref<InstanceType<typeof ElSelect>>()\n    const tree = ref<InstanceType<typeof ElTree>>()\n\n    const key = computed(() => props.nodeKey || props.valueKey || 'value')\n\n    const selectProps = useSelect(props, context, { select, tree, key })\n    const treeProps = useTree(props, context, { select, tree, key })\n\n    // expose ElTree/ElSelect methods\n    const methods = reactive({})\n    expose(methods)\n    onMounted(() => {\n      Object.assign(methods, {\n        ...pick(tree.value, [\n          'filter',\n          'updateKeyChildren',\n          'getCheckedNodes',\n          'setCheckedNodes',\n          'getCheckedKeys',\n          'setCheckedKeys',\n          'setChecked',\n          'getHalfCheckedNodes',\n          'getHalfCheckedKeys',\n          'getCurrentKey',\n          'getCurrentNode',\n          'setCurrentKey',\n          'setCurrentNode',\n          'getNode',\n          'remove',\n          'append',\n          'insertBefore',\n          'insertAfter',\n        ]),\n        ...pick(select.value, ['focus', 'blur']),\n      })\n    })\n\n    return () =>\n      h(\n        ElSelect,\n        /**\n         * 1. The `props` is processed into `Refs`, but `v-bind` and\n         * render function props cannot read `Refs`, so use `reactive`\n         * unwrap the `Refs` and keep reactive.\n         * 2. The keyword `ref` requires `Ref`, but `reactive` broke it,\n         * so use function.\n         */\n        reactive({\n          ...selectProps,\n          ref: (ref) => (select.value = ref),\n        }),\n        {\n          ...slots,\n          default: () =>\n            h(\n              ElTree,\n              reactive({\n                ...treeProps,\n                ref: (ref) => (tree.value = ref),\n              })\n            ),\n        }\n      )\n  },\n})\n</script>\n"],"names":["defineComponent","ElSelect","ElTree","select","ref","tree","computed","useSelect","useTree","reactive","onMounted","pick","h"],"mappings":";;;;;;;;;;;;AASA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACL,GAAGC,cAAS,CAAA,KAAA;AAAA,IACZ,GAAGC,kBAAO,CAAA,KAAA;AAAA,GACZ;AAAA,EACA,KAAA,CAAM,OAAO,OAAS,EAAA;AACpB,IAAM,MAAA,EAAE,OAAO,MAAW,EAAA,GAAA,OAAA,CAAA;AAE1B,IAAA,MAAMC,WAASC,OAAmC,EAAA,CAAA;AAClD,IAAA,MAAMC,SAAOD,OAAiC,EAAA,CAAA;AAE9C,IAAA,MAAM,MAAME,YAAS,CAAA,MAAM,MAAM,OAAW,IAAA,KAAA,CAAM,YAAY,OAAO,CAAA,CAAA;AAErE,IAAM,MAAA,WAAA,GAAcC,iBAAU,KAAO,EAAA,OAAA,EAAS,UAAEJ,QAAQ,QAAAE,MAAA,EAAM,KAAK,CAAA,CAAA;AACnE,IAAM,MAAA,SAAA,GAAYG,aAAQ,KAAO,EAAA,OAAA,EAAS,UAAEL,QAAQ,QAAAE,MAAA,EAAM,KAAK,CAAA,CAAA;AAG/D,IAAM,MAAA,OAAA,GAAUI,YAAS,CAAA,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACd,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,MAAA,CAAO,OAAO,OAAS,EAAA;AAAA,QACrB,GAAGC,kBAAK,CAAAN,MAAA,CAAK,KAAO,EAAA;AAAA,UAClB,QAAA;AAAA,UACA,mBAAA;AAAA,UACA,iBAAA;AAAA,UACA,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,gBAAA;AAAA,UACA,YAAA;AAAA,UACA,qBAAA;AAAA,UACA,oBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,SAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,aAAA;AAAA,SACD,CAAA;AAAA,QACD,GAAGM,kBAAK,CAAAR,QAAA,CAAO,OAAO,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,OACxC,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,MACLS,KACE,CAAAX,cAAA,EAQAQ,YAAS,CAAA;AAAA,MACP,GAAG,WAAA;AAAA,MACH,GAAK,EAAA,CAAC,IAAS,KAAAN,QAAA,CAAO,KAAQ,GAAA,IAAA;AAAA,KAC/B,CACD,EAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,OAAS,EAAA,MACPS,KACE,CAAAV,kBAAA,EACAO,YAAS,CAAA;AAAA,QACP,GAAG,SAAA;AAAA,QACH,GAAK,EAAA,CAAC,IAAS,KAAAJ,MAAA,CAAK,KAAQ,GAAA,IAAA;AAAA,OAC7B,CACH,CAAA;AAAA,KAEN,CAAA,CAAA;AAAA,GACJ;AACF,CAAC,CAAA,CAAA;;;;;"}
+{"version":3,"file":"tree-select.js","sources":["../../../../../../packages/components/tree-select/src/tree-select.vue"],"sourcesContent":["<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  defineComponent,\n  h,\n  onMounted,\n  reactive,\n  ref,\n  inject,\n} from \"vue\";\nimport { formatterStyle } from \"@element-plus/utils\";\nimport { useNamespace, useLocale } from \"@element-plus/hooks\";\nimport { pick } from \"lodash-unified\";\nimport ElSelect from \"@element-plus/components/select\";\nimport ElTree from \"@element-plus/components/tree\";\nimport { useSelect } from \"./select\";\nimport { useTree } from \"./tree\";\nimport type { CustomStyle } from \"@element-plus/utils\";\n\nexport default defineComponent({\n  name: \"ElTreeSelect\",\n  // disable `ElSelect` inherit current attrs\n  inheritAttrs: false,\n  props: {\n    ...ElSelect.props,\n    ...ElTree.props,\n    showBtn: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, context) {\n    const { slots, expose, emit } = context;\n    const ns = useNamespace(\"select-tree\");\n    const { t } = useLocale();\n    const customStyle = inject(\"$custom-style-filter\", {}) as CustomStyle;\n    const select = ref<InstanceType<typeof ElSelect>>();\n    const tree = ref<InstanceType<typeof ElTree>>();\n\n    const key = computed(() => props.nodeKey || props.valueKey || \"value\");\n\n    const selectProps = useSelect(props, context, { select, tree, key });\n    const treeProps = useTree(props, context, { select, tree, key });\n    const clear = () => {\n      emit(\"treeSelectClear\", tree.value?.setCheckedKeys([]));\n    };\n\n    const confirm = () => {\n      emit(\"treeSelectConfirm\", tree.value?.getCheckedKeys());\n    };\n\n    // expose ElTree/ElSelect methods\n    const methods = reactive({});\n    expose(methods);\n    onMounted(() => {\n      Object.assign(methods, {\n        ...pick(tree.value, [\n          \"filter\",\n          \"updateKeyChildren\",\n          \"getCheckedNodes\",\n          \"setCheckedNodes\",\n          \"getCheckedKeys\",\n          \"setCheckedKeys\",\n          \"setChecked\",\n          \"getHalfCheckedNodes\",\n          \"getHalfCheckedKeys\",\n          \"getCurrentKey\",\n          \"getCurrentNode\",\n          \"setCurrentKey\",\n          \"setCurrentNode\",\n          \"getNode\",\n          \"remove\",\n          \"append\",\n          \"insertBefore\",\n          \"insertAfter\",\n        ]),\n        ...pick(select.value, [\"focus\", \"blur\"]),\n      });\n    });\n\n    return () =>\n      h(\n        ElSelect,\n        /**\n         * 1. The `props` is processed into `Refs`, but `v-bind` and\n         * render function props cannot read `Refs`, so use `reactive`\n         * unwrap the `Refs` and keep reactive.\n         * 2. The keyword `ref` requires `Ref`, but `reactive` broke it,\n         * so use function.\n         */\n        reactive({\n          ...selectProps,\n          ref: (ref) => (select.value = ref),\n        }),\n        {\n          ...slots,\n          default: () => [\n            h(\n              ElTree,\n              reactive({\n                ...treeProps,\n                showBtn: props.showBtn,\n                ref: (ref) => (tree.value = ref),\n              })\n            ),\n            props.showBtn\n              ? h(\n                  \"div\",\n                  {\n                    class: ns.b(\"btn-group\"),\n                    style: formatterStyle(customStyle, [\"border\"]),\n                  },\n                  [\n                    h(\n                      \"div\",\n                      {\n                        onClick: clear,\n                        class: ns.b(\"btn\"),\n                        style: { color: \"#000000\", background: \"#ffffff\" },\n                      },\n                      t(\"el.datepicker.clear\")\n                    ),\n                    h(\n                      \"div\",\n                      {\n                        onClick: confirm,\n                        class: ns.b(\"btn\"),\n                        style: { color: \"#ffffff\", background: \"#3370FF\" },\n                      },\n                      t(\"el.datepicker.confirm\")\n                    ),\n                  ]\n                )\n              : null,\n          ],\n        }\n      );\n  },\n});\n</script>\n"],"names":["defineComponent","ElSelect","ElTree","useNamespace","useLocale","inject","select","ref","tree","computed","useSelect","useTree","reactive","onMounted","pick","h","formatterStyle"],"mappings":"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"}

package/lib/components/tree-select/src/tree.d.ts

@@ -1,6 +1,6 @@
-import ElTree from 'element-plus-secondary/es/components/tree';
-import type { Ref } from 'vue';
-import type ElSelect from 'element-plus-secondary/es/components/select';
+import ElTree from "element-plus-secondary/es/components/tree";
+import type { Ref } from "vue";
+import type ElSelect from "element-plus-secondary/es/components/select";
 export declare const useTree: (props: any, { attrs, slots, emit }: {
     attrs: any;
     slots: any;

package/lib/components/tree-select/src/tree.js

@@ -90,15 +90,15 @@ const useTree = (props, { attrs, slots, emit }, {
       (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, params);
       const dataValue = getNodeValByProp("value", data);
       if (props.checkStrictly) {
-        emit(event.UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
+        emit(props.showBtn ? event.UPDATE_MODEL_EVENT_CACH : event.UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
       } else {
         if (props.multiple) {
-          emit(event.UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
+          emit(props.showBtn ? event.UPDATE_MODEL_EVENT_CACH : event.UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
         } else {
           const firstLeaf = utils.treeFind([data], (data2) => !utils.isValidArray(getNodeValByProp("children", data2)) && !getNodeValByProp("disabled", data2), (data2) => getNodeValByProp("children", data2));
           const firstLeafKey = firstLeaf ? getNodeValByProp("value", firstLeaf) : void 0;
           const hasCheckedChild = utils.isValidValue(props.modelValue) && !!utils.treeFind([data], (data2) => getNodeValByProp("value", data2) === props.modelValue, (data2) => getNodeValByProp("children", data2));
-          emit(event.UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
+          emit(props.showBtn ? event.UPDATE_MODEL_EVENT_CACH : event.UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
         }
       }
     }

package/lib/components/tree-select/src/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sources":["../../../../../../packages/components/tree-select/src/tree.ts"],"sourcesContent":["// @ts-nocheck\nimport { computed, nextTick, toRefs, watch } from 'vue'\nimport { isEqual, pick } from 'lodash-unified'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isFunction } from '@element-plus/utils'\nimport ElTree from '@element-plus/components/tree'\nimport TreeSelectOption from './tree-select-option'\nimport { isValidArray, isValidValue, toValidArray, treeFind } from './utils'\nimport type { Ref } from 'vue'\nimport type ElSelect from '@element-plus/components/select'\nimport type Node from '@element-plus/components/tree/src/model/node'\nimport type { TreeNodeData } from '@element-plus/components/tree/src/tree.type'\n\nexport const useTree = (\n  props,\n  { attrs, slots, emit },\n  {\n    select,\n    tree,\n    key,\n  }: {\n    select: Ref<InstanceType<typeof ElSelect> | undefined>\n    tree: Ref<InstanceType<typeof ElTree> | undefined>\n    key: Ref<string>\n  }\n) => {\n  watch(\n    () => props.modelValue,\n    () => {\n      if (props.showCheckbox) {\n        nextTick(() => {\n          const treeInstance = tree.value\n          if (\n            treeInstance &&\n            !isEqual(\n              treeInstance.getCheckedKeys(),\n              toValidArray(props.modelValue)\n            )\n          ) {\n            treeInstance.setCheckedKeys(toValidArray(props.modelValue))\n          }\n        })\n      }\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  )\n\n  const propsMap = computed(() => ({\n    value: key.value,\n    ...props.props,\n  }))\n\n  const getNodeValByProp = (\n    prop: 'value' | 'label' | 'children' | 'disabled' | 'isLeaf',\n    data: TreeNodeData\n  ) => {\n    const propVal = propsMap.value[prop]\n    if (isFunction(propVal)) {\n      return propVal(\n        data,\n        tree.value?.getNode(getNodeValByProp('value', data)) as Node\n      )\n    } else {\n      return data[propVal as string]\n    }\n  }\n\n  const defaultExpandedParentKeys = toValidArray(props.modelValue)\n    .map((value) => {\n      return treeFind(\n        props.data || [],\n        (data) => getNodeValByProp('value', data) === value,\n        (data) => getNodeValByProp('children', data),\n        (data, index, array, parent) =>\n          parent && getNodeValByProp('value', parent)\n      )\n    })\n    .filter((item) => isValidValue(item))\n\n  return {\n    ...pick(toRefs(props), Object.keys(ElTree.props)),\n    ...attrs,\n    nodeKey: key,\n\n    // only expand on click node when the `check-strictly` is false\n    expandOnClickNode: computed(() => {\n      return !props.checkStrictly && props.expandOnClickNode\n    }),\n\n    // show current selected node only first time,\n    // fix the problem of expanding multiple nodes when checking multiple nodes\n    defaultExpandedKeys: computed(() => {\n      return props.defaultExpandedKeys\n        ? props.defaultExpandedKeys.concat(defaultExpandedParentKeys)\n        : defaultExpandedParentKeys\n    }),\n\n    renderContent: (h, { node, data, store }) => {\n      return h(\n        TreeSelectOption,\n        {\n          value: getNodeValByProp('value', data),\n          label: getNodeValByProp('label', data),\n          disabled: getNodeValByProp('disabled', data),\n        },\n        props.renderContent\n          ? () => props.renderContent(h, { node, data, store })\n          : slots.default\n          ? () => slots.default({ node, data, store })\n          : undefined\n      )\n    },\n    filterNodeMethod: (value, data, node) => {\n      if (props.filterNodeMethod)\n        return props.filterNodeMethod(value, data, node)\n      if (!value) return true\n      return getNodeValByProp('label', data)?.includes(value)\n    },\n    onNodeClick: (data, node, e) => {\n      attrs.onNodeClick?.(data, node, e)\n\n      // `onCheck` is trigger when `checkOnClickNode`\n      if (props.showCheckbox && props.checkOnClickNode) return\n\n      // now `checkOnClickNode` is false, only no checkbox and `checkStrictly` or `isLeaf`\n      if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {\n        if (!getNodeValByProp('disabled', data)) {\n          const option = select.value?.options.get(\n            getNodeValByProp('value', data)\n          )\n          select.value?.handleOptionSelect(option, true)\n        }\n      } else if (props.expandOnClickNode) {\n        e.proxy.handleExpandIconClick()\n      }\n    },\n    onCheck: (data, params) => {\n      attrs.onCheck?.(data, params)\n\n      const dataValue = getNodeValByProp('value', data)\n      if (props.checkStrictly) {\n        emit(\n          UPDATE_MODEL_EVENT,\n          // Checking for changes may come from `check-on-node-click`\n          props.multiple\n            ? params.checkedKeys\n            : params.checkedKeys.includes(dataValue)\n            ? dataValue\n            : undefined\n        )\n      }\n      // only can select leaf node\n      else {\n        if (props.multiple) {\n          emit(\n            UPDATE_MODEL_EVENT,\n            (tree.value as InstanceType<typeof ElTree>).getCheckedKeys(true)\n          )\n        } else {\n          // select first leaf node when check parent\n          const firstLeaf = treeFind(\n            [data],\n            (data) =>\n              !isValidArray(getNodeValByProp('children', data)) &&\n              !getNodeValByProp('disabled', data),\n            (data) => getNodeValByProp('children', data)\n          )\n          const firstLeafKey = firstLeaf\n            ? getNodeValByProp('value', firstLeaf)\n            : undefined\n\n          // unselect when any child checked\n          const hasCheckedChild =\n            isValidValue(props.modelValue) &&\n            !!treeFind(\n              [data],\n              (data) => getNodeValByProp('value', data) === props.modelValue,\n              (data) => getNodeValByProp('children', data)\n            )\n\n          emit(\n            UPDATE_MODEL_EVENT,\n            firstLeafKey === props.modelValue || hasCheckedChild\n              ? undefined\n              : firstLeafKey\n          )\n        }\n      }\n    },\n  }\n}\n"],"names":["watch","nextTick","isEqual","toValidArray","computed","isFunction","treeFind","isValidValue","pick","toRefs","ElTree","TreeSelectOption","UPDATE_MODEL_EVENT","isValidArray"],"mappings":"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"}
+{"version":3,"file":"tree.js","sources":["../../../../../../packages/components/tree-select/src/tree.ts"],"sourcesContent":["// @ts-nocheck\nimport { computed, nextTick, toRefs, watch } from \"vue\";\nimport { isEqual, pick } from \"lodash-unified\";\nimport {\n  UPDATE_MODEL_EVENT,\n  UPDATE_MODEL_EVENT_CACH,\n} from \"@element-plus/constants\";\nimport { isFunction } from \"@element-plus/utils\";\nimport ElTree from \"@element-plus/components/tree\";\nimport TreeSelectOption from \"./tree-select-option\";\nimport { isValidArray, isValidValue, toValidArray, treeFind } from \"./utils\";\nimport type { Ref } from \"vue\";\nimport type ElSelect from \"@element-plus/components/select\";\nimport type Node from \"@element-plus/components/tree/src/model/node\";\nimport type { TreeNodeData } from \"@element-plus/components/tree/src/tree.type\";\n\nexport const useTree = (\n  props,\n  { attrs, slots, emit },\n  {\n    select,\n    tree,\n    key,\n  }: {\n    select: Ref<InstanceType<typeof ElSelect> | undefined>;\n    tree: Ref<InstanceType<typeof ElTree> | undefined>;\n    key: Ref<string>;\n  }\n) => {\n  watch(\n    () => props.modelValue,\n    () => {\n      if (props.showCheckbox) {\n        nextTick(() => {\n          const treeInstance = tree.value;\n          if (\n            treeInstance &&\n            !isEqual(\n              treeInstance.getCheckedKeys(),\n              toValidArray(props.modelValue)\n            )\n          ) {\n            treeInstance.setCheckedKeys(toValidArray(props.modelValue));\n          }\n        });\n      }\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  );\n\n  const propsMap = computed(() => ({\n    value: key.value,\n    ...props.props,\n  }));\n\n  const getNodeValByProp = (\n    prop: \"value\" | \"label\" | \"children\" | \"disabled\" | \"isLeaf\",\n    data: TreeNodeData\n  ) => {\n    const propVal = propsMap.value[prop];\n    if (isFunction(propVal)) {\n      return propVal(\n        data,\n        tree.value?.getNode(getNodeValByProp(\"value\", data)) as Node\n      );\n    } else {\n      return data[propVal as string];\n    }\n  };\n\n  const defaultExpandedParentKeys = toValidArray(props.modelValue)\n    .map((value) => {\n      return treeFind(\n        props.data || [],\n        (data) => getNodeValByProp(\"value\", data) === value,\n        (data) => getNodeValByProp(\"children\", data),\n        (data, index, array, parent) =>\n          parent && getNodeValByProp(\"value\", parent)\n      );\n    })\n    .filter((item) => isValidValue(item));\n\n  return {\n    ...pick(toRefs(props), Object.keys(ElTree.props)),\n    ...attrs,\n    nodeKey: key,\n\n    // only expand on click node when the `check-strictly` is false\n    expandOnClickNode: computed(() => {\n      return !props.checkStrictly && props.expandOnClickNode;\n    }),\n\n    // show current selected node only first time,\n    // fix the problem of expanding multiple nodes when checking multiple nodes\n    defaultExpandedKeys: computed(() => {\n      return props.defaultExpandedKeys\n        ? props.defaultExpandedKeys.concat(defaultExpandedParentKeys)\n        : defaultExpandedParentKeys;\n    }),\n\n    renderContent: (h, { node, data, store }) => {\n      return h(\n        TreeSelectOption,\n        {\n          value: getNodeValByProp(\"value\", data),\n          label: getNodeValByProp(\"label\", data),\n          disabled: getNodeValByProp(\"disabled\", data),\n        },\n        props.renderContent\n          ? () => props.renderContent(h, { node, data, store })\n          : slots.default\n          ? () => slots.default({ node, data, store })\n          : undefined\n      );\n    },\n    filterNodeMethod: (value, data, node) => {\n      if (props.filterNodeMethod)\n        return props.filterNodeMethod(value, data, node);\n      if (!value) return true;\n      return getNodeValByProp(\"label\", data)?.includes(value);\n    },\n    onNodeClick: (data, node, e) => {\n      attrs.onNodeClick?.(data, node, e);\n\n      // `onCheck` is trigger when `checkOnClickNode`\n      if (props.showCheckbox && props.checkOnClickNode) return;\n\n      // now `checkOnClickNode` is false, only no checkbox and `checkStrictly` or `isLeaf`\n      if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {\n        if (!getNodeValByProp(\"disabled\", data)) {\n          const option = select.value?.options.get(\n            getNodeValByProp(\"value\", data)\n          );\n          select.value?.handleOptionSelect(option, true);\n        }\n      } else if (props.expandOnClickNode) {\n        e.proxy.handleExpandIconClick();\n      }\n    },\n    onCheck: (data, params) => {\n      attrs.onCheck?.(data, params);\n\n      const dataValue = getNodeValByProp(\"value\", data);\n      if (props.checkStrictly) {\n        emit(\n          props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT,\n          // Checking for changes may come from `check-on-node-click`\n          props.multiple\n            ? params.checkedKeys\n            : params.checkedKeys.includes(dataValue)\n            ? dataValue\n            : undefined\n        );\n      }\n      // only can select leaf node\n      else {\n        if (props.multiple) {\n          emit(\n            props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT,\n            (tree.value as InstanceType<typeof ElTree>).getCheckedKeys(true)\n          );\n        } else {\n          // select first leaf node when check parent\n          const firstLeaf = treeFind(\n            [data],\n            (data) =>\n              !isValidArray(getNodeValByProp(\"children\", data)) &&\n              !getNodeValByProp(\"disabled\", data),\n            (data) => getNodeValByProp(\"children\", data)\n          );\n          const firstLeafKey = firstLeaf\n            ? getNodeValByProp(\"value\", firstLeaf)\n            : undefined;\n\n          // unselect when any child checked\n          const hasCheckedChild =\n            isValidValue(props.modelValue) &&\n            !!treeFind(\n              [data],\n              (data) => getNodeValByProp(\"value\", data) === props.modelValue,\n              (data) => getNodeValByProp(\"children\", data)\n            );\n\n          emit(\n            props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT,\n            firstLeafKey === props.modelValue || hasCheckedChild\n              ? undefined\n              : firstLeafKey\n          );\n        }\n      }\n    },\n  };\n};\n"],"names":["watch","nextTick","isEqual","toValidArray","computed","isFunction","treeFind","isValidValue","pick","toRefs","ElTree","TreeSelectOption","UPDATE_MODEL_EVENT_CACH","UPDATE_MODEL_EVENT","isValidArray"],"mappings":"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"}

package/lib/components/upload/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../utils/index.js');
 var upload$1 = require('./src/upload.js');
 var upload = require('./src/upload2.js');
-var uploadContent = require('./src/upload-content2.js');
-var uploadList = require('./src/upload-list.js');
+var uploadContent = require('./src/upload-content.js');
+var uploadList = require('./src/upload-list2.js');
 var uploadDragger = require('./src/upload-dragger2.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/upload/src/upload-content.js

@@ -2,179 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
+var shared = require('@vue/shared');
 require('../../../utils/index.js');
-var uploadDragger = require('./upload-dragger.js');
-var uploadContent = require('./upload-content2.js');
 var upload = require('./upload2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var objects = require('../../../utils/objects.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["onKeydown"];
-const _hoisted_2 = ["name", "multiple", "accept"];
-const __default__ = vue.defineComponent({
-  name: "ElUploadContent",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: uploadContent.uploadContentProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = index.useNamespace("upload");
-    const requests = vue.shallowRef({});
-    const inputRef = vue.shallowRef();
-    const uploadFiles = (files) => {
-      if (files.length === 0)
-        return;
-      const { autoUpload, limit, fileList, multiple, onStart, onExceed } = props;
-      if (limit && fileList.length + files.length > limit) {
-        onExceed(files, fileList);
-        return;
-      }
-      if (!multiple) {
-        files = files.slice(0, 1);
-      }
-      for (const file of files) {
-        const rawFile = file;
-        rawFile.uid = upload.genFileId();
-        onStart(rawFile);
-        if (autoUpload)
-          upload$1(rawFile);
-      }
-    };
-    const upload$1 = async (rawFile) => {
-      inputRef.value.value = "";
-      if (!props.beforeUpload) {
-        return doUpload(rawFile);
-      }
-      let hookResult;
-      try {
-        hookResult = await props.beforeUpload(rawFile);
-      } catch (e) {
-        hookResult = false;
-      }
-      if (hookResult === false) {
-        props.onRemove(rawFile);
-        return;
-      }
-      let file = rawFile;
-      if (hookResult instanceof Blob) {
-        if (hookResult instanceof File) {
-          file = hookResult;
-        } else {
-          file = new File([hookResult], rawFile.name, {
-            type: rawFile.type
-          });
-        }
-      }
-      doUpload(Object.assign(file, {
-        uid: rawFile.uid
-      }));
-    };
-    const doUpload = (rawFile) => {
-      const {
-        headers,
-        data,
-        method,
-        withCredentials,
-        name: filename,
-        action,
-        onProgress,
-        onSuccess,
-        onError,
-        httpRequest
-      } = props;
-      const { uid } = rawFile;
-      const options = {
-        headers: headers || {},
-        withCredentials,
-        file: rawFile,
-        data,
-        method,
-        filename,
-        action,
-        onProgress: (evt) => {
-          onProgress(evt, rawFile);
-        },
-        onSuccess: (res) => {
-          onSuccess(res, rawFile);
-          delete requests.value[uid];
-        },
-        onError: (err) => {
-          onError(err, rawFile);
-          delete requests.value[uid];
-        }
-      };
-      const request = httpRequest(options);
-      requests.value[uid] = request;
-      if (request instanceof Promise) {
-        request.then(options.onSuccess, options.onError);
-      }
-    };
-    const handleChange = (e) => {
-      const files = e.target.files;
-      if (!files)
-        return;
-      uploadFiles(Array.from(files));
-    };
-    const handleClick = () => {
-      if (!props.disabled) {
-        inputRef.value.value = "";
-        inputRef.value.click();
-      }
-    };
-    const handleKeydown = () => {
-      handleClick();
-    };
-    const abort = (file) => {
-      const _reqs = objects.entriesOf(requests.value).filter(file ? ([uid]) => String(file.uid) === uid : () => true);
-      _reqs.forEach(([uid, req]) => {
-        if (req instanceof XMLHttpRequest)
-          req.abort();
-        delete requests.value[uid];
-      });
-    };
-    expose({
-      abort,
-      upload: upload$1
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.listType), vue.unref(ns).is("drag", _ctx.drag)]),
-        tabindex: "0",
-        onClick: handleClick,
-        onKeydown: vue.withKeys(vue.withModifiers(handleKeydown, ["self"]), ["enter", "space"])
-      }, [
-        _ctx.drag ? (vue.openBlock(), vue.createBlock(uploadDragger["default"], {
-          key: 0,
-          disabled: _ctx.disabled,
-          onFile: uploadFiles
-        }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["disabled"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-        vue.createElementVNode("input", {
-          ref_key: "inputRef",
-          ref: inputRef,
-          class: vue.normalizeClass(vue.unref(ns).e("input")),
-          name: _ctx.name,
-          multiple: _ctx.multiple,
-          accept: _ctx.accept,
-          type: "file",
-          onChange: handleChange,
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, null, 42, _hoisted_2)
-      ], 42, _hoisted_1);
-    };
+const uploadContentProps = runtime.buildProps({
+  ...upload.uploadBaseProps,
+  beforeUpload: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
+  },
+  onRemove: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
+  },
+  onStart: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
+  },
+  onSuccess: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
+  },
+  onProgress: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
+  },
+  onError: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
+  },
+  onExceed: {
+    type: runtime.definePropType(Function),
+    default: shared.NOOP
   }
 });
-var UploadContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/upload/src/upload-content.vue"]]);
 
-exports["default"] = UploadContent;
+exports.uploadContentProps = uploadContentProps;
 //# sourceMappingURL=upload-content.js.map

package/lib/components/upload/src/upload-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-content.js","sources":["../../../../../../packages/components/upload/src/upload-content.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(listType), ns.is('drag', drag)]\"\n    tabindex=\"0\"\n    @click=\"handleClick\"\n    @keydown.self.enter.space=\"handleKeydown\"\n  >\n    <template v-if=\"drag\">\n      <upload-dragger :disabled=\"disabled\" @file=\"uploadFiles\">\n        <slot />\n      </upload-dragger>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n    <input\n      ref=\"inputRef\"\n      :class=\"ns.e('input')\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      type=\"file\"\n      @change=\"handleChange\"\n      @click.stop\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { shallowRef } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { entriesOf } from '@element-plus/utils'\nimport UploadDragger from './upload-dragger.vue'\nimport { uploadContentProps } from './upload-content'\nimport { genFileId } from './upload'\n\nimport type {\n  UploadFile,\n  UploadHooks,\n  UploadRawFile,\n  UploadRequestOptions,\n} from './upload'\n\ndefineOptions({\n  name: 'ElUploadContent',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(uploadContentProps)\nconst ns = useNamespace('upload')\n\nconst requests = shallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>(\n  {}\n)\nconst inputRef = shallowRef<HTMLInputElement>()\n\nconst uploadFiles = (files: File[]) => {\n  if (files.length === 0) return\n\n  const { autoUpload, limit, fileList, multiple, onStart, onExceed } = props\n\n  if (limit && fileList.length + files.length > limit) {\n    onExceed(files, fileList)\n    return\n  }\n\n  if (!multiple) {\n    files = files.slice(0, 1)\n  }\n\n  for (const file of files) {\n    const rawFile = file as UploadRawFile\n    rawFile.uid = genFileId()\n    onStart(rawFile)\n    if (autoUpload) upload(rawFile)\n  }\n}\n\nconst upload = async (rawFile: UploadRawFile) => {\n  inputRef.value!.value = ''\n\n  if (!props.beforeUpload) {\n    return doUpload(rawFile)\n  }\n\n  let hookResult: Exclude<ReturnType<UploadHooks['beforeUpload']>, Promise<any>>\n  try {\n    hookResult = await props.beforeUpload(rawFile)\n  } catch {\n    hookResult = false\n  }\n\n  if (hookResult === false) {\n    props.onRemove(rawFile)\n    return\n  }\n\n  let file: File = rawFile\n  if (hookResult instanceof Blob) {\n    if (hookResult instanceof File) {\n      file = hookResult\n    } else {\n      file = new File([hookResult], rawFile.name, {\n        type: rawFile.type,\n      })\n    }\n  }\n\n  doUpload(\n    Object.assign(file, {\n      uid: rawFile.uid,\n    })\n  )\n}\n\nconst doUpload = (rawFile: UploadRawFile) => {\n  const {\n    headers,\n    data,\n    method,\n    withCredentials,\n    name: filename,\n    action,\n    onProgress,\n    onSuccess,\n    onError,\n    httpRequest,\n  } = props\n\n  const { uid } = rawFile\n  const options: UploadRequestOptions = {\n    headers: headers || {},\n    withCredentials,\n    file: rawFile,\n    data,\n    method,\n    filename,\n    action,\n    onProgress: (evt) => {\n      onProgress(evt, rawFile)\n    },\n    onSuccess: (res) => {\n      onSuccess(res, rawFile)\n      delete requests.value[uid]\n    },\n    onError: (err) => {\n      onError(err, rawFile)\n      delete requests.value[uid]\n    },\n  }\n  const request = httpRequest(options)\n  requests.value[uid] = request\n  if (request instanceof Promise) {\n    request.then(options.onSuccess, options.onError)\n  }\n}\n\nconst handleChange = (e: Event) => {\n  const files = (e.target as HTMLInputElement).files\n  if (!files) return\n  uploadFiles(Array.from(files))\n}\n\nconst handleClick = () => {\n  if (!props.disabled) {\n    inputRef.value!.value = ''\n    inputRef.value!.click()\n  }\n}\n\nconst handleKeydown = () => {\n  handleClick()\n}\n\nconst abort = (file?: UploadFile) => {\n  const _reqs = entriesOf(requests.value).filter(\n    file ? ([uid]) => String(file.uid) === uid : () => true\n  )\n  _reqs.forEach(([uid, req]) => {\n    if (req instanceof XMLHttpRequest) req.abort()\n    delete requests.value[uid]\n  })\n}\n\ndefineExpose({\n  abort,\n  upload,\n})\n</script>\n"],"names":["useNamespace","shallowRef","genFileId","upload","entriesOf"],"mappings":"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"}
+{"version":3,"file":"upload-content.js","sources":["../../../../../../packages/components/upload/src/upload-content.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType } from '@element-plus/utils'\nimport { uploadBaseProps } from './upload'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type {\n  UploadFile,\n  UploadHooks,\n  UploadProgressEvent,\n  UploadRawFile,\n} from './upload'\nimport type UploadContent from './upload-content.vue'\nimport type { UploadAjaxError } from './ajax'\n\nexport const uploadContentProps = buildProps({\n  ...uploadBaseProps,\n\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  onRemove: {\n    type: definePropType<\n      (file: UploadFile | UploadRawFile, rawFile?: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onStart: {\n    type: definePropType<(rawFile: UploadRawFile) => void>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<(response: any, rawFile: UploadRawFile) => unknown>(\n      Function\n    ),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<\n      (evt: UploadProgressEvent, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<\n      (err: UploadAjaxError, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadContentProps = ExtractPropTypes<typeof uploadContentProps>\n\nexport type UploadContentInstance = InstanceType<typeof UploadContent>\n"],"names":["buildProps","uploadBaseProps","definePropType","NOOP"],"mappings":";;;;;;;;;AAGY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,GAAGC,sBAAe;AACpB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAED,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,CAAC;;;;"}

package/lib/components/upload/src/upload-content2.js

@@ -2,42 +2,179 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var shared = require('@vue/shared');
+var vue = require('vue');
+require('../../../hooks/index.js');
 require('../../../utils/index.js');
+var uploadDragger = require('./upload-dragger.js');
+var uploadContent = require('./upload-content.js');
 var upload = require('./upload2.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var objects = require('../../../utils/objects.js');
 
-const uploadContentProps = runtime.buildProps({
-  ...upload.uploadBaseProps,
-  beforeUpload: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onRemove: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onStart: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onSuccess: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onProgress: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onError: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onExceed: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
+const _hoisted_1 = ["onKeydown"];
+const _hoisted_2 = ["name", "multiple", "accept"];
+const __default__ = vue.defineComponent({
+  name: "ElUploadContent",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: uploadContent.uploadContentProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = index.useNamespace("upload");
+    const requests = vue.shallowRef({});
+    const inputRef = vue.shallowRef();
+    const uploadFiles = (files) => {
+      if (files.length === 0)
+        return;
+      const { autoUpload, limit, fileList, multiple, onStart, onExceed } = props;
+      if (limit && fileList.length + files.length > limit) {
+        onExceed(files, fileList);
+        return;
+      }
+      if (!multiple) {
+        files = files.slice(0, 1);
+      }
+      for (const file of files) {
+        const rawFile = file;
+        rawFile.uid = upload.genFileId();
+        onStart(rawFile);
+        if (autoUpload)
+          upload$1(rawFile);
+      }
+    };
+    const upload$1 = async (rawFile) => {
+      inputRef.value.value = "";
+      if (!props.beforeUpload) {
+        return doUpload(rawFile);
+      }
+      let hookResult;
+      try {
+        hookResult = await props.beforeUpload(rawFile);
+      } catch (e) {
+        hookResult = false;
+      }
+      if (hookResult === false) {
+        props.onRemove(rawFile);
+        return;
+      }
+      let file = rawFile;
+      if (hookResult instanceof Blob) {
+        if (hookResult instanceof File) {
+          file = hookResult;
+        } else {
+          file = new File([hookResult], rawFile.name, {
+            type: rawFile.type
+          });
+        }
+      }
+      doUpload(Object.assign(file, {
+        uid: rawFile.uid
+      }));
+    };
+    const doUpload = (rawFile) => {
+      const {
+        headers,
+        data,
+        method,
+        withCredentials,
+        name: filename,
+        action,
+        onProgress,
+        onSuccess,
+        onError,
+        httpRequest
+      } = props;
+      const { uid } = rawFile;
+      const options = {
+        headers: headers || {},
+        withCredentials,
+        file: rawFile,
+        data,
+        method,
+        filename,
+        action,
+        onProgress: (evt) => {
+          onProgress(evt, rawFile);
+        },
+        onSuccess: (res) => {
+          onSuccess(res, rawFile);
+          delete requests.value[uid];
+        },
+        onError: (err) => {
+          onError(err, rawFile);
+          delete requests.value[uid];
+        }
+      };
+      const request = httpRequest(options);
+      requests.value[uid] = request;
+      if (request instanceof Promise) {
+        request.then(options.onSuccess, options.onError);
+      }
+    };
+    const handleChange = (e) => {
+      const files = e.target.files;
+      if (!files)
+        return;
+      uploadFiles(Array.from(files));
+    };
+    const handleClick = () => {
+      if (!props.disabled) {
+        inputRef.value.value = "";
+        inputRef.value.click();
+      }
+    };
+    const handleKeydown = () => {
+      handleClick();
+    };
+    const abort = (file) => {
+      const _reqs = objects.entriesOf(requests.value).filter(file ? ([uid]) => String(file.uid) === uid : () => true);
+      _reqs.forEach(([uid, req]) => {
+        if (req instanceof XMLHttpRequest)
+          req.abort();
+        delete requests.value[uid];
+      });
+    };
+    expose({
+      abort,
+      upload: upload$1
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.listType), vue.unref(ns).is("drag", _ctx.drag)]),
+        tabindex: "0",
+        onClick: handleClick,
+        onKeydown: vue.withKeys(vue.withModifiers(handleKeydown, ["self"]), ["enter", "space"])
+      }, [
+        _ctx.drag ? (vue.openBlock(), vue.createBlock(uploadDragger["default"], {
+          key: 0,
+          disabled: _ctx.disabled,
+          onFile: uploadFiles
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["disabled"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
+        vue.createElementVNode("input", {
+          ref_key: "inputRef",
+          ref: inputRef,
+          class: vue.normalizeClass(vue.unref(ns).e("input")),
+          name: _ctx.name,
+          multiple: _ctx.multiple,
+          accept: _ctx.accept,
+          type: "file",
+          onChange: handleChange,
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, null, 42, _hoisted_2)
+      ], 42, _hoisted_1);
+    };
   }
 });
+var UploadContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/upload/src/upload-content.vue"]]);
 
-exports.uploadContentProps = uploadContentProps;
+exports["default"] = UploadContent;
 //# sourceMappingURL=upload-content2.js.map