element-plus 1.2.0-beta.5 → 1.2.0-beta.6

package/lib/components/tree-v2/src/tree-node.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","CaretRight","ElCheckbox","ElNodeContent","treeNodeProps","treeNodeEmits","inject","ROOT_TREE_INJECTION_KEY","computed","NODE_CONTEXTMENU"],"mappings":";;;;;;;;;;;AA+DA,MAAM,eAAe;AAErB,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,gBACAC;AAAA,gBACAC;AAAA,mBACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,OAAOC,WAAOC;AAEpB,UAAM,SAASC,aAAS,MAAM;;AAC5B,aAAO,mCAAM,MAAM,WAAZ,YAAsB;AAAA;AAG/B,UAAM,OAAOA,aAAS,MAAM;;AAC1B,aAAO,mCAAM,MAAM,SAAZ,YAAoB;AAAA;AAG7B,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM;AAAA;AAEtB,UAAM,wBAAwB,MAAM;AAClC,WAAK,UAAU,MAAM;AAAA;AAEvB,UAAM,oBAAoB,CAAC,UAAmB;AAC5C,WAAK,SAAS,MAAM,MAAM;AAAA;AAE5B,UAAM,oBAAoB,CAAC,UAAiB;;AAC1C,UAAI,+CAAM,aAAN,mBAAgB,UAAhB,mBAAuB,UAAvB,mBAA+B,sBAAsB;AACvD,cAAM;AACN,cAAM;AAAA;AAER,mCAAM,IAAI,KAAKC,8BAAkB,OAAO,YAAM,SAAN,mBAAY,MAAM,MAAM;AAAA;AAGlE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"tree-node.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","CaretRight","ElCheckbox","ElNodeContent","treeNodeProps","treeNodeEmits","inject","ROOT_TREE_INJECTION_KEY","computed","NODE_CONTEXTMENU"],"mappings":";;;;;;;;;;;AA+DA,MAAM,eAAe;AAErB,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,gBACAC;AAAA,gBACAC;AAAA,mBACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,OAAOC,WAAOC;AAEpB,UAAM,SAASC,aAAS,MAAM;;AAC5B,aAAO,mCAAM,MAAM,WAAZ,YAAsB;AAAA;AAG/B,UAAM,OAAOA,aAAS,MAAM;;AAC1B,aAAO,mCAAM,MAAM,SAAZ,YAAoB;AAAA;AAG7B,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM;AAAA;AAEtB,UAAM,wBAAwB,MAAM;AAClC,WAAK,UAAU,MAAM;AAAA;AAEvB,UAAM,oBAAoB,CAAC,UAAmB;AAC5C,WAAK,SAAS,MAAM,MAAM;AAAA;AAE5B,UAAM,oBAAoB,CAAC,UAAiB;;AAC1C,UAAI,+CAAM,aAAN,mBAAgB,UAAhB,mBAAuB,UAAvB,mBAA+B,sBAAsB;AACvD,cAAM;AACN,cAAM;AAAA;AAER,mCAAM,IAAI,KAAKC,8BAAkB,OAAO,YAAM,SAAN,mBAAY,MAAM,MAAM;AAAA;AAGlE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/tree-v2/src/tree-node.vue_vue_type_template_id_71d8f826_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.vue_vue_type_template_id_71d8f826_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue?vue&type=template&id=71d8f826&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;0BACEA;IACE,KAAI;AAAA,IACJ,2BAAM;;;;;;IAON,MAAK;AAAA,IACL,UAAS;AAAA,IACR,iBAAe;IACf,iBAAe;IACf,gBAAc;IACd,YAAU,oBAAA,mBAAM;AAAA,IAChB,kEAAY;IACZ,sDAAa;;IAEdC;MACE,OAAM;AAAA,MACL,4CAA0B,WAAK,aAAa;;MAGrC,8BADRC;;QAEG;;;;;;;;QAQA,2BAAY;;6BAEb;4BAAAA,4CAAgB;;;;MAGV,sCADRA;;QAEG,eAAa;QACb,eAAe;QACf,UAAU;QACV,UAAQ;QACR,qDAAD;;;MAEFC,8CAAkB,MAAM;;;;;;;"}
+{"version":3,"file":"tree-node.vue_vue_type_template_id_71d8f826_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue?vue&type=template&id=71d8f826&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;0BACEA;IACE,KAAI;AAAA,IACJ,2BAAM;;;;;;IAON,MAAK;AAAA,IACL,UAAS;AAAA,IACR,iBAAe;IACf,iBAAe;IACf,gBAAc;IACd,YAAU,oBAAA,mBAAM;AAAA,IAChB,kEAAY;IACZ,sDAAa;;IAEdC;MACE,OAAM;AAAA,MACL,4CAA0B,WAAK,aAAa;;MAGrC,8BADRC;;QAEG;;;;;;;;QAQA,2BAAY;;6BAEb;4BAAAA,4CAAgB;;;;MAGV,sCADRA;;QAEG,eAAa;QACb,eAAe;QACf,UAAU;QACV,UAAQ;QACR,qDAAD;;;MAEFC,8CAAkB,MAAM;;;;;;;"}

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -77,8 +77,8 @@ declare const _default: import("vue").DefineComponent<{
     highlightCurrent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {
-    emptyText?: string | undefined;
     icon?: string | undefined;
+    emptyText?: string | undefined;
     filterMethod?: import("./types").FilterMethod | undefined;
     currentNodeKey?: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("./types").TreeKey>, unknown, unknown> | undefined;
 }> & {
@@ -90,11 +90,11 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-contextmenu"?: ((event: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
     "onNode-collapse"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
 }, {
-    emptyText: string;
     icon: string;
     props: import("./types").TreeOptionProps;
     data: import("./types").TreeData;
     height: number;
+    emptyText: string;
     checkStrictly: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     filterMethod: import("./types").FilterMethod;
     accordion: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/upload/src/upload-list.vue_vue_type_script_lang.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var shared = require('@vue/shared');
 var index$1 = require('../../icon/index.js');
-var icons = require('@element-plus/icons');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../../hooks/index.js');
 var index = require('../../progress/index.js');
 var index$2 = require('../../../hooks/use-locale/index.js');
@@ -13,14 +13,14 @@ var index$2 = require('../../../hooks/use-locale/index.js');
 var script = vue.defineComponent({
   name: "ElUploadList",
   components: {
-    ElProgress: index["default"],
+    ElProgress: index.ElProgress,
     ElIcon: index$1.ElIcon,
-    Document: icons.Document,
-    Delete: icons.Delete,
-    Close: icons.Close,
-    ZoomIn: icons.ZoomIn,
-    Check: icons.Check,
-    CircleCheck: icons.CircleCheck
+    Document: iconsVue.Document,
+    Delete: iconsVue.Delete,
+    Close: iconsVue.Close,
+    ZoomIn: iconsVue.ZoomIn,
+    Check: iconsVue.Check,
+    CircleCheck: iconsVue.CircleCheck
   },
   props: {
     files: {

package/lib/components/upload/src/upload-list.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-list.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      'el-upload-list',\n      'el-upload-list--' + listType,\n      { 'is-disabled': disabled },\n    ]\"\n    name=\"el-list\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file\"\n      :class=\"[\n        'el-upload-list__item',\n        'is-' + file.status,\n        focusing ? 'focusing' : '',\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove($event, file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            file.status !== 'uploading' &&\n            ['picture-card', 'picture'].includes(listType)\n          \"\n          class=\"el-upload-list__item-thumbnail\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <a class=\"el-upload-list__item-name\" @click=\"handleClick(file)\">\n          <el-icon class=\"el-icon--document\"><document /></el-icon>\n          {{ file.name }}\n        </a>\n        <label class=\"el-upload-list__item-status-label\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            class=\"el-icon--upload-success el-icon--circle-check\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            class=\"el-icon--upload-success el-icon--check\"\n          >\n            <check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          class=\"el-icon--close\"\n          @click=\"handleRemove($event, file)\"\n        >\n          <close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" class=\"el-icon--close-tip\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <el-progress\n          v-if=\"file.status === 'uploading'\"\n          :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n          :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n          :percentage=\"+file.percentage\"\n        />\n        <span\n          v-if=\"listType === 'picture-card'\"\n          class=\"el-upload-list__item-actions\"\n        >\n          <span\n            class=\"el-upload-list__item-preview\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon class=\"el-icon--zoom-in\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            class=\"el-upload-list__item-delete\"\n            @click=\"handleRemove($event, file)\"\n          >\n            <el-icon class=\"el-icon--delete\"><delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n  </transition-group>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Document,\n  Delete,\n  Close,\n  ZoomIn,\n  Check,\n  CircleCheck,\n} from '@element-plus/icons'\nimport { useLocale } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport type { PropType } from 'vue'\nimport type { UploadFile } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadList',\n  components: {\n    ElProgress,\n    ElIcon,\n    Document,\n    Delete,\n    Close,\n    ZoomIn,\n    Check,\n    CircleCheck,\n  },\n  props: {\n    files: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as File[],\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    handlePreview: {\n      type: Function as PropType<(file: UploadFile) => void>,\n      default: () => NOOP,\n    },\n    listType: {\n      type: String as PropType<'picture' | 'picture-card' | 'text'>,\n      default: 'text',\n    },\n  },\n  emits: ['remove'],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n\n    const handleClick = (file: UploadFile) => {\n      props.handlePreview(file)\n    }\n\n    const onFileClicked = (e: Event) => {\n      ;(e.target as HTMLElement).focus()\n    }\n\n    const handleRemove = (e: Event, file: UploadFile) => {\n      emit('remove', file)\n    }\n    return {\n      focusing: ref(false),\n      handleClick,\n      handleRemove,\n      onFileClicked,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElProgress","ElIcon","Document","Delete","Close","ZoomIn","Check","CircleCheck","NOOP","useLocale","ref"],"mappings":";;;;;;;;;;;;AA+GA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA,YACAC;AAAA,cACAC;AAAA,YACAC;AAAA,WACAC;AAAA,YACAC;AAAA,WACAC;AAAA,iBACAC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS,MAAMC;AAAA;AAAA,IAEjB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AAEd,UAAM,cAAc,CAAC,SAAqB;AACxC,YAAM,cAAc;AAAA;AAGtB,UAAM,gBAAgB,CAAC,MAAa;AAClC;AAAC,MAAC,EAAE,OAAuB;AAAA;AAG7B,UAAM,eAAe,CAAC,GAAU,SAAqB;AACnD,WAAK,UAAU;AAAA;AAEjB,WAAO;AAAA,MACL,UAAUC,QAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"upload-list.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      'el-upload-list',\n      'el-upload-list--' + listType,\n      { 'is-disabled': disabled },\n    ]\"\n    name=\"el-list\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file\"\n      :class=\"[\n        'el-upload-list__item',\n        'is-' + file.status,\n        focusing ? 'focusing' : '',\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove($event, file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            file.status !== 'uploading' &&\n            ['picture-card', 'picture'].includes(listType)\n          \"\n          class=\"el-upload-list__item-thumbnail\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <a class=\"el-upload-list__item-name\" @click=\"handleClick(file)\">\n          <el-icon class=\"el-icon--document\"><document /></el-icon>\n          {{ file.name }}\n        </a>\n        <label class=\"el-upload-list__item-status-label\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            class=\"el-icon--upload-success el-icon--circle-check\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            class=\"el-icon--upload-success el-icon--check\"\n          >\n            <check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          class=\"el-icon--close\"\n          @click=\"handleRemove($event, file)\"\n        >\n          <close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" class=\"el-icon--close-tip\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <el-progress\n          v-if=\"file.status === 'uploading'\"\n          :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n          :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n          :percentage=\"+file.percentage\"\n        />\n        <span\n          v-if=\"listType === 'picture-card'\"\n          class=\"el-upload-list__item-actions\"\n        >\n          <span\n            class=\"el-upload-list__item-preview\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon class=\"el-icon--zoom-in\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            class=\"el-upload-list__item-delete\"\n            @click=\"handleRemove($event, file)\"\n          >\n            <el-icon class=\"el-icon--delete\"><delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n  </transition-group>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Document,\n  Delete,\n  Close,\n  ZoomIn,\n  Check,\n  CircleCheck,\n} from '@element-plus/icons-vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport type { PropType } from 'vue'\nimport type { UploadFile } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadList',\n  components: {\n    ElProgress,\n    ElIcon,\n    Document,\n    Delete,\n    Close,\n    ZoomIn,\n    Check,\n    CircleCheck,\n  },\n  props: {\n    files: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as File[],\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    handlePreview: {\n      type: Function as PropType<(file: UploadFile) => void>,\n      default: () => NOOP,\n    },\n    listType: {\n      type: String as PropType<'picture' | 'picture-card' | 'text'>,\n      default: 'text',\n    },\n  },\n  emits: ['remove'],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n\n    const handleClick = (file: UploadFile) => {\n      props.handlePreview(file)\n    }\n\n    const onFileClicked = (e: Event) => {\n      ;(e.target as HTMLElement).focus()\n    }\n\n    const handleRemove = (e: Event, file: UploadFile) => {\n      emit('remove', file)\n    }\n    return {\n      focusing: ref(false),\n      handleClick,\n      handleRemove,\n      onFileClicked,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElProgress","ElIcon","Document","Delete","Close","ZoomIn","Check","CircleCheck","NOOP","useLocale","ref"],"mappings":";;;;;;;;;;;;AA+GA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA,YACAC;AAAA,cACAC;AAAA,YACAC;AAAA,WACAC;AAAA,YACAC;AAAA,WACAC;AAAA,iBACAC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS,MAAMC;AAAA;AAAA,IAEjB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AAEd,UAAM,cAAc,CAAC,SAAqB;AACxC,YAAM,cAAc;AAAA;AAGtB,UAAM,gBAAgB,CAAC,MAAa;AAClC;AAAC,MAAC,EAAE,OAAuB;AAAA;AAG7B,UAAM,eAAe,CAAC,GAAU,SAAqB;AACnD,WAAK,UAAU;AAAA;AAEjB,WAAO;AAAA,MACL,UAAUC,QAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/upload/src/upload-list.vue_vue_type_template_id_192277b6_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-list.vue_vue_type_template_id_192277b6_lang.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue?vue&type=template&id=192277b6&lang.js"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      'el-upload-list',\n      'el-upload-list--' + listType,\n      { 'is-disabled': disabled },\n    ]\"\n    name=\"el-list\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file\"\n      :class=\"[\n        'el-upload-list__item',\n        'is-' + file.status,\n        focusing ? 'focusing' : '',\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove($event, file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            file.status !== 'uploading' &&\n            ['picture-card', 'picture'].includes(listType)\n          \"\n          class=\"el-upload-list__item-thumbnail\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <a class=\"el-upload-list__item-name\" @click=\"handleClick(file)\">\n          <el-icon class=\"el-icon--document\"><document /></el-icon>\n          {{ file.name }}\n        </a>\n        <label class=\"el-upload-list__item-status-label\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            class=\"el-icon--upload-success el-icon--circle-check\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            class=\"el-icon--upload-success el-icon--check\"\n          >\n            <check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          class=\"el-icon--close\"\n          @click=\"handleRemove($event, file)\"\n        >\n          <close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" class=\"el-icon--close-tip\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <el-progress\n          v-if=\"file.status === 'uploading'\"\n          :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n          :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n          :percentage=\"+file.percentage\"\n        />\n        <span\n          v-if=\"listType === 'picture-card'\"\n          class=\"el-upload-list__item-actions\"\n        >\n          <span\n            class=\"el-upload-list__item-preview\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon class=\"el-icon--zoom-in\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            class=\"el-upload-list__item-delete\"\n            @click=\"handleRemove($event, file)\"\n          >\n            <el-icon class=\"el-icon--delete\"><delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n  </transition-group>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Document,\n  Delete,\n  Close,\n  ZoomIn,\n  Check,\n  CircleCheck,\n} from '@element-plus/icons'\nimport { useLocale } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport type { PropType } from 'vue'\nimport type { UploadFile } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadList',\n  components: {\n    ElProgress,\n    ElIcon,\n    Document,\n    Delete,\n    Close,\n    ZoomIn,\n    Check,\n    CircleCheck,\n  },\n  props: {\n    files: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as File[],\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    handlePreview: {\n      type: Function as PropType<(file: UploadFile) => void>,\n      default: () => NOOP,\n    },\n    listType: {\n      type: String as PropType<'picture' | 'picture-card' | 'text'>,\n      default: 'text',\n    },\n  },\n  emits: ['remove'],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n\n    const handleClick = (file: UploadFile) => {\n      props.handlePreview(file)\n    }\n\n    const onFileClicked = (e: Event) => {\n      ;(e.target as HTMLElement).focus()\n    }\n\n    const handleRemove = (e: Event, file: UploadFile) => {\n      emit('remove', file)\n    }\n    return {\n      focusing: ref(false),\n      handleClick,\n      handleRemove,\n      onFileClicked,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock","_renderSlot","_createElementVNode","_createVNode","_createCommentVNode"],"mappings":";;;;;;;;;qBAsCe,OAAM;;;EAwBO,OAAM;AAAA;;;EAWxB,OAAM;AAAA;;;;;;;;;;;;0BAxEdA;IACE,KAAI;AAAA,IACH;;;;;IAKD,MAAK;AAAA;yBAGH;4BADFC,0DACiB,aAAR;gCADTA;UAEG,KAAK,KAAK,OAAO;AAAA,UACjB;;;;;UAKD,UAAS;AAAA,UACR,qCAAiB,iBAAY,kBAAa,QAAQ;UAClD,+CAAO;UACP,8CAAM;UACN,gDAAO;;UAERC,yCAAO,QAAP;mHACED;;cAKE,OAAM;AAAA,cACL,KAAK,KAAK;AAAA,cACX,KAAI;AAAA;YAENE;cAAG,OAAM;AAAA,cAA6B,qBAAO,iBAAY;AAAA;cACvDC,sCAAS,OAAM;qCAAoB;kBAAAA,gBAAY;AAAA;AAAA;;4DAC5C,KAAK;;YAEVD,gCAAA;cAEU,6CADRH;;gBAEE,OAAM;AAAA;qCAEN;kBAAAI;;;gDAGuC,SAAS,mCADlDJ;;gBAEE,OAAM;AAAA;qCAEN;kBAAAI;;;;;aAIK,kCADTJ;;cAEE,OAAM;AAAA,cACL,qBAAO,kBAAa,QAAQ;AAAA;mCAE7B;gBAAAI;;;;YAEFC;YACAA;YACAA;aACU,kCAAVJ,4BAAA,gCACE;YAGM,KAAK,2CADbD;;cAEG,MAAM;cACN,gBAAc;cACd,aAAa,KAAK;AAAA;YAGb,qDADRC,+BAAA;cAIEE;gBACE,OAAM;AAAA,gBACL,qBAAO,mBAAc;AAAA;gBAEtBC,sCAAS,OAAM;uCAAmB;oBAAAA,gBAAW;AAAA;AAAA;;;eAGtC,kCADTH;;gBAEE,OAAM;AAAA,gBACL,qBAAO,kBAAa,QAAQ;AAAA;gBAE7BG,sCAAS,OAAM;uCAAkB;oBAAAA,gBAAU;AAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"upload-list.vue_vue_type_template_id_192277b6_lang.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue?vue&type=template&id=192277b6&lang.js"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      'el-upload-list',\n      'el-upload-list--' + listType,\n      { 'is-disabled': disabled },\n    ]\"\n    name=\"el-list\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file\"\n      :class=\"[\n        'el-upload-list__item',\n        'is-' + file.status,\n        focusing ? 'focusing' : '',\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove($event, file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            file.status !== 'uploading' &&\n            ['picture-card', 'picture'].includes(listType)\n          \"\n          class=\"el-upload-list__item-thumbnail\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <a class=\"el-upload-list__item-name\" @click=\"handleClick(file)\">\n          <el-icon class=\"el-icon--document\"><document /></el-icon>\n          {{ file.name }}\n        </a>\n        <label class=\"el-upload-list__item-status-label\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            class=\"el-icon--upload-success el-icon--circle-check\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            class=\"el-icon--upload-success el-icon--check\"\n          >\n            <check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          class=\"el-icon--close\"\n          @click=\"handleRemove($event, file)\"\n        >\n          <close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" class=\"el-icon--close-tip\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <el-progress\n          v-if=\"file.status === 'uploading'\"\n          :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n          :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n          :percentage=\"+file.percentage\"\n        />\n        <span\n          v-if=\"listType === 'picture-card'\"\n          class=\"el-upload-list__item-actions\"\n        >\n          <span\n            class=\"el-upload-list__item-preview\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon class=\"el-icon--zoom-in\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            class=\"el-upload-list__item-delete\"\n            @click=\"handleRemove($event, file)\"\n          >\n            <el-icon class=\"el-icon--delete\"><delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n  </transition-group>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Document,\n  Delete,\n  Close,\n  ZoomIn,\n  Check,\n  CircleCheck,\n} from '@element-plus/icons-vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport type { PropType } from 'vue'\nimport type { UploadFile } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadList',\n  components: {\n    ElProgress,\n    ElIcon,\n    Document,\n    Delete,\n    Close,\n    ZoomIn,\n    Check,\n    CircleCheck,\n  },\n  props: {\n    files: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as File[],\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    handlePreview: {\n      type: Function as PropType<(file: UploadFile) => void>,\n      default: () => NOOP,\n    },\n    listType: {\n      type: String as PropType<'picture' | 'picture-card' | 'text'>,\n      default: 'text',\n    },\n  },\n  emits: ['remove'],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n\n    const handleClick = (file: UploadFile) => {\n      props.handlePreview(file)\n    }\n\n    const onFileClicked = (e: Event) => {\n      ;(e.target as HTMLElement).focus()\n    }\n\n    const handleRemove = (e: Event, file: UploadFile) => {\n      emit('remove', file)\n    }\n    return {\n      focusing: ref(false),\n      handleClick,\n      handleRemove,\n      onFileClicked,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock","_renderSlot","_createElementVNode","_createVNode","_createCommentVNode"],"mappings":";;;;;;;;;qBAsCe,OAAM;;;EAwBO,OAAM;AAAA;;;EAWxB,OAAM;AAAA;;;;;;;;;;;;0BAxEdA;IACE,KAAI;AAAA,IACH;;;;;IAKD,MAAK;AAAA;yBAGH;4BADFC,0DACiB,aAAR;gCADTA;UAEG,KAAK,KAAK,OAAO;AAAA,UACjB;;;;;UAKD,UAAS;AAAA,UACR,qCAAiB,iBAAY,kBAAa,QAAQ;UAClD,+CAAO;UACP,8CAAM;UACN,gDAAO;;UAERC,yCAAO,QAAP;mHACED;;cAKE,OAAM;AAAA,cACL,KAAK,KAAK;AAAA,cACX,KAAI;AAAA;YAENE;cAAG,OAAM;AAAA,cAA6B,qBAAO,iBAAY;AAAA;cACvDC,sCAAS,OAAM;qCAAoB;kBAAAA,gBAAY;AAAA;AAAA;;4DAC5C,KAAK;;YAEVD,gCAAA;cAEU,6CADRH;;gBAEE,OAAM;AAAA;qCAEN;kBAAAI;;;gDAGuC,SAAS,mCADlDJ;;gBAEE,OAAM;AAAA;qCAEN;kBAAAI;;;;;aAIK,kCADTJ;;cAEE,OAAM;AAAA,cACL,qBAAO,kBAAa,QAAQ;AAAA;mCAE7B;gBAAAI;;;;YAEFC;YACAA;YACAA;aACU,kCAAVJ,4BAAA,gCACE;YAGM,KAAK,2CADbD;;cAEG,MAAM;cACN,gBAAc;cACd,aAAa,KAAK;AAAA;YAGb,qDADRC,+BAAA;cAIEE;gBACE,OAAM;AAAA,gBACL,qBAAO,mBAAc;AAAA;gBAEtBC,sCAAS,OAAM;uCAAmB;oBAAAA,gBAAW;AAAA;AAAA;;;eAGtC,kCADTH;;gBAEE,OAAM;AAAA,gBACL,qBAAO,kBAAa,QAAQ;AAAA;gBAE7BG,sCAAS,OAAM;uCAAkB;oBAAAA,gBAAU;AAAA;AAAA;;;;;;;;;;;;;;"}

package/lib/components/virtual-list/src/builders/build-list.d.ts

@@ -71,11 +71,11 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     readonly total?: unknown;
     readonly itemSize?: unknown;
 } & {
-    total: number;
     data: any[];
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    total: number;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -69,11 +69,11 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     readonly total?: unknown;
     readonly itemSize?: unknown;
 } & {
-    total: number;
     data: any[];
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    total: number;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -68,11 +68,11 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     readonly total?: unknown;
     readonly itemSize?: unknown;
 } & {
-    total: number;
     data: any[];
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    total: number;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/src/components/scrollbar.d.ts

@@ -15,10 +15,10 @@ declare const ScrollBar: import("vue").DefineComponent<{
     readonly scrollFrom?: unknown;
     readonly visible?: unknown;
 } & {
-    total: number;
     visible: boolean;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     ratio: number;
+    total: number;
     clientSize: number;
     scrollFrom: number;
 } & {}> & {

package/lib/defaults.js

@@ -6,7 +6,7 @@ var makeInstaller = require('./make-installer.js');
 var component = require('./component.js');
 var plugin = require('./plugin.js');
 
-var installer = makeInstaller["default"]([...component["default"], ...plugin["default"]]);
+var installer = makeInstaller.makeInstaller([...component["default"], ...plugin["default"]]);
 
 exports["default"] = installer;
 //# sourceMappingURL=defaults.js.map

package/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../packages/element-plus/defaults.ts"],"sourcesContent":["import makeInstaller from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"names":["makeInstaller","Components","Plugins"],"mappings":";;;;;;;;AAIA,gBAAeA,yBAAc,CAAC,GAAGC,sBAAY,GAAGC;;;;"}
+{"version":3,"file":"defaults.js","sources":["../../../packages/element-plus/defaults.ts"],"sourcesContent":["import { makeInstaller } from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"names":["makeInstaller","Components","Plugins"],"mappings":";;;;;;;;AAIA,gBAAeA,4BAAc,CAAC,GAAGC,sBAAY,GAAGC;;;;"}

package/lib/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-attrs';
+export * from './use-common-props';
 export * from './use-focus';
 export * from './use-form-item';
 export * from './use-global-config';
@@ -8,6 +9,7 @@ export * from './use-modal';
 export * from './use-model-toggle';
 export * from './use-popper';
 export * from './use-prevent-global';
+export * from './use-prop';
 export * from './use-restore-active';
 export * from './use-same-target';
 export * from './use-teleport';

package/lib/hooks/index.js

@@ -3,49 +3,54 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('./use-attrs/index.js');
-var index$1 = require('./use-focus/index.js');
-var index$2 = require('./use-form-item/index.js');
-var index$3 = require('./use-global-config/index.js');
-var index$4 = require('./use-locale/index.js');
-var index$5 = require('./use-lockscreen/index.js');
-var index$6 = require('./use-modal/index.js');
-var index$7 = require('./use-model-toggle/index.js');
-var index$8 = require('./use-popper/index.js');
-var index$9 = require('./use-prevent-global/index.js');
-var index$a = require('./use-restore-active/index.js');
-var index$b = require('./use-same-target/index.js');
-var index$c = require('./use-teleport/index.js');
-var index$d = require('./use-throttle-render/index.js');
-var index$e = require('./use-timeout/index.js');
+var index$1 = require('./use-common-props/index.js');
+var index$2 = require('./use-focus/index.js');
+var index$3 = require('./use-form-item/index.js');
+var index$4 = require('./use-global-config/index.js');
+var index$5 = require('./use-locale/index.js');
+var index$6 = require('./use-lockscreen/index.js');
+var index$7 = require('./use-modal/index.js');
+var index$8 = require('./use-model-toggle/index.js');
+var index$9 = require('./use-popper/index.js');
+var index$a = require('./use-prevent-global/index.js');
+var index$b = require('./use-prop/index.js');
+var index$c = require('./use-restore-active/index.js');
+var index$d = require('./use-same-target/index.js');
+var index$e = require('./use-teleport/index.js');
+var index$f = require('./use-throttle-render/index.js');
+var index$g = require('./use-timeout/index.js');
 
 
 
 exports.useAttrs = index.useAttrs;
-exports.useFocus = index$1.useFocus;
-exports.useFormItem = index$2.useFormItem;
-exports.useFormItemProps = index$2.useFormItemProps;
-exports.useGlobalConfig = index$3.useGlobalConfig;
-exports.buildTranslator = index$4.buildTranslator;
-exports.localeContextKey = index$4.localeContextKey;
-exports.localeProviderMaker = index$4.localeProviderMaker;
-exports.provideLocale = index$4.provideLocale;
-exports.translate = index$4.translate;
-exports.useLocale = index$4.useLocale;
-exports.useLocaleProps = index$4.useLocaleProps;
-exports.useLockscreen = index$5.useLockscreen;
-exports.useModal = index$6.useModal;
-exports.useModelToggle = index$7.useModelToggle;
-exports.useModelToggleEmits = index$7.useModelToggleEmits;
-exports.useModelToggleProps = index$7.useModelToggleProps;
-exports.DARK_EFFECT = index$8.DARK_EFFECT;
-exports.LIGHT_EFFECT = index$8.LIGHT_EFFECT;
-exports.usePopperControlProps = index$8.usePopperControlProps;
-exports.usePopperHook = index$8.usePopperHook;
-exports.usePopperProps = index$8.usePopperProps;
-exports.usePreventGlobal = index$9.usePreventGlobal;
-exports.useRestoreActive = index$a.useRestoreActive;
-exports.useSameTarget = index$b.useSameTarget;
-exports.useTeleport = index$c.useTeleport;
-exports.useThrottleRender = index$d.useThrottleRender;
-exports.useTimeout = index$e.useTimeout;
+exports.useDisabled = index$1.useDisabled;
+exports.useSize = index$1.useSize;
+exports.useSizeProp = index$1.useSizeProp;
+exports.useFocus = index$2.useFocus;
+exports.useFormItem = index$3.useFormItem;
+exports.useGlobalConfig = index$4.useGlobalConfig;
+exports.buildTranslator = index$5.buildTranslator;
+exports.localeContextKey = index$5.localeContextKey;
+exports.localeProviderMaker = index$5.localeProviderMaker;
+exports.provideLocale = index$5.provideLocale;
+exports.translate = index$5.translate;
+exports.useLocale = index$5.useLocale;
+exports.useLocaleProps = index$5.useLocaleProps;
+exports.useLockscreen = index$6.useLockscreen;
+exports.useModal = index$7.useModal;
+exports.useModelToggle = index$8.useModelToggle;
+exports.useModelToggleEmits = index$8.useModelToggleEmits;
+exports.useModelToggleProps = index$8.useModelToggleProps;
+exports.DARK_EFFECT = index$9.DARK_EFFECT;
+exports.LIGHT_EFFECT = index$9.LIGHT_EFFECT;
+exports.usePopperControlProps = index$9.usePopperControlProps;
+exports.usePopperHook = index$9.usePopperHook;
+exports.usePopperProps = index$9.usePopperProps;
+exports.usePreventGlobal = index$a.usePreventGlobal;
+exports.useProp = index$b.useProp;
+exports.useRestoreActive = index$c.useRestoreActive;
+exports.useSameTarget = index$d.useSameTarget;
+exports.useTeleport = index$e.useTeleport;
+exports.useThrottleRender = index$f.useThrottleRender;
+exports.useTimeout = index$g.useTimeout;
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/use-common-props/index.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentSize } from 'element-plus/es/utils/types';
+import type { MaybeRef } from '@vueuse/core';
+export declare const useSizeProp: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "large" | "medium" | "mini", never>;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | '' | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | ComponentSize>;
+export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/lib/hooks/use-common-props/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../utils/util.js');
+require('../../tokens/index.js');
+var props = require('../../utils/props.js');
+require('../index.js');
+var index = require('../use-prop/index.js');
+var index$1 = require('../use-global-config/index.js');
+var form = require('../../tokens/form.js');
+
+const useSizeProp = props.buildProp({
+  type: String,
+  values: ["", ...props.componentSize],
+  default: ""
+});
+const useSize = (fallback, ignore = {}) => {
+  const emptyRef = vue.ref(void 0);
+  const size = ignore.prop ? emptyRef : index.useProp("size");
+  const globalConfig = ignore.global ? emptyRef : index$1.useGlobalConfig("size");
+  const globalConfigLegacy = ignore.global ? { size: void 0 } : util.useGlobalConfig();
+  const form$1 = ignore.form ? { size: void 0 } : vue.inject(form.elFormKey, void 0);
+  const formItem = ignore.formItem ? { size: void 0 } : vue.inject(form.elFormItemKey, void 0);
+  return vue.computed(() => size.value || vue.unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form$1 == null ? void 0 : form$1.size) || globalConfig.value || globalConfigLegacy.size || "");
+};
+const useDisabled = (fallback) => {
+  const disabled = index.useProp("disabled");
+  const form$1 = vue.inject(form.elFormKey, void 0);
+  return vue.computed(() => disabled.value || vue.unref(fallback) || (form$1 == null ? void 0 : form$1.disabled) || false);
+};
+
+exports.useDisabled = useDisabled;
+exports.useSize = useSize;
+exports.useSizeProp = useSizeProp;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-common-props/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-common-props/index.ts"],"sourcesContent":["import { ref, unref, inject, computed } from 'vue'\nimport { useGlobalConfig as useGlobalConfigLegacy } from '@element-plus/utils/util'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport { buildProp, componentSize } from '@element-plus/utils/props'\nimport { useProp, useGlobalConfig } from '..'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport const useSizeProp = buildProp({\n  type: String,\n  values: ['', ...componentSize],\n  default: '',\n} as const)\n\nexport const useSize = (\n  fallback?: MaybeRef<ComponentSize | '' | undefined>,\n  ignore: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>> = {}\n) => {\n  const emptyRef = ref(undefined)\n\n  const size = ignore.prop ? emptyRef : useProp<ComponentSize>('size')\n  const globalConfig = ignore.global ? emptyRef : useGlobalConfig('size')\n  const globalConfigLegacy = ignore.global\n    ? { size: undefined }\n    : useGlobalConfigLegacy()\n  const form = ignore.form ? { size: undefined } : inject(elFormKey, undefined)\n  const formItem = ignore.formItem\n    ? { size: undefined }\n    : inject(elFormItemKey, undefined)\n\n  return computed(\n    () =>\n      size.value ||\n      unref(fallback) ||\n      formItem?.size ||\n      form?.size ||\n      globalConfig.value ||\n      globalConfigLegacy.size ||\n      ''\n  )\n}\n\nexport const useDisabled = (fallback?: MaybeRef<boolean | undefined>) => {\n  const disabled = useProp<boolean>('disabled')\n  const form = inject(elFormKey, undefined)\n  return computed(\n    () => disabled.value || unref(fallback) || form?.disabled || false\n  )\n}\n"],"names":["buildProp","componentSize","ref","useProp","useGlobalConfig","useGlobalConfigLegacy","form","inject","elFormKey","elFormItemKey","computed","unref"],"mappings":";;;;;;;;;;;;;MAQa,cAAcA,gBAAU;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI,GAAGC;AAAA,EAChB,SAAS;AAAA;MAGE,UAAU,CACrB,UACA,SAA4E,OACzE;AACH,QAAM,WAAWC,QAAI;AAErB,QAAM,OAAO,OAAO,OAAO,WAAWC,cAAuB;AAC7D,QAAM,eAAe,OAAO,SAAS,WAAWC,wBAAgB;AAChE,QAAM,qBAAqB,OAAO,SAC9B,EAAE,MAAM,WACRC;AACJ,QAAMC,SAAO,OAAO,OAAO,EAAE,MAAM,WAAcC,WAAOC,gBAAW;AACnE,QAAM,WAAW,OAAO,WACpB,EAAE,MAAM,WACRD,WAAOE,oBAAe;AAE1B,SAAOC,aACL,MACE,KAAK,SACLC,UAAM,mDACI,2CACJ,SACN,aAAa,SACb,mBAAmB,QACnB;AAAA;MAIO,cAAc,CAAC,aAA6C;AACvE,QAAM,WAAWR,cAAiB;AAClC,QAAMG,SAAOC,WAAOC,gBAAW;AAC/B,SAAOE,aACL,MAAM,SAAS,SAASC,UAAM,+CAAmB,aAAY;AAAA;;;;;;"}

package/lib/hooks/use-form-item/index.d.ts

@@ -1,17 +1,4 @@
-import type { ExtractPropTypes } from 'vue';
-import type { MaybeRef } from '@vueuse/core';
-export declare const useFormItemProps: {
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
-    readonly disabled: BooleanConstructor;
-};
-export declare type UseFormItemProps = ExtractPropTypes<typeof useFormItemProps>;
-export declare type LocalFallbacks = {
-    size?: MaybeRef<UseFormItemProps['size'] | undefined>;
-    disabled?: MaybeRef<UseFormItemProps['disabled'] | undefined>;
-};
-export declare const useFormItem: ({ size, disabled }?: LocalFallbacks) => {
-    size: import("vue").ComputedRef<any>;
-    disabled: import("vue").ComputedRef<boolean>;
+export declare const useFormItem: () => {
     form: import("element-plus/es/tokens").ElFormContext | undefined;
     formItem: import("element-plus/es/tokens").ElFormItemContext | undefined;
 };

package/lib/hooks/use-form-item/index.js

@@ -4,38 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../tokens/index.js');
-var props = require('../../utils/props.js');
-var util = require('../../utils/util.js');
 var form = require('../../tokens/form.js');
 
-const sizes = ["", ...props.componentSize];
-const useFormItemProps = props.buildProps({
-  size: {
-    type: String,
-    values: sizes,
-    default: ""
-  },
-  disabled: Boolean
-});
-const useFormItem = ({ size, disabled } = {}) => {
-  var _a;
-  const vm = vue.getCurrentInstance();
-  const $ELEMENT = util.useGlobalConfig();
-  const props = (_a = vm.proxy) == null ? void 0 : _a.$props;
+const useFormItem = () => {
   const form$1 = vue.inject(form.elFormKey, void 0);
   const formItem = vue.inject(form.elFormItemKey, void 0);
   return {
-    size: vue.computed(() => {
-      return props.size || vue.unref(size) || (formItem == null ? void 0 : formItem.size) || (form$1 == null ? void 0 : form$1.size) || $ELEMENT.size || "";
-    }),
-    disabled: vue.computed(() => {
-      return props.disabled === true || vue.unref(disabled) || (form$1 == null ? void 0 : form$1.disabled) || false;
-    }),
     form: form$1,
     formItem
   };
 };
 
 exports.useFormItem = useFormItem;
-exports.useFormItemProps = useFormItemProps;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-form-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject, computed, getCurrentInstance, unref } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { buildProps, componentSize } from '@element-plus/utils/props'\nimport { useGlobalConfig } from '@element-plus/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nconst sizes = ['', ...componentSize] as const\n\nexport const useFormItemProps = buildProps({\n  size: {\n    type: String,\n    values: sizes,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\nexport type UseFormItemProps = ExtractPropTypes<typeof useFormItemProps>\n\nexport type LocalFallbacks = {\n  size?: MaybeRef<UseFormItemProps['size'] | undefined>\n  disabled?: MaybeRef<UseFormItemProps['disabled'] | undefined>\n}\n\nexport const useFormItem = ({ size, disabled }: LocalFallbacks = {}) => {\n  const vm = getCurrentInstance()!\n  const $ELEMENT = useGlobalConfig()\n\n  const props = vm.proxy?.$props as UseFormItemProps\n  const form = inject(elFormKey, undefined)\n  const formItem = inject(elFormItemKey, undefined)\n\n  return {\n    size: computed(() => {\n      // TODO, fallback to default size like 'medium/large' instead of empty string\n      return (\n        props.size ||\n        unref(size) ||\n        formItem?.size ||\n        form?.size ||\n        $ELEMENT.size ||\n        ''\n      )\n    }),\n    disabled: computed(() => {\n      return (\n        props.disabled === true || unref(disabled) || form?.disabled || false\n      )\n    }),\n    form,\n    formItem,\n  }\n}\n"],"names":["componentSize","buildProps","getCurrentInstance","useGlobalConfig","form","inject","elFormKey","elFormItemKey","computed","unref"],"mappings":";;;;;;;;;;AAQA,MAAM,QAAQ,CAAC,IAAI,GAAGA;MAET,mBAAmBC,iBAAW;AAAA,EACzC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;MASC,cAAc,CAAC,EAAE,MAAM,aAA6B,OAAO;AAzBxE;AA0BE,QAAM,KAAKC;AACX,QAAM,WAAWC;AAEjB,QAAM,QAAQ,SAAG,UAAH,mBAAU;AACxB,QAAMC,SAAOC,WAAOC,gBAAW;AAC/B,QAAM,WAAWD,WAAOE,oBAAe;AAEvC,SAAO;AAAA,IACL,MAAMC,aAAS,MAAM;AAEnB,aACE,MAAM,QACNC,UAAM,+CACI,2CACJ,SACN,SAAS,QACT;AAAA;AAAA,IAGJ,UAAUD,aAAS,MAAM;AACvB,aACE,MAAM,aAAa,QAAQC,UAAM,+CAAmB,aAAY;AAAA;AAAA,UAGpEL;AAAA,IACA;AAAA;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nexport const useFormItem = () => {\n  const form = inject(elFormKey, undefined)\n  const formItem = inject(elFormItemKey, undefined)\n  return {\n    form,\n    formItem,\n  }\n}\n"],"names":["form","inject","elFormKey","elFormItemKey"],"mappings":";;;;;;;;MAGa,cAAc,MAAM;AAC/B,QAAMA,SAAOC,WAAOC,gBAAW;AAC/B,QAAM,WAAWD,WAAOE,oBAAe;AACvC,SAAO;AAAA,UACLH;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/hooks/use-global-config/index.d.ts

@@ -1 +1,4 @@
-export declare const useGlobalConfig: () => ConfigProvdierContext;
+import type { Ref } from 'vue';
+import type { ConfigProviderContext } from 'element-plus/es/tokens';
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext>(key: K): Ref<ConfigProviderContext[K]>;
+export declare function useGlobalConfig(): ConfigProviderContext;

package/lib/hooks/use-global-config/index.js

@@ -6,12 +6,14 @@ var vue = require('vue');
 require('../../tokens/index.js');
 var configProvider = require('../../tokens/config-provider.js');
 
-const defaultConfig = {
-  button: {
-    autoInsertSpace: false
+function useGlobalConfig(key) {
+  const config = vue.inject(configProvider.configProviderContextKey, {});
+  if (key) {
+    return vue.toRef(config, key);
+  } else {
+    return config;
   }
-};
-const useGlobalConfig = () => vue.inject(configProvider.configProviderContextKey, defaultConfig);
+}
 
 exports.useGlobalConfig = useGlobalConfig;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-global-config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { configProviderContextKey } from '@element-plus/tokens'\nimport type { ConfigProvdierContext } from '@element-plus/tokens'\n\nconst defaultConfig: ConfigProvdierContext = {\n  button: {\n    autoInsertSpace: false,\n  },\n}\n\nexport const useGlobalConfig = () =>\n  inject(configProviderContextKey, defaultConfig)\n"],"names":["inject","configProviderContextKey"],"mappings":";;;;;;;;AAIA,MAAM,gBAAuC;AAAA,EAC3C,QAAQ;AAAA,IACN,iBAAiB;AAAA;AAAA;MAIR,kBAAkB,MAC7BA,WAAOC,yCAA0B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject, toRef } from 'vue'\nimport { configProviderContextKey } from '@element-plus/tokens'\nimport type { Ref } from 'vue'\nimport type { ConfigProviderContext } from '@element-plus/tokens'\n\nexport function useGlobalConfig<K extends keyof ConfigProviderContext>(\n  key: K\n): Ref<ConfigProviderContext[K]>\nexport function useGlobalConfig(): ConfigProviderContext\nexport function useGlobalConfig(key?: keyof ConfigProviderContext) {\n  const config = inject(configProviderContextKey, {})\n  if (key) {\n    return toRef(config, key)\n  } else {\n    return config\n  }\n}\n"],"names":["inject","configProviderContextKey","toRef"],"mappings":";;;;;;;;yBASgC,KAAmC;AACjE,QAAM,SAASA,WAAOC,yCAA0B;AAChD,MAAI,KAAK;AACP,WAAOC,UAAM,QAAQ;AAAA,SAChB;AACL,WAAO;AAAA;AAAA;;;;"}

package/lib/hooks/use-locale/index.d.ts

@@ -1,19 +1,20 @@
 import type { MaybeRef } from '@vueuse/core';
 import type { InjectionKey, Ref } from 'vue';
 import type { Language } from 'element-plus/es/locale';
-export declare const useLocaleProps: {
-    locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Language>, unknown, unknown, unknown, unknown>;
-};
-export declare type Translator = (path: string) => string;
+export declare type TranslatorOption = Record<string, string | number>;
+export declare type Translator = (path: string, option?: TranslatorOption) => string;
 export declare type LocaleContext = {
     locale: Ref<Language>;
     lang: Ref<string>;
     t: Translator;
 };
+export declare const useLocaleProps: {
+    locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Language>, unknown, unknown, unknown, unknown>;
+};
 export declare const localeContextKey: InjectionKey<LocaleContext>;
 export declare const provideLocale: () => void;
 export declare const buildTranslator: (locale: MaybeRef<Language>) => Translator;
-export declare const translate: (path: string, locale: Language) => string;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
 export declare const localeProviderMaker: (locale?: {
     name: string;
     el: {

package/lib/hooks/use-locale/index.js

@@ -17,7 +17,7 @@ const useLocaleProps = props.buildProps({
   }
 });
 const localeContextKey = Symbol("localeContextKey");
-let localeContextCache;
+let cache;
 const provideLocale = () => {
   const vm = vue.getCurrentInstance();
   const props = vm.props;
@@ -29,11 +29,14 @@ const provideLocale = () => {
     lang,
     t
   };
-  localeContextCache = provides;
+  cache = provides;
   vue.provide(localeContextKey, provides);
 };
-const buildTranslator = (locale) => (path) => translate(path, vue.unref(locale));
-const translate = (path, locale) => get__default["default"](locale, path, "");
+const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
+const translate = (path, option, locale) => get__default["default"](locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+  var _a;
+  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+});
 const localeProviderMaker = (locale = en["default"]) => {
   const lang = vue.ref(locale.name);
   const localeRef = vue.ref(locale);
@@ -44,7 +47,7 @@ const localeProviderMaker = (locale = en["default"]) => {
   };
 };
 const useLocale = () => {
-  return vue.inject(localeContextKey, localeContextCache || localeProviderMaker(en["default"]));
+  return vue.inject(localeContextKey, cache || localeProviderMaker(en["default"]));
 };
 
 exports.buildTranslator = buildTranslator;