@web-utils/component 2.7.2 → 2.7.4

package/dist/chunks/WidgetForm.vue_vue_type_template_lang.82248338.js

@@ -0,0 +1,242 @@
+import { W as c } from "./WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import { s as o, r as d, W as h } from "./WidgetFormGroup.vue_vue_type_template_lang.c636aabd.js";
+import p from "vuedraggable";
+import { d as n } from "./util.80e28481.js";
+import { n as g } from "./vueComponentNormalizer.71e2aa87.js";
+const m = {
+  name: "WidgetFormGroup",
+  components: { WidgetFormItem: c, WidgetFormTable: h, Draggable: p },
+  props: ["data", "column", "select", "index"],
+  data() {
+    return {
+      selectWidget: this.select
+    };
+  },
+  watch: {
+    select(e) {
+      this.selectWidget = e;
+    },
+    selectWidget: {
+      handler(e) {
+        this.$emit("update:select", e);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    handleSelectWidget(e) {
+      this.selectWidget = this.data.column[e];
+    },
+    handleWidgetClear(e) {
+      this.data.column[e].children.column = [], this.selectWidget = this.data.column[e], this.$emit("change");
+    },
+    handleWidgetDelete(e) {
+      this.data.column.length - 1 === e ? e === 0 ? this.selectWidget = {} : this.handleSelectWidget(e - 1) : this.handleSelectWidget(e + 1), this.$nextTick(() => {
+        this.data.column.splice(e, 1), this.$emit("change");
+      });
+    },
+    handleWidgetCloneTable(e) {
+      let i = n(this.data.column[e]);
+      i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), i.children.column.forEach((t) => {
+        t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999);
+      }), this.data.column.splice(e, 0, i), this.$nextTick(() => {
+        this.handleSelectWidget(e + 1), this.$emit("change");
+      });
+    },
+    handleWidgetTableSelect(e) {
+      this.selectWidget = e;
+    },
+    handleWidgetTableClone(e, i) {
+      const t = n(i);
+      t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.$set(e.children.column, e.children.column.length, { ...t }), this.$nextTick(() => {
+        this.selectWidget = e.children.column[e.children.column.length - 1], this.$emit("change");
+      });
+    },
+    handleWidgetTableDelete(e, i) {
+      e.children.column.length - 1 === i ? i === 0 ? this.selectWidget = e : this.selectWidget = e.children.column[i - 1] : this.selectWidget = e.children.column[i + 1], this.$nextTick(() => {
+        e.children.column.splice(i, 1), this.$emit("change");
+      });
+    },
+    handleWidgetGroupAdd(e, i) {
+      let t = e.newIndex;
+      const a = e.item;
+      if (t === 1 && t > i.children.column.length - 1 && (t = 0), ["分组"].includes(a.textContent)) {
+        i.children.column.splice(t, 1);
+        return;
+      }
+      const l = n(i.children.column[t]);
+      l.prop || (l.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999)), delete l.icon, l.type === "dynamic" ? l.span = 24 : l.span = 12, this.$set(i.children.column, t, { ...l }), this.selectWidget = i.children.column[t], this.$emit("change");
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ g(
+  m,
+  d,
+  o,
+  !1,
+  W,
+  null,
+  null,
+  null
+);
+function W(e) {
+  for (let i in r)
+    this[i] = r[i];
+}
+const w = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+var C = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticClass: "widget-form-container"
+  }, [t("ElForm", {
+    ref: "widgetForm",
+    attrs: {
+      "label-position": e.data.labelPosition || "left",
+      "label-width": e.data.labelWidth ? `${e.data.labelWidth}px` : "100px",
+      "label-suffix": e.data.labelSuffix,
+      model: e.form,
+      size: "small"
+    }
+  }, [t("ElRow", {
+    attrs: {
+      gutter: e.data.gutter
+    }
+  }, [t("Draggable", {
+    staticClass: "widget-form-list",
+    attrs: {
+      list: e.data.column,
+      group: {
+        name: "form"
+      },
+      "ghost-class": "ghost",
+      animation: 300
+    },
+    on: {
+      add: e.handleWidgetAdd,
+      end: function(a) {
+        return e.$emit("change");
+      }
+    }
+  }, [e._l(e.data.column, function(a, l) {
+    return [a.type === "dynamic" ? t("div", {
+      key: l,
+      staticClass: "widget-form-table",
+      class: {
+        active: e.selectWidget.prop === a.prop
+      },
+      on: {
+        click: function(s) {
+          return e.handleSelectWidget(l);
+        }
+      }
+    }, [t("WidgetFormTable", {
+      attrs: {
+        data: e.data,
+        column: a,
+        index: l,
+        select: e.selectWidget
+      },
+      on: {
+        "update:select": function(s) {
+          e.selectWidget = s;
+        },
+        change: function(s) {
+          return e.$emit("change");
+        }
+      }
+    })], 1) : a.type === "group" ? t("div", {
+      key: l,
+      staticClass: "widget-form-group",
+      class: {
+        active: e.selectWidget.prop === a.prop
+      },
+      on: {
+        click: function(s) {
+          return e.handleSelectWidget(l);
+        }
+      }
+    }, [t("WidgetFormGroup", {
+      attrs: {
+        data: e.data,
+        column: a,
+        index: l,
+        select: e.selectWidget
+      },
+      on: {
+        "update:select": function(s) {
+          e.selectWidget = s;
+        },
+        change: function(s) {
+          return e.$emit("change");
+        }
+      }
+    })], 1) : t("ElCol", {
+      key: l,
+      attrs: {
+        md: a.span || 12,
+        xs: 24,
+        offset: a.offset || 0
+      }
+    }, [t("ElFormItem", {
+      staticClass: "widget-form-item",
+      class: [{
+        active: e.selectWidget.prop === a.prop,
+        required: a.required
+      }, "avue-form__item--" + a.labelPosition || ""],
+      attrs: {
+        label: a.label,
+        "label-width": a.labelWidth && a.labelWidth + "px",
+        prop: a.prop
+      },
+      nativeOn: {
+        click: function(s) {
+          return e.handleSelectWidget(l);
+        }
+      }
+    }, [t("WidgetFormItem", {
+      attrs: {
+        item: a,
+        params: a.params
+      }
+    }), e.selectWidget.prop === a.prop ? t("ElButton", {
+      staticClass: "widget-action-delete",
+      attrs: {
+        title: "删除",
+        circle: "",
+        plain: "",
+        size: "small",
+        type: "danger"
+      },
+      on: {
+        click: function(s) {
+          return s.stopPropagation(), e.handleWidgetDelete(l);
+        }
+      }
+    }, [t("i", {
+      staticClass: "iconfont icon-delete"
+    })]) : e._e(), e.selectWidget.prop === a.prop ? t("ElButton", {
+      staticClass: "widget-action-clone",
+      attrs: {
+        title: "复制",
+        circle: "",
+        plain: "",
+        size: "small",
+        type: "primary"
+      },
+      on: {
+        click: function(s) {
+          return s.stopPropagation(), e.handleWidgetClone(l);
+        }
+      }
+    }, [t("i", {
+      staticClass: "iconfont icon-copy"
+    })]) : e._e()], 1)], 1)];
+  })], 2)], 1)], 1)], 1);
+}, y = [];
+export {
+  w as W,
+  C as r,
+  y as s
+};

package/dist/chunks/WidgetFormGroup.vue_vue_type_template_lang.c636aabd.js

@@ -0,0 +1,266 @@
+import { s, r, W as d } from "./WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import h from "vuedraggable";
+import { d as c } from "./util.80e28481.js";
+import { n as p } from "./vueComponentNormalizer.71e2aa87.js";
+const g = {
+  name: "WidgetFormTable",
+  components: { WidgetFormItem: d, Draggable: h },
+  props: ["data", "column", "select", "index"],
+  data() {
+    return {
+      selectWidget: this.select
+    };
+  },
+  watch: {
+    select(e) {
+      this.selectWidget = e;
+    },
+    selectWidget: {
+      handler(e) {
+        this.$emit("update:select", e);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    handleSelectWidget(e) {
+      this.selectWidget = this.data.column[e];
+    },
+    handleWidgetClear(e) {
+      this.data.column[e].children.column = [], this.selectWidget = this.data.column[e], this.$emit("change");
+    },
+    handleWidgetDelete(e) {
+      this.data.column.length - 1 === e ? e === 0 ? this.selectWidget = {} : this.handleSelectWidget(e - 1) : this.handleSelectWidget(e + 1), this.$nextTick(() => {
+        this.data.column.splice(e, 1), this.$emit("change");
+      });
+    },
+    handleWidgetCloneTable(e) {
+      let i = c(this.data.column[e]);
+      i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), i.children.column.forEach((t) => {
+        t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999);
+      }), this.data.column.splice(e, 0, i), this.$nextTick(() => {
+        this.handleSelectWidget(e + 1), this.$emit("change");
+      });
+    },
+    handleWidgetTableAdd(e, i) {
+      let t = e.newIndex;
+      const l = e.item;
+      if (t === 1 && t > i.children.column.length - 1 && (t = 0), ["子表单", "富文本", "坐标拾取器", "分组"].includes(l.textContent)) {
+        i.children.column.splice(t, 1);
+        return;
+      }
+      const n = c(i.children.column[t]);
+      n.prop || (n.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999)), n.subfield = !0, delete n.icon, this.$set(i.children.column, t, { ...n }), this.selectWidget = i.children.column[t], this.$emit("change");
+    },
+    handleWidgetTableSelect(e) {
+      this.selectWidget = e;
+    },
+    handleWidgetTableClone(e, i) {
+      const t = c(i);
+      t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.$set(e.children.column, e.children.column.length, { ...t }), this.$nextTick(() => {
+        this.selectWidget = e.children.column[e.children.column.length - 1], this.$emit("change");
+      });
+    },
+    handleWidgetTableDelete(e, i) {
+      e.children.column.length - 1 === i ? i === 0 ? this.selectWidget = e : this.selectWidget = e.children.column[i - 1] : this.selectWidget = e.children.column[i + 1], this.$nextTick(() => {
+        e.children.column.splice(i, 1), this.$emit("change");
+      });
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ p(
+  g,
+  r,
+  s,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let i in o)
+    this[i] = o[i];
+}
+const b = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+var w = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", [t("h4", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.column.label,
+      expression: "column.label"
+    }],
+    staticClass: "widget-form-group__head"
+  }, [t("i", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.column.icon,
+      expression: "column.icon"
+    }],
+    class: e.column.icon,
+    staticStyle: {
+      "margin-right": "10px"
+    }
+  }), e._v(e._s(e.column.label) + " ")]), t("Draggable", {
+    staticClass: "widget-form-group__body",
+    attrs: {
+      list: e.column.children.column,
+      group: {
+        name: "form"
+      },
+      "ghost-class": "ghost",
+      animation: 200
+    },
+    on: {
+      add: function(l) {
+        return e.handleWidgetGroupAdd(l, e.column);
+      },
+      end: function(l) {
+        return e.$emit("change");
+      }
+    }
+  }, [e._l(e.column.children.column, function(l, n) {
+    return [l.type === "dynamic" ? t("div", {
+      key: n,
+      staticClass: "widget-form-table",
+      class: {
+        active: e.selectWidget.prop === l.prop
+      },
+      on: {
+        click: function(a) {
+          return a.stopPropagation(), e.handleWidgetTableSelect(l);
+        }
+      }
+    }, [t("WidgetFormTable", {
+      attrs: {
+        data: e.column.children,
+        column: l,
+        index: n,
+        select: e.selectWidget
+      },
+      on: {
+        "update:select": function(a) {
+          e.selectWidget = a;
+        },
+        change: function(a) {
+          return e.$emit("change");
+        }
+      }
+    })], 1) : t("ElCol", {
+      key: n,
+      attrs: {
+        md: l.span || 12,
+        xs: 24,
+        offset: l.offset || 0
+      }
+    }, [t("ElFormItem", {
+      staticClass: "widget-form-group__item",
+      class: {
+        active: e.selectWidget.prop === l.prop,
+        required: l.required
+      },
+      attrs: {
+        label: l.label,
+        prop: l.prop
+      },
+      nativeOn: {
+        click: function(a) {
+          return a.stopPropagation(), e.handleWidgetTableSelect(l);
+        }
+      }
+    }, [t("WidgetFormItem", {
+      attrs: {
+        item: l,
+        params: e.column.params
+      }
+    }), e.selectWidget.prop === l.prop ? t("ElButton", {
+      staticClass: "widget-form-group__item--delete",
+      attrs: {
+        title: "删除",
+        circle: "",
+        plain: "",
+        type: "danger"
+      },
+      on: {
+        click: function(a) {
+          return a.stopPropagation(), e.handleWidgetTableDelete(e.column, n);
+        }
+      }
+    }, [t("i", {
+      staticClass: "iconfont icon-delete"
+    })]) : e._e(), e.selectWidget.prop === l.prop ? t("ElButton", {
+      staticClass: "widget-form-group__item--clone",
+      attrs: {
+        title: "复制",
+        circle: "",
+        plain: "",
+        type: "primary"
+      },
+      on: {
+        click: function(a) {
+          return a.stopPropagation(), e.handleWidgetTableClone(e.column, l);
+        }
+      }
+    }, [t("i", {
+      staticClass: "iconfont icon-copy"
+    })]) : e._e()], 1)], 1)];
+  })], 2), e.selectWidget.prop === e.column.prop ? t("ElButton", {
+    staticClass: "widget-action-delete",
+    attrs: {
+      title: "删除",
+      circle: "",
+      plain: "",
+      size: "small",
+      type: "danger"
+    },
+    on: {
+      click: function(l) {
+        return l.stopPropagation(), e.handleWidgetDelete(e.index);
+      }
+    }
+  }, [t("i", {
+    staticClass: "iconfont icon-delete"
+  })]) : e._e(), e.selectWidget.prop === e.column.prop ? t("ElButton", {
+    staticClass: "widget-action-clear",
+    attrs: {
+      title: "清空",
+      circle: "",
+      plain: "",
+      size: "small",
+      type: "warning"
+    },
+    on: {
+      click: function(l) {
+        return l.stopPropagation(), e.handleWidgetClear(e.index);
+      }
+    }
+  }, [t("i", {
+    staticClass: "iconfont icon-clear"
+  })]) : e._e(), e.selectWidget.prop === e.column.prop ? t("ElButton", {
+    staticClass: "widget-action-clone",
+    attrs: {
+      title: "复制",
+      circle: "",
+      plain: "",
+      size: "small",
+      type: "primary"
+    },
+    on: {
+      click: function(l) {
+        return l.stopPropagation(), e.handleWidgetCloneTable(e.index);
+      }
+    }
+  }, [t("i", {
+    staticClass: "iconfont icon-copy"
+  })]) : e._e()], 1);
+}, v = [];
+export {
+  b as W,
+  w as r,
+  v as s
+};

package/dist/chunks/WidgetFormItem.vue_vue_type_template_lang.48d55a5c.js

@@ -0,0 +1,24 @@
+var i = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", [e.item.type === "title" ? t("div", {
+    staticStyle: {
+      "margin-left": "5px"
+    },
+    style: e.item.styles
+  }, [e._v(" " + e._s(e.item.value) + " ")]) : t(e.getComponent(e.item.type, e.item.component), e._b({
+    tag: "Component",
+    attrs: {
+      multiple: !1,
+      placeholder: e.item.placeholder || e.getPlaceholder(e.item),
+      value: ["time", "timerange", "checkbox"].includes(e.item.type) ? e.item.dicData : void 0
+    }
+  }, "Component", e.vBind, !1), [e.params.html ? t("span", {
+    domProps: {
+      innerHTML: e._s(e.params.html)
+    }
+  }) : e._e()])], 1);
+}, m = [];
+export {
+  i as r,
+  m as s
+};