el-plus 0.0.18 → 0.0.20

package/dist/index.full.mjs

@@ -1,15 +1,16 @@
-/*! ElPlus v0.0.18 */
+/*! ElPlus v0.0.20 */
 
-import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode } 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, ElDialog, ElButton, ElTable, selectProps as selectProps$1, selectEmits as selectEmits$1, ElIcon, ElPageHeader, datePickerProps } from 'element-plus';
+import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } 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, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1 } from 'element-plus';
 import { isFunction } from '@vue/shared';
 import axios from 'axios';
 import Cookies from 'js-cookie';
 import defu from 'defu';
 import * as qs from 'qs';
 import elTableProps from 'element-plus/es/components/table/src/table/defaults';
-import { ArrowUp, ArrowDown } from '@element-plus/icons-vue';
+import { ArrowUp, ArrowDown, EditPen } from '@element-plus/icons-vue';
 import mitt from 'mitt';
+import { cloneDeep } from 'lodash-unified';
 import { useToggle } from '@vueuse/core';
 import { useRouter, useRoute } from 'vue-router';
 
@@ -937,7 +938,9 @@ const useFormItemSlots = (props) => {
     });
   }
   if (render) {
-    scopedSlots.default = render;
+    scopedSlots.default = () => {
+      return render(attrs["table-scope"]);
+    };
   }
   return {
     scopedSlots
@@ -981,8 +984,8 @@ const useFormItemRules = (props) => {
 
 const expandFormItemProps = {
   type: {
-    type: String
-    // default: 'EpInput',
+    type: String,
+    default: "EpInput"
   },
   col: Number,
   render: Function,
@@ -1042,7 +1045,7 @@ var EpFormItem = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpForm",
     inheritAttrs: false
@@ -1140,7 +1143,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpForm = withInstall(_sfc_main$8);
+const EpForm = withInstall(_sfc_main$9);
 
 const { t: t$2 } = useLocale();
 const inputProps = {
@@ -1169,7 +1172,7 @@ const inputEmits = {
 };
 const inputEmitsKeys = Object.keys(inputEmits);
 
-var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpInput",
     inheritAttrs: false
@@ -1303,7 +1306,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpInput = withInstall(_sfc_main$7);
+const EpInput = withInstall(_sfc_main$8);
 
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -1396,6 +1399,7 @@ const useDialog = (options = {}) => {
   } = useLocale();
   const {
     scopedSlots = {},
+    instance,
     render: render$1,
     destroyOnClose,
     onConfirm,
@@ -1471,10 +1475,10 @@ const useDialog = (options = {}) => {
   });
   if (render$1) {
     const container = document.createElement("div");
-    const instance = getCurrentInstance();
+    const newInstance = instance || getCurrentInstance();
     const vnode = h(Dialog);
-    if (instance && instance.appContext) {
-      vnode.appContext = instance.appContext;
+    if (newInstance && newInstance.appContext) {
+      vnode.appContext = newInstance.appContext;
     }
     render(vnode, container);
     document.body.appendChild(container);
@@ -1624,7 +1628,7 @@ const gotoTaskTrace = (workflowId) => {
   }
 };
 
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpCustomColumn",
     inheritAttrs: false
@@ -1829,7 +1833,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpCustomColumn = withInstall(_sfc_main$6);
+const EpCustomColumn = withInstall(_sfc_main$7);
 
 const inheritTableProps = {
   ...elTableProps,
@@ -1903,8 +1907,8 @@ const expandTableProps = {
     type: Array,
     default: () => []
   },
-  // 链接列
-  linkProps: {
+  // 格式化列
+  formatColumns: {
     type: Array,
     default: () => []
   },
@@ -1926,6 +1930,38 @@ const expandTablePropsKeys = Object.keys(expandTableProps);
 const tableEmits = [...ElTable.emits, "single-selection-change"];
 const tableEmitsKeys = tableEmits;
 
+const bem$1 = createNameSpace("form-dialog");
+const useFormDialog = (options = {}) => {
+  const {
+    dialogProps,
+    title,
+    ...formProps
+  } = options;
+  const formRef = ref();
+  let formData = formProps.formData || reactive({});
+  return useDialog({
+    class: bem$1.b(),
+    width: "80%",
+    title,
+    render: (props) => {
+      return createVNode(EpForm, mergeProps({
+        "ref": formRef,
+        "modelValue": formData,
+        "onUpdate:modelValue": ($event) => formData = $event
+      }, {
+        col: 1,
+        "label-width": "auto",
+        ...formProps
+      }), null);
+    },
+    onConfirm: async (resolve) => {
+      await formRef.value.validate();
+      resolve(formData);
+    },
+    ...dialogProps
+  });
+};
+
 const useTable$1 = (props) => {
   const elFormRef = useTemplateRef("elFormRef");
   const elTableRef = useTemplateRef("elTableRef");
@@ -1961,7 +1997,12 @@ const useTable$1 = (props) => {
     }
   });
   const customColumns = ref([]);
+  const attrs = useAttrs();
   const search = async (init = false, isPagination = false) => {
+    const beforeSearch = attrs["before-search"];
+    if (typeof beforeSearch === "function") {
+      await beforeSearch?.();
+    }
     if (init) {
       pagination.pageNo = 1;
     }
@@ -1995,6 +2036,7 @@ const useTable$1 = (props) => {
       if (props.customColumnModule) {
         loading.value = true;
         const columns = await bus.once("loadedCustomColumn");
+        loading.value = false;
         customColumns.value = columns;
         bus.on("loadedCustomColumn", (columns2) => {
           customColumns.value = columns2;
@@ -2066,6 +2108,7 @@ const usePagination = function(props, search) {
   };
 };
 const useTableColumn = (props, tableData, customColumns) => {
+  const instance = getCurrentInstance();
   const columnProps = (column) => {
     const attrs = {
       "show-overflow-tooltip": true,
@@ -2078,16 +2121,50 @@ const useTableColumn = (props, tableData, customColumns) => {
       if (typeof column.required === "function") {
         required = column.required();
       }
-      if (required) {
-        attrs["renderHeader"] = (data) => {
-          const {
-            column: column2
-          } = data;
-          return createVNode("span", null, [createVNode("span", {
-            "style": "color:var(--el-color-danger)"
-          }, [createTextVNode(" * ")]), column2.label]);
-        };
-      }
+      const editable = column.editable;
+      attrs["renderHeader"] = () => {
+        return createVNode("span", null, [required ? createVNode("span", {
+          "style": "color:var(--el-color-danger)"
+        }, [createTextVNode(" * ")]) : "", createVNode("span", {
+          "class": {
+            "is-edit": editable
+          },
+          "onClick": editable ? async () => {
+            const cloneColumn = {
+              ...column
+            };
+            delete cloneColumn.editable;
+            const rawRender = cloneColumn.render;
+            const formData = reactive({});
+            if (rawRender) {
+              cloneColumn.render = () => {
+                return rawRender({
+                  row: formData
+                });
+              };
+            }
+            const formDialog = useFormDialog({
+              title: cloneColumn.label,
+              dialogProps: {
+                destroyOnClose: true,
+                instance
+              },
+              formItemList: [cloneColumn],
+              formData
+              // formData: reactive({}),
+            });
+            const data = await formDialog.open();
+            (tableData.value || []).forEach((item) => {
+              item[column.prop] = data[column.prop];
+            });
+            if (typeof editable === "function") {
+              editable(toRaw(data));
+            }
+          } : void 0
+        }, [column.label, editable ? createVNode(ElIcon, null, {
+          default: () => [createVNode(EditPen, null, null)]
+        }) : ""])]);
+      };
     }
     if (column.filter) {
       const arr = tableData.value.map((item) => item[column.prop]);
@@ -2101,29 +2178,31 @@ const useTableColumn = (props, tableData, customColumns) => {
         return row[column.prop] === value;
       };
     }
+    if (column.type === "EpLink") {
+      attrs.className = "table-column-link";
+    }
     return {
       ...attrs,
       ...prepareProps(column)
     };
   };
   const columnList = computed(() => {
-    let columns = props.columns;
-    if (props.customColumnModule) {
-      columns = customColumns.value;
-    }
-    return columns.filter((column) => {
-      if (props.linkProps.length) {
-        const linkColumn = props.linkProps.find((item) => item.prop === column.prop);
-        if (linkColumn) {
-          column.type = "EpButtons";
-          column.className = "table-column-link";
-          column.props = {
-            list: [linkColumn],
-            type: "text",
-            ...column.props
+    const columns = props.customColumnModule ? customColumns.value : props.columns;
+    return columns.map((column) => {
+      let newColumn = {
+        ...column
+      };
+      if (props.formatColumns.length) {
+        const formatColumn = props.formatColumns.find((item) => item.prop === column.prop);
+        if (formatColumn) {
+          newColumn = {
+            ...newColumn,
+            ...formatColumn
           };
         }
       }
+      return newColumn;
+    }).filter((column) => {
       if ("show" in column) {
         return typeof column.show === "function" ? column.show(column) : column.show;
       } else if ("hide" in column) {
@@ -2138,7 +2217,8 @@ const useTableColumn = (props, tableData, customColumns) => {
   };
 };
 const useTableFormItem = (props) => {
-  const formItemProps = (scope, item) => {
+  const formItemProps = (scope, rawItem) => {
+    const item = cloneDeep(rawItem);
     let required = item.required;
     if (typeof required === "function") {
       required = required();
@@ -2173,10 +2253,19 @@ const useTableFormItem = (props) => {
         }
       });
     }
+    if (item.type === "EpLink") {
+      (item.props ? item.props : item.props = {}).content = item.props.content || scope.row[item.prop];
+    }
     for (const key in item) {
       if (key.startsWith("on") && typeof item[key] === "function") {
         const fn = item[key];
-        item[key] = (...args) => fn(...args, scope);
+        item[key] = (...args) => {
+          let event;
+          if (args[0] instanceof Event) {
+            event = args.shift();
+          }
+          return fn(...args, scope, event);
+        };
       }
     }
     return {
@@ -2198,7 +2287,7 @@ const useTableFormItem = (props) => {
   };
 };
 
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpTable",
     inheritAttrs: false
@@ -2346,12 +2435,13 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
             }, {
               ref_for: true
             }, unref(columnProps)(item)), {
-              default: withCtx((scope) => [item.type ? (openBlock(), createBlock(unref(EpFormItem), mergeProps({
+              default: withCtx((scope) => [item.type || item.render ? (openBlock(), createBlock(unref(EpFormItem), mergeProps({
                 key: 0,
-                "form-data": scope.row
+                "form-data": scope.row,
+                "table-scope": scope
               }, {
                 ref_for: true
-              }, unref(formItemProps)(scope, item)), null, 16, ["form-data"])) : (openBlock(), createElementBlock(Fragment, {
+              }, unref(formItemProps)(scope, item)), null, 16, ["form-data", "table-scope"])) : (openBlock(), createElementBlock(Fragment, {
                 key: 1
               }, [createTextVNode(toDisplayString(scope.row[item.prop]), 1)], 64))]),
               _: 2
@@ -2383,7 +2473,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpTable = withInstall(_sfc_main$5);
+const EpTable = withInstall(_sfc_main$6);
 
 const searchListPageProps = {
   ...apiProps,
@@ -2417,9 +2507,9 @@ const searchListPageProps = {
   actionButtons: {
     ...tableProps.actionButtons
   },
-  // 链接列
-  linkProps: {
-    ...tableProps.linkProps
+  // 格式化列
+  formatColumns: {
+    ...tableProps.formatColumns
   },
   showSelectionCol: Boolean,
   showSingleSelectionCol: Boolean,
@@ -2429,12 +2519,9 @@ const searchListPageProps = {
   },
   add: Function,
   // 新增
-  templateDownloadApi: String,
-  // 模板下载
-  importApi: String,
-  // 导入
-  exportApi: String,
-  // 导出
+  // templateDownloadApi: String, // 模板下载
+  // importApi: String, // 导入
+  // exportApi: String, // 导出
   // 表格额外距离
   offsetTop: {
     type: Number,
@@ -2474,7 +2561,8 @@ const useSearchListPage = (props, config = {}) => {
     search,
     reset,
     tableRef,
-    formRef
+    formRef,
+    beforeSearch: validate
   };
 };
 const useTable = (props, config) => {
@@ -2491,7 +2579,7 @@ const useTable = (props, config) => {
       showSelectionCol: props.showSelectionCol,
       showSingleSelectionCol: props.showSingleSelectionCol,
       actionButtons: props.actionButtons,
-      linkProps: props.linkProps,
+      formatColumns: props.formatColumns,
       api: props.api,
       reqData: props.formData,
       customColumnModule: props.customColumnModule,
@@ -2564,25 +2652,25 @@ const useButtons$1 = (props, { validate, resetFields, tableRef }) => {
       onClick: () => {
         props.add?.();
       }
-    },
-    {
-      name: t("ep.searchListPage.templateDownload"),
-      prop: "templateDownload",
-      permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : "",
-      show: !!props.templateDownloadApi
-    },
-    {
-      name: t("ep.searchListPage.import"),
-      prop: "import",
-      permission: props.name ? `${props.name}:IMPORT` : "",
-      show: !!props.importApi
-    },
-    {
-      name: t("ep.searchListPage.export"),
-      prop: "export",
-      permission: props.name ? `${props.name}:EXPORT` : "",
-      show: !!props.exportApi
     }
+    // {
+    //   name: t('ep.searchListPage.templateDownload'),
+    //   prop: 'templateDownload',
+    //   permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : '',
+    //   show: !!props.templateDownloadApi,
+    // },
+    // {
+    //   name: t('ep.searchListPage.import'),
+    //   prop: 'import',
+    //   permission: props.name ? `${props.name}:IMPORT` : '',
+    //   show: !!props.importApi,
+    // },
+    // {
+    //   name: t('ep.searchListPage.export'),
+    //   prop: 'export',
+    //   permission: props.name ? `${props.name}:EXPORT` : '',
+    //   show: !!props.exportApi,
+    // },
   ];
   const list = mergeListByKey(defaultButtons, props.leftButtons);
   if (props.customColumnModule) {
@@ -2611,12 +2699,11 @@ const useButtons$1 = (props, { validate, resetFields, tableRef }) => {
     };
   });
   const search = async (isInitSearch = false) => {
-    await validate();
     tableRef.value.search(isInitSearch);
   };
   const reset = async () => {
     resetFields();
-    search();
+    search(true);
   };
   const searchButtons = [
     {
@@ -2637,7 +2724,7 @@ const useButtons$1 = (props, { validate, resetFields, tableRef }) => {
   };
 };
 
-var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{ name: "EpSearchListPage" },
   __name: "search-list-page",
   props: searchListPageProps,
@@ -2652,7 +2739,8 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
       reset,
       tableRef,
       formRef,
-      tableProps
+      tableProps,
+      beforeSearch
     } = useSearchListPage(props);
     __expose({
       search,
@@ -2683,13 +2771,13 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ], 2)
         ]),
         renderSlot(_ctx.$slots, "tableBefore"),
-        createVNode(unref(EpTable), normalizeProps(guardReactiveProps(unref(tableProps))), null, 16)
+        createVNode(unref(EpTable), mergeProps(unref(tableProps), { "before-search": unref(beforeSearch) }), null, 16, ["before-search"])
       ], 6);
     };
   }
 });
 
-const EpSearchListPage = withInstall(_sfc_main$4);
+const EpSearchListPage = withInstall(_sfc_main$5);
 
 const inheritSelectProps = {
   ...selectProps$1,
@@ -2815,7 +2903,7 @@ function useSelect(props, emit) {
   };
 }
 
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpSelect",
     inheritAttrs: false
@@ -2894,7 +2982,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpSelect = withInstall(_sfc_main$3);
+const EpSelect = withInstall(_sfc_main$4);
 
 const titleProps = {
   // 右侧按钮
@@ -2950,7 +3038,7 @@ const useTitle = (emit) => {
   };
 };
 
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpTitle",
     inheritAttrs: false
@@ -3013,7 +3101,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpTitle = withInstall(_sfc_main$2);
+const EpTitle = withInstall(_sfc_main$3);
 
 const headerProps = {
   // 页面模式
@@ -3040,6 +3128,81 @@ const headerProps = {
 };
 const headerEmits = {};
 
+const useNavigation = () => {
+  const router = useRouter();
+  const $goto = (r) => {
+    const item = {
+      id: Date.now(),
+      name: "",
+      url: ""
+    };
+    const openTab = window.parent.openMenuSelect;
+    if (r.url) {
+      item.url = r.url;
+      item.name = r.name;
+      if (openTab) {
+        openTab(item);
+      } else {
+        window.open(item.url);
+      }
+      return;
+    }
+    const routes = router.getRoutes() || [];
+    const projectRootPath = window.location.pathname;
+    const findRoute = (routes2, distRoute) => {
+      let queen = [...routes2];
+      while (queen.length) {
+        const first = queen.shift();
+        if (first.children) {
+          queen = queen.concat(first.children);
+        }
+        if (first.name == distRoute.name) {
+          return first;
+        }
+      }
+    };
+    const route = findRoute(routes, r);
+    if (route) {
+      item.id = r.id || item.id;
+      item.name = r.title || (window.$hxt ? window.$hxt(route.meta.title) : route.meta.title);
+      item.url = `${projectRootPath}#${route.path}${qs.stringify(r.query, { encode: false })}`;
+      if (openTab) {
+        openTab(item);
+      } else {
+        router.push(r);
+      }
+    } else {
+      console.error("\u6CA1\u6709\u627E\u5230\u5BF9\u5E94\u7684\u8DEF\u7531");
+    }
+  };
+  const $closeTag = () => {
+    if (!window.parent.selectedRouterTags) {
+      return;
+    }
+    const currentRouterTagIndex = window.parent.currentRouterTagIndex;
+    const preIndex = window.parent.currentRouterTagIndex - 1;
+    const currentTag = window.parent.selectedRouterTags[currentRouterTagIndex];
+    const preTag = window.parent.selectedRouterTags[preIndex];
+    window.parent?.closeTag?.(currentTag);
+    window.parent?.openMenuSelect?.(preTag);
+  };
+  const mode = computed(() => {
+    const { query } = useRoute();
+    return query.mode;
+  });
+  const isBrowse = computed(() => mode.value === "browse");
+  const isEdit = computed(() => mode.value === "edit");
+  const isAdd = computed(() => mode.value === "add");
+  return {
+    $goto,
+    $closeTag,
+    mode,
+    isBrowse,
+    isEdit,
+    isAdd
+  };
+};
+
 const useHeader = (props, emit) => {
   const router = useRouter();
   const isShowBack = computed(() => {
@@ -3061,13 +3224,9 @@ const useHeader = (props, emit) => {
 };
 const useButtons = (props, emit) => {
   const { t } = useLocale();
+  const { mode: defaultMode } = useNavigation();
   const mode = computed(() => {
-    const { query } = useRoute();
-    let mode2 = props.mode;
-    if (query.mode) {
-      mode2 = query.mode;
-    }
-    return mode2;
+    return props.mode || defaultMode;
   });
   let defaultButtons = [
     {
@@ -3124,7 +3283,7 @@ const useButtons = (props, emit) => {
   };
 };
 
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpHeader",
     inheritAttrs: false
@@ -3157,7 +3316,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpHeader = withInstall(_sfc_main$1);
+const EpHeader = withInstall(_sfc_main$2);
 
 const { t } = useLocale();
 const datePickerRangeProps = {
@@ -3227,7 +3386,7 @@ const datePickerRangeProps = {
 };
 const datePickerRangeEmits = {};
 
-var _sfc_main = /* @__PURE__ */ defineComponent({
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "EpDatePickerRange",
     inheritAttrs: false
@@ -3283,7 +3442,69 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EpDatePickerRange = withInstall(_sfc_main);
+const EpDatePickerRange = withInstall(_sfc_main$1);
+
+const linkProps = {
+  ...linkProps$1,
+  content: {
+    type: String
+  },
+  type: {
+    ...linkProps$1.type,
+    default: "primary"
+  },
+  underline: {
+    ...linkProps$1.underline,
+    default: "never"
+  }
+};
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "EpLink",
+    inheritAttrs: false
+  },
+  __name: "link",
+  props: linkProps,
+  setup(__props) {
+    const bem = createNameSpace("link");
+    const props = __props;
+    const attrs = useAttrs();
+    const slots = computed(() => {
+      return Object.keys(useSlots());
+    });
+    return (_ctx, _cache) => {
+      const _component_el_link = resolveComponent("el-link");
+      return openBlock(), createBlock(_component_el_link, mergeProps({
+        class: `${unref(bem).b()} ${unref(prepareClassNames)()}`,
+        style: {
+          ...unref(prepareStyles)()
+        }
+      }, {
+        ...props,
+        ...unref(attrs)
+      }), createSlots({
+        default: withCtx(() => [
+          _ctx.content ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(_ctx.content), 1)
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        renderList(slots.value, (name) => {
+          return {
+            name,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scope)))
+            ])
+          };
+        })
+      ]), 1040, ["class", "style"]);
+    };
+  }
+});
+
+const EpLink = withInstall(_sfc_main);
 
 var components = [
   EpButtons,
@@ -3295,10 +3516,11 @@ var components = [
   EpTitle,
   EpHeader,
   EpDatePickerRange,
-  EpCustomColumn
+  EpCustomColumn,
+  EpLink
 ];
 
-var version = "0.0.18";
+var version = "0.0.20";
 
 var globalProperties = {
   install(app) {
@@ -3311,7 +3533,7 @@ var plugins = /*#__PURE__*/Object.freeze({
   globalProperties: globalProperties
 });
 
-const bem$1 = createNameSpace("choose-dialog");
+const bem = createNameSpace("choose-dialog");
 const useChooseDialog = (options = {}) => {
   const {
     t
@@ -3328,12 +3550,12 @@ const useChooseDialog = (options = {}) => {
   if (!showSingleSelectionCol) {
     scopedSlots.footerPrepend = () => {
       return createVNode("span", {
-        "class": bem$1.e("selected-count")
+        "class": bem.e("selected-count")
       }, [t("ep.chooseDialog.selected"), selections.length, t("ep.chooseDialog.unit")]);
     };
   }
   return useDialog({
-    class: bem$1.b(),
+    class: bem.b(),
     width: "80%",
     showFooter: !showSingleSelectionCol,
     scopedSlots,
@@ -3370,102 +3592,6 @@ const useChooseDialog = (options = {}) => {
   });
 };
 
-const bem = createNameSpace("form-dialog");
-const useFormDialog = (options = {}) => {
-  const {
-    dialogProps,
-    title,
-    ...formProps
-  } = options;
-  const formRef = ref();
-  let formData = formProps.formData || reactive({});
-  return useDialog({
-    class: bem.b(),
-    width: "80%",
-    title,
-    render: (props) => {
-      return createVNode(EpForm, mergeProps({
-        "ref": formRef,
-        "modelValue": formData,
-        "onUpdate:modelValue": ($event) => formData = $event
-      }, {
-        col: 1,
-        "label-width": "auto",
-        ...formProps
-      }), null);
-    },
-    onConfirm: async (resolve) => {
-      await formRef.value.validate();
-      resolve(formData);
-    },
-    ...dialogProps
-  });
-};
-
-const useNavigation = () => {
-  const router = useRouter();
-  const $goto = (r) => {
-    const item = {
-      id: Date.now(),
-      name: "",
-      url: ""
-    };
-    const openTab = window.parent.openMenuSelect;
-    if (r.url) {
-      item.url = r.url;
-      item.name = r.name;
-      if (openTab) {
-        openTab(item);
-      } else {
-        window.open(item.url);
-      }
-      return;
-    }
-    const routes = router.getRoutes() || [];
-    const projectRootPath = window.location.pathname;
-    const findRoute = (routes2, distRoute) => {
-      let queen = [...routes2];
-      while (queen.length) {
-        const first = queen.shift();
-        if (first.children) {
-          queen = queen.concat(first.children);
-        }
-        if (first.name == distRoute.name) {
-          return first;
-        }
-      }
-    };
-    const route = findRoute(routes, r);
-    if (route) {
-      item.id = r.id || item.id;
-      item.name = r.title || (window.$hxt ? window.$hxt(route.meta.title) : route.meta.title);
-      item.url = `${projectRootPath}#${route.path}${qs.stringify(r.query, { encode: false })}`;
-      if (openTab) {
-        openTab(item);
-      } else {
-        router.push(r);
-      }
-    } else {
-      console.error("\u6CA1\u6709\u627E\u5230\u5BF9\u5E94\u7684\u8DEF\u7531");
-    }
-  };
-  const $closeTag = () => {
-    if (!window.parent.selectedRouterTags) {
-      return;
-    }
-    const currentRouterTagIndex = window.parent.currentRouterTagIndex;
-    const preIndex = window.parent.currentRouterTagIndex - 1;
-    const currentTag = window.parent.selectedRouterTags[currentRouterTagIndex];
-    const preTag = window.parent.selectedRouterTags[preIndex];
-    window.parent?.closeTag?.(currentTag);
-    window.parent?.openMenuSelect?.(preTag);
-  };
-  return {
-    $goto,
-    $closeTag
-  };
-};
-
 const INSTALLED_KEY = /* @__PURE__ */ Symbol("INSTALLED_KEY");
 const install = (app, options) => {
   if (app[INSTALLED_KEY]) return;
@@ -3478,4 +3604,4 @@ const plugin = {
   version
 };
 
-export { EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpSearchListPage, EpSelect, EpTable, EpTitle, buttonsProps, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, useChooseDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };
+export { EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, buttonsProps, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, useChooseDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };