el-plus 0.0.113 → 0.0.115

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.113 */
+/*! ElPlus v0.0.115 */
 
 import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, reactive, onBeforeUpdate, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, useSlots, watch, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw, onMounted } from 'vue';
 import { buttonProps, useLocale as useLocale$1, ElLoading, ElMessage, ElMessageBox, formProps as formProps$1, formEmits as formEmits$1, ElTooltip, formItemProps as formItemProps$1, ElFormItem, ElForm, ElRow, ElCol, inputProps as inputProps$1, inputEmits as inputEmits$1, configProviderContextKey, ElConfigProvider, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1, ElSkeleton } from 'element-plus';
@@ -3544,6 +3544,12 @@ const attachmentProps = {
     type: String
   }
 };
+const attachmentEmits = {
+  // 确认
+  confirm: (data) => true,
+  // 取消
+  cancel: () => true
+};
 
 const getFullUrl = (filePath) => {
   return filePath.indexOf("hongxinshop.com") > -1 ? filePath : `${window.location.protocol}//${getEnv() === "local" ? `${getLocationEnv()}-hxjf.hongxinshop.com` : window.location.host}/image/${filePath}`;
@@ -3823,11 +3829,12 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
+  emits: /* @__PURE__ */ mergeModels(attachmentEmits, ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
     const { t } = useLocale();
     const bem = createNameSpace("attachment");
     const props = __props;
+    const emit = __emit;
     const modelValue = useModel(__props, "modelValue");
     const {
       columns,
@@ -3855,10 +3862,12 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
       ),
       templatePromiseClass: bem.e("promise"),
       onConfirm: async (resolve) => {
-        onConfirm(resolve);
+        await onConfirm(resolve);
+        emit("confirm", modelValue.value);
       },
       onCancel: (resolve) => {
         onCancel(resolve);
+        emit("cancel");
       }
     });
     const open = AttachmentDialog.open;
@@ -4555,7 +4564,7 @@ var components = [
   EpFooterInfo
 ];
 
-var version = "0.0.113";
+var version = "0.0.115";
 
 var globalProperties = {
   install(app) {
@@ -4708,4 +4717,4 @@ const plugin = {
   version
 };
 
-export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpFooterInfo, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, EpUniVue, attachmentProps, buttonsProps, componentType, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, defaultFields, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, footerInfoProps, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageEmits, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, uniVueProps, useChooseDialog, useConfirmDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, useUtils, vPermisson as vPermission, vRepeatClick };
+export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpFooterInfo, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, EpUniVue, attachmentEmits, attachmentProps, buttonsProps, componentType, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, defaultFields, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, footerInfoProps, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageEmits, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, uniVueProps, useChooseDialog, useConfirmDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, useUtils, vPermisson as vPermission, vRepeatClick };

package/docs/CHANGELOG.md

@@ -1,5 +1,5 @@
-# docs
-
-## 1.0.2
-
-## 1.0.1
+# docs
+
+## 1.0.2
+
+## 1.0.1

package/docs/api-examples.md

@@ -1,49 +1,49 @@
----
-outline: deep
----
-
-# Runtime API Examples
-
-This page demonstrates usage of some of the runtime APIs provided by VitePress.
-
-The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
-
-```md
-<script setup>
-import { useData } from 'vitepress'
-
-const { theme, page, frontmatter } = useData()
-</script>
-
-## Results
-
-### Theme Data
-<pre>{{ theme }}</pre>
-
-### Page Data
-<pre>{{ page }}</pre>
-
-### Page Frontmatter
-<pre>{{ frontmatter }}</pre>
-```
-
-<script setup>
-import { useData } from 'vitepress'
-
-const { site, theme, page, frontmatter } = useData()
-</script>
-
-## Results
-
-### Theme Data
-<pre>{{ theme }}</pre>
-
-### Page Data
-<pre>{{ page }}</pre>
-
-### Page Frontmatter
-<pre>{{ frontmatter }}</pre>
-
-## More
-
-Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).
+---
+outline: deep
+---
+
+# Runtime API Examples
+
+This page demonstrates usage of some of the runtime APIs provided by VitePress.
+
+The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
+
+```md
+<script setup>
+import { useData } from 'vitepress'
+
+const { theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+```
+
+<script setup>
+import { useData } from 'vitepress'
+
+const { site, theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+
+## More
+
+Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).

package/docs/components/attachment.md

@@ -1,111 +1,118 @@
-# EpAttachment 附件管理
-
-附件上传和管理组件，支持对话框和内嵌两种模式。
-
-## 基本用法
-
-```vue
-<template>
-  <EpAttachment v-model="fileList" />
-</template>
-
-<script setup>
-import { ref } from 'vue'
-
-const fileList = ref([])
-</script>
-```
-
-## Props
-
-| 属性 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| v-model | 附件列表 | `array` | `[]` |
-| mode | 页面模式 | `'add' \| 'edit' \| 'view'` | - |
-| openType | 展示模式 | `'dialog' \| 'normal'` | `'dialog'` |
-| isType | 是否需要类型 | `boolean` | `true` |
-| isNote | 是否需要备注 | `boolean` | `false` |
-| isShowOpenDialogButton | 显示打开弹窗按钮 | `boolean` | `false` |
-| formatColumns | 格式化列配置 | [`TableColumn[]`](./table.md#tablecolumn-配置) | `[]` |
-| beforeAdd | 添加前校验 | `(fileItem) => boolean` | - |
-| permission | 权限标识 | `string` | - |
-
-## 在 Form 中使用
-
-```tsx
-const formItemList = [
-  {
-    col: 24,
-    type: 'EpAttachment',
-    props: {
-      modelValue: formData.fileList,
-      openType: 'normal',
-      formatColumns: [
-        {
-          prop: 'type',
-          props: {
-            options: [
-              { label: '图片', value: 0 },
-              { label: '普通附件', value: 2 },
-            ],
-          },
-        },
-      ],
-    },
-  },
-]
-```
-
-## 配合 EpHeader 使用
-
-```vue
-<template>
-  <EpHeader
-    :buttons="headerButtons"
-    is-show-attachment-button
-    :file-list="formData.fileList"
-    :attachment-props="attachmentProps"
-  />
-</template>
-
-<script setup>
-const attachmentProps = {
-  formatColumns: [
-    {
-      prop: 'type',
-      props: {
-        options: [
-          { label: '图片', value: 0 },
-          { label: '附件', value: 2 },
-        ],
-      },
-    },
-  ],
-}
-</script>
-```
-
-## 内嵌模式
-
-```tsx
-{
-  type: 'EpAttachment',
-  props: {
-    openType: 'normal', // 内嵌模式，直接显示附件表格
-    modelValue: formData.fileList,
-  },
-}
-```
-
-## 对话框模式
-
-```tsx
-{
-  type: 'EpAttachment',
-  props: {
-    openType: 'dialog', // 对话框模式，点击按钮打开
-    isShowOpenDialogButton: true,
-    modelValue: formData.fileList,
-  },
-}
-```
+# EpAttachment 附件管理
+
+附件上传和管理组件，支持对话框和内嵌两种模式。
+
+## 基本用法
+
+```vue
+<template>
+  <EpAttachment v-model="fileList" />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const fileList = ref([])
+</script>
+```
+
+## Props
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| v-model | 附件列表 | `array` | `[]` |
+| mode | 页面模式 | `'add' \| 'edit' \| 'view'` | - |
+| openType | 展示模式 | `'dialog' \| 'normal'` | `'dialog'` |
+| isType | 是否需要类型 | `boolean` | `true` |
+| isNote | 是否需要备注 | `boolean` | `false` |
+| isShowOpenDialogButton | 显示打开弹窗按钮 | `boolean` | `false` |
+| formatColumns | 格式化列配置 | [`TableColumn[]`](./table.md#tablecolumn-配置) | `[]` |
+| beforeAdd | 添加前校验 | `(fileItem) => boolean` | - |
+| permission | 权限标识 | `string` | - |
+
+## Events
+
+| 事件名 | 说明 | 回调参数 |
+|------|------|------|
+| confirm | 对话框确认时触发（校验通过后） | `(data: Record<string, any>[])` 当前附件列表 |
+| cancel | 对话框取消时触发 | - |
+
+## 在 Form 中使用
+
+```tsx
+const formItemList = [
+  {
+    col: 24,
+    type: 'EpAttachment',
+    props: {
+      modelValue: formData.fileList,
+      openType: 'normal',
+      formatColumns: [
+        {
+          prop: 'type',
+          props: {
+            options: [
+              { label: '图片', value: 0 },
+              { label: '普通附件', value: 2 },
+            ],
+          },
+        },
+      ],
+    },
+  },
+]
+```
+
+## 配合 EpHeader 使用
+
+```vue
+<template>
+  <EpHeader
+    :buttons="headerButtons"
+    is-show-attachment-button
+    :file-list="formData.fileList"
+    :attachment-props="attachmentProps"
+  />
+</template>
+
+<script setup>
+const attachmentProps = {
+  formatColumns: [
+    {
+      prop: 'type',
+      props: {
+        options: [
+          { label: '图片', value: 0 },
+          { label: '附件', value: 2 },
+        ],
+      },
+    },
+  ],
+}
+</script>
+```
+
+## 内嵌模式
+
+```tsx
+{
+  type: 'EpAttachment',
+  props: {
+    openType: 'normal', // 内嵌模式，直接显示附件表格
+    modelValue: formData.fileList,
+  },
+}
+```
+
+## 对话框模式
+
+```tsx
+{
+  type: 'EpAttachment',
+  props: {
+    openType: 'dialog', // 对话框模式，点击按钮打开
+    isShowOpenDialogButton: true,
+    modelValue: formData.fileList,
+  },
+}
+```