@web-utils/component 2.0.13 → 2.2.0

package/dist/components/context-menu/index.js

@@ -1,265 +0,0 @@
-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 _vm.rendered ? _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.visible,
-      expression: "visible"
-    }],
-    staticClass: "cm-container",
-    style: _vm.axisComputed
-  }, [_c("svg", {
-    staticStyle: {
-      "position": "absolute",
-      "width": "0",
-      "height": "0",
-      "overflow": "hidden"
-    },
-    attrs: {
-      "aria-hidden": "true"
-    }
-  }, [_c("symbol", {
-    attrs: {
-      "id": "icon-arrow",
-      "viewBox": "0 0 1024 1024"
-    }
-  }, [_c("path", {
-    attrs: {
-      "d": "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z"
-    }
-  })])]), _c("ul", {
-    staticClass: "cm-ul cm-ul-1 easy-cm-ul",
-    class: _vm.underline ? "cm-underline" : ""
-  }, _vm._l(_vm.list, function(item, index) {
-    return _c("li", {
-      key: index,
-      style: _vm.liStyle
-    }, [_c("div", {
-      class: _vm.firstLeft ? "cm-left" : "",
-      on: {
-        "click": function($event) {
-          return _vm.onItemClick(item, [index]);
-        }
-      }
-    }, [_c("i", {
-      staticClass: "cm-item-icon",
-      class: item.icon
-    }), _c("span", {
-      staticClass: "cm-item-label"
-    }, [_vm._v(_vm._s(item.text))]), _vm.arrow && item.children && item.children.length > 0 ? _c("svg", {
-      staticClass: "icon",
-      attrs: {
-        "aria-hidden": "true"
-      }
-    }, [_c("use", {
-      attrs: {
-        "xlink:href": "#icon-arrow"
-      }
-    })]) : _vm._e()]), item.children && item.children.length > 0 ? _c("ul", {
-      staticClass: "cm-ul cm-ul-2 easy-cm-ul",
-      class: _vm.underline ? "cm-underline" : "",
-      style: _vm.secondBorderCheck(index)
-    }, _vm._l(item.children, function(second, si) {
-      return _c("li", {
-        key: si,
-        style: _vm.liStyle
-      }, [_c("div", {
-        class: _vm.secondLeft ? "cm-left" : "",
-        on: {
-          "click": function($event) {
-            return _vm.onItemClick(second, [index, si]);
-          }
-        }
-      }, [_c("i", {
-        staticClass: "cm-item-icon",
-        class: second.icon
-      }), _c("span", {
-        staticClass: "cm-item-label"
-      }, [_vm._v(_vm._s(second.text))]), _vm.arrow && second.children && second.children.length > 0 ? _c("svg", {
-        staticClass: "icon",
-        attrs: {
-          "aria-hidden": "true"
-        }
-      }, [_c("use", {
-        attrs: {
-          "xlink:href": "#icon-arrow"
-        }
-      })]) : _vm._e()]), second.children && second.children.length > 0 ? _c("ul", {
-        staticClass: "cm-ul cm-ul-3 easy-cm-ul",
-        class: _vm.underline ? "cm-underline" : "",
-        style: _vm.thirdBorderCheck(index, si)
-      }, _vm._l(second.children, function(third, ti) {
-        return _c("li", {
-          key: ti,
-          style: _vm.liStyle
-        }, [_c("div", {
-          on: {
-            "click": function($event) {
-              return _vm.onItemClick(third, [index, si, ti]);
-            }
-          }
-        }, [_c("i", {
-          staticClass: "cm-item-icon",
-          class: third.icon
-        }), _c("span", {
-          staticClass: "cm-item-label"
-        }, [_vm._v(_vm._s(third.text))])])]);
-      }), 0) : _vm._e()]);
-    }), 0) : _vm._e()]);
-  }), 0)]) : _vm._e();
-};
-var staticRenderFns = [];
-const ContextMenu_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ContextMenu",
-  props: {
-    list: {
-      type: Array,
-      required: true
-    },
-    underline: {
-      type: Boolean,
-      default: false
-    },
-    arrow: {
-      type: Boolean,
-      default: true
-    },
-    border: {
-      type: Boolean,
-      default: true
-    },
-    itemWidth: {
-      type: Number,
-      default: 140
-    },
-    itemHeight: {
-      type: Number,
-      default: 36
-    },
-    itemFontSize: {
-      type: [Number, String],
-      default: 12
-    },
-    offset: {
-      type: Object,
-      default: () => {
-        return {
-          x: 6,
-          y: 2
-        };
-      }
-    },
-    borderWidth: {
-      type: Number,
-      default: 6
-    }
-  },
-  data() {
-    return {
-      visible: false,
-      rendered: false,
-      axis: {
-        x: 0,
-        y: 0
-      }
-    };
-  },
-  computed: {
-    axisComputed() {
-      return {
-        top: `${this.axis.y + this.offset.y}px`,
-        left: `${this.axis.x + this.offset.x}px`
-      };
-    },
-    liStyle() {
-      return {
-        width: `${this.itemWidth}px`,
-        height: `${this.itemHeight}px`,
-        lineHeight: `${this.itemHeight}px`,
-        fontSize: `${this.itemFontSize}px`
-      };
-    },
-    firstLeft() {
-      const bw = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 2 >= bw;
-    },
-    secondLeft() {
-      const bw = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 3 >= bw;
-    }
-  },
-  watch: {
-    axis() {
-      if (this.border) {
-        const bw = document.body.offsetWidth;
-        const bh = document.body.offsetHeight;
-        if (this.axis.x + this.offset.x + this.itemWidth >= bw) {
-          this.axis.x = bw - this.itemWidth - this.borderWidth - this.offset.x;
-        }
-        if (this.axis.y + this.offset.y + this.itemHeight * this.list.length >= bh) {
-          this.axis.y = bh - this.itemHeight * this.list.length - this.borderWidth - this.offset.y;
-        }
-      }
-    }
-  },
-  methods: {
-    secondBorderCheck(i) {
-      const bw = document.body.offsetWidth;
-      const bh = document.body.offsetHeight;
-      const cy = this.axis.y + (i + this.list[i].children.length) * this.itemHeight;
-      return {
-        left: this.axis.x + this.itemWidth * 2 >= bw ? "-100%" : "100%",
-        top: bh >= cy ? 0 : `${-(this.list[i].children.length - 1) * this.itemHeight}px`
-      };
-    },
-    thirdBorderCheck(i, si) {
-      const bw = document.body.offsetWidth;
-      const bh = document.body.offsetHeight;
-      const cy = this.axis.y + this.list[i].children[si].children.length * this.itemHeight + (i + si) * this.itemHeight + parseInt(this.secondBorderCheck(i).top);
-      return {
-        left: this.axis.x + this.itemWidth * 3 >= bw ? "-100%" : "100%",
-        top: cy > bh ? `${-(this.list[i].children[si].children.length - 1) * this.itemHeight}px` : 0
-      };
-    },
-    show(event) {
-      document.addEventListener("click", this.hide, true);
-      this.axis = { x: event.clientX, y: event.clientY };
-      this.rendered = true;
-      this.visible = true;
-    },
-    hide() {
-      this.visible = false;
-      document.removeEventListener("click", this.hide);
-    },
-    onItemClick(item, indexList) {
-      this.$emit("on-item-click", item, indexList);
-    }
-  }
-};
-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 ContextMenu = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ContextMenu as default
-};

package/dist/components/context-menu/style.css

@@ -1,88 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.cm-container {
-  position: fixed;
-  z-index: 9999;
-  user-select: none;
-}
-.cm-container .icon {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: 0.9em;
-  height: 0.9em;
-  overflow: hidden;
-  vertical-align: -0.15em;
-  transform: translateY(-50%);
-  fill: currentcolor;
-}
-.cm-container .cm-item-icon {
-  margin-right: 4px;
-}
-.cm-container .cm-ul {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  color: #2e2e2e;
-  list-style: none;
-  background-color: #fff;
-  box-shadow: 0 0 1px #666;
-}
-.cm-container .cm-ul li {
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-}
-.cm-container .cm-ul li:hover > ul {
-  display: block;
-}
-.cm-container .cm-ul li div {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  padding: 0 0.8em;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.cm-container .cm-ul li i {
-  display: inline-block;
-  width: 1em;
-  font-size: 1.3em;
-  text-align: center;
-}
-.cm-container .cm-ul li div:hover {
-  color: #fff;
-  background-color: #666;
-}
-.cm-container .cm-ul-2, .cm-container .cm-ul-3 {
-  position: absolute;
-  top: 0;
-  z-index: 10000;
-  display: none;
-}
-.cm-container .cm-left svg {
-  left: 0;
-  transform: translateY(-50%) rotate(180deg);
-}
-.cm-container .cm-underline li div::after {
-  position: absolute;
-  top: 0;
-  left: 5%;
-  z-index: 10001;
-  width: 90%;
-  height: 1px;
-  background-color: #ccc;
-  content: "";
-}
-.cm-container .cm-underline li div:hover::after, .cm-container .cm-underline > li:first-child > div::after {
-  display: none;
-}

package/dist/components/custom-scrollbar/index.js

@@ -1,167 +0,0 @@
-import OverlayScrollbars from "overlayscrollbars";
-import "overlayscrollbars/css/OverlayScrollbars.css";
-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: "os-host"
-  }, [_c("div", {
-    staticClass: "os-resize-observer-host"
-  }), _c("div", {
-    staticClass: "os-padding"
-  }, [_c("div", {
-    ref: "viewport",
-    staticClass: "os-viewport"
-  }, [_c("div", {
-    ref: "content",
-    staticClass: "os-content"
-  }, [_vm._t("default")], 2)])]), _vm._m(0), _vm._m(1), _c("div", {
-    staticClass: "os-scrollbar-corner"
-  })]);
-};
-var staticRenderFns = [function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "os-scrollbar os-scrollbar-horizontal"
-  }, [_c("div", {
-    staticClass: "os-scrollbar-track"
-  }, [_c("div", {
-    staticClass: "os-scrollbar-handle"
-  })])]);
-}, function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "os-scrollbar os-scrollbar-vertical"
-  }, [_c("div", {
-    staticClass: "os-scrollbar-track"
-  }, [_c("div", {
-    staticClass: "os-scrollbar-handle"
-  })])]);
-}];
-const __vue2_script = {
-  name: "CustomScrollbar",
-  props: {
-    options: {
-      type: Object,
-      default: void 0
-    },
-    extensions: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    theme: {
-      type: String,
-      default: void 0
-    },
-    onLoadMore: {
-      type: Function,
-      default: null
-    },
-    onScroll: {
-      type: Function
-    },
-    reverse: {
-      type: Boolean,
-      default: false
-    },
-    textarea: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    innerOptions() {
-      const options = this.options || {};
-      return { ...options, className: this.theme || "os-theme-dark", scrollbars: { autoHide: "l", autoHideDelay: 100 }, callbacks: { onScroll: this.internalScroll } };
-    }
-  },
-  watch: {
-    innerOptions(options) {
-      const scroller = this.scroller;
-      if (OverlayScrollbars.valid(scroller)) {
-        scroller.options(options);
-      }
-    }
-  },
-  mounted() {
-    this.viewport = this.$refs.viewport;
-    this.scroller = OverlayScrollbars(
-      this.getContentWrapper(),
-      this.options || {
-        className: this.theme || "os-theme-dark",
-        scrollbars: { autoHide: "l", autoHideDelay: 100 },
-        callbacks: { onScroll: this.internalScroll }
-      },
-      this.extensions
-    );
-  },
-  activated() {
-    this.$refs.viewport.scrollTop = this.scrollOffset ?? 0;
-  },
-  deactivated() {
-    this.scrollOffset = this.$refs.viewport.scrollTop;
-  },
-  beforeDestroy() {
-    const scroller = this.scroller;
-    if (OverlayScrollbars.valid(scroller)) {
-      scroller.destroy();
-      this.scroller = null;
-    }
-  },
-  methods: {
-    scrollBottom() {
-      this.$refs.viewport.scrollTop = this.$refs.viewport.scrollHeight;
-    },
-    getScroller() {
-      return this.scroller;
-    },
-    getScrollHeight() {
-      return this.$refs.viewport.scrollHeight;
-    },
-    setScrollTop(scrollTop) {
-      this.$refs.viewport.scrollTop = scrollTop;
-    },
-    getContentWrapper() {
-      return this.textarea ? this.$refs.content.querySelector("textarea") : this.$el;
-    },
-    internalScroll(event) {
-      this.onScroll && this.onScroll(event);
-      const target = event.target;
-      if (!this.reverse && Math.ceil(target.clientHeight + target.scrollTop) >= target.scrollHeight) {
-        this.onLoadMore && this.onLoadMore();
-        return;
-      }
-      if (this.reverse && target.scrollTop === 0) {
-        this.onLoadMore && this.onLoadMore();
-      }
-    }
-  }
-};
-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 CustomScrollbar = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  CustomScrollbar as default
-};

package/dist/components/data-table-picker/index.js

@@ -1,156 +0,0 @@
-import { dialog } from "@web-utils/core/dist/mixin/index";
-import { f as filterTableColumnProperties } 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("ElementDialog", {
-    attrs: {
-      "visible": _vm.show,
-      "title": _vm.title,
-      "width": _vm.width,
-      "height": _vm.height,
-      "flex-column": ""
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.show = $event;
-      },
-      "close": _vm.close,
-      "closed": _vm.closed
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function() {
-        return [_vm._t("search-form"), _c("PageableTable", {
-          ref: "pageableTable",
-          staticStyle: {
-            "height": "60vh"
-          },
-          attrs: {
-            "highlight-current-row": "",
-            "hide-on-single-page": "",
-            "model": _vm.model,
-            "columns": _vm.columns,
-            "api": _vm.api,
-            "row-class-name": "pointer",
-            "multiple": _vm.multiple
-          },
-          on: {
-            "selection-change": _vm.selectionChange,
-            "row-click": _vm.toggleRowSelection,
-            "current-change": _vm.currentChange
-          }
-        }, [_vm._t("default")], 2)];
-      },
-      proxy: true
-    }, {
-      key: "footer",
-      fn: function() {
-        return [_c("ElButton", {
-          attrs: {
-            "size": "mini",
-            "type": "primary"
-          },
-          on: {
-            "click": _vm.confirm
-          }
-        }, [_vm._v(" 确 定 ")]), _c("ElButton", {
-          attrs: {
-            "size": "mini"
-          },
-          on: {
-            "click": _vm.close
-          }
-        }, [_vm._v(" 关 闭 ")])];
-      },
-      proxy: true
-    }], null, true)
-  });
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "DataTablePicker",
-  mixins: [dialog],
-  props: {
-    api: Function,
-    columns: Array,
-    title: String,
-    width: {
-      type: String,
-      default: "60vw"
-    },
-    height: {
-      type: String,
-      default: null
-    },
-    model: {
-      type: Object,
-      default: () => {
-      }
-    },
-    multiple: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      selectedRows: [],
-      currentRow: null
-    };
-  },
-  methods: {
-    filterTableColumnProperties,
-    selectionChange(selectedRows) {
-      this.selectedRows = selectedRows;
-    },
-    currentChange(currentRow) {
-      this.currentRow = currentRow;
-    },
-    toggleRowSelection(row) {
-      this.$refs.pageableTable.$refs.table.toggleRowSelection(row);
-    },
-    confirm() {
-      var _a;
-      if (this.multiple) {
-        if ((_a = this.selectedRows) == null ? void 0 : _a.length) {
-          this.$emit("confirm", this.selectedRows);
-          this.close();
-        } else {
-          this.$message.warning("请选择");
-        }
-      } else {
-        if (this.currentRow) {
-          this.$emit("confirm", this.currentRow);
-          this.close();
-        } else {
-          this.$message.warning("请选择");
-        }
-      }
-    }
-  }
-};
-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 DataTablePicker = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  DataTablePicker as default
-};