@web-utils/component 2.7.3 → 2.7.4

package/dist/components/widget-config/index.js

@@ -0,0 +1,107 @@
+import { s, r, C as o, a as l, b as d, c as f, d as u, e as c, f as g, g as p, h, i as C, j as m, k as v, l as y, m as _, n as b, o as x, p as q, q as w, t as R, u as k, v as T } from "../../chunks/WidgetConfig.vue_vue_type_template_lang.f903c9b2.js";
+import { n as j } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const E = [
+  "year",
+  "month",
+  "week",
+  "date",
+  "datetime",
+  "time",
+  "daterange",
+  "timerange",
+  "datetimerange",
+  "dates"
+], S = {
+  name: "WidgetConfig",
+  components: {
+    ConfigCustom: o,
+    ConfigInput: l,
+    ConfigTextarea: d,
+    ConfigNumber: f,
+    ConfigDynamic: u,
+    ConfigSwitch: c,
+    ConfigRate: g,
+    ConfigSlider: p,
+    ConfigColor: h,
+    ConfigSelect: C,
+    ConfigTree: m,
+    ConfigDate: v,
+    ConfigUpload: y,
+    ConfigUEditor: _,
+    ConfigMap: b,
+    ConfigGroup: x,
+    ConfigArray: q,
+    ConfigTitle: w,
+    ConfigEvent: R,
+    ConfigTable: k
+  },
+  props: ["data", "defaultValues"],
+  data() {
+    return {
+      fields: T,
+      collapse: ["1", "2", "3"],
+      validator: {
+        type: null,
+        required: null,
+        pattern: null,
+        length: null
+      }
+    };
+  },
+  computed: {
+    getComponent() {
+      const t = "config-", { type: e, component: i } = this.data;
+      if ((!e || i) && e != "ueditor")
+        return t + "custom";
+      let a = "input";
+      return [void 0, "input", "password", "url"].includes(e) ? a = "input" : E.includes(e) ? a = "date" : ["array", "img"].includes(e) ? a = "array" : ["tree", "cascader"].includes(e) ? a = "tree" : ["radio", "checkbox", "select"].includes(e) ? a = "select" : a = e, t + a;
+    }
+  },
+  watch: {
+    "data.required"(t) {
+      t ? this.validator.required = { required: !0, message: `${this.data.label}必须填写` } : this.validator.required = null, this.generateRule();
+    },
+    "data.pattern"(t) {
+      t ? this.validator.pattern = { pattern: new RegExp(t), message: `${this.data.label}格式不匹配` } : this.validator.pattern = null, this.generateRule();
+    }
+  },
+  methods: {
+    handleChangeType(t) {
+      if (!t)
+        return;
+      let e;
+      for (let i of this.fields)
+        if (e = i.list.find((a) => a.type == t), e)
+          break;
+      if (e)
+        for (let i in e)
+          e && Object.prototype.hasOwnProperty.call(e, i) && !["icon", "label", "span"].includes(i) && (this.data[i] = e[i]);
+    },
+    generateRule() {
+      const t = [];
+      Object.keys(this.validator).forEach((e) => {
+        this.validator[e] && t.push(this.validator[e]);
+      }), t.length == 0 ? delete this.data.rules : this.data.rules = t;
+    }
+  }
+}, n = {};
+var O = /* @__PURE__ */ j(
+  S,
+  r,
+  s,
+  !1,
+  A,
+  null,
+  null,
+  null
+);
+function A(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const U = /* @__PURE__ */ function() {
+  return O.exports;
+}();
+export {
+  U as default
+};

package/dist/components/widget-form/index.js

@@ -0,0 +1,68 @@
+import { W as l } from "../../chunks/WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import { W as o } from "../../chunks/WidgetFormGroup.vue_vue_type_template_lang.c636aabd.js";
+import { s as n, r as d, W as c } from "../../chunks/WidgetForm.vue_vue_type_template_lang.82248338.js";
+import h from "vuedraggable";
+import { d as a } from "../../chunks/util.80e28481.js";
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const m = {
+  name: "WidgetForm",
+  components: { Draggable: h, WidgetFormItem: l, WidgetFormTable: o, WidgetFormGroup: c },
+  props: ["data", "select"],
+  data() {
+    return {
+      selectWidget: this.select,
+      form: {}
+    };
+  },
+  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];
+    },
+    handleWidgetAdd(e) {
+      const t = e.newIndex, i = a(this.data.column[t]);
+      i.prop || (i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999)), delete i.icon, delete i.subfield, i.type === "title" && (delete i.label, this.form[i.prop] = i.value), this.$set(this.data.column, t, i), this.handleSelectWidget(t), 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");
+      });
+    },
+    handleWidgetClone(e) {
+      let t = a(this.data.column[e]);
+      t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.data.column.push(t), this.$nextTick(() => {
+        this.handleSelectWidget(this.data.column.length - 1), this.$emit("change");
+      });
+    }
+  }
+}, s = {};
+var p = /* @__PURE__ */ r(
+  m,
+  d,
+  n,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const S = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  S as default
+};

package/dist/components/widget-form-group/index.js

@@ -0,0 +1,91 @@
+import { W as c } from "../../chunks/WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import { s as h, r as d, W as o } from "../../chunks/WidgetFormGroup.vue_vue_type_template_lang.c636aabd.js";
+import r from "vuedraggable";
+import { d as n } from "../../chunks/util.80e28481.js";
+import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const g = {
+  name: "WidgetFormGroup",
+  components: { WidgetFormItem: c, WidgetFormTable: o, Draggable: r },
+  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 t = n(this.data.column[e]);
+      t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), t.children.column.forEach((i) => {
+        i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999);
+      }), this.data.column.splice(e, 0, t), this.$nextTick(() => {
+        this.handleSelectWidget(e + 1), this.$emit("change");
+      });
+    },
+    handleWidgetTableSelect(e) {
+      this.selectWidget = e;
+    },
+    handleWidgetTableClone(e, t) {
+      const i = n(t);
+      i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.$set(e.children.column, e.children.column.length, { ...i }), this.$nextTick(() => {
+        this.selectWidget = e.children.column[e.children.column.length - 1], this.$emit("change");
+      });
+    },
+    handleWidgetTableDelete(e, t) {
+      e.children.column.length - 1 === t ? t === 0 ? this.selectWidget = e : this.selectWidget = e.children.column[t - 1] : this.selectWidget = e.children.column[t + 1], this.$nextTick(() => {
+        e.children.column.splice(t, 1), this.$emit("change");
+      });
+    },
+    handleWidgetGroupAdd(e, t) {
+      let i = e.newIndex;
+      const a = e.item;
+      if (i === 1 && i > t.children.column.length - 1 && (i = 0), ["分组"].includes(a.textContent)) {
+        t.children.column.splice(i, 1);
+        return;
+      }
+      const l = n(t.children.column[i]);
+      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(t.children.column, i, { ...l }), this.selectWidget = t.children.column[i], this.$emit("change");
+    }
+  }
+}, s = {};
+var p = /* @__PURE__ */ m(
+  g,
+  d,
+  h,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const T = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  T as default
+};

package/dist/components/widget-form-item/index.js

@@ -0,0 +1,70 @@
+import { d as l } from "../../chunks/util.80e28481.js";
+import { s as o, r as c } from "../../chunks/WidgetFormItem.vue_vue_type_template_lang.48d55a5c.js";
+import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const u = {
+  name: "WidgetFormItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      form: {}
+    };
+  },
+  computed: {
+    vBind() {
+      const e = Object.assign(l(this.item), this.params, {
+        size: this.item.size || "small",
+        dic: this.item.dicData ? this.item.dicData.map((i) => {
+          if (!this.item.props)
+            return i;
+          const { label: t, value: s, desc: n } = this.item.props;
+          return !t || !s ? i : {
+            [t]: i.label,
+            [s]: i.value,
+            [n]: i.desc
+          };
+        }) : void 0,
+        rules: this.item.pattern ? this.item.rules.map((i) => (i.pattern && (i.pattern = new RegExp(this.item.pattern)), i)) : this.item.rules
+      });
+      return ["change", "blur", "click", "focus"].forEach((i) => delete e[i]), e.event && delete e.event, e;
+    }
+  },
+  methods: {
+    getComponent(e, r) {
+      let i = "fy-", t = "input";
+      return r || (["array", "img", "url"].includes(e) ? t = "array" : e === "select" ? t = "select" : e === "radio" ? t = "radio" : e === "checkbox" ? t = "checkbox" : ["time", "timerange"].includes(e) ? t = "time" : ["dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year"].includes(e) ? t = "date" : e === "cascader" ? t = "cascader" : e === "number" ? t = "input-number" : e === "password" ? t = "input" : e === "switch" ? t = "switch" : e === "rate" ? t = "rate" : e === "upload" ? t = "upload" : e === "slider" ? t = "slider" : e === "dynamic" ? t = "dynamic" : e === "icon" ? t = "input-icon" : e === "color" ? t = "input-color" : e === "map" && (t = "input-map"), i + t);
+    },
+    getPlaceholder(e) {
+      const r = e.label;
+      return ["select", "checkbox", "radio", "tree", "color", "dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year", "map", "icon"].includes(e.type) ? `请选择 ${r}` : `请输入 ${r}`;
+    }
+  }
+}, a = {};
+var d = /* @__PURE__ */ m(
+  u,
+  c,
+  o,
+  !1,
+  f,
+  null,
+  null,
+  null
+);
+function f(e) {
+  for (let r in a)
+    this[r] = a[r];
+}
+const b = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  b as default
+};

package/dist/components/widget-form-table/index.js

@@ -0,0 +1,90 @@
+import { s as c, r as h, W as d } from "../../chunks/WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import o from "vuedraggable";
+import { d as n } from "../../chunks/util.80e28481.js";
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const m = {
+  name: "WidgetFormTable",
+  components: { WidgetFormItem: d, Draggable: o },
+  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 t = n(this.data.column[e]);
+      t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), t.children.column.forEach((l) => {
+        l.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999);
+      }), this.data.column.splice(e, 0, t), this.$nextTick(() => {
+        this.handleSelectWidget(e + 1), this.$emit("change");
+      });
+    },
+    handleWidgetTableAdd(e, t) {
+      let l = e.newIndex;
+      const a = e.item;
+      if (l === 1 && l > t.children.column.length - 1 && (l = 0), ["子表单", "富文本", "坐标拾取器", "分组"].includes(a.textContent)) {
+        t.children.column.splice(l, 1);
+        return;
+      }
+      const i = n(t.children.column[l]);
+      i.prop || (i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999)), i.subfield = !0, delete i.icon, this.$set(t.children.column, l, { ...i }), this.selectWidget = t.children.column[l], this.$emit("change");
+    },
+    handleWidgetTableSelect(e) {
+      this.selectWidget = e;
+    },
+    handleWidgetTableClone(e, t) {
+      const l = n(t);
+      l.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.$set(e.children.column, e.children.column.length, { ...l }), this.$nextTick(() => {
+        this.selectWidget = e.children.column[e.children.column.length - 1], this.$emit("change");
+      });
+    },
+    handleWidgetTableDelete(e, t) {
+      e.children.column.length - 1 === t ? t === 0 ? this.selectWidget = e : this.selectWidget = e.children.column[t - 1] : this.selectWidget = e.children.column[t + 1], this.$nextTick(() => {
+        e.children.column.splice(t, 1), this.$emit("change");
+      });
+    }
+  }
+}, s = {};
+var g = /* @__PURE__ */ r(
+  m,
+  h,
+  c,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const _ = /* @__PURE__ */ function() {
+  return g.exports;
+}();
+export {
+  _ as default
+};