@web-utils/component 2.0.13 → 2.2.0

package/dist/components/split-pane/style.css

@@ -1,100 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */ /* 应用头部高度 */ /* 页面宽度 */ /* 侧栏宽度 */ /* 标签高度 */ /* 页面头部工具条高度 */
-.egd-split-wrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.egd-split-pane {
-  position: absolute;
-}
-.egd-split-pane.left-pane, .egd-split-pane.right-pane {
-  top: 0;
-  bottom: 0;
-}
-.egd-split-pane.left-pane {
-  left: 0;
-}
-.egd-split-pane.right-pane {
-  right: 0;
-}
-.egd-split-pane.top-pane, .egd-split-pane.bottom-pane {
-  right: 0;
-  left: 0;
-}
-.egd-split-pane.top-pane {
-  top: 0;
-}
-.egd-split-pane.bottom-pane {
-  bottom: 0;
-}
-.egd-split-trigger-con {
-  position: absolute;
-  z-index: 10;
-  transform: translate(-50%, -50%);
-}
-.egd-split-trigger-bar-con {
-  position: absolute;
-  overflow: hidden;
-}
-.egd-split-trigger-bar-con.vertical {
-  top: 50%;
-  left: 1px;
-  height: 32px;
-  transform: translate(0, -50%);
-}
-.egd-split-trigger-bar-con.horizontal {
-  top: 1px;
-  left: 50%;
-  width: 32px;
-  transform: translate(-50%, 0);
-}
-.egd-split-trigger-vertical {
-  width: 6px;
-  height: 100%;
-  background: #f8f8f9;
-  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
-  cursor: ew-resize;
-}
-.egd-split-trigger-vertical .egd-split-trigger-bar {
-  float: left;
-  width: 4px;
-  height: 1px;
-  margin-top: 3px;
-  background: rgba(23, 35, 61, 0.25);
-}
-.egd-split-trigger-horizontal {
-  width: 100%;
-  height: 6px;
-  background: #f8f8f9;
-  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
-  cursor: ns-resize;
-}
-.egd-split-trigger-horizontal .egd-split-trigger-bar {
-  float: left;
-  width: 1px;
-  height: 4px;
-  margin-right: 3px;
-  background: rgba(23, 35, 61, 0.25);
-}
-.egd-split-horizontal .egd-split-trigger-con {
-  top: 50%;
-  height: 100%;
-  border-right: 1px solid #d7dae0;
-}
-.egd-split-vertical .egd-split-trigger-con {
-  left: 50%;
-  width: 100%;
-  border-bottom: 1px solid #d7dae0;
-}
-.egd-split-trigger-vertical-line {
-  background-color: transparent;
-  box-shadow: none;
-}
-.egd-split-trigger-horizontal-line {
-  background-color: transparent;
-  box-shadow: none;
-}
-.egd-split .no-select {
-  -webkit-touch-callout: none;
-  user-select: none;
-}

package/dist/components/stateful/index.js

@@ -1,87 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const Stateful_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Stateful",
-  functional: true,
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    },
-    draft: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    doing: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    overdue: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    error: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    done: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    closed: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    type: {
-      type: String,
-      validator: (value) => ["doing", "overdue", "error", "done", "closed"].indexOf(value) > -1
-    },
-    status: {
-      type: [String, Number]
-    },
-    size: {
-      type: String
-    }
-  },
-  render(createElement, { props, data, children }) {
-    const { draft, doing, overdue, error, done, closed, status, tag, size, type } = props;
-    const statusClass = {
-      draft: Array.isArray(draft) ? draft.includes(status) : draft,
-      doing: Array.isArray(doing) ? doing.includes(status) : doing,
-      overdue: Array.isArray(overdue) ? overdue.includes(status) : overdue,
-      error: Array.isArray(error) ? error.includes(status) : error,
-      done: Array.isArray(done) ? done.includes(status) : done,
-      closed: Array.isArray(closed) ? closed.includes(status) : closed
-    };
-    return createElement(tag, data, [
-      createElement("span", {
-        style: { width: size, height: size },
-        class: ["stateful", type, statusClass]
-      }),
-      children
-    ]);
-  }
-};
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Stateful = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Stateful as default
-};

package/dist/components/stateful/style.css

@@ -1,33 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.stateful {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  margin-right: 6px;
-  vertical-align: middle;
-  border-radius: 2px;
-  content: "";
-}
-.stateful.draft {
-  background-color: #d7d7d7;
-}
-.stateful.doing {
-  background-color: #14ca7a;
-}
-.stateful.overdue {
-  background-color: #feae3d;
-}
-.stateful.error {
-  background-color: #f00;
-}
-.stateful.done {
-  background-color: #45a3e7;
-}
-.stateful.closed {
-  background-color: #d7d7d7;
-}

package/dist/components/static-pageable-table/index.js

@@ -1,99 +0,0 @@
-import { chunk } from "lodash";
-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: "static-pageable-table"
-  }, [_c("ElTable", _vm._g(_vm._b({
-    attrs: {
-      "size": "mini",
-      "data": _vm.records
-    }
-  }, "ElTable", _vm.$attrs, false), _vm.$listeners), [_vm._t("default", function() {
-    return [_vm._v("请添加表格列")];
-  })], 2), _c("ElPagination", {
-    attrs: {
-      "current-page": _vm.page.page,
-      "hide-on-single-page": true,
-      "page-size": _vm.page.limit,
-      "total": _vm.page.total,
-      "background": "",
-      "layout": "total, prev, pager, next"
-    },
-    on: {
-      "current-change": function(curPage) {
-        _vm.page.page = curPage;
-      }
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-const StaticPageableTable_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "StaticPageableTable",
-  props: {
-    rows: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      page: {
-        total: 0,
-        page: 1,
-        limit: 25
-      },
-      records: []
-    };
-  },
-  computed: {
-    observer() {
-      return {
-        page: this.page.page,
-        rows: this.rows
-      };
-    }
-  },
-  watch: {
-    rows() {
-      this.page.page = 1;
-    },
-    observer: {
-      immediate: true,
-      handler() {
-        this.page.total = this.rows.length;
-        this.fetchData();
-      }
-    }
-  },
-  methods: {
-    fetchData() {
-      this.records = chunk(this.rows, this.page.limit)[this.page.page - 1];
-    }
-  }
-};
-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 StaticPageableTable = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  StaticPageableTable as default
-};

package/dist/components/static-pageable-table/style.css

@@ -1,9 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.static-pageable-table {
-  flex: 1 1 auto;
-}

package/dist/components/swiper/index.js

@@ -1,223 +0,0 @@
-import { getEleWidth } 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: "egd-swiper"
-  }, [_c("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--left",
-    attrs: {
-      "disabled": _vm.reachedLeft,
-      "icon": "el-icon-arrow-left"
-    },
-    on: {
-      "click": _vm.clickLeft
-    }
-  }), _c("div", {
-    ref: "swiperBox",
-    staticClass: "egd-swiper-box",
-    on: {
-      "wheel": function($event) {
-        $event.stopPropagation();
-        $event.preventDefault();
-        return _vm.onMouseWheel.apply(null, arguments);
-      }
-    }
-  }, [_c("div", {
-    ref: "swiperContent",
-    staticClass: "egd-swiper-content",
-    style: _vm.swiperContentStyle
-  }, [_vm._t("default")], 2)]), _c("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--right",
-    attrs: {
-      "disabled": _vm.reachedRight,
-      "icon": "el-icon-arrow-right"
-    },
-    on: {
-      "click": _vm.clickRight
-    }
-  }), _c("ResizeObserver", {
-    on: {
-      "notify": _vm.resize
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-const Swiper_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Swiper",
-  data() {
-    return {
-      mouseDown: false,
-      swiperBoxWith: 0,
-      swiperContentWidth: 0,
-      translateX: 0,
-      reachedLeft: true,
-      reachedRight: false,
-      childrenWidth: [],
-      swiperContentStyle: {
-        transitionDuration: "0ms",
-        transform: "translate3d(0px, 0px, 0px)"
-      }
-    };
-  },
-  async mounted() {
-    await this.layout();
-  },
-  updated() {
-    this.computeContentWidth();
-  },
-  methods: {
-    async layout() {
-      await this.$nextTick();
-      this.computeContentWidth();
-      this.resize();
-    },
-    resize() {
-      console.log(1);
-      this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
-    },
-    computeContentWidth() {
-      let width = 0;
-      const childrenWidth = [];
-      const { children } = this.$refs.swiperContent;
-      Array.prototype.forEach.call(children, (el) => {
-        const cw = getEleWidth(el);
-        width += cw;
-        childrenWidth.push(cw);
-      });
-      this.childrenWidth = childrenWidth;
-      this.swiperContentWidth = width;
-    },
-    updateDuration(use) {
-      this.swiperContentStyle.transitionDuration = use ? "300ms" : "0ms";
-    },
-    setTranslateX(translateX) {
-      if (this.swiperContentWidth <= this.swiperBoxWith) {
-        return;
-      }
-      if (translateX > 0) {
-        this.translateX = 0;
-        this.reachedLeft = true;
-        this.reachedRight = false;
-      } else if (translateX - this.swiperBoxWith < -this.swiperContentWidth) {
-        this.translateX = -this.swiperContentWidth + this.swiperBoxWith;
-        this.reachedLeft = false;
-        this.reachedRight = true;
-      } else {
-        this.translateX = translateX;
-        this.reachedLeft = false;
-        this.reachedRight = false;
-      }
-      this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`;
-    },
-    clickLeft() {
-      this.updateDuration(true);
-      let translateX = this.translateX + this.swiperBoxWith;
-      let width = translateX;
-      if (translateX < 0) {
-        width = 0;
-        translateX = -translateX;
-        for (let i = 0, len = this.childrenWidth.length; i < len; i++) {
-          width += this.childrenWidth[i];
-          if (width >= translateX) {
-            break;
-          }
-        }
-        width = -width;
-      }
-      this.setTranslateX(width);
-    },
-    clickRight() {
-      this.updateDuration(true);
-      const translateX = Math.abs(this.translateX - this.swiperBoxWith);
-      let width = 0;
-      for (let i = 0, len = this.childrenWidth.length; i < len; i++) {
-        width += this.childrenWidth[i];
-        if (width >= translateX) {
-          if (width > translateX) {
-            width -= this.childrenWidth[i];
-          }
-          break;
-        }
-      }
-      this.setTranslateX(-width);
-    },
-    onMouseWheel(e) {
-      this.updateDuration(true);
-      if (e.deltaMode === WheelEvent.DOM_DELTA_LINE) {
-        this.setTranslateX(this.translateX - e.deltaY * 30);
-      } else if (e.deltaMode === WheelEvent.DOM_DELTA_PAGE) {
-        if (e.deltaY > 0) {
-          this.clickRight();
-        } else {
-          this.clickLeft();
-        }
-      } else {
-        this.setTranslateX(this.translateX - e.deltaY);
-      }
-    },
-    onMouseDown(e) {
-      this.mouseDown = true;
-      this.startX = e.clientX;
-      this.translateXRaw = this.translateX;
-      window.addEventListener("mousemove", this.onMouseMove, { passive: false });
-      window.addEventListener("mouseup", this.onMouseUp, { passive: false });
-    },
-    onMouseUp(e) {
-      this.mouseDown = false;
-      this.updateDuration(true);
-      this.$refs.swiperContent.addEventListener("transitionend", this.transitionend);
-      this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
-      const t = e.clientX - this.startX;
-      if (t < 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
-      }
-      if (t > 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
-      }
-      window.removeEventListener("mousemove", this.onMouseMove);
-      window.removeEventListener("mouseup", this.onMouseUp);
-    },
-    onMouseMove(e) {
-      if (this.mouseDown) {
-        requestAnimationFrame(() => {
-          const disX = e.clientX - this.startX;
-          const translateX = this.translateXRaw + disX;
-          this.setTranslateX(translateX);
-        });
-      }
-    },
-    transitionend() {
-      this.updateDuration(false);
-      this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend);
-      this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
-    }
-  }
-};
-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 Swiper = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Swiper as default
-};

package/dist/components/swiper/style.css

@@ -1,43 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.egd-swiper {
-  position: relative;
-  height: 100%;
-  padding: 0 60px;
-}
-.egd-swiper .el-button.el-carousel__arrow {
-  padding: 0;
-  color: #fff;
-  font-size: 12px;
-  background-color: rgba(31, 45, 61, 0.11);
-  border-color: rgba(31, 45, 61, 0.01);
-  border-radius: 50%;
-}
-.egd-swiper .el-button.el-carousel__arrow i {
-  cursor: unset;
-}
-.egd-swiper .el-button.el-carousel__arrow.is-disabled {
-  color: white;
-  background-color: rgba(31, 45, 61, 0.11);
-  border-color: rgba(31, 45, 61, 0.01);
-}
-.egd-swiper .egd-swiper-box {
-  height: 100%;
-  overflow: hidden;
-  user-select: none;
-}
-.egd-swiper .egd-swiper-box .egd-swiper-content {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  width: 100%;
-  height: 100%;
-  padding-top: 14px;
-  overflow: visible;
-  transform: translate3d(0, 0, 0);
-  transition-property: transform;
-}