@web-utils/component 2.0.13 → 2.2.0

package/dist/components/table-view/index.js

@@ -1,434 +0,0 @@
-import { isString, isArray, trace, warning, merge, toStringArray, isFunction, hasOwn } from "@web-utils/core";
-import { k as fillPath } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  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 = true;
-      }
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function() {
-        return [_vm._t("toolbar-button")];
-      },
-      proxy: true
-    }, _vm._l(_vm.buttonSlots, function(item) {
-      return {
-        key: item,
-        fn: function() {
-          return [_vm._t(item)];
-        },
-        proxy: true
-      };
-    })], null, true)
-  }, "Toolbar", _vm.toolbarProps, false), _vm.toolbarListeners)), _c("div", {
-    staticClass: "table-view-content-wrapper"
-  }, [_c("div", {
-    staticClass: "table-view-content"
-  }, [_vm.treeProps.show ? _c("div", {
-    ref: "treeScroller",
-    staticClass: "table-view-sidebar",
-    on: {
-      "scroll": _vm.onTreeScroll
-    }
-  }, [_c("div", {
-    staticStyle: {
-      "font-size": "16px"
-    }
-  }, [_vm._v(" 视图导航 ")]), _c("EditableTree", _vm._g(_vm._b({
-    ref: "tree",
-    attrs: {
-      "readonly": ""
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function(_ref) {
-        var node = _ref.node, data = _ref.data;
-        return [_vm._t("tree-node", function() {
-          return [_c("span", [_c("i", {
-            staticClass: "node-icon",
-            class: node.childNodes.length > 0 ? node.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets"
-          }), _vm._t("tree-label", function() {
-            return [_vm._v(_vm._s(node.label))];
-          }, {
-            "node": node,
-            "data": data
-          })], 2)];
-        }, {
-          "node": node,
-          "data": data
-        })];
-      }
-    }], 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",
-    class: [{
-      "border-top": _vm.borderTop,
-      "border-bottom": _vm.borderBottom,
-      "border-left": _vm.borderLeft || _vm.treeAttrs && _vm.treeAttrs.show,
-      "border-right": _vm.borderRight
-    }],
-    attrs: {
-      "border": _vm.border
-    },
-    on: {
-      "row-dblclick": _vm.rowDbClick,
-      "selection-change": _vm.onSelectionChange
-    }
-  }, "PageableTable", _vm.tableProps, false), _vm.tableListeners), [_vm._t("columns")], 2)], 1)]), _vm.toolbarProps.searchable ? _c("div", {
-    staticClass: "slide-panel",
-    style: {
-      right: `${_vm.right}px`,
-      width: `${_vm.searchPanelProps.width}px`
-    }
-  }, [_vm._m(0), _c("div", {
-    staticClass: "slide-panel-content"
-  }, [_c("ElForm", {
-    ref: "form",
-    attrs: {
-      "label-position": "right",
-      "model": _vm.searchModel || _vm.searchPanelProps.model,
-      "size": "mini",
-      "label-width": _vm.labelWidth
-    },
-    nativeOn: {
-      "!submit": function($event) {
-        $event.preventDefault();
-        return _vm.onSearchClick.apply(null, arguments);
-      }
-    }
-  }, [_c("FormItemConfigProvider", {
-    attrs: {
-      "block": "",
-      "wrap-col": false
-    }
-  }, [_c("ElRow", {
-    attrs: {
-      "gutter": 0
-    }
-  }, [_vm._t("search-form", function() {
-    return [_c("p", [_vm._v("请添加搜索条件！")])];
-  })], 2)], 1), _c("ElFormItem", {
-    attrs: {
-      "label-width": "0"
-    }
-  }, [_c("div", {
-    staticClass: "slide-panel-actions"
-  }, [_c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "native-type": "submit",
-      "size": "mini"
-    }
-  }, [_vm._v(" 开始搜索 ")]), _c("ElButton", {
-    attrs: {
-      "size": "mini"
-    },
-    on: {
-      "click": _vm.onClearClick
-    }
-  }, [_vm._v(" 清除条件 ")])], 1)])], 1)], 1)]) : _vm._e()]), _vm._t("default")], 2);
-};
-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 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) {
-        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: {
-    viewId: {
-      type: String
-    },
-    searchPanelAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarListeners: {
-      type: Object
-    },
-    treeAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    treeListeners: {
-      type: Object
-    },
-    tableAttrs: {
-      type: Object
-    },
-    searchModel: {
-      type: Object
-    },
-    tableListeners: {
-      type: Object,
-      default: () => {
-      }
-    },
-    deleteApi: {
-      type: Function
-    },
-    borderTop: Boolean,
-    borderBottom: Boolean,
-    borderLeft: Boolean,
-    borderRight: Boolean,
-    border: {
-      type: Boolean,
-      default: true
-    },
-    labelWidth: {
-      type: String,
-      default: "80px"
-    },
-    formPath: {
-      type: [String, Function]
-    }
-  },
-  data() {
-    var _a;
-    return {
-      importDialogVisible: false,
-      right: -(((_a = this.searchPanelAttrs) == null ? void 0 : _a.width) || 350),
-      selectedRows: []
-    };
-  },
-  computed: {
-    buttonSlots() {
-      return builtInButtons.filter((value) => this.$scopedSlots[value]);
-    },
-    toolbarProps() {
-      var _a, _b;
-      const defaultProps = {};
-      const toolbarAttrs = merge(this.toolbarAttrs, defaultProps);
-      let buttons = (toolbarAttrs == null ? void 0 : toolbarAttrs.buttons) || this.$parent.buttons;
-      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) => {
-            if (hasOwn(data, "hasChildren")) {
-              return !data.hasChildren;
-            } else if (hasOwn(data, "hasChild")) {
-              return !data.hasChild;
-            } else {
-              return true;
-            }
-          }
-        },
-        show: false,
-        lazy: true,
-        readonly: true,
-        data: [],
-        "expand-first-node": false,
-        "default-expand-all": false
-      };
-      return merge(this.treeAttrs, defaultProps);
-    },
-    tableProps() {
-      const api = this.tableAttrs.api || this.$parent.getPage;
-      const defaultProps = {
-        model: this.searchModel || {},
-        height: "auto",
-        "highlight-current-row": true,
-        api
-      };
-      return merge(this.tableAttrs, defaultProps);
-    },
-    searchPanelProps() {
-      const defaultProps = {
-        width: 350,
-        model: this.searchModel || {}
-      };
-      return merge(this.searchPanelAttrs, defaultProps);
-    }
-  },
-  created() {
-    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);
-    }
-  },
-  async activated() {
-    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;
-    },
-    toggleSearch() {
-      this.right = this.right === 0 ? -this.searchPanelProps.width : 0;
-    },
-    async onSearchClick() {
-      this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model);
-      await this.refreshTable();
-    },
-    async onClearClick() {
-      this.$emit("reset");
-      this.$refs.form.resetFields();
-      this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model);
-      await this.refreshTable();
-    },
-    openFrom(row) {
-      this.$router.push(fillPath(this.formPath, row));
-    },
-    rowDbClick(row) {
-      var _a;
-      if (!((_a = this.tableListeners) == null ? void 0 : _a["row-dblclick"]) && this.formPath) {
-        this.openFrom(row);
-      }
-    },
-    onSelectionChange(rows) {
-      this.selectedRows = rows;
-    },
-    create() {
-      var _a;
-      if (!((_a = this.toolbarListeners) == null ? void 0 : _a.create) && this.formPath) {
-        this.openFrom();
-      }
-    },
-    async del() {
-      var _a;
-      const api = this.deleteApi || this.$parent.del;
-      if (!((_a = this.toolbarListeners) == null ? void 0 : _a.del) && isFunction(api)) {
-        if (!this.selectedRows.length) {
-          this.$message.warning("请选择要删除的记录！");
-          return;
-        }
-        await this.$confirm(
-          `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`,
-          "系统提示",
-          {
-            type: "warning",
-            modal: true,
-            dangerouslyUseHTMLString: true,
-            closeOnClickModal: false,
-            beforeClose: async (action, instance, done) => {
-              if (action === "confirm") {
-                try {
-                  instance.confirmButtonLoading = true;
-                  instance.confirmButtonText = "删除...";
-                  await api.call(this, this.selectedRows.map((value) => value.id).join(","));
-                  this.$message.success("删除成功");
-                  await this.reloadTable();
-                  await this.refreshTree();
-                } catch (_) {
-                }
-              }
-              done();
-            }
-          }
-        ).catch((_) => _);
-      }
-    },
-    reloadTable() {
-      var _a;
-      (_a = this.$refs.table) == null ? void 0 : _a.reload();
-    },
-    async refreshTable() {
-      var _a;
-      await ((_a = this.$refs.table) == null ? void 0 : _a.getPage());
-    },
-    refreshTree() {
-      this.$refs.tree.reloadTree();
-    },
-    getSearchModel() {
-      return this.searchPanelProps.model;
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const TableView = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TableView as default
-};

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

@@ -1,95 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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%;
-}

package/dist/components/tag-render/index.js

@@ -1,111 +0,0 @@
-import { hasOwn } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "tag-render"
-  }, [_vm.tags && _vm.tags.length && _vm.tags[0] ? _vm._l(_vm.internalTags, function(tag, index) {
-    return _c("ElTag", {
-      key: index,
-      attrs: {
-        "closable": _vm.enable,
-        "disable-transitions": ""
-      },
-      on: {
-        "close": function($event) {
-          return _vm.$emit("close", _vm.tags[index], index);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.getTagName(tag)) + " ")]);
-  }) : !_vm.enable ? [_c("span", {
-    staticStyle: {
-      "color": "#b5b5b5"
-    }
-  }, [_vm._v("无")])] : _vm._e(), _vm.enable ? _c("ElButton", {
-    staticClass: "el-tag el-tag--medium el-tag--light button-new-tag",
-    attrs: {
-      "size": "small"
-    },
-    on: {
-      "click": function($event) {
-        return _vm.$emit("add");
-      }
-    }
-  }, [_vm._v(" + 添加 ")]) : _vm._e(), _vm.count ? _c("span", {
-    staticClass: "tags-count"
-  }, [_vm._v(_vm._s(_vm.tags.length && _vm.tags[0] ? _vm.tags.length : ""))]) : _vm._e()], 2);
-};
-var staticRenderFns = [];
-const TagRender_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "TagRender",
-  inject: ["elFormItem"],
-  props: {
-    enable: {
-      type: Boolean,
-      default: true
-    },
-    count: {
-      type: Boolean,
-      default: true
-    },
-    tags: {
-      type: Array,
-      default: () => []
-    },
-    transfer: {
-      type: Function,
-      default: null
-    }
-  },
-  computed: {
-    internalTags() {
-      return this.transfer ? this.tags.map((value) => {
-        const temp = { ...value };
-        return this.transfer(temp);
-      }) : this.tags;
-    }
-  },
-  watch: {
-    tags(newVal) {
-      if (this.elFormItem && newVal && newVal.length > 0) {
-        this.elFormItem.clearValidate();
-      }
-    }
-  },
-  methods: {
-    getTagName(tag) {
-      if (hasOwn(tag, "name")) {
-        return tag.name;
-      } else if (hasOwn(tag, "label")) {
-        return tag.label;
-      } else {
-        return tag;
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const TagRender = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TagRender as default
-};

package/dist/components/tag-render/style.css

@@ -1,33 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.tag-render {
-  min-height: 80px;
-  padding-top: 3px;
-  padding-right: 5px;
-  padding-left: 5px;
-  overflow: hidden;
-  background-color: #fff;
-  border: 1px solid #d7dae0;
-  border-radius: 4px;
-}
-.tag-render .el-tag {
-  margin-top: 4px;
-}
-.tag-render .button-new-tag {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.tag-render .el-tag .el-tag__close:hover {
-  background-color: #ee8677;
-}
-.tag-render .tags-count {
-  position: absolute;
-  right: 7px;
-  bottom: -4px;
-  color: #b7b7b7;
-  font-size: 0.9em;
-}