@web-utils/component 2.7.30 → 2.7.32

package/dist/components/table-view/{index.js → index.mjs}

@@ -1,35 +1,41 @@
-var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
-  var fulfilled = (value) => {
-    try {
-      step(generator.next(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, rejected = (value) => {
-    try {
-      step(generator.throw(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-  step((generator = generator.apply(__this, __arguments)).next());
-});
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { merge } from "@web-utils/integrations/lodash";
 import { isString, isArray, trace, warning, toStringArray, isFunction, hasOwn } from "@web-utils/core";
-import { k as fillPath } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { k as fillPath } from "../../chunks/utils.2a3ffac9.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "table-view"
   }, [_c("Toolbar", _vm._g(_vm._b({
     on: {
-      search: _vm.toggleSearch,
-      del: _vm.del,
-      create: _vm.create,
-      reload: _vm.reloadTable,
-      imp: function($event) {
-        _vm.importDialogVisible = !0;
+      "search": _vm.toggleSearch,
+      "del": _vm.del,
+      "create": _vm.create,
+      "reload": _vm.reloadTable,
+      "imp": function($event) {
+        _vm.importDialogVisible = true;
       }
     },
     scopedSlots: _vm._u([{
@@ -37,17 +43,17 @@ var render = function() {
       fn: function() {
         return [_vm._t("toolbar-button")];
       },
-      proxy: !0
+      proxy: true
     }, _vm._l(_vm.buttonSlots, function(item) {
       return {
         key: item,
         fn: function() {
           return [_vm._t(item)];
         },
-        proxy: !0
+        proxy: true
       };
-    })], null, !0)
-  }, "Toolbar", _vm.toolbarProps, !1), _vm.toolbarListeners)), _c("div", {
+    })], null, true)
+  }, "Toolbar", _vm.toolbarProps, false), _vm.toolbarListeners)), _c("div", {
     staticClass: "table-view-content-wrapper"
   }, [_c("div", {
     staticClass: "table-view-content"
@@ -55,7 +61,7 @@ var render = function() {
     ref: "treeScroller",
     staticClass: "table-view-sidebar",
     on: {
-      scroll: _vm.onTreeScroll
+      "scroll": _vm.onTreeScroll
     }
   }, [_c("div", {
     staticStyle: {
@@ -64,7 +70,7 @@ var render = function() {
   }, [_vm._v(" 视图导航 ")]), _c("EditableTree", _vm._g(_vm._b({
     ref: "tree",
     attrs: {
-      readonly: ""
+      "readonly": ""
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -77,16 +83,16 @@ var render = function() {
           }), _vm._t("tree-label", function() {
             return [_vm._v(_vm._s(node.label))];
           }, {
-            node,
-            data
+            "node": node,
+            "data": data
           })], 2)];
         }, {
-          node,
-          data
+          "node": node,
+          "data": data
         })];
       }
-    }], null, !0)
-  }, "EditableTree", _vm.treeProps, !1), _vm.treeListeners))], 1) : _vm._e(), _c("div", {
+    }], null, true)
+  }, "EditableTree", _vm.treeProps, false), _vm.treeListeners))], 1) : _vm._e(), _c("div", {
     staticClass: "table-view-table"
   }, [_c("PageableTable", _vm._g(_vm._b({
     ref: "table",
@@ -97,13 +103,13 @@ var render = function() {
       "border-right": _vm.borderRight
     }],
     attrs: {
-      border: _vm.border
+      "border": _vm.border
     },
     on: {
       "row-dblclick": _vm.rowDbClick,
       "selection-change": _vm.onSelectionChange
     }
-  }, "PageableTable", _vm.tableProps, !1), _vm.tableListeners), [_vm._t("columns")], 2)], 1)]), _vm.toolbarProps.searchable ? _c("div", {
+  }, "PageableTable", _vm.tableProps, false), _vm.tableListeners), [_vm._t("columns")], 2)], 1)]), _vm.toolbarProps.searchable ? _c("div", {
     staticClass: "slide-panel",
     style: {
       right: `${_vm.right}px`,
@@ -115,23 +121,24 @@ var render = function() {
     ref: "form",
     attrs: {
       "label-position": "right",
-      model: _vm.searchModel || _vm.searchPanelProps.model,
-      size: "mini",
+      "model": _vm.searchModel || _vm.searchPanelProps.model,
+      "size": "mini",
       "label-width": _vm.labelWidth
     },
     nativeOn: {
       "!submit": function($event) {
-        return $event.preventDefault(), _vm.onSearchClick.apply(null, arguments);
+        $event.preventDefault();
+        return _vm.onSearchClick.apply(null, arguments);
       }
     }
   }, [_c("FormItemConfigProvider", {
     attrs: {
-      block: "",
-      "wrap-col": !1
+      "block": "",
+      "wrap-col": false
     }
   }, [_c("ElRow", {
     attrs: {
-      gutter: 0
+      "gutter": 0
     }
   }, [_vm._t("search-form", function() {
     return [_c("p", [_vm._v("请添加搜索条件！")])];
@@ -143,36 +150,57 @@ var render = function() {
     staticClass: "slide-panel-actions"
   }, [_c("ElButton", {
     attrs: {
-      type: "primary",
+      "type": "primary",
       "native-type": "submit",
-      size: "mini"
+      "size": "mini"
     }
   }, [_vm._v(" 开始搜索 ")]), _c("ElButton", {
     attrs: {
-      size: "mini"
+      "size": "mini"
     },
     on: {
-      click: _vm.onClearClick
+      "click": _vm.onClearClick
     }
   }, [_vm._v(" 清除条件 ")])], 1)])], 1)], 1)]) : _vm._e()]), _vm._t("default")], 2);
-}, staticRenderFns = [function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+};
+var staticRenderFns = [function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "slide-panel-line"
   }, [_c("div", {
     staticClass: "slide-panel-line-indicator"
   })]);
 }];
-const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], __vue2_script = {
+const TableView_vue_vue_type_style_index_0_lang = "";
+const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"];
+const __vue2_script = {
   name: "TableView",
   bus: {
     reloadTableView(viewId, tree) {
-      if (this._viewIds)
-        if (isString(viewId) || isArray(viewId)) {
-          let viewIds = viewId;
-          isString(viewIds) && (viewIds = viewIds.split(",")), this._viewIds.some((value) => viewIds.includes(value)) && (tree ? this.$refs.tree && (trace.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (trace.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
-        } else
-          warning.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+      if (!this._viewIds) {
+        return;
+      }
+      if (isString(viewId) || isArray(viewId)) {
+        let viewIds = viewId;
+        if (isString(viewIds)) {
+          viewIds = viewIds.split(",");
+        }
+        if (this._viewIds.some((value) => viewIds.includes(value))) {
+          if (!tree) {
+            trace.call(this.$parent || {}, "reloadTable");
+            this.reloadTable();
+          } else {
+            if (this.$refs.tree) {
+              trace.call(this.$parent || {}, "reloadTree");
+              this.refreshTree();
+            }
+          }
+        }
+      } else {
+        warning.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+      }
     }
   },
   props: {
@@ -220,7 +248,7 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
     borderRight: Boolean,
     border: {
       type: Boolean,
-      default: !0
+      default: true
     },
     labelWidth: {
       type: String,
@@ -233,7 +261,7 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
   data() {
     var _a;
     return {
-      importDialogVisible: !1,
+      importDialogVisible: false,
       right: -(((_a = this.searchPanelAttrs) == null ? void 0 : _a.width) || 350),
       selectedRows: []
     };
@@ -244,31 +272,48 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
     },
     toolbarProps() {
       var _a, _b;
-      const defaultProps = {}, toolbarAttrs = merge(this.toolbarAttrs, defaultProps);
+      const defaultProps = {};
+      const toolbarAttrs = merge(this.toolbarAttrs, defaultProps);
       let buttons = (toolbarAttrs == null ? void 0 : toolbarAttrs.buttons) || this.$parent.buttons;
-      return buttons = buttons || [], buttons.includes("reload") || (buttons = [...buttons, "reload"]), toolbarAttrs.buttons = buttons, toolbarAttrs.buttons = toStringArray(toolbarAttrs.buttons), toolbarAttrs.searchable = !!((_b = (_a = this.$scopedSlots)["search-form"]) != null && _b.call(_a)), toolbarAttrs;
+      buttons = buttons || [];
+      if (!buttons.includes("reload")) {
+        buttons = [...buttons, "reload"];
+      }
+      toolbarAttrs.buttons = buttons;
+      toolbarAttrs.buttons = toStringArray(toolbarAttrs.buttons);
+      toolbarAttrs.searchable = !!((_b = (_a = this.$scopedSlots)["search-form"]) == null ? void 0 : _b.call(_a));
+      return toolbarAttrs;
     },
     treeProps() {
       const defaultProps = {
         treeProps: {
           children: "children",
           label: "label",
-          isLeaf: (data) => hasOwn(data, "hasChildren") ? !data.hasChildren : hasOwn(data, "hasChild") ? !data.hasChild : !0
+          isLeaf: (data) => {
+            if (hasOwn(data, "hasChildren")) {
+              return !data.hasChildren;
+            } else if (hasOwn(data, "hasChild")) {
+              return !data.hasChild;
+            } else {
+              return true;
+            }
+          }
         },
-        show: !1,
-        lazy: !0,
-        readonly: !0,
+        show: false,
+        lazy: true,
+        readonly: true,
         data: [],
-        "expand-first-node": !1,
-        "default-expand-all": !1
+        "expand-first-node": false,
+        "default-expand-all": false
       };
       return merge(this.treeAttrs, defaultProps);
     },
     tableProps() {
-      const api = this.tableAttrs.api || this.$parent.getPage, defaultProps = {
+      const api = this.tableAttrs.api || this.$parent.getPage;
+      const defaultProps = {
         model: this.searchModel || {},
         height: "auto",
-        "highlight-current-row": !0,
+        "highlight-current-row": true,
         api
       };
       return merge(this.tableAttrs, defaultProps);
@@ -282,28 +327,46 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
     }
   },
   created() {
-    this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
+    this._viewIds = [];
+    if (this.viewId) {
+      this._viewIds.push(this.viewId);
+    }
+    if (!this._viewIds.includes(this.$parent.$options.name)) {
+      this._viewIds.push(this.$parent.$options.name);
+    }
   },
   activated() {
     return __async(this, null, function* () {
-      this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+      if (this.$refs.treeScroller) {
+        if (this.treeScrollTop) {
+          this.$refs.treeScroller.scrollTop = this.treeScrollTop;
+        }
+        if (this.treeScrollLeft) {
+          this.$refs.treeScroller.scrollLeft = this.treeScrollLeft;
+        }
+      }
     });
   },
   methods: {
     onTreeScroll() {
-      this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
+      this.treeScrollTop = this.$refs.treeScroller.scrollTop;
+      this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
     },
     toggleSearch() {
       this.right = this.right === 0 ? -this.searchPanelProps.width : 0;
     },
     onSearchClick() {
       return __async(this, null, function* () {
-        this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
+        this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model);
+        yield this.refreshTable();
       });
     },
     onClearClick() {
       return __async(this, null, function* () {
-        this.$emit("reset"), this.$refs.form.resetFields(), this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
+        this.$emit("reset");
+        this.$refs.form.resetFields();
+        this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model);
+        yield this.refreshTable();
       });
     },
     openFrom(row) {
@@ -311,20 +374,24 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
     },
     rowDbClick(row) {
       var _a;
-      !((_a = this.tableListeners) != null && _a["row-dblclick"]) && this.formPath && this.openFrom(row);
+      if (!((_a = this.tableListeners) == null ? void 0 : _a["row-dblclick"]) && this.formPath) {
+        this.openFrom(row);
+      }
     },
     onSelectionChange(rows) {
       this.selectedRows = rows;
     },
     create() {
       var _a;
-      !((_a = this.toolbarListeners) != null && _a.create) && this.formPath && this.openFrom();
+      if (!((_a = this.toolbarListeners) == null ? void 0 : _a.create) && this.formPath) {
+        this.openFrom();
+      }
     },
     del() {
       return __async(this, null, function* () {
         var _a;
         const api = this.deleteApi || this.$parent.del;
-        if (!((_a = this.toolbarListeners) != null && _a.del) && isFunction(api)) {
+        if (!((_a = this.toolbarListeners) == null ? void 0 : _a.del) && isFunction(api)) {
           if (!this.selectedRows.length) {
             this.$message.warning("请选择要删除的记录！");
             return;
@@ -334,15 +401,21 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
             "系统提示",
             {
               type: "warning",
-              modal: !0,
-              dangerouslyUseHTMLString: !0,
-              closeOnClickModal: !1,
+              modal: true,
+              dangerouslyUseHTMLString: true,
+              closeOnClickModal: false,
               beforeClose: (action, instance, done) => __async(this, null, function* () {
-                if (action === "confirm")
+                if (action === "confirm") {
                   try {
-                    instance.confirmButtonLoading = !0, instance.confirmButtonText = "删除...", yield api.call(this, this.selectedRows.map((value) => value.id).join(",")), this.$message.success("删除成功"), yield this.reloadTable(), yield this.refreshTree();
+                    instance.confirmButtonLoading = true;
+                    instance.confirmButtonText = "删除...";
+                    yield api.call(this, this.selectedRows.map((value) => value.id).join(","));
+                    this.$message.success("删除成功");
+                    yield this.reloadTable();
+                    yield this.refreshTree();
                   } catch (_) {
                   }
+                }
                 done();
               })
             }
@@ -352,7 +425,7 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
     },
     reloadTable() {
       var _a;
-      (_a = this.$refs.table) == null || _a.reload();
+      (_a = this.$refs.table) == null ? void 0 : _a.reload();
     },
     refreshTable() {
       return __async(this, null, function* () {
@@ -367,20 +440,22 @@ const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit",
       return this.searchPanelProps.model;
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const TableView = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/table-view/style.css

@@ -1 +1,95 @@
-.table-view{display:flex;flex-direction:column;height:100%}.table-view .el-table--border{border:none}.table-view .border-top .el-table--border{border-top:1px solid #ebeef5}.table-view .border-bottom .el-table--border{border-bottom:1px solid #ebeef5}.table-view .border-left .el-table--border,.table-view .border-left .el-pagination{border-left:1px solid #ebeef5}.table-view .border-right .el-table--border{border-right:1px solid #ebeef5}.table-view .table-view-content-wrapper{position:relative;flex:1;overflow:hidden}.table-view .table-view-content{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;background-color:#fff}.table-view .table-view-sidebar{flex-shrink:0;width:240px;height:100%;padding:10px;overflow:auto}.table-view .table-view-sidebar .et-tree-wrapper{display:table;overflow:visible}.table-view .table-view-table{flex:1 1 auto;height:100%}.table-view .slide-panel{position:absolute;top:0;right:0;bottom:0;z-index:5;display:flex;background-color:#fff;transition:right .2s ease}.table-view .slide-panel .slide-panel-line{position:relative;width:3px;height:100%;background-color:#ddd;flex-shrink:0}.table-view .slide-panel .slide-panel-line-indicator{position:absolute;top:50%;left:0;width:100%;height:50px;background-color:#aaa;transform:translateY(-50%)}.table-view .slide-panel .slide-panel-actions{display:flex;align-items:center;justify-content:center;margin-top:10px}.table-view .slide-panel .slide-panel-content{flex:1;padding:10px;overflow:auto}.table-view .slide-panel .slide-panel-content .el-date-editor{width:100%}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.table-view {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.table-view .el-table--border {
+  border: none;
+}
+.table-view .border-top .el-table--border {
+  border-top: 1px solid #ebeef5;
+}
+.table-view .border-bottom .el-table--border {
+  border-bottom: 1px solid #ebeef5;
+}
+.table-view .border-left .el-table--border, .table-view .border-left .el-pagination {
+  border-left: 1px solid #ebeef5;
+}
+.table-view .border-right .el-table--border {
+  border-right: 1px solid #ebeef5;
+}
+.table-view .table-view-content-wrapper {
+  position: relative;
+  flex: 1;
+  overflow: hidden;
+}
+.table-view .table-view-content {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  background-color: white;
+}
+.table-view .table-view-sidebar {
+  flex-shrink: 0;
+  width: 240px;
+  height: 100%;
+  padding: 10px;
+  overflow: auto;
+}
+.table-view .table-view-sidebar .et-tree-wrapper {
+  display: table;
+  overflow: visible;
+}
+.table-view .table-view-table {
+  flex: 1 1 auto;
+  height: 100%;
+}
+.table-view .slide-panel {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 5;
+  display: flex;
+  background-color: white;
+  transition: right 200ms ease;
+}
+.table-view .slide-panel .slide-panel-line {
+  position: relative;
+  width: 3px;
+  height: 100%;
+  background-color: #ddd;
+  flex-shrink: 0;
+}
+.table-view .slide-panel .slide-panel-line-indicator {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  height: 50px;
+  background-color: #aaa;
+  transform: translateY(-50%);
+}
+.table-view .slide-panel .slide-panel-actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 10px;
+}
+.table-view .slide-panel .slide-panel-content {
+  flex: 1;
+  padding: 10px;
+  overflow: auto;
+}
+.table-view .slide-panel .slide-panel-content .el-date-editor {
+  width: 100%;
+}