@web-utils/component 2.7.35 → 2.7.37

package/dist/components/flex-column/index.js

@@ -1,84 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { g as getClass } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const __vue2_script = {
-  name: "FlexColumn",
-  functional: true,
-  props: {
-    verticalCenter: {
-      type: Boolean,
-      default: false
-    },
-    horizonCenter: {
-      type: Boolean,
-      default: false
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
-    textCenter: {
-      type: Boolean,
-      default: false
-    }
-  },
-  render(createElement, { data, children, props }) {
-    const viewClass = getClass(data.class, "flex-column");
-    if (props.center || props.horizonCenter && props.verticalCenter) {
-      viewClass.push("horizon-center");
-      viewClass.push("vertical-center");
-    } else {
-      if (props.horizonCenter) {
-        viewClass.push("horizon-center");
-      }
-      if (props.verticalCenter) {
-        viewClass.push("vertical-center");
-      }
-    }
-    if (props.textCenter) {
-      viewClass.push("text-center");
-    }
-    return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), 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 FlexColumn = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FlexColumn as default
-};

package/dist/components/flex-item/index.js

@@ -1,116 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { g as getClass } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const __vue2_script = {
-  name: "FlexItem",
-  functional: true,
-  props: {
-    flexRow: {
-      type: Boolean,
-      default: false
-    },
-    flexColumn: {
-      type: Boolean,
-      default: false
-    },
-    verticalCenter: {
-      type: Boolean,
-      default: false
-    },
-    horizonCenter: {
-      type: Boolean,
-      default: false
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
-    textCenter: {
-      type: Boolean,
-      default: false
-    },
-    relative: {
-      type: Boolean,
-      default: false
-    },
-    absolute: {
-      type: Boolean,
-      default: false
-    }
-  },
-  render(createElement, { children, data, props }) {
-    const viewClass = getClass(data.class, props.relative ? "flex-item-relative" : "flex-item");
-    if (props.absolute && !props.relative) {
-      viewClass.push("flex-item-relative");
-    }
-    if (props.center || props.horizonCenter && props.verticalCenter) {
-      viewClass.push("horizon-center");
-      viewClass.push("vertical-center");
-    } else {
-      if (props.horizonCenter) {
-        viewClass.push("horizon-center");
-      }
-      if (props.verticalCenter) {
-        viewClass.push("vertical-center");
-      }
-    }
-    if (props.textCenter) {
-      viewClass.push("text-center");
-    }
-    if (props.flexColumn) {
-      viewClass.push("flex-column");
-    }
-    if (props.flexRow) {
-      viewClass.push("flex-row");
-    }
-    if (props.absolute) {
-      return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), [createElement("div", {
-        class: "absolute",
-        style: "overflow:auto"
-      }, children)]);
-    } else {
-      return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), 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 FlexItem = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FlexItem as default
-};

package/dist/components/flex-row/index.js

@@ -1,84 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { g as getClass } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const __vue2_script = {
-  name: "FlexRow",
-  functional: true,
-  props: {
-    verticalCenter: {
-      type: Boolean,
-      default: false
-    },
-    horizonCenter: {
-      type: Boolean,
-      default: false
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
-    textCenter: {
-      type: Boolean,
-      default: false
-    }
-  },
-  render(createElement, { data, children, props }) {
-    const viewClass = getClass(data.class, "flex-row");
-    if (props.center || props.horizonCenter && props.verticalCenter) {
-      viewClass.push("horizon-center");
-      viewClass.push("vertical-center");
-    } else {
-      if (props.horizonCenter) {
-        viewClass.push("horizon-center");
-      }
-      if (props.verticalCenter) {
-        viewClass.push("vertical-center");
-      }
-    }
-    if (props.textCenter) {
-      viewClass.push("text-center");
-    }
-    return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), 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 FlexRow = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FlexRow as default
-};

package/dist/components/flex-scroller/index.js

@@ -1,53 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "flex-scroller-wrapper"
-  }, [_c("div", {
-    class: ["flex-scroller", {
-      "flex-column": _vm.flexColumn,
-      "flex-row": _vm.flexRow,
-      "content-scroll": _vm.contentScroll
-    }, _vm.contentClass]
-  }, [_vm._t("default")], 2)]);
-};
-var staticRenderFns = [];
-const FlexScroller_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FlexScroller",
-  props: {
-    flexColumn: Boolean,
-    flexRow: Boolean,
-    contentClass: {
-      type: String
-    },
-    contentScroll: {
-      type: Boolean,
-      default: true
-    }
-  }
-};
-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 FlexScroller = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FlexScroller as default
-};

package/dist/components/flow/index.js

@@ -1,329 +0,0 @@
-import { s as setPx, r as randomId } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "avue-flow",
-    style: _vm.styleName
-  }, [_c("div", {
-    style: _vm.styleName,
-    attrs: {
-      "id": _vm.id
-    }
-  }, [_c("div", {
-    staticClass: "avue-grid"
-  }), _vm._l(_vm.option.nodeList, function(node, index) {
-    return [!node.display ? _c("FlowNode", {
-      key: index,
-      attrs: {
-        "id": node.id,
-        "node": node,
-        "index": index,
-        "active": _vm.active
-      },
-      on: {
-        "changeNodeSite": _vm.changeNodeSite
-      },
-      nativeOn: {
-        "click": function($event) {
-          return _vm.handleClick(node);
-        }
-      },
-      scopedSlots: _vm._u([{
-        key: "header",
-        fn: function(_ref) {
-          var s = _ref.node;
-          return [_vm._t("header", null, {
-            "node": s
-          })];
-        }
-      }], null, true)
-    }, [_vm._t("default", null, {
-      "node": node
-    })], 2) : _vm._e()];
-  })], 2)]);
-};
-var staticRenderFns = [];
-const Flow_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Flow",
-  props: {
-    value: {
-      type: String
-    },
-    option: {
-      type: Object
-    },
-    width: {
-      type: [Number, String],
-      default: "100%"
-    },
-    height: {
-      type: [Number, String],
-      default: "100%"
-    }
-  },
-  data() {
-    return {
-      jsPlumb: {},
-      id: "",
-      // 默认设置参数
-      jsplumbSetting: {
-        // 动态锚点、位置自适应
-        Anchors: ["Top", "TopCenter", "TopRight", "TopLeft", "Right", "RightMiddle", "Bottom", "BottomCenter", "BottomRight", "BottomLeft", "Left", "LeftMiddle"],
-        Container: "",
-        // 连线的样式 StateMachine、Flowchart
-        Connector: "Flowchart",
-        // 鼠标不能拖动删除线
-        ConnectionsDetachable: false,
-        // 删除线的时候节点不删除
-        DeleteEndpointsOnDetach: false,
-        // 连线的端点
-        // Endpoint: ["Dot", {radius: 5}],
-        Endpoint: ["Rectangle", { height: 10, width: 10 }],
-        // 线端点的样式
-        EndpointStyle: { fill: "rgba(255,255,255,0)", outlineWidth: 1 },
-        LogEnabled: true,
-        // 是否打开jsPlumb的内部日志记录
-        // 绘制线
-        PaintStyle: { stroke: "black", strokeWidth: 3 },
-        // 绘制箭头
-        Overlays: [["Arrow", { width: 12, length: 12, location: 1 }]],
-        RenderMode: "svg"
-      },
-      // jsplumb连接参数
-      jsplumbConnectOptions: {
-        isSource: true,
-        isTarget: true,
-        // 动态锚点、提供了4个方向 Continuous、AutoDefault
-        anchor: "Continuous"
-      },
-      jsplumbSourceOptions: {
-        filter: ".avue-flow__node-drag",
-        /* "span"表示标签，".className"表示类，"#id"表示元素id */
-        filterExclude: false,
-        anchor: "Continuous",
-        allowLoopback: false
-      },
-      jsplumbTargetOptions: {
-        filter: ".avue-flow__node-drag",
-        /* "span"表示标签，".className"表示类，"#id"表示元素id */
-        filterExclude: false,
-        anchor: "Continuous",
-        allowLoopback: false
-      },
-      loadEasyFlowFinish: false
-    };
-  },
-  computed: {
-    active: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("input", val);
-        this.$emit("change", val);
-      }
-    },
-    styleName() {
-      return {
-        position: "relative",
-        width: setPx(this.width),
-        height: setPx(this.height)
-      };
-    }
-  },
-  created() {
-    this.id = randomId();
-    this.jsplumbSetting.Container = this.id;
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    init() {
-      this.jsPlumb = jsPlumb.getInstance();
-      this.$nextTick(() => {
-        this.jsPlumbInit();
-      });
-    },
-    handleClick(node) {
-      this.$emit("click", node);
-    },
-    // 是否具有该线
-    hasLine(from, to) {
-      for (let i = 0; i < this.data.lineList.length; i++) {
-        const line = this.data.lineList[i];
-        if (line.from === from && line.to === to) {
-          return true;
-        }
-      }
-      return false;
-    },
-    // 是否含有相反的线
-    hashOppositeLine(from, to) {
-      return this.hasLine(to, from);
-    },
-    // 删除线
-    deleteLine(from, to) {
-      this.option.lineList = this.option.lineList.filter(function(line) {
-        return line.from !== from && line.to !== to;
-      });
-    },
-    // 改变连线
-    changeLine(oldFrom, oldTo) {
-      this.deleteLine(oldFrom, oldTo);
-    },
-    // 改变节点的位置
-    changeNodeSite({ index, left, top }) {
-      for (let i = 0; i < this.option.nodeList.length; i++) {
-        if (i === index) {
-          this.$set(this.option.nodeList[i], "left", left);
-          this.$set(this.option.nodeList[i], "top", top);
-        }
-      }
-    },
-    // 删除节点
-    deleteNode(nodeId) {
-      this.$confirm(`确定要删除节点${nodeId}?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-        closeOnClickModal: false
-      }).then(() => {
-        this.option.nodeList.forEach((node) => {
-          if (node.id === nodeId) {
-            node.display = true;
-          }
-        });
-        this.$nextTick(function() {
-          this.jsPlumb.removeAllEndpoints(nodeId);
-        });
-      }).catch(() => {
-      });
-      return true;
-    },
-    // 添加新的节点
-    addNode(name) {
-      const index = this.option.nodeList.length;
-      const nodeId = `node${index}`;
-      this.option.nodeList.push({
-        id: `node${index}`,
-        name,
-        left: 0,
-        top: 0
-      });
-      this.$nextTick(function() {
-        this.jsPlumb.makeSource(nodeId, this.jsplumbSourceOptions);
-        this.jsPlumb.makeTarget(nodeId, this.jsplumbTargetOptions);
-        this.jsPlumb.draggable(nodeId, {
-          containment: "parent"
-        });
-      });
-    },
-    loadEasyFlow() {
-      for (var i = 0; i < this.option.nodeList.length; i++) {
-        const node = this.option.nodeList[i];
-        this.jsPlumb.makeSource(node.id, this.jsplumbSourceOptions);
-        this.jsPlumb.makeTarget(node.id, this.jsplumbTargetOptions);
-        this.jsPlumb.draggable(node.id);
-      }
-      for (var i = 0; i < this.option.lineList.length; i++) {
-        const line = this.option.lineList[i];
-        this.jsPlumb.connect({
-          source: line.from,
-          target: line.to
-        }, this.jsplumbConnectOptions);
-      }
-      this.$nextTick(function() {
-        this.loadEasyFlowFinish = true;
-      });
-    },
-    jsPlumbInit() {
-      const _this = this;
-      this.jsPlumb.ready(function() {
-        _this.jsPlumb.importDefaults(_this.jsplumbSetting);
-        _this.jsPlumb.setSuspendDrawing(false, true);
-        _this.loadEasyFlow();
-        _this.jsPlumb.bind("click", function(conn) {
-          console.log("click", conn);
-          _this.$confirm("确定删除所点击的线吗?", "提示", {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning"
-          }).then(() => {
-            _this.jsPlumb.deleteConnection(conn);
-          }).catch(() => {
-          });
-        });
-        _this.jsPlumb.bind("connection", function(evt) {
-          console.log("connection", evt);
-          const from = evt.source.id;
-          const to = evt.target.id;
-          if (_this.loadEasyFlowFinish) {
-            _this.option.lineList.push({
-              from,
-              to
-            });
-          }
-        });
-        _this.jsPlumb.bind("connectionDetached", function(evt) {
-          console.log("connectionDetached", evt);
-          _this.deleteLine(evt.sourceId, evt.targetId);
-        });
-        _this.jsPlumb.bind("connectionMoved", function(evt) {
-          console.log("connectionMoved", evt);
-          _this.changeLine(evt.originalSourceId, evt.originalTargetId);
-        });
-        _this.jsPlumb.bind("contextmenu", function(evt) {
-          console.log("contextmenu", evt);
-        });
-        _this.jsPlumb.bind("beforeDrop", function(evt) {
-          console.log("beforeDrop", evt);
-          const from = evt.sourceId;
-          const to = evt.targetId;
-          if (from === to) {
-            _this.$message.error("不能连接自己");
-            return false;
-          }
-          if (_this.hasLine(from, to)) {
-            _this.$message.error("不能重复连线");
-            return false;
-          }
-          if (_this.hashOppositeLine(from, to)) {
-            _this.$message.error("不能回环哦");
-            return false;
-          }
-          return true;
-        });
-        _this.jsPlumb.bind("beforeDetach", function(evt) {
-          console.log("beforeDetach", evt);
-        });
-      });
-    }
-  }
-};
-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 Flow = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Flow as default
-};