@epie/bi-crud 2.0.3 → 2.0.4

package/lib/bi-crud.esm.js

@@ -14875,6 +14875,14 @@ function useHelper(_ref) {
   } // 打开编辑
 
 
+  function rowDescription(data) {
+    mitt.emit("crud.proxy", {
+      name: "description",
+      data: [data]
+    });
+  } // 打开编辑
+
+
   function rowEdit(data) {
     mitt.emit("crud.proxy", {
       name: "edit",
@@ -15015,6 +15023,7 @@ function useHelper(_ref) {
     rowClose: rowClose,
     refresh: refresh,
     doExport: doExport,
+    rowDescription: rowDescription,
     getPermission: getPermission,
     paramsReplace: paramsReplace,
     getParams: getParams
@@ -15099,7 +15108,7 @@ var Emitter = /*#__PURE__*/function () {
 }();
 
 var Crud$1 = defineComponent({
-  name: "cl-crud",
+  name: "epie-crud",
   props: {
     name: String,
     border: Boolean,
@@ -15202,7 +15211,7 @@ var Crud$1 = defineComponent({
   },
   render: function render(ctx) {
     return createVNode("div", {
-      "class": ["cl-crud", {
+      "class": ["epie-crud", {
         "is-border": ctx.border
       }],
       "style": {
@@ -15219,7 +15228,7 @@ function useParent(name, ref) {
   var parent = proxy.$.parent;
 
   if (parent) {
-    while (parent && ((_parent$type = parent.type) === null || _parent$type === void 0 ? void 0 : _parent$type.name) != name && ((_parent$type2 = parent.type) === null || _parent$type2 === void 0 ? void 0 : _parent$type2.name) != "cl-crud") {
+    while (parent && ((_parent$type = parent.type) === null || _parent$type === void 0 ? void 0 : _parent$type.name) != name && ((_parent$type2 = parent.type) === null || _parent$type2 === void 0 ? void 0 : _parent$type2.name) != "epie-crud") {
       var _parent$type, _parent$type2, _parent;
 
       parent = (_parent = parent) === null || _parent === void 0 ? void 0 : _parent.parent;
@@ -15241,7 +15250,7 @@ function useCrud(options, cb) {
       onDelete = _ref.onDelete;
 
   var Crud = ref();
-  useParent("cl-crud", Crud);
+  useParent("epie-crud", Crud);
   watch(function () {
     return Crud.value;
   }, function (val) {
@@ -15278,7 +15287,7 @@ function useUpsert(options) {
 
 function useTable(options) {
   var Table = ref();
-  useParent("cl-table", Table);
+  useParent("epie-table", Table);
   watch(function () {
     return Table.value;
   }, function (val) {
@@ -15303,7 +15312,7 @@ function useAdvSearch(options) {
 
 function useForm(cb) {
   var Form = ref();
-  useParent("cl-form", Form);
+  useParent("epie-form", Form);
   nextTick$1(function () {
     if (cb && Form.value) {
       cb(Form.value);
@@ -15320,6 +15329,19 @@ function useDialog(options) {
     options === null || options === void 0 ? void 0 : options.onFullscreen(val);
   });
   return Dialog;
+} // 表格
+
+function useDescriptions(options) {
+  var descriptions = ref();
+  useParent("epie-descriptions", descriptions);
+  watch(function () {
+    return descriptions.value;
+  }, function (val) {
+    if (val) {
+      Object.assign(val.$.props, options);
+    }
+  });
+  return descriptions;
 }
 
 function useRefs() {
@@ -15433,7 +15455,7 @@ function useProxy(ret) {
 }
 
 var AddBtn = defineComponent({
-  name: "cl-add-btn",
+  name: "epie-add-btn",
   setup: function setup(_, _ref) {
     var slots = _ref.slots;
 
@@ -15616,7 +15638,7 @@ function _sfc_render220(_ctx, _cache, $props, $setup, $data, $options) {
 var search_default = /* @__PURE__ */export_helper_default(_sfc_main220, [["render", _sfc_render220], ["__file", "search.vue"]]); // src/components/select.vue
 
 var AdvBtn = defineComponent({
-  name: "cl-adv-btn",
+  name: "epie-adv-btn",
   components: {
     Search: search_default
   },
@@ -15675,7 +15697,7 @@ function parseNode(vnode, options) {
         scope: scope
       }, options._data));
     } else {
-      return createVNode(resolveComponent("cl-error-message"), {
+      return createVNode(resolveComponent("epie-error-message"), {
         "title": "\u7EC4\u4EF6\u6E32\u67D3\u5931\u8D25\uFF0C\u672A\u627E\u5230\u63D2\u69FD\uFF1A".concat(vnode.name)
       }, null);
     }
@@ -15838,7 +15860,7 @@ function renderNode(vnode, options) {
                 label = e.label;
                 value = e.value;
               } else {
-                return createVNode(resolveComponent("cl-error-message"), {
+                return createVNode(resolveComponent("epie-error-message"), {
                   "title": "\u7EC4\u4EF6\u6E32\u67D3\u5931\u8D25\uFF0Coptions \u53C2\u6570\u9519\u8BEF"
                 }, null);
               }
@@ -15915,7 +15937,7 @@ function renderNode(vnode, options) {
         });
       }
 
-      return createVNode(resolveComponent("cl-error-message"), {
+      return createVNode(resolveComponent("epie-error-message"), {
         "title": "\u7EC4\u4EF6\u6E32\u67D3\u5931\u8D25\uFF0C\u7EC4\u4EF6 name \u4E0D\u80FD\u4E3A\u7A7A"
       }, null);
     }
@@ -15963,7 +15985,7 @@ function Parse (method, _ref) {
   }
 }
 
-function _isSlot$2(s) {
+function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 
@@ -16141,7 +16163,7 @@ function useApi(_ref5) {
   });
   return apis;
 }
-function useRender$2(ctx) {
+function useRender$3(ctx) {
   var _useTools = useTools(),
       browser = _useTools.browser,
       style = _useTools.style; // 渲染表单及表单项
@@ -16151,7 +16173,7 @@ function useRender$2(ctx) {
     // 表单项列表
     var children = ctx.conf.items.map(function (e) {
       if (e.type == "tabs") {
-        return createVNode(resolveComponent("cl-form-tabs"), mergeProps({
+        return createVNode(resolveComponent("epie-form-tabs"), mergeProps({
           "modelValue": ctx.tabActive,
           "onUpdate:modelValue": function onUpdateModelValue($event) {
             return ctx.tabActive = $event;
@@ -16184,10 +16206,10 @@ function useRender$2(ctx) {
         },
         default: function _default() {
           return createVNode("div", null, [createVNode("div", {
-            "class": "cl-form-item"
+            "class": "epie-form-item"
           }, [["prepend", "component", "append"].map(function (name) {
             return e[name] && withDirectives(createVNode("div", {
-              "class": ["cl-form-item__".concat(name), {
+              "class": ["epie-form-item__".concat(name), {
                 "is-flex": e.flex !== false
               }]
             }, [renderNode(e[name], {
@@ -16198,7 +16220,7 @@ function useRender$2(ctx) {
               _data: ctx.conf._data
             })]), [[vShow, !e.collapse]]);
           })]), isBoolean(e.collapse) && createVNode("div", {
-            "class": "cl-form-item__collapse",
+            "class": "epie-form-item__collapse",
             "onClick": function onClick() {
               ctx.collapseItem(e);
             }
@@ -16227,7 +16249,7 @@ function useRender$2(ctx) {
 
       return createVNode(resolveComponent("el-col"), mergeProps({
         "span": 24
-      }, e), _isSlot$2(FormItem) ? FormItem : {
+      }, e), _isSlot$3(FormItem) ? FormItem : {
         default: function _default() {
           return [FormItem];
         }
@@ -16248,7 +16270,7 @@ function useRender$2(ctx) {
       default: function _default() {
         return ctx.inline ? children : withDirectives(createVNode(resolveComponent("el-row"), {
           "gutter": 10
-        }, _isSlot$2(children) ? children : {
+        }, _isSlot$3(children) ? children : {
           default: function _default() {
             return [children];
           }
@@ -16278,7 +16300,7 @@ function useRender$2(ctx) {
           "onClick": function onClick() {
             ctx.submit();
           }
-        }, _isSlot$2(saveButtonText) ? saveButtonText : {
+        }, _isSlot$3(saveButtonText) ? saveButtonText : {
           default: function _default() {
             return [saveButtonText];
           }
@@ -16287,7 +16309,7 @@ function useRender$2(ctx) {
         return createVNode(resolveComponent("el-button"), {
           "size": style.size,
           "onClick": ctx.close
-        }, _isSlot$2(closeButtonText) ? closeButtonText : {
+        }, _isSlot$3(closeButtonText) ? closeButtonText : {
           default: function _default() {
             return [closeButtonText];
           }
@@ -16308,7 +16330,7 @@ function useRender$2(ctx) {
         title = _ctx$conf.title,
         width = _ctx$conf.width,
         dialog = _ctx$conf.dialog;
-    return h(createVNode(resolveComponent("cl-dialog"), {
+    return h(createVNode(resolveComponent("epie-dialog"), {
       "modelValue": ctx.visible,
       "onUpdate:modelValue": function onUpdateModelValue($event) {
         return ctx.visible = $event;
@@ -16334,7 +16356,7 @@ function useRender$2(ctx) {
 }
 
 var AdvSearch = defineComponent({
-  name: "cl-adv-search",
+  name: "epie-adv-search",
   components: {
     Close: close_default
   },
@@ -16372,7 +16394,7 @@ var AdvSearch = defineComponent({
 
     var _useCore = useCore(),
         crud = _useCore.crud,
-        mitt = _useCore.mitt; // cl-form
+        mitt = _useCore.mitt; // epie-form
 
 
     var Form = ref(); // el-drawer
@@ -16465,7 +16487,7 @@ var AdvSearch = defineComponent({
 
 
     function renderForm() {
-      return h(createVNode(resolveComponent("cl-form"), {
+      return h(createVNode(resolveComponent("epie-form"), {
         "ref": "Form",
         "inner": true
       }, null), {}, ctx.$slots);
@@ -16501,7 +16523,7 @@ var AdvSearch = defineComponent({
 
     return createVNode(resolveComponent("el-drawer"), {
       "ref": "Drawer",
-      "custom-class": "cl-adv-search",
+      "custom-class": "epie-adv-search",
       "modelValue": ctx.visible,
       "onUpdate:modelValue": function onUpdateModelValue($event) {
         return ctx.visible = $event;
@@ -16512,7 +16534,7 @@ var AdvSearch = defineComponent({
     }, {
       default: function _default() {
         return [createVNode("div", {
-          "class": "cl-adv-search__header"
+          "class": "epie-adv-search__header"
         }, [createVNode("span", {
           "class": "text"
         }, [ctx.title]), createVNode(resolveComponent("el-icon"), {
@@ -16523,9 +16545,9 @@ var AdvSearch = defineComponent({
             return [createVNode(resolveComponent("close"), null, null)];
           }
         })]), createVNode("div", {
-          "class": "cl-adv-search__container"
+          "class": "epie-adv-search__container"
         }, [renderForm()]), createVNode("div", {
-          "class": "cl-adv-search__footer"
+          "class": "epie-adv-search__footer"
         }, [renderFooter()])];
       }
     });
@@ -16533,12 +16555,12 @@ var AdvSearch = defineComponent({
 });
 
 var Flex = defineComponent({
-  name: "cl-flex1",
+  name: "epie-flex1",
   setup: function setup(_, _ref) {
     var slots = _ref.slots;
     return function () {
       return createVNode("div", {
-        "class": "cl-flex1"
+        "class": "epie-flex1"
       }, [slots.default ? slots.default() : null]);
     };
   }
@@ -16691,7 +16713,7 @@ var FormHook = {
 };
 
 var Form = defineComponent({
-  name: "cl-form",
+  name: "epie-form",
   props: {
     // 是否只显示表单
     inner: Boolean,
@@ -17017,7 +17039,7 @@ var Form = defineComponent({
         })) : data[e.prop];
       });
       Object.assign(form, data, d);
-    } // 切换 cl-form-tab
+    } // 切换 epie-form-tab
 
 
     function changeTab(value) {
@@ -17085,17 +17107,17 @@ var Form = defineComponent({
     }));
   },
   render: function render(ctx) {
-    var _useRender = useRender$2(ctx),
+    var _useRender = useRender$3(ctx),
         renderForm = _useRender.renderForm,
         renderFooter = _useRender.renderFooter,
         renderDialog = _useRender.renderDialog;
 
     var Form = createVNode("div", {
-      "class": "cl-form"
+      "class": "epie-form"
     }, [createVNode("div", {
-      "class": "cl-form__container"
+      "class": "epie-form__container"
     }, [renderForm()]), createVNode("div", {
-      "class": "cl-form__footer"
+      "class": "epie-form__footer"
     }, [renderFooter()])]);
 
     if (ctx.inner) {
@@ -17107,7 +17129,7 @@ var Form = defineComponent({
 });
 
 var FormTabs = defineComponent({
-  name: "cl-form-tabs",
+  name: "epie-form-tabs",
   props: {
     modelValue: [String, Number],
     labels: {
@@ -17208,7 +17230,7 @@ var FormTabs = defineComponent({
   },
   render: function render(ctx) {
     return createVNode("div", {
-      "class": "cl-form-tabs"
+      "class": "epie-form-tabs"
     }, [createVNode("ul", {
       "style": {
         textAlign: ctx.justify
@@ -17228,14 +17250,14 @@ var FormTabs = defineComponent({
         }
       }, [e.label]);
     }), ctx.line.width && createVNode("div", {
-      "class": "cl-form-tabs__line",
+      "class": "epie-form-tabs__line",
       "style": ctx.line
     }, null)])]);
   }
 });
 
 var MultiDeleteBtn = defineComponent({
-  name: "cl-multi-delete-btn",
+  name: "epie-multi-delete-btn",
   setup: function setup(_, _ref) {
     var slots = _ref.slots;
 
@@ -17265,7 +17287,7 @@ var MultiDeleteBtn = defineComponent({
 });
 
 var Pagination = defineComponent({
-  name: "cl-pagination",
+  name: "epie-pagination",
   setup: function setup() {
     var _useCore = useCore(),
         crud = _useCore.crud,
@@ -17336,7 +17358,7 @@ var Pagination = defineComponent({
 });
 
 var Query = defineComponent({
-  name: "cl-query",
+  name: "epie-query",
   props: {
     modelValue: null,
     list: {
@@ -17430,7 +17452,7 @@ var Query = defineComponent({
   },
   render: function render(ctx) {
     return createVNode("div", {
-      "class": "cl-query"
+      "class": "epie-query"
     }, [ctx.list2.map(function (item, index) {
       return createVNode("button", {
         "class": {
@@ -17446,7 +17468,7 @@ var Query = defineComponent({
 });
 
 var RefreshBtn = defineComponent({
-  name: "cl-refresh-btn",
+  name: "epie-refresh-btn",
   setup: function setup(_, _ref) {
     var slots = _ref.slots;
 
@@ -17474,7 +17496,7 @@ var RefreshBtn = defineComponent({
 });
 
 var ExportBtn = defineComponent({
-  name: "cl-export-btn",
+  name: "epie-export-btn",
   setup: function setup(_, _ref) {
     var _crud$dict$label;
 
@@ -17558,12 +17580,12 @@ var ExportBtn = defineComponent({
   }
 });
 
-function _isSlot$1(s) {
+function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 
 var SearchKey = defineComponent({
-  name: "cl-search-key",
+  name: "epie-search-key",
   props: {
     // 绑定值
     modelValue: String,
@@ -17675,9 +17697,9 @@ var SearchKey = defineComponent({
         style = _useTools.style;
 
     return createVNode("div", {
-      "class": "cl-search-key"
+      "class": "epie-search-key"
     }, [withDirectives(createVNode(resolveComponent("el-select"), {
-      "class": "cl-search-key__select",
+      "class": "epie-search-key__select",
       "filterable": true,
       "size": style.size,
       "modelValue": ctx.selectField,
@@ -17685,7 +17707,7 @@ var SearchKey = defineComponent({
         return ctx.selectField = $event;
       },
       "onChange": ctx.onFieldChange
-    }, _isSlot$1(_slot = ctx.fieldList.map(function (e, i) {
+    }, _isSlot$2(_slot = ctx.fieldList.map(function (e, i) {
       return createVNode(resolveComponent("el-option"), {
         "key": i,
         "label": e.label,
@@ -17696,7 +17718,7 @@ var SearchKey = defineComponent({
         return [_slot];
       }
     }), [[vShow, ctx.fieldList.length > 0]]), createVNode(resolveComponent("el-input"), {
-      "class": "cl-search-key__input",
+      "class": "epie-search-key__input",
       "modelValue": ctx.value,
       "onUpdate:modelValue": function onUpdateModelValue($event) {
         return ctx.value = $event;
@@ -17707,7 +17729,7 @@ var SearchKey = defineComponent({
       "onInput": ctx.onInput,
       "clearable": true
     }, null), createVNode(resolveComponent("el-button"), {
-      "class": "cl-search-key__button",
+      "class": "epie-search-key__button",
       "size": style.size,
       "type": "primary",
       "onClick": ctx.search
@@ -17719,8 +17741,8 @@ var SearchKey = defineComponent({
   }
 });
 
-var ClContextMenu = defineComponent({
-  name: "cl-context-menu",
+var EpieContextMenu = defineComponent({
+  name: "epie-context-menu",
   props: {
     show: Boolean,
     options: {
@@ -17785,7 +17807,7 @@ var ClContextMenu = defineComponent({
     function close() {
       visible.value = false;
       ids.value = "";
-      removeClass(targetEl, "cl-context-menu__target");
+      removeClass(targetEl, "epie-context-menu__target");
     } // 打开菜单
 
 
@@ -17808,7 +17830,7 @@ var ClContextMenu = defineComponent({
           }
         }
 
-        addClass(targetEl, d.className || "cl-context-menu__target");
+        addClass(targetEl, d.className || "epie-context-menu__target");
       }
 
       if (options.list) {
@@ -17824,7 +17846,7 @@ var ClContextMenu = defineComponent({
             h1 = _event$target$ownerDo.clientHeight,
             w1 = _event$target$ownerDo.clientWidth;
 
-        var _refs$value$contextM = refs.value["context-menu"].querySelector(".cl-context-menu__box"),
+        var _refs$value$contextM = refs.value["context-menu"].querySelector(".epie-context-menu__box"),
             h2 = _refs$value$contextM.clientHeight,
             w2 = _refs$value$contextM.clientWidth;
 
@@ -17898,7 +17920,7 @@ var ClContextMenu = defineComponent({
   render: function render(ctx) {
     function deep(list, pId, level) {
       return createVNode("div", {
-        "class": ["cl-context-menu__box", level > 1 && "is-append"]
+        "class": ["epie-context-menu__box", level > 1 && "is-append"]
       }, [list.filter(function (e) {
         return !e.hidden;
       }).map(function (e, i) {
@@ -17922,7 +17944,7 @@ var ClContextMenu = defineComponent({
     }
 
     return ctx.visible && createVNode("div", {
-      "class": "cl-context-menu",
+      "class": "epie-context-menu",
       "ref": ctx.setRefs("context-menu"),
       "style": ctx.style,
       "onContextmenu": ctx.stopDefault
@@ -17931,7 +17953,7 @@ var ClContextMenu = defineComponent({
 });
 var ContextMenu = {
   open: function open(event, options) {
-    var vm = h(ClContextMenu, {
+    var vm = h(EpieContextMenu, {
       show: true,
       event: event,
       options: options
@@ -18184,7 +18206,7 @@ function useHeight(_ref6) {
       if (vm) {
         var _h = 15; // 获取表格元素
 
-        while (!((_vm$$parent = vm.$parent) !== null && _vm$$parent !== void 0 && _vm$$parent.$el.className.includes("cl-crud"))) {
+        while (!((_vm$$parent = vm.$parent) !== null && _vm$$parent !== void 0 && _vm$$parent.$el.className.includes("epie-crud"))) {
           var _vm$$parent;
 
           vm = vm.$parent;
@@ -18219,7 +18241,7 @@ function useHeight(_ref6) {
     maxHeight: maxHeight
   };
 }
-function useRender$1(_ref7) {
+function useRender$2(_ref7) {
   var columns = _ref7.columns,
       emptyText = _ref7.emptyText;
   var slots = useSlots();
@@ -18234,10 +18256,10 @@ function useRender$1(_ref7) {
 
   function renderColumn() {
     return columns.filter(function (e) {
-      return !e.hidden;
+      return !e.hidden && !e.hideInTable;
     }).map(function (item, index) {
       var ElTableColumn = createVNode(resolveComponent("el-table-column"), {
-        "key": "cl-table-column__".concat(index),
+        "key": "epie-table-column__".concat(index),
         "align": "center"
       }, null); // 操作按钮
 
@@ -18250,7 +18272,7 @@ function useRender$1(_ref7) {
         }, item), {
           default: function _default(scope) {
             return createVNode("div", {
-              "class": "cl-table__op"
+              "class": "epie-table__op"
             }, [(item.buttons || ["edit", "delete"]).map(function (vnode) {
               if (vnode === "edit") {
                 var _crud$dict$label;
@@ -18339,7 +18361,7 @@ function useRender$1(_ref7) {
               } else {
                 // 自定义渲染
                 if (item.component) {
-                  return renderNode(item.component, {
+                  value = renderNode(item.component, {
                     prop: item.prop,
                     scope: nScope.row,
                     _data: {
@@ -18353,7 +18375,7 @@ function useRender$1(_ref7) {
                   var list = (isRef(item.dict) ? item.dict.value : item.dict) || []; // 多个值
 
                   var arr = isArray(value) ? value : [value];
-                  return arr.map(function (v) {
+                  value = arr.map(function (v) {
                     var d = list.find(function (d) {
                       return d.value == v;
                     });
@@ -18365,17 +18387,35 @@ function useRender$1(_ref7) {
                         "style": "margin: 0 2px"
                       }, null);
 
-                      return h(ElTag, d, d.label);
+                      return h(ElTag, d, {
+                        default: function _default() {
+                          return d.label;
+                        }
+                      });
                     } else {
                       return v;
                     }
                   });
                 } // 空数据
                 else if (isEmpty(value)) {
-                  return scope.emptyText;
-                } else {
-                  return value;
+                  value = scope.emptyText;
+                } else ;
+
+                if (item.detailExpand) {
+                  return h(createVNode(resolveComponent("el-link"), null, null), {
+                    type: "primary",
+                    underline: false,
+                    onClick: function onClick() {
+                      crud.rowDescription(scope.row);
+                    }
+                  }, {
+                    default: function _default() {
+                      return value;
+                    }
+                  });
                 }
+
+                return value;
               }
             }
           });
@@ -18389,7 +18429,7 @@ function useRender$1(_ref7) {
 
   function renderEmpty() {
     return createVNode("div", {
-      "class": "cl-table__empty"
+      "class": "epie-table__empty"
     }, [slots.empty ? slots.empty() : createVNode(resolveComponent("el-empty"), {
       "description": emptyText
     }, null)]);
@@ -18398,7 +18438,7 @@ function useRender$1(_ref7) {
 
   function renderAppend() {
     return createVNode("div", {
-      "class": "cl-table__append"
+      "class": "epie-table__append"
     }, [slots.append && slots.append()]);
   }
 
@@ -18410,7 +18450,7 @@ function useRender$1(_ref7) {
 }
 
 var Table = defineComponent({
-  name: "cl-table",
+  name: "epie-table",
   props: {
     columns: {
       type: Array,
@@ -18494,7 +18534,7 @@ var Table = defineComponent({
       reBuild(function () {
         props.columns.forEach(function (e) {
           if (e.prop && keys.includes(e.prop)) {
-            e.hidden = isBoolean(status) ? !status : false;
+            e.hide = isBoolean(status) ? !status : false;
           }
         });
       });
@@ -18556,13 +18596,13 @@ var Table = defineComponent({
     var _useTools = useTools(),
         style = _useTools.style;
 
-    var _useRender = useRender$1(ctx),
+    var _useRender = useRender$2(ctx),
         renderAppend = _useRender.renderAppend,
         renderColumn = _useRender.renderColumn,
         renderEmpty = _useRender.renderEmpty;
 
     var ElTable = withDirectives(createVNode(resolveComponent("el-table"), {
-      "class": "cl-table",
+      "class": "epie-table",
       "ref": "Table",
       "border": true,
       "highlight-current-row": true,
@@ -18592,7 +18632,7 @@ var Table = defineComponent({
 });
 
 var Upsert = defineComponent({
-  name: "cl-upsert",
+  name: "epie-upsert",
   props: {
     // 表单项
     items: {
@@ -18607,7 +18647,7 @@ var Upsert = defineComponent({
     sync: Boolean,
     // 操作按钮参数
     op: Object,
-    // cl-dialog 参数
+    // epie-dialog 参数
     dialog: Object,
     // 打开表单钩子
     onOpen: Function,
@@ -18709,7 +18749,7 @@ var Upsert = defineComponent({
         var _Form$value4;
 
         if (!Form.value) {
-          return console.error("[异常] cl-upsert 组件不存在");
+          return console.error("[异常] epie-upsert 组件不存在");
         }
 
         (_Form$value4 = Form.value) === null || _Form$value4 === void 0 ? void 0 : _Form$value4.open({
@@ -18951,15 +18991,15 @@ var Upsert = defineComponent({
   },
   render: function render(ctx) {
     return createVNode("div", {
-      "class": "cl-upsert"
-    }, [h(createVNode(resolveComponent("cl-form"), {
+      "class": "epie-upsert"
+    }, [h(createVNode(resolveComponent("epie-form"), {
       "ref": "Form"
     }, null), {}, ctx.$slots)]);
   }
 });
 
 var Dialog = defineComponent({
-  name: "cl-dialog",
+  name: "epie-dialog",
   components: {
     Close: close_default,
     FullScreen: full_screen_default,
@@ -19106,12 +19146,12 @@ var Dialog = defineComponent({
     // 渲染头部
     function renderHeader() {
       return ctx.hideHeader ? null : createVNode("div", {
-        "class": "cl-dialog__header",
+        "class": "epie-dialog__header",
         "onDblclick": ctx.dblClickFullscreen
       }, [createVNode("span", {
-        "class": "cl-dialog__title"
+        "class": "epie-dialog__title"
       }, [ctx.title]), createVNode("div", {
-        "class": "cl-dialog__controls"
+        "class": "epie-dialog__controls"
       }, [ctx.controls.map(function (vnode) {
         // 全屏按钮
         if (vnode === "fullscreen") {
@@ -19169,7 +19209,7 @@ var Dialog = defineComponent({
 
     var ElDialog = createVNode(resolveComponent("el-dialog"), {
       "ref": "Dialog",
-      "custom-class": "cl-dialog cl-dialog--".concat(ctx.$.uid, " ").concat(ctx.customClass),
+      "custom-class": "epie-dialog epie-dialog--".concat(ctx.$.uid, " ").concat(ctx.customClass),
       "width": ctx.width,
       "draggable": true,
       "beforeClose": ctx.beforeClose,
@@ -19195,7 +19235,7 @@ var Dialog = defineComponent({
       },
       default: function _default() {
         return main && createVNode("div", {
-          "class": "cl-dialog__container",
+          "class": "epie-dialog__container",
           "style": {
             height: height
           },
@@ -19204,7 +19244,7 @@ var Dialog = defineComponent({
       },
       footer: function footer() {
         return _footer && createVNode("div", {
-          "class": "cl-dialog__footer"
+          "class": "epie-dialog__footer"
         }, [_footer()]);
       }
     });
@@ -19212,21 +19252,21 @@ var Dialog = defineComponent({
 });
 
 var Filter = defineComponent({
-  name: "cl-filter",
+  name: "epie-filter",
   props: {
     label: String
   },
   render: function render(ctx) {
     return createVNode("div", {
-      "class": "cl-filter"
+      "class": "epie-filter"
     }, [withDirectives(createVNode("span", {
-      "class": "cl-filter__label"
+      "class": "epie-filter__label"
     }, [ctx.label]), [[vShow, ctx.label]]), ctx.$slots.default ? ctx.$slots.default() : null]);
   }
 });
 
 var FilterGroup = defineComponent({
-  name: "cl-filter-group",
+  name: "epie-filter-group",
   props: {
     // 表单值
     data: {
@@ -19252,7 +19292,7 @@ var FilterGroup = defineComponent({
   },
   setup: function setup(props) {
     var _useCore = useCore(),
-        crud = _useCore.crud; // cl-form
+        crud = _useCore.crud; // epie-form
 
 
     var Form = useForm(); // 加载中
@@ -19332,15 +19372,15 @@ var FilterGroup = defineComponent({
         style = _useTools.style;
 
     return ctx.items.length > 0 && createVNode("div", {
-      "class": "cl-filter-group"
+      "class": "epie-filter-group"
     }, [createVNode("div", {
-      "class": "cl-filter-group__form"
-    }, [createVNode(resolveComponent("cl-form"), {
+      "class": "epie-filter-group__form"
+    }, [createVNode(resolveComponent("epie-form"), {
       "ref": "Form",
       "inner": true,
       "inline": true
     }, null)]), createVNode("div", {
-      "class": "cl-filter-group__op"
+      "class": "epie-filter-group__op"
     }, [createVNode(resolveComponent("el-button"), {
       "type": "primary",
       "loading": ctx.loading,
@@ -19362,7 +19402,7 @@ var FilterGroup = defineComponent({
 });
 
 var ErrorMessage = defineComponent({
-  name: "cl-error-message",
+  name: "epie-error-message",
   props: {
     title: String
   },
@@ -19376,11 +19416,11 @@ var ErrorMessage = defineComponent({
   }
 });
 
-function _isSlot(s) {
+function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 
-function useRender(ctx) {
+function useRender$1(ctx) {
   var _useTools = useTools(),
       browser = _useTools.browser,
       style = _useTools.style; // 渲染表单及表单项
@@ -19418,9 +19458,9 @@ function useRender(ctx) {
         },
         default: function _default() {
           return createVNode("div", null, [createVNode("div", {
-            "class": "cl-form-item"
+            "class": "epie-form-item"
           }, [withDirectives(createVNode("div", {
-            "class": ["cl-form-item__".concat(name), {
+            "class": ["epie-form-item__".concat(name), {
               "is-flex": e.flex !== false
             }]
           }, [renderNode(e.component, {
@@ -19442,7 +19482,7 @@ function useRender(ctx) {
         "lg": {
           span: 6
         }
-      }, e), _isSlot(FormItem) ? FormItem : {
+      }, e), _isSlot$1(FormItem) ? FormItem : {
         default: function _default() {
           return [FormItem];
         }
@@ -19465,7 +19505,7 @@ function useRender(ctx) {
         return [createVNode(resolveComponent("el-form-item"), {
           "label-width": "auto",
           "label": ""
-        }, _isSlot(_slot = renderOp()) ? _slot : {
+        }, _isSlot$1(_slot = renderOp()) ? _slot : {
           default: function _default() {
             return [_slot];
           }
@@ -19530,7 +19570,7 @@ function useRender(ctx) {
 }
 
 var InlineSearch = defineComponent({
-  name: "cl-inline-search",
+  name: "epie-inline-search",
   props: {
     // 表单值
     data: {
@@ -19622,17 +19662,376 @@ var InlineSearch = defineComponent({
     };
   },
   render: function render(ctx) {
-    var _useRender = useRender(ctx),
+    var _useRender = useRender$1(ctx),
         renderForm = _useRender.renderForm;
 
     return ctx.items.length > 0 && createVNode("div", {
-      "class": "cl-inline-search"
+      "class": "epie-inline-search"
     }, [createVNode("div", {
-      "class": "cl-inline-search__form"
+      "class": "epie-inline-search__form"
     }, [renderForm()])]);
   }
 });
 
+function useRender(_ref) {
+  var columns = _ref.columns,
+      data = _ref.data;
+      _ref.title;
+  var slots = useSlots();
+
+  var _useCore = useCore();
+      _useCore.crud;
+
+  var _useTools = useTools();
+      _useTools.browser;
+      _useTools.style; // 渲染列
+
+
+  function renderDescriptions() {
+    return columns.filter(function (e) {
+      return !e.hidden && !e.hideInDescriptions && !['op', 'selection', 'index', 'expand'].includes(e.type);
+    }).map(function (item, index) {
+      var ElDescriptionsColumn = createVNode(resolveComponent("el-descriptions-item"), {
+        "key": "epie-descriptions-column__".concat(index)
+      }, null); // 默认
+
+
+      function deep(item) {
+        var props = cloneDeep_1(item); // Cannot set property children of #<Element>
+
+        delete props.children;
+        return h(ElDescriptionsColumn, props, {
+          // header: (scope: any) => {
+          //   const slot = slots[`header-${item.prop}`];
+          //   if (slot) {
+          //     return slot({
+          //       scope
+          //     });
+          //   } else {
+          //     return scope.column.label;
+          //   }
+          // },
+          default: function _default(scope) {
+            if (item.children) {
+              return item.children.map(deep);
+            }
+
+            var row = data; // 作用域值
+
+            var nScope = _objectSpread2({
+              row: data
+            }, item); // 绑定值
+
+
+            var value = row[item.prop]; // 使用插槽
+
+            var slot = slots["column-".concat(item.prop)]; // 格式化
+
+            if (item.formatter) {
+              value = item.formatter(nScope.row, nScope.column, value, nScope.$index);
+            }
+
+            if (slot) {
+              return slot({
+                scope: nScope
+              });
+            } else {
+              // 自定义渲染
+              if (item.component) {
+                return renderNode(item.component, {
+                  prop: item.prop,
+                  scope: nScope.row,
+                  _data: {
+                    column: nScope.column,
+                    index: nScope.$index,
+                    row: nScope.row
+                  }
+                });
+              } // 字典状态
+              else if (item.dict) {
+                var list = (isRef(item.dict) ? item.dict.value : item.dict) || []; // 多个值
+
+                var arr = isArray(value) ? value : [value];
+                return arr.map(function (v) {
+                  var d = list.find(function (d) {
+                    return d.value == v;
+                  });
+
+                  if (d) {
+                    var ElTag = createVNode(resolveComponent("el-tag"), {
+                      "disable-transitions": true,
+                      "effect": "dark",
+                      "style": "margin: 0 2px"
+                    }, null);
+
+                    return h(ElTag, d, {
+                      default: function _default() {
+                        return d.label;
+                      }
+                    });
+                  } else {
+                    return v;
+                  }
+                });
+              } // 空数据
+              else if (isEmpty(value)) {
+                return "";
+              } else {
+                return value;
+              }
+            }
+          }
+        });
+      }
+
+      return deep(item);
+    });
+  } // function renderHeader() {
+  //   return <div class="epie-adv-search__header">
+  //     <span class="text">{title}</span>
+  //     <el-icon size={20} onClick={ctx.close}>
+  //       <close />
+  //     </el-icon>
+  //   </div>
+  // }
+
+
+  return {
+    renderDescriptions: renderDescriptions
+  };
+}
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
+var EpieDescriptions = defineComponent({
+  name: "epie-descriptions",
+  props: {
+    border: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: Number,
+      default: 3
+    },
+    direction: {
+      type: String,
+      default: 'horizontal'
+    },
+    size: {
+      type: String
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    extra: {
+      type: String,
+      default: ''
+    },
+    columns: {
+      type: Array,
+      default: []
+    }
+  },
+  // props: {
+  //   columns: {
+  //     type: Array as PropType<EpieDescriptionsItemProps[]>,
+  //     default: []
+  //   },
+  // } & ElDescriptions,
+  setup: function setup(props, _ref) {
+    _ref.emit;
+    var data = ref();
+    var show = ref(false);
+    ref(); // const props = defineProps<EpieDescriptionsProps>();
+    // const { proxy }: any = getCurrentInstance();
+    // const { crud, mitt } = useCore();
+    // // el-table
+    // const Table = ref<any>();
+    // // 排序
+    // const Sort = useSort({ props, emit, Table });
+    // // 行
+    // const Row = useRow({
+    //   Table,
+    //   props,
+    //   changeSort: Sort.changeSort
+    // });
+    // // 计算高度
+    // const Height = useHeight({ Table, props });
+    // // 列表数据
+    // const data = ref<any[]>([]);
+    // // 是否可见，用于解决一些显示隐藏的副作用
+    // const visible = ref<boolean>(true);
+    // // 重新构建
+    // function reBuild(cb?: fun) {
+    //   visible.value = false;
+    //   nextTick(() => {
+    //     if (cb) {
+    //       cb();
+    //     }
+    //     visible.value = true;
+    //     mitt.emit("crud.resize");
+    //   });
+    // }
+    // // 显示列
+    // function showColumn(prop: string | string[], status?: boolean) {
+    //   const keys = isArray(prop) ? prop : [prop];
+    //   reBuild(() => {
+    //     props.columns.forEach((e: EpieTable.Column) => {
+    //       if (e.prop && keys.includes(e.prop)) {
+    //         e.hidden = isBoolean(status) ? !status : false;
+    //       }
+    //     });
+    //   });
+    // }
+    // // 隐藏列
+    // function hideColumn(prop: string | string[]) {
+    //   showColumn(prop, false);
+    // }
+    // // 设置列
+    // function setColumns(list: EpieTable.Column[]) {
+    //   if (list) {
+    //     reBuild(() => {
+    //       proxy.$.props.columns = list;
+    //     });
+    //   }
+    // }
+    // // 选择项发生变化
+    // function onSelectionChange(selection: any[]) {
+    //   crud.selection.splice(0, crud.selection.length, ...selection);
+    //   emit("selection-change", selection);
+    // }
+    // // 返回值
+    // const ret = {
+    //   Table,
+    //   data,
+    //   visible,
+    //   selection: crud.selection,
+    //   reBuild,
+    //   showColumn,
+    //   hideColumn,
+    //   setColumns,
+    //   onSelectionChange,
+    //   ...Sort,
+    //   ...Row,
+    //   ...Height,
+    //   ...useElTable({ Table })
+    // };
+    // // 设置表格
+    // crud.Table = proxy;
+    // 返回值
+
+    var ret = {
+      description: function description(d) {
+        data.value = d;
+        show.value = true;
+      }
+    }; // 事件代理
+
+    useProxy(ret); // // 刷新事件
+    // mitt.on("crud.refresh", ({ list }: any) => {
+    //   data.value = list;
+    // });
+
+    return {
+      show: show,
+      data: data
+    }; //return ret;
+  },
+  render: function render(ctx) {
+    //  const { crud } = useCore();
+    var _useTools = useTools(),
+        browser = _useTools.browser;
+
+    var columns = ctx.columns,
+        data = ctx.data,
+        title = ctx.title; // watch(() => show, (val) => {
+    //   console.log(show);
+    // }, {immediate: true})
+
+    var _useRender = useRender({
+      columns: columns,
+      data: data,
+      title: title
+    }),
+        renderDescriptions = _useRender.renderDescriptions;
+
+    return h(createVNode(resolveComponent("el-drawer"), {
+      "custom-class": "epie-descriptions",
+      "modelValue": ctx.show,
+      "onUpdate:modelValue": function onUpdateModelValue($event) {
+        return ctx.show = $event;
+      },
+      "direction": "rtl",
+      "with-header": true,
+      "title": ctx.title,
+      "size": browser.isMini ? "100%" : ctx.size
+    }, null), {}, {
+      default: function _default() {
+        var _slot;
+
+        return createVNode("div", {
+          "class": "epie-descriptions__container"
+        }, [createVNode(resolveComponent("el-descriptions"), {
+          "column": ctx.column,
+          "border": ctx.border
+        }, _isSlot(_slot = renderDescriptions()) ? _slot : {
+          default: function _default() {
+            return [_slot];
+          }
+        })]);
+      }
+    });
+  }
+}); // <ProDescriptions<TableListItem>
+//         column={1}
+//         bordered={true}
+//         size="small"
+//         title={`订单【${row?.orderid}】详细信息`}
+//         request={async () => ({
+//           data: row || {},
+//         })}
+//         params={{
+//           orderid: row?.orderid,
+//         }}
+//         columns={columns}
+//       />
+// const ElTable = (
+//   <el-table
+//     ref="Table"
+//     border
+//     highlight-current-row
+//     size={style.size}
+//     v-loading={crud.loading}
+//     data={ctx.data}
+//   ></el-table>
+// );
+// const props: any = {
+//   maxHeight: ctx.autoHeight ? ctx.maxHeight : ctx.height,
+//   defaultSort: ctx.defaultSort,
+//   onRowContextmenu: ctx.onRowContextMenu,
+//   onSelectionChange: ctx.onSelectionChange,
+//   onSortChange: ctx.onSortChange
+// };
+// return ctx.visible
+//   ? h(ElTable, props, {
+//       default() {
+//         return renderColumn();
+//       },
+//       empty() {
+//         return renderEmpty();
+//       },
+//       append() {
+//         return renderAppend();
+//       }
+//     })
+//   : null;
+// }
+// });
+
 var components = {
   Crud: Crud$1,
   AddBtn: AddBtn,
@@ -19653,7 +20052,8 @@ var components = {
   FilterGroup: FilterGroup,
   ErrorMessage: ErrorMessage,
   InlineSearch: InlineSearch,
-  ExportBtn: ExportBtn
+  ExportBtn: ExportBtn,
+  EpieDescriptions: EpieDescriptions
 };
 function useComponent(app) {
   for (var i in components) {
@@ -19687,9 +20087,9 @@ var Crud = {
 
     useComponent(app);
     return {
-      name: "cl-crud"
+      name: "epie-crud"
     };
   }
 };
 
-export { ContextMenu, crudList, Crud as default, emitter$1 as emitter, useAdvSearch, useBrowser, useCore, useCrud, useDialog, useForm, useProxy, useRefs, useTable, useTools, useUpsert };
+export { ContextMenu, crudList, Crud as default, emitter$1 as emitter, useAdvSearch, useBrowser, useCore, useCrud, useDescriptions, useDialog, useForm, useProxy, useRefs, useTable, useTools, useUpsert };