@web-utils/component 4.0.15 → 5.0.0-beta01

package/table-view/index.mjs

@@ -1,334 +1,3 @@
-import l from "element-ui/lib/button";
-import _ from "element-ui/lib/form-item";
-import d from "element-ui/lib/row";
-import c from "../form-item-config-provider/index.mjs";
-import p from "element-ui/lib/form";
-import v from "../pageable-table/index.mjs";
-import y from "../editable-tree/index.mjs";
-import S from "../toolbar/index.mjs";
-import { F as T } from "../chunks/FormItem.Bhsy_O2B.mjs";
-import w from "element-ui/lib/transitions/collapse-transition";
-import { isFunction as P, toStringArray as C, isString as i, isArray as u, trace as b, warning as f, hasOwn as m } from "@web-utils/core";
-import { merge as a } from "@web-utils/integrations/lodash";
-import { g as $, j as k } from "../chunks/index.Cn7aq-Et.mjs";
-import { reloadTable as x, processButtons as A } from "../configComponents.mjs";
-import { t as n } from "../chunks/TableColumn.BzivvXMF.mjs";
-import { n as L } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const R = [
-  "back",
-  "create",
-  "save",
-  "withdraw",
-  "edit",
-  "submit",
-  "publish",
-  "agree",
-  "disagree",
-  "reject",
-  "finish",
-  "cancel",
-  "enable",
-  "exp",
-  "imp",
-  "del",
-  "disabled",
-  "reload",
-  "slot"
-], V = {
-  name: "TableView",
-  bus: {
-    reloadTableView(t) {
-      if (this._viewIds)
-        if (i(t) || u(t)) {
-          let e = t;
-          i(e) && (e = e.split(",")), this._viewIds.some((r) => e.includes(r)) && (b.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
-        } else
-          f.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
-    },
-    reloadTreeView(t) {
-      if (this._viewIds)
-        if (i(t) || u(t)) {
-          let e = t;
-          i(e) && (e = e.split(",")), this._viewIds.some((r) => e.includes(r)) && this.$refs.tree && (b.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
-        } else
-          f.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
-    }
-  },
-  components: { FormItemConfigProvider: c, ElCollapseTransition: $(w) },
-  props: {
-    viewId: [String, Array],
-    searchPanelAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarListeners: Object,
-    treeAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    treeListeners: Object,
-    tableAttrs: Object,
-    searchModel: Object,
-    tableListeners: {
-      type: Object,
-      default: () => {
-      }
-    },
-    deleteApi: Function,
-    borderTop: Boolean,
-    borderBottom: Boolean,
-    borderLeft: Boolean,
-    borderRight: Boolean,
-    border: {
-      type: Boolean,
-      default: !0
-    },
-    labelWidth: {
-      type: String,
-      default: "120px"
-    },
-    formPath: [String, Function],
-    searchFormPosition: {
-      type: String,
-      default: "top"
-    },
-    embed: Boolean,
-    deleteTips: String,
-    selectTips: String,
-    rowKey: {
-      type: String,
-      default: "id"
-    },
-    expandSearch: Boolean,
-    showToolbar: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      importDialogVisible: !1,
-      selectedRows: [],
-      isSearchVisible: !1
-    };
-  },
-  computed: {
-    buttonSlots() {
-      return R.filter((t) => this.$scopedSlots[t]);
-    },
-    toolbarProps() {
-      var s, o;
-      const t = {}, e = a({}, this.toolbarAttrs, t);
-      let r = (e == null ? void 0 : e.buttons) || this.$parent.buttons;
-      return r = r || [], e.buttons = r, e.buttons = A(e.buttons), e.buttons = C(e.buttons), e.searchable = !!((o = (s = this.$scopedSlots)["search-form"]) != null && o.call(s)), e;
-    },
-    treeProps() {
-      const t = {
-        treeProps: {
-          children: "children",
-          label: "label",
-          isLeaf: (e) => m(e, "hasChildren") ? !e.hasChildren : m(e, "hasChild") ? !e.hasChild : !0
-        },
-        show: !1,
-        lazy: !0,
-        readonly: !0,
-        data: [],
-        expandFirstNode: !0,
-        defaultExpandAll: !1
-      };
-      return n(a({}, this.treeAttrs, t));
-    },
-    tableProps() {
-      const t = this.tableAttrs.api || this.$parent.getPage, e = {
-        model: this.searchModel || {},
-        height: "auto",
-        highlightCurrentRow: !0,
-        api: t
-      };
-      return n(a({}, this.tableAttrs, e));
-    },
-    searchPanelProps() {
-      const t = {
-        width: 350,
-        model: this.searchModel || {}
-      };
-      return n(a({}, this.searchPanelAttrs, t));
-    },
-    toolbarEventHandlers() {
-      if (this.toolbarListeners) {
-        const { exp: t, ...e } = this.toolbarListeners;
-        return e;
-      }
-      return null;
-    },
-    tableScopeSlotNames() {
-      var t, e;
-      return ((e = (t = this.tableAttrs) == null ? void 0 : t.columns) == null ? void 0 : e.map((r) => r.prop).filter((r) => this.$scopedSlots[r])) ?? [];
-    }
-  },
-  watch: {
-    expandSearch: {
-      immediate: !0,
-      handler(t) {
-        this.isSearchVisible = t;
-      }
-    }
-  },
-  created() {
-    this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
-  },
-  activated() {
-    this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
-  },
-  methods: {
-    toHyphenateKey: n,
-    onTreeScroll() {
-      this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
-    },
-    toggleSearch() {
-      this.isSearchVisible = !this.isSearchVisible;
-    },
-    async onSearchClick() {
-      await this.reloadTable();
-    },
-    async onClearClick() {
-      this.$emit("reset"), this.$refs.form.resetFields(), await this.reloadTable();
-    },
-    openFrom(t) {
-      this.$router.push(k(this.formPath, t));
-    },
-    rowDbClick(t) {
-      var e;
-      !((e = this.tableListeners) != null && e["row-dblclick"]) && this.formPath && this.openFrom(t);
-    },
-    onSelectionChange(t) {
-      this.selectedRows = t;
-    },
-    create() {
-      var t;
-      !((t = this.toolbarListeners) != null && t.create) && this.formPath && this.openFrom();
-    },
-    async del() {
-      var e;
-      const t = this.deleteApi || this.$parent.del;
-      if (!((e = this.toolbarListeners) != null && e.del) && P(t)) {
-        if (!this.selectedRows.length) {
-          this.$message.warning(this.selectTips || "请选择要删除的记录！");
-          return;
-        }
-        await this.$confirm(
-          this.deleteTips || `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`,
-          "系统提示",
-          {
-            type: "warning",
-            modal: !0,
-            dangerouslyUseHTMLString: !0,
-            closeOnClickModal: !1,
-            beforeClose: async (r, s, o) => {
-              if (r === "confirm")
-                try {
-                  s.confirmButtonLoading = !0, s.confirmButtonText = "删除...";
-                  const h = await t.call(
-                    this,
-                    this.selectedRows.map((g) => g[this.rowKey])
-                  );
-                  this.$message.success(h.data.msg || "删除成功"), this.reloadTableAndTree(), x();
-                } catch {
-                }
-              o();
-            }
-          }
-        ).catch((r) => r);
-      }
-    },
-    reloadTable() {
-      var t;
-      (t = this.$refs.table) == null || t.reload();
-    },
-    async refreshTable(t) {
-      var e;
-      await ((e = this.$refs.table) == null ? void 0 : e.getPage(t));
-    },
-    reloadTree() {
-      var t;
-      (t = this.$refs.tree) == null || t.reloadTree();
-    },
-    reloadTableAndTree() {
-      this.reloadTable(), this.reloadTree();
-    },
-    currentRow() {
-      return this.$refs.table.currentRow;
-    },
-    getPageQuery() {
-      return this.$refs.table.getPageQuery();
-    },
-    exp() {
-      var t, e;
-      (e = (t = this.toolbarListeners).exp) == null || e.call(t, this.selectedRows);
-    },
-    getTableColumns() {
-      return this.$refs.table.tableColumns;
-    }
-  }
-};
-var F = function() {
-  var e = this, r = e._self._c;
-  return r("div", { class: ["table-view", { embed: e.embed, "has-tree": e.treeProps.show }] }, [r("div", { staticClass: "table-view-wrapper" }, [e.searchFormPosition === "top" ? [r(w, [e.toolbarProps.searchable ? r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSearchVisible, expression: "isSearchVisible" }], staticClass: "search-form-top" }, [r(p, { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
-    return s.preventDefault(), e.onSearchClick.apply(null, arguments);
-  } } }, [r(c, { attrs: { reactive: "" } }, [r(d, { attrs: { gutter: 0 } }, [e._t("search-form", function() {
-    return [r("p", [e._v("请添加搜索条件！")])];
-  }), r(T, { staticClass: "search-actions", attrs: { "hide-label": "" } }, [r(l, { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v("开始搜索")]), r(l, { staticStyle: { "margin-left": "10px" }, attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v("清除条件")])], 1)], 2)], 1)], 1)], 1) : e._e()])] : e._e(), e.showToolbar ? r(S, e._g(e._b({ attrs: { refreshable: "" }, on: { search: e.toggleSearch, settings: () => e.$refs.table.toggleSettings(), del: e.del, create: e.create, reload: e.reloadTableAndTree, exp: e.exp, imp: function(s) {
-    e.importDialogVisible = !0;
-  } }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("toolbar-button", null, { selectedRows: e.selectedRows })];
-  }, proxy: !0 }, { key: "toolbar-left", fn: function() {
-    return [e._t("toolbar-left", null, { selectedRows: e.selectedRows })];
-  }, proxy: !0 }, { key: "toolbar-right", fn: function() {
-    return [e._t("toolbar-right", null, { del: e.del, create: e.create, reload: e.reloadTableAndTree, selectedRows: e.selectedRows })];
-  }, proxy: !0 }, { key: "toolbar-right-button", fn: function() {
-    return [e._t("toolbar-right-button")];
-  }, proxy: !0 }, e._l(e.buttonSlots, function(s) {
-    return { key: s, fn: function() {
-      return [e._t(s, null, { selectedRows: e.selectedRows })];
-    }, proxy: !0 };
-  })], null, !0) }, "Toolbar", e.toolbarProps, !1), e.toolbarEventHandlers)) : e._e(), r("div", { staticClass: "table-view-content-wrapper" }, [r("div", { staticClass: "table-view-content" }, [e.treeProps.show ? r("div", { ref: "treeScroller", staticClass: "table-view-sidebar", on: { scroll: e.onTreeScroll } }, [r(y, e._g(e._b({ ref: "tree", attrs: { readonly: "" }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: o }) {
-    return [e._t("tree-node", function() {
-      return [r("span", [r("i", { staticClass: "node-icon", class: s.childNodes.length > 0 ? s.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets" }), e._t("tree-label", function() {
-        return [e._v(e._s(s.label))];
-      }, { node: s, data: o })], 2)];
-    }, { node: s, data: o })];
-  } }], null, !0) }, "EditableTree", e.treeProps, !1), e.toHyphenateKey(e.treeListeners)))], 1) : e._e(), r("div", { staticClass: "table-view-table" }, [r(v, e._g(e._b({ ref: "table", class: [
-    {
-      "border-top": e.borderTop,
-      "border-bottom": e.borderBottom,
-      "border-left": e.borderLeft || e.treeAttrs && e.treeAttrs.show,
-      "border-right": e.borderRight
-    }
-  ], attrs: { border: e.border }, on: { "row-dblclick": e.rowDbClick, "selection-change": e.onSelectionChange }, scopedSlots: e._u([e._l(e.tableScopeSlotNames, function(s) {
-    return { key: s, fn: function({ row: o }) {
-      return [e._t(s, null, { row: o })];
-    } };
-  })], null, !0) }, "PageableTable", e.tableProps, !1), e.toHyphenateKey(e.tableListeners)), [e._t("columns")], 2)], 1)]), e.searchFormPosition === "right" ? [r("Transition", { attrs: { name: "slide" } }, [e.toolbarProps.searchable ? r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSearchVisible, expression: "isSearchVisible" }], staticClass: "slide-panel", style: { width: `${e.searchPanelProps.width}px` } }, [r("div", { staticClass: "slide-panel-content" }, [r(p, { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
-    return s.preventDefault(), e.onSearchClick.apply(null, arguments);
-  } } }, [r(c, { attrs: { block: "", "wrap-col": !1 } }, [r(d, { attrs: { gutter: 0 } }, [e._t("search-form", function() {
-    return [r("p", [e._v("请添加搜索条件！")])];
-  })], 2)], 1), r(_, { attrs: { "label-width": "0" } }, [r("div", { staticClass: "slide-panel-actions" }, [r(l, { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v("开始搜索")]), r(l, { attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v("清除条件")])], 1)])], 1)], 1)]) : e._e()])] : e._e()], 2), e._t("default")], 2)]);
-}, B = [], I = /* @__PURE__ */ L(
-  V,
-  F,
-  B,
-  !1,
-  null,
-  null
-);
-const Y = I.exports;
-export {
-  Y as default
-};
+import { t as e } from "../chunks/TableView.DyIdIxAg.mjs";
+import "../form-item-config-provider/index.mjs";
+export { e as default };

package/tabs-view/index.mjs

@@ -1,106 +1,109 @@
-import a from "element-ui/lib/tag";
-import n from "../toolbar/index.mjs";
-import { toStringArray as l } from "@web-utils/core";
-import { merge as i } from "@web-utils/integrations/lodash";
-import { processButtons as u } from "../configComponents.mjs";
-import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = [
-  "back",
-  "create",
-  "save",
-  "withdraw",
-  "edit",
-  "submit",
-  "publish",
-  "agree",
-  "disagree",
-  "reject",
-  "finish",
-  "cancel",
-  "enable",
-  "exp",
-  "imp",
-  "del",
-  "disabled",
-  "reload",
-  "slot"
-], f = {
-  name: "TabsView",
-  props: {
-    toolbarAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarListeners: Object,
-    embed: Boolean,
-    leftSide: Boolean,
-    tabs: {
-      type: Array,
-      default: () => []
-    },
-    defaultTab: String
-  },
-  data() {
-    return {
-      tab: null
-    };
-  },
-  computed: {
-    buttonSlots() {
-      return c.filter((r) => this.$scopedSlots[r]);
-    },
-    toolbarProps() {
-      var o, s;
-      const r = {}, t = i({}, this.toolbarAttrs, r);
-      let e = (t == null ? void 0 : t.buttons) || this.$parent.buttons;
-      return e = e || [], t.buttons = e, t.buttons = u(t.buttons), t.buttons = l(t.buttons), t.searchable = !!((s = (o = this.$scopedSlots)["search-form"]) != null && s.call(o)), t;
-    },
-    toolbarEventHandlers() {
-      if (this.toolbarListeners) {
-        const { exp: r, ...t } = this.toolbarListeners;
-        return t;
-      }
-      return null;
-    }
-  },
-  watch: {
-    tabs: {
-      immediate: !0,
-      handler(r) {
-        !this.defaultTab && (r == null ? void 0 : r.length) > 0 ? this.tab = r[0].value : this.tab = this.defaultTab;
-      }
-    }
-  }
-};
-var d = function() {
-  var t = this, e = t._self._c;
-  return e("div", { class: ["tabs-view", { embed: t.embed }] }, [e("div", { staticClass: "tabs-view-wrapper" }, [e(n, t._g(t._b({ staticStyle: { "border-bottom": "1px solid #eee" }, scopedSlots: t._u([{ key: "default", fn: function() {
-    return [t._t("toolbar-button")];
-  }, proxy: !0 }, { key: "toolbar-left", fn: function() {
-    return [t._t("toolbar-left", function() {
-      return t._l(t.tabs, function(o) {
-        return e(a, { key: o.value, staticStyle: { "margin-right": "14px", cursor: "pointer" }, attrs: { effect: o.value === t.tab ? "dark" : null, type: "primary" }, on: { click: function(s) {
-          t.tab = o.value;
-        } } }, [t._v(" " + t._s(o.label) + " ")]);
-      });
-    }), t._t("toolbar-left-append")];
-  }, proxy: !0 }, { key: "toolbar-right", fn: function() {
-    return [t._t("toolbar-right")];
-  }, proxy: !0 }, t._l(t.buttonSlots, function(o) {
-    return { key: o, fn: function() {
-      return [t._t(o)];
-    }, proxy: !0 };
-  })], null, !0) }, "Toolbar", t.toolbarProps, !1), t.toolbarEventHandlers)), e("div", { staticClass: "tabs-view-content-wrapper" }, [e("div", { staticClass: "tabs-view-content" }, [t.leftSide ? e("div", { ref: "treeScroller", staticClass: "tabs-view-sidebar" }, [t._t("left")], 2) : t._e(), e("div", { staticClass: "tabs-view-right" }, [t._t("default", null, { tab: t.tab })], 2)])])], 1)]);
-}, p = [], _ = /* @__PURE__ */ b(
-  f,
-  d,
-  p,
-  !1,
-  null,
-  null
-);
-const x = _.exports;
-export {
-  x as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { processButtons as t } from "../configComponents.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, withCtx as v } from "vue";
+import { toStringArray as y } from "@web-utils/core";
+import { merge as b } from "@web-utils/integrations/lodash";
+//#region src/components/form/TabsView.vue
+var x = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], S = {
+	name: "TabsView",
+	props: {
+		toolbarAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarListeners: Object,
+		embed: Boolean,
+		leftSide: Boolean,
+		tabs: {
+			type: Array,
+			default: () => []
+		},
+		defaultTab: String
+	},
+	data() {
+		return { tab: null };
+	},
+	computed: {
+		buttonSlots() {
+			return x.filter((e) => this.$slots[e]);
+		},
+		toolbarProps() {
+			var e, n;
+			let r = b({}, this.toolbarAttrs, {}), i = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
+			return i = i || [], r.buttons = i, r.buttons = t(r.buttons), r.buttons = y(r.buttons), r.searchable = !!((e = (n = this.$slots)["search-form"]) != null && e.call(n)), r;
+		},
+		toolbarEventHandlers() {
+			if (this.toolbarListeners) {
+				let { exp: e, ...t } = this.toolbarListeners;
+				return t;
+			}
+			return null;
+		}
+	},
+	watch: { tabs: {
+		immediate: !0,
+		handler(e) {
+			!this.defaultTab && (e == null ? void 0 : e.length) > 0 ? this.tab = e[0].value : this.tab = this.defaultTab;
+		}
+	} }
+}, C = { class: "tabs-view-wrapper" }, w = { class: "tabs-view-content-wrapper" }, T = { class: "tabs-view-content" }, E = {
+	key: 0,
+	ref: "treeScroller",
+	class: "tabs-view-sidebar"
+}, D = { class: "tabs-view-right" };
+function O(e, t, y, b, x, S) {
+	let O = h("ElTag"), k = h("Toolbar");
+	return f(), a("div", { class: d(["tabs-view", { embed: y.embed }]) }, [o("div", C, [
+		i("顶部工具条"),
+		l(k, u(S.toolbarProps, { style: { "border-bottom": "1px solid #eee" } }, _(S.toolbarEventHandlers)), s({
+			default: v(() => [m(e.$slots, "toolbar-button")]),
+			"toolbar-left": v(() => [m(e.$slots, "toolbar-left", {}, () => [(f(!0), a(n, null, p(y.tabs, (e) => (f(), r(O, {
+				key: e.value,
+				effect: e.value === x.tab ? "dark" : null,
+				style: {
+					"margin-right": "14px",
+					cursor: "pointer"
+				},
+				type: "primary",
+				onClick: (t) => x.tab = e.value
+			}, {
+				default: v(() => [c(g(e.label), 1)]),
+				_: 2
+			}, 1032, ["effect", "onClick"]))), 128))]), m(e.$slots, "toolbar-left-append")]),
+			"toolbar-right": v(() => [m(e.$slots, "toolbar-right")]),
+			_: 2
+		}, [p(S.buttonSlots, (t) => ({
+			name: t,
+			fn: v(() => [m(e.$slots, t)])
+		}))]), 1040),
+		o("div", w, [o("div", T, [
+			i("侧栏"),
+			y.leftSide ? (f(), a("div", E, [m(e.$slots, "left")], 512)) : i("v-if", !0),
+			i("内容"),
+			o("div", D, [m(e.$slots, "default", { tab: x.tab })])
+		])])
+	])], 2);
+}
+var k = /* @__PURE__ */ e(S, [["render", O]]);
+//#endregion
+export { k as default };