@epie/bi-crud 2.0.3 → 2.0.6

package/lib/bi-crud.umd.js

@@ -14878,6 +14878,14 @@
     } // 打开编辑
 
 
+    function rowDescription(data) {
+      mitt.emit("crud.proxy", {
+        name: "description",
+        data: [data]
+      });
+    } // 打开编辑
+
+
     function rowEdit(data) {
       mitt.emit("crud.proxy", {
         name: "edit",
@@ -15018,6 +15026,7 @@
       rowClose: rowClose,
       refresh: refresh,
       doExport: doExport,
+      rowDescription: rowDescription,
       getPermission: getPermission,
       paramsReplace: paramsReplace,
       getParams: getParams
@@ -15102,7 +15111,7 @@
   }();
 
   var Crud$1 = vue.defineComponent({
-    name: "cl-crud",
+    name: "epie-crud",
     props: {
       name: String,
       border: Boolean,
@@ -15205,7 +15214,7 @@
     },
     render: function render(ctx) {
       return vue.createVNode("div", {
-        "class": ["cl-crud", {
+        "class": ["epie-crud", {
           "is-border": ctx.border
         }],
         "style": {
@@ -15222,7 +15231,7 @@
     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;
@@ -15244,7 +15253,7 @@
         onDelete = _ref.onDelete;
 
     var Crud = vue.ref();
-    useParent("cl-crud", Crud);
+    useParent("epie-crud", Crud);
     vue.watch(function () {
       return Crud.value;
     }, function (val) {
@@ -15281,7 +15290,7 @@
 
   function useTable(options) {
     var Table = vue.ref();
-    useParent("cl-table", Table);
+    useParent("epie-table", Table);
     vue.watch(function () {
       return Table.value;
     }, function (val) {
@@ -15306,7 +15315,7 @@
 
   function useForm(cb) {
     var Form = vue.ref();
-    useParent("cl-form", Form);
+    useParent("epie-form", Form);
     vue.nextTick(function () {
       if (cb && Form.value) {
         cb(Form.value);
@@ -15323,6 +15332,19 @@
       options === null || options === void 0 ? void 0 : options.onFullscreen(val);
     });
     return Dialog;
+  } // 表格
+
+  function useDescriptions(options) {
+    var descriptions = vue.ref();
+    useParent("epie-descriptions", descriptions);
+    vue.watch(function () {
+      return descriptions.value;
+    }, function (val) {
+      if (val) {
+        Object.assign(val.$.props, options);
+      }
+    });
+    return descriptions;
   }
 
   function useRefs() {
@@ -15436,7 +15458,7 @@
   }
 
   var AddBtn = vue.defineComponent({
-    name: "cl-add-btn",
+    name: "epie-add-btn",
     setup: function setup(_, _ref) {
       var slots = _ref.slots;
 
@@ -15619,7 +15641,7 @@
   var search_default = /* @__PURE__ */export_helper_default(_sfc_main220, [["render", _sfc_render220], ["__file", "search.vue"]]); // src/components/select.vue
 
   var AdvBtn = vue.defineComponent({
-    name: "cl-adv-btn",
+    name: "epie-adv-btn",
     components: {
       Search: search_default
     },
@@ -15678,7 +15700,7 @@
           scope: scope
         }, options._data));
       } else {
-        return vue.createVNode(vue.resolveComponent("cl-error-message"), {
+        return vue.createVNode(vue.resolveComponent("epie-error-message"), {
           "title": "\u7EC4\u4EF6\u6E32\u67D3\u5931\u8D25\uFF0C\u672A\u627E\u5230\u63D2\u69FD\uFF1A".concat(vnode.name)
         }, null);
       }
@@ -15841,7 +15863,7 @@
                   label = e.label;
                   value = e.value;
                 } else {
-                  return vue.createVNode(vue.resolveComponent("cl-error-message"), {
+                  return vue.createVNode(vue.resolveComponent("epie-error-message"), {
                     "title": "\u7EC4\u4EF6\u6E32\u67D3\u5931\u8D25\uFF0Coptions \u53C2\u6570\u9519\u8BEF"
                   }, null);
                 }
@@ -15918,7 +15940,7 @@
           });
         }
 
-        return vue.createVNode(vue.resolveComponent("cl-error-message"), {
+        return vue.createVNode(vue.resolveComponent("epie-error-message"), {
           "title": "\u7EC4\u4EF6\u6E32\u67D3\u5931\u8D25\uFF0C\u7EC4\u4EF6 name \u4E0D\u80FD\u4E3A\u7A7A"
         }, null);
       }
@@ -15966,7 +15988,7 @@
     }
   }
 
-  function _isSlot$2(s) {
+  function _isSlot$3(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
 
@@ -16144,7 +16166,7 @@
     });
     return apis;
   }
-  function useRender$2(ctx) {
+  function useRender$3(ctx) {
     var _useTools = useTools(),
         browser = _useTools.browser,
         style = _useTools.style; // 渲染表单及表单项
@@ -16154,7 +16176,7 @@
       // 表单项列表
       var children = ctx.conf.items.map(function (e) {
         if (e.type == "tabs") {
-          return vue.createVNode(vue.resolveComponent("cl-form-tabs"), vue.mergeProps({
+          return vue.createVNode(vue.resolveComponent("epie-form-tabs"), vue.mergeProps({
             "modelValue": ctx.tabActive,
             "onUpdate:modelValue": function onUpdateModelValue($event) {
               return ctx.tabActive = $event;
@@ -16187,10 +16209,10 @@
           },
           default: function _default() {
             return vue.createVNode("div", null, [vue.createVNode("div", {
-              "class": "cl-form-item"
+              "class": "epie-form-item"
             }, [["prepend", "component", "append"].map(function (name) {
               return e[name] && vue.withDirectives(vue.createVNode("div", {
-                "class": ["cl-form-item__".concat(name), {
+                "class": ["epie-form-item__".concat(name), {
                   "is-flex": e.flex !== false
                 }]
               }, [renderNode(e[name], {
@@ -16201,7 +16223,7 @@
                 _data: ctx.conf._data
               })]), [[vue.vShow, !e.collapse]]);
             })]), isBoolean(e.collapse) && vue.createVNode("div", {
-              "class": "cl-form-item__collapse",
+              "class": "epie-form-item__collapse",
               "onClick": function onClick() {
                 ctx.collapseItem(e);
               }
@@ -16230,7 +16252,7 @@
 
         return vue.createVNode(vue.resolveComponent("el-col"), vue.mergeProps({
           "span": 24
-        }, e), _isSlot$2(FormItem) ? FormItem : {
+        }, e), _isSlot$3(FormItem) ? FormItem : {
           default: function _default() {
             return [FormItem];
           }
@@ -16251,7 +16273,7 @@
         default: function _default() {
           return ctx.inline ? children : vue.withDirectives(vue.createVNode(vue.resolveComponent("el-row"), {
             "gutter": 10
-          }, _isSlot$2(children) ? children : {
+          }, _isSlot$3(children) ? children : {
             default: function _default() {
               return [children];
             }
@@ -16281,7 +16303,7 @@
             "onClick": function onClick() {
               ctx.submit();
             }
-          }, _isSlot$2(saveButtonText) ? saveButtonText : {
+          }, _isSlot$3(saveButtonText) ? saveButtonText : {
             default: function _default() {
               return [saveButtonText];
             }
@@ -16290,7 +16312,7 @@
           return vue.createVNode(vue.resolveComponent("el-button"), {
             "size": style.size,
             "onClick": ctx.close
-          }, _isSlot$2(closeButtonText) ? closeButtonText : {
+          }, _isSlot$3(closeButtonText) ? closeButtonText : {
             default: function _default() {
               return [closeButtonText];
             }
@@ -16311,7 +16333,7 @@
           title = _ctx$conf.title,
           width = _ctx$conf.width,
           dialog = _ctx$conf.dialog;
-      return vue.h(vue.createVNode(vue.resolveComponent("cl-dialog"), {
+      return vue.h(vue.createVNode(vue.resolveComponent("epie-dialog"), {
         "modelValue": ctx.visible,
         "onUpdate:modelValue": function onUpdateModelValue($event) {
           return ctx.visible = $event;
@@ -16337,7 +16359,7 @@
   }
 
   var AdvSearch = vue.defineComponent({
-    name: "cl-adv-search",
+    name: "epie-adv-search",
     components: {
       Close: close_default
     },
@@ -16375,7 +16397,7 @@
 
       var _useCore = useCore(),
           crud = _useCore.crud,
-          mitt = _useCore.mitt; // cl-form
+          mitt = _useCore.mitt; // epie-form
 
 
       var Form = vue.ref(); // el-drawer
@@ -16468,7 +16490,7 @@
 
 
       function renderForm() {
-        return vue.h(vue.createVNode(vue.resolveComponent("cl-form"), {
+        return vue.h(vue.createVNode(vue.resolveComponent("epie-form"), {
           "ref": "Form",
           "inner": true
         }, null), {}, ctx.$slots);
@@ -16504,7 +16526,7 @@
 
       return vue.createVNode(vue.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;
@@ -16515,7 +16537,7 @@
       }, {
         default: function _default() {
           return [vue.createVNode("div", {
-            "class": "cl-adv-search__header"
+            "class": "epie-adv-search__header"
           }, [vue.createVNode("span", {
             "class": "text"
           }, [ctx.title]), vue.createVNode(vue.resolveComponent("el-icon"), {
@@ -16526,9 +16548,9 @@
               return [vue.createVNode(vue.resolveComponent("close"), null, null)];
             }
           })]), vue.createVNode("div", {
-            "class": "cl-adv-search__container"
+            "class": "epie-adv-search__container"
           }, [renderForm()]), vue.createVNode("div", {
-            "class": "cl-adv-search__footer"
+            "class": "epie-adv-search__footer"
           }, [renderFooter()])];
         }
       });
@@ -16536,12 +16558,12 @@
   });
 
   var Flex = vue.defineComponent({
-    name: "cl-flex1",
+    name: "epie-flex1",
     setup: function setup(_, _ref) {
       var slots = _ref.slots;
       return function () {
         return vue.createVNode("div", {
-          "class": "cl-flex1"
+          "class": "epie-flex1"
         }, [slots.default ? slots.default() : null]);
       };
     }
@@ -16694,7 +16716,7 @@
   };
 
   var Form = vue.defineComponent({
-    name: "cl-form",
+    name: "epie-form",
     props: {
       // 是否只显示表单
       inner: Boolean,
@@ -17020,7 +17042,7 @@
           })) : data[e.prop];
         });
         Object.assign(form, data, d);
-      } // 切换 cl-form-tab
+      } // 切换 epie-form-tab
 
 
       function changeTab(value) {
@@ -17088,17 +17110,17 @@
       }));
     },
     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 = vue.createVNode("div", {
-        "class": "cl-form"
+        "class": "epie-form"
       }, [vue.createVNode("div", {
-        "class": "cl-form__container"
+        "class": "epie-form__container"
       }, [renderForm()]), vue.createVNode("div", {
-        "class": "cl-form__footer"
+        "class": "epie-form__footer"
       }, [renderFooter()])]);
 
       if (ctx.inner) {
@@ -17110,7 +17132,7 @@
   });
 
   var FormTabs = vue.defineComponent({
-    name: "cl-form-tabs",
+    name: "epie-form-tabs",
     props: {
       modelValue: [String, Number],
       labels: {
@@ -17211,7 +17233,7 @@
     },
     render: function render(ctx) {
       return vue.createVNode("div", {
-        "class": "cl-form-tabs"
+        "class": "epie-form-tabs"
       }, [vue.createVNode("ul", {
         "style": {
           textAlign: ctx.justify
@@ -17231,14 +17253,14 @@
           }
         }, [e.label]);
       }), ctx.line.width && vue.createVNode("div", {
-        "class": "cl-form-tabs__line",
+        "class": "epie-form-tabs__line",
         "style": ctx.line
       }, null)])]);
     }
   });
 
   var MultiDeleteBtn = vue.defineComponent({
-    name: "cl-multi-delete-btn",
+    name: "epie-multi-delete-btn",
     setup: function setup(_, _ref) {
       var slots = _ref.slots;
 
@@ -17268,7 +17290,7 @@
   });
 
   var Pagination = vue.defineComponent({
-    name: "cl-pagination",
+    name: "epie-pagination",
     setup: function setup() {
       var _useCore = useCore(),
           crud = _useCore.crud,
@@ -17339,7 +17361,7 @@
   });
 
   var Query = vue.defineComponent({
-    name: "cl-query",
+    name: "epie-query",
     props: {
       modelValue: null,
       list: {
@@ -17433,7 +17455,7 @@
     },
     render: function render(ctx) {
       return vue.createVNode("div", {
-        "class": "cl-query"
+        "class": "epie-query"
       }, [ctx.list2.map(function (item, index) {
         return vue.createVNode("button", {
           "class": {
@@ -17449,7 +17471,7 @@
   });
 
   var RefreshBtn = vue.defineComponent({
-    name: "cl-refresh-btn",
+    name: "epie-refresh-btn",
     setup: function setup(_, _ref) {
       var slots = _ref.slots;
 
@@ -17477,7 +17499,7 @@
   });
 
   var ExportBtn = vue.defineComponent({
-    name: "cl-export-btn",
+    name: "epie-export-btn",
     setup: function setup(_, _ref) {
       var _crud$dict$label;
 
@@ -17561,12 +17583,12 @@
     }
   });
 
-  function _isSlot$1(s) {
+  function _isSlot$2(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
 
   var SearchKey = vue.defineComponent({
-    name: "cl-search-key",
+    name: "epie-search-key",
     props: {
       // 绑定值
       modelValue: String,
@@ -17678,9 +17700,9 @@
           style = _useTools.style;
 
       return vue.createVNode("div", {
-        "class": "cl-search-key"
+        "class": "epie-search-key"
       }, [vue.withDirectives(vue.createVNode(vue.resolveComponent("el-select"), {
-        "class": "cl-search-key__select",
+        "class": "epie-search-key__select",
         "filterable": true,
         "size": style.size,
         "modelValue": ctx.selectField,
@@ -17688,7 +17710,7 @@
           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 vue.createVNode(vue.resolveComponent("el-option"), {
           "key": i,
           "label": e.label,
@@ -17699,7 +17721,7 @@
           return [_slot];
         }
       }), [[vue.vShow, ctx.fieldList.length > 0]]), vue.createVNode(vue.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;
@@ -17710,7 +17732,7 @@
         "onInput": ctx.onInput,
         "clearable": true
       }, null), vue.createVNode(vue.resolveComponent("el-button"), {
-        "class": "cl-search-key__button",
+        "class": "epie-search-key__button",
         "size": style.size,
         "type": "primary",
         "onClick": ctx.search
@@ -17722,8 +17744,8 @@
     }
   });
 
-  var ClContextMenu = vue.defineComponent({
-    name: "cl-context-menu",
+  var EpieContextMenu = vue.defineComponent({
+    name: "epie-context-menu",
     props: {
       show: Boolean,
       options: {
@@ -17788,7 +17810,7 @@
       function close() {
         visible.value = false;
         ids.value = "";
-        removeClass(targetEl, "cl-context-menu__target");
+        removeClass(targetEl, "epie-context-menu__target");
       } // 打开菜单
 
 
@@ -17811,7 +17833,7 @@
             }
           }
 
-          addClass(targetEl, d.className || "cl-context-menu__target");
+          addClass(targetEl, d.className || "epie-context-menu__target");
         }
 
         if (options.list) {
@@ -17827,7 +17849,7 @@
               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;
 
@@ -17901,7 +17923,7 @@
     render: function render(ctx) {
       function deep(list, pId, level) {
         return vue.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) {
@@ -17925,7 +17947,7 @@
       }
 
       return ctx.visible && vue.createVNode("div", {
-        "class": "cl-context-menu",
+        "class": "epie-context-menu",
         "ref": ctx.setRefs("context-menu"),
         "style": ctx.style,
         "onContextmenu": ctx.stopDefault
@@ -17934,7 +17956,7 @@
   });
   var ContextMenu = {
     open: function open(event, options) {
-      var vm = vue.h(ClContextMenu, {
+      var vm = vue.h(EpieContextMenu, {
         show: true,
         event: event,
         options: options
@@ -18187,7 +18209,7 @@
         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;
@@ -18222,7 +18244,7 @@
       maxHeight: maxHeight
     };
   }
-  function useRender$1(_ref7) {
+  function useRender$2(_ref7) {
     var columns = _ref7.columns,
         emptyText = _ref7.emptyText;
     var slots = vue.useSlots();
@@ -18237,10 +18259,10 @@
 
     function renderColumn() {
       return columns.filter(function (e) {
-        return !e.hidden;
+        return !e.hidden && !e.hideInTable;
       }).map(function (item, index) {
         var ElTableColumn = vue.createVNode(vue.resolveComponent("el-table-column"), {
-          "key": "cl-table-column__".concat(index),
+          "key": "epie-table-column__".concat(index),
           "align": "center"
         }, null); // 操作按钮
 
@@ -18253,7 +18275,7 @@
           }, item), {
             default: function _default(scope) {
               return vue.createVNode("div", {
-                "class": "cl-table__op"
+                "class": "epie-table__op"
               }, [(item.buttons || ["edit", "delete"]).map(function (vnode) {
                 if (vnode === "edit") {
                   var _crud$dict$label;
@@ -18342,7 +18364,7 @@
                 } else {
                   // 自定义渲染
                   if (item.component) {
-                    return renderNode(item.component, {
+                    value = renderNode(item.component, {
                       prop: item.prop,
                       scope: nScope.row,
                       _data: {
@@ -18356,7 +18378,7 @@
                     var list = (vue.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;
                       });
@@ -18368,17 +18390,35 @@
                           "style": "margin: 0 2px"
                         }, null);
 
-                        return vue.h(ElTag, d, d.label);
+                        return vue.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 vue.h(vue.createVNode(vue.resolveComponent("el-link"), null, null), {
+                      type: "primary",
+                      underline: false,
+                      onClick: function onClick() {
+                        crud.rowDescription(scope.row);
+                      }
+                    }, {
+                      default: function _default() {
+                        return value;
+                      }
+                    });
                   }
+
+                  return value;
                 }
               }
             });
@@ -18392,7 +18432,7 @@
 
     function renderEmpty() {
       return vue.createVNode("div", {
-        "class": "cl-table__empty"
+        "class": "epie-table__empty"
       }, [slots.empty ? slots.empty() : vue.createVNode(vue.resolveComponent("el-empty"), {
         "description": emptyText
       }, null)]);
@@ -18401,7 +18441,7 @@
 
     function renderAppend() {
       return vue.createVNode("div", {
-        "class": "cl-table__append"
+        "class": "epie-table__append"
       }, [slots.append && slots.append()]);
     }
 
@@ -18413,7 +18453,7 @@
   }
 
   var Table = vue.defineComponent({
-    name: "cl-table",
+    name: "epie-table",
     props: {
       columns: {
         type: Array,
@@ -18497,7 +18537,7 @@
         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;
             }
           });
         });
@@ -18559,13 +18599,13 @@
       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 = vue.withDirectives(vue.createVNode(vue.resolveComponent("el-table"), {
-        "class": "cl-table",
+        "class": "epie-table",
         "ref": "Table",
         "border": true,
         "highlight-current-row": true,
@@ -18595,7 +18635,7 @@
   });
 
   var Upsert = vue.defineComponent({
-    name: "cl-upsert",
+    name: "epie-upsert",
     props: {
       // 表单项
       items: {
@@ -18610,7 +18650,7 @@
       sync: Boolean,
       // 操作按钮参数
       op: Object,
-      // cl-dialog 参数
+      // epie-dialog 参数
       dialog: Object,
       // 打开表单钩子
       onOpen: Function,
@@ -18712,7 +18752,7 @@
           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({
@@ -18899,8 +18939,8 @@
                       return crud.service[reqName]({
                         id: data.id
                       }).then(function (res) {
-                        done(res);
-                        resolve(res);
+                        done(res.data);
+                        resolve(res.data);
                       }).catch(function (err) {
                         elementPlus.ElMessage.error(err.message);
                         reject(err);
@@ -18954,15 +18994,15 @@
     },
     render: function render(ctx) {
       return vue.createVNode("div", {
-        "class": "cl-upsert"
-      }, [vue.h(vue.createVNode(vue.resolveComponent("cl-form"), {
+        "class": "epie-upsert"
+      }, [vue.h(vue.createVNode(vue.resolveComponent("epie-form"), {
         "ref": "Form"
       }, null), {}, ctx.$slots)]);
     }
   });
 
   var Dialog = vue.defineComponent({
-    name: "cl-dialog",
+    name: "epie-dialog",
     components: {
       Close: close_default,
       FullScreen: full_screen_default,
@@ -19109,12 +19149,12 @@
       // 渲染头部
       function renderHeader() {
         return ctx.hideHeader ? null : vue.createVNode("div", {
-          "class": "cl-dialog__header",
+          "class": "epie-dialog__header",
           "onDblclick": ctx.dblClickFullscreen
         }, [vue.createVNode("span", {
-          "class": "cl-dialog__title"
+          "class": "epie-dialog__title"
         }, [ctx.title]), vue.createVNode("div", {
-          "class": "cl-dialog__controls"
+          "class": "epie-dialog__controls"
         }, [ctx.controls.map(function (vnode) {
           // 全屏按钮
           if (vnode === "fullscreen") {
@@ -19172,7 +19212,7 @@
 
       var ElDialog = vue.createVNode(vue.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,
@@ -19198,7 +19238,7 @@
         },
         default: function _default() {
           return main && vue.createVNode("div", {
-            "class": "cl-dialog__container",
+            "class": "epie-dialog__container",
             "style": {
               height: height
             },
@@ -19207,7 +19247,7 @@
         },
         footer: function footer() {
           return _footer && vue.createVNode("div", {
-            "class": "cl-dialog__footer"
+            "class": "epie-dialog__footer"
           }, [_footer()]);
         }
       });
@@ -19215,21 +19255,21 @@
   });
 
   var Filter = vue.defineComponent({
-    name: "cl-filter",
+    name: "epie-filter",
     props: {
       label: String
     },
     render: function render(ctx) {
       return vue.createVNode("div", {
-        "class": "cl-filter"
+        "class": "epie-filter"
       }, [vue.withDirectives(vue.createVNode("span", {
-        "class": "cl-filter__label"
+        "class": "epie-filter__label"
       }, [ctx.label]), [[vue.vShow, ctx.label]]), ctx.$slots.default ? ctx.$slots.default() : null]);
     }
   });
 
   var FilterGroup = vue.defineComponent({
-    name: "cl-filter-group",
+    name: "epie-filter-group",
     props: {
       // 表单值
       data: {
@@ -19255,7 +19295,7 @@
     },
     setup: function setup(props) {
       var _useCore = useCore(),
-          crud = _useCore.crud; // cl-form
+          crud = _useCore.crud; // epie-form
 
 
       var Form = useForm(); // 加载中
@@ -19335,15 +19375,15 @@
           style = _useTools.style;
 
       return ctx.items.length > 0 && vue.createVNode("div", {
-        "class": "cl-filter-group"
+        "class": "epie-filter-group"
       }, [vue.createVNode("div", {
-        "class": "cl-filter-group__form"
-      }, [vue.createVNode(vue.resolveComponent("cl-form"), {
+        "class": "epie-filter-group__form"
+      }, [vue.createVNode(vue.resolveComponent("epie-form"), {
         "ref": "Form",
         "inner": true,
         "inline": true
       }, null)]), vue.createVNode("div", {
-        "class": "cl-filter-group__op"
+        "class": "epie-filter-group__op"
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": "primary",
         "loading": ctx.loading,
@@ -19365,7 +19405,7 @@
   });
 
   var ErrorMessage = vue.defineComponent({
-    name: "cl-error-message",
+    name: "epie-error-message",
     props: {
       title: String
     },
@@ -19379,11 +19419,11 @@
     }
   });
 
-  function _isSlot(s) {
+  function _isSlot$1(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
 
-  function useRender(ctx) {
+  function useRender$1(ctx) {
     var _useTools = useTools(),
         browser = _useTools.browser,
         style = _useTools.style; // 渲染表单及表单项
@@ -19421,9 +19461,9 @@
           },
           default: function _default() {
             return vue.createVNode("div", null, [vue.createVNode("div", {
-              "class": "cl-form-item"
+              "class": "epie-form-item"
             }, [vue.withDirectives(vue.createVNode("div", {
-              "class": ["cl-form-item__".concat(name), {
+              "class": ["epie-form-item__".concat(name), {
                 "is-flex": e.flex !== false
               }]
             }, [renderNode(e.component, {
@@ -19445,7 +19485,7 @@
           "lg": {
             span: 6
           }
-        }, e), _isSlot(FormItem) ? FormItem : {
+        }, e), _isSlot$1(FormItem) ? FormItem : {
           default: function _default() {
             return [FormItem];
           }
@@ -19468,7 +19508,7 @@
           return [vue.createVNode(vue.resolveComponent("el-form-item"), {
             "label-width": "auto",
             "label": ""
-          }, _isSlot(_slot = renderOp()) ? _slot : {
+          }, _isSlot$1(_slot = renderOp()) ? _slot : {
             default: function _default() {
               return [_slot];
             }
@@ -19533,7 +19573,7 @@
   }
 
   var InlineSearch = vue.defineComponent({
-    name: "cl-inline-search",
+    name: "epie-inline-search",
     props: {
       // 表单值
       data: {
@@ -19625,17 +19665,376 @@
       };
     },
     render: function render(ctx) {
-      var _useRender = useRender(ctx),
+      var _useRender = useRender$1(ctx),
           renderForm = _useRender.renderForm;
 
       return ctx.items.length > 0 && vue.createVNode("div", {
-        "class": "cl-inline-search"
+        "class": "epie-inline-search"
       }, [vue.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 = vue.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 = vue.createVNode(vue.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 vue.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 = (vue.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 = vue.createVNode(vue.resolveComponent("el-tag"), {
+                        "disable-transitions": true,
+                        "effect": "dark",
+                        "style": "margin: 0 2px"
+                      }, null);
+
+                      return vue.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]' && !vue.isVNode(s);
+  }
+
+  var EpieDescriptions = vue.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 = vue.ref();
+      var show = vue.ref(false);
+      vue.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 vue.h(vue.createVNode(vue.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 vue.createVNode("div", {
+            "class": "epie-descriptions__container"
+          }, [vue.createVNode(vue.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,
@@ -19656,7 +20055,8 @@
     FilterGroup: FilterGroup,
     ErrorMessage: ErrorMessage,
     InlineSearch: InlineSearch,
-    ExportBtn: ExportBtn
+    ExportBtn: ExportBtn,
+    EpieDescriptions: EpieDescriptions
   };
   function useComponent(app) {
     for (var i in components) {
@@ -19690,7 +20090,7 @@
 
       useComponent(app);
       return {
-        name: "cl-crud"
+        name: "epie-crud"
       };
     }
   };
@@ -19703,6 +20103,7 @@
   exports.useBrowser = useBrowser;
   exports.useCore = useCore;
   exports.useCrud = useCrud;
+  exports.useDescriptions = useDescriptions;
   exports.useDialog = useDialog;
   exports.useForm = useForm;
   exports.useProxy = useProxy;