dpot-ui 0.1.7 → 0.1.8

package/dist/index.es.js

@@ -1,51 +1,714 @@
-var S = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("div", {
-    class: ["dp-check_view_", e.value.includes(e.data.code) && "dp-check_view_checked_"],
-    attrs: {
-      disabled: e.disabled
+/**
+ * @fileOverview Kickass library to create and place poppers near their reference elements.
+ * @version {{version}}
+ * @license
+ * Copyright (c) 2016 Federico Zivolo and contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const U = function() {
+  var e = window, r = {
+    // placement of the popper
+    placement: "bottom",
+    gpuAcceleration: !0,
+    // shift popper from its origin by the given amount of pixels (can be negative)
+    offset: 0,
+    // the element which will act as boundary of the popper
+    boundariesElement: "viewport",
+    // amount of pixel used to define a minimum distance between the boundaries and the popper
+    boundariesPadding: 5,
+    // popper will try to prevent overflow following this order,
+    // by default, then, it could overflow on the left and on top of the boundariesElement
+    preventOverflowOrder: ["left", "right", "top", "bottom"],
+    // the behavior used by flip to change the placement of the popper
+    flipBehavior: "flip",
+    arrowElement: "[x-arrow]",
+    arrowOffset: 0,
+    // list of functions used to modify the offsets before they are applied to the popper
+    modifiers: [
+      "shift",
+      "offset",
+      "preventOverflow",
+      "keepTogether",
+      "arrow",
+      "flip",
+      "applyStyle"
+    ],
+    modifiersIgnored: [],
+    forceAbsolute: !1
+  };
+  function o(t, i, a) {
+    this._reference = t.jquery ? t[0] : t, this.state = {};
+    var s = typeof i > "u" || i === null, d = i && Object.prototype.toString.call(i) === "[object Object]";
+    return s || d ? this._popper = this.parse(d ? i : {}) : this._popper = i.jquery ? i[0] : i, this._options = Object.assign({}, r, a), this._options.modifiers = this._options.modifiers.map(
+      function(p) {
+        if (this._options.modifiersIgnored.indexOf(p) === -1)
+          return p === "applyStyle" && this._popper.setAttribute(
+            "x-placement",
+            this._options.placement
+          ), this.modifiers[p] || p;
+      }.bind(this)
+    ), this.state.position = this._getPosition(this._popper, this._reference), x(this._popper, { position: this.state.position, top: 0 }), this.update(), this._setupEventListeners(), this;
+  }
+  o.prototype.destroy = function() {
+    return this._popper.removeAttribute("x-placement"), this._popper.style.left = "", this._popper.style.position = "", this._popper.style.top = "", this._popper.style[T("transform")] = "", this._removeEventListeners(), this._options.removeOnDestroy && this._popper.remove(), this;
+  }, o.prototype.update = function() {
+    var t = { instance: this, styles: {} };
+    t.placement = this._options.placement, t._originalPlacement = this._options.placement, t.offsets = this._getOffsets(
+      this._popper,
+      this._reference,
+      t.placement
+    ), t.boundaries = this._getBoundaries(
+      t,
+      this._options.boundariesPadding,
+      this._options.boundariesElement
+    ), t = this.runModifiers(t, this._options.modifiers), typeof this.state.updateCallback == "function" && this.state.updateCallback(t);
+  }, o.prototype.onCreate = function(t) {
+    return t(this), this;
+  }, o.prototype.onUpdate = function(t) {
+    return this.state.updateCallback = t, this;
+  }, o.prototype.parse = function(t) {
+    var i = {
+      tagName: "div",
+      classNames: ["popper"],
+      attributes: [],
+      parent: e.document.body,
+      content: "",
+      contentType: "text",
+      arrowTagName: "div",
+      arrowClassNames: ["dp-popover_arrow_"],
+      arrowAttributes: ["x-arrow"]
+    };
+    t = Object.assign({}, i, t);
+    var a = e.document, s = a.createElement(t.tagName);
+    if (u(s, t.classNames), v(s, t.attributes), t.contentType === "node" ? s.appendChild(
+      t.content.jquery ? t.content[0] : t.content
+    ) : t.contentType === "html" ? s.innerHTML = t.content : s.textContent = t.content, t.arrowTagName) {
+      var d = a.createElement(t.arrowTagName);
+      u(d, t.arrowClassNames), v(d, t.arrowAttributes), s.appendChild(d);
+    }
+    var p = t.parent.jquery ? t.parent[0] : t.parent;
+    if (typeof p == "string") {
+      if (p = a.querySelectorAll(t.parent), p.length > 1 && console.warn(
+        "WARNING: the given `parent` query(" + t.parent + ") matched more than one element, the first one will be used"
+      ), p.length === 0)
+        throw "ERROR: the given `parent` doesn't exists!";
+      p = p[0];
+    }
+    return p.length > 1 && !(p instanceof Element) && (console.warn(
+      "WARNING: you have passed as parent a list of elements, the first one will be used"
+    ), p = p[0]), p.appendChild(s), s;
+    function u(g, m) {
+      m.forEach(function(w) {
+        g.classList.add(w);
+      });
+    }
+    function v(g, m) {
+      m.forEach(function(w) {
+        g.setAttribute(
+          w.split(":")[0],
+          w.split(":")[1] || ""
+        );
+      });
+    }
+  }, o.prototype._getPosition = function(t, i) {
+    if (_(i), this._options.forceAbsolute)
+      return "absolute";
+    var a = k(i);
+    return a ? "fixed" : "absolute";
+  }, o.prototype._getOffsets = function(t, i, a) {
+    a = a.split("-")[0];
+    var s = {};
+    s.position = this.state.position;
+    var d = s.position === "fixed", p = K(
+      i,
+      _(t),
+      d
+    ), u = n(t);
+    return ["right", "left"].indexOf(a) !== -1 ? (s.top = p.top + p.height / 2 - u.height / 2, a === "left" ? s.left = p.left - u.width : s.left = p.right) : (s.left = p.left + p.width / 2 - u.width / 2, a === "top" ? s.top = p.top - u.height : s.top = p.bottom), s.width = u.width, s.height = u.height, {
+      popper: s,
+      reference: p
+    };
+  }, o.prototype._setupEventListeners = function() {
+    if (this.state.updateBound = this.update.bind(this), e.addEventListener("resize", this.state.updateBound), this._options.boundariesElement !== "window") {
+      var t = b(this._reference);
+      (t === e.document.body || t === e.document.documentElement) && (t = e), t.addEventListener("scroll", this.state.updateBound), this.state.scrollTarget = t;
+    }
+  }, o.prototype._removeEventListeners = function() {
+    e.removeEventListener("resize", this.state.updateBound), this._options.boundariesElement !== "window" && this.state.scrollTarget && (this.state.scrollTarget.removeEventListener(
+      "scroll",
+      this.state.updateBound
+    ), this.state.scrollTarget = null), this.state.updateBound = null;
+  }, o.prototype._getBoundaries = function(t, i, a) {
+    var s = {}, d, p;
+    if (a === "window") {
+      var u = e.document.body, v = e.document.documentElement;
+      p = Math.max(
+        u.scrollHeight,
+        u.offsetHeight,
+        v.clientHeight,
+        v.scrollHeight,
+        v.offsetHeight
+      ), d = Math.max(
+        u.scrollWidth,
+        u.offsetWidth,
+        v.clientWidth,
+        v.scrollWidth,
+        v.offsetWidth
+      ), s = {
+        top: 0,
+        right: d,
+        bottom: p,
+        left: 0
+      };
+    } else if (a === "viewport") {
+      var g = _(this._popper), m = b(this._popper), w = M(g), S = function(E) {
+        return E == document.body ? Math.max(
+          document.documentElement.scrollTop,
+          document.body.scrollTop
+        ) : E.scrollTop;
+      }, $ = function(E) {
+        return E == document.body ? Math.max(
+          document.documentElement.scrollLeft,
+          document.body.scrollLeft
+        ) : E.scrollLeft;
+      }, j = t.offsets.popper.position === "fixed" ? 0 : S(m), I = t.offsets.popper.position === "fixed" ? 0 : $(m);
+      s = {
+        top: 0 - (w.top - j),
+        right: e.document.documentElement.clientWidth - (w.left - I),
+        bottom: e.document.documentElement.clientHeight - (w.top - j),
+        left: 0 - (w.left - I)
+      };
+    } else
+      _(this._popper) === a ? s = {
+        top: 0,
+        left: 0,
+        right: a.clientWidth,
+        bottom: a.clientHeight
+      } : s = M(a);
+    return s.left += i, s.right -= i, s.top = s.top + i, s.bottom = s.bottom - i, s;
+  }, o.prototype.runModifiers = function(t, i, a) {
+    var s = i.slice();
+    return a !== void 0 && (s = this._options.modifiers.slice(
+      0,
+      h(this._options.modifiers, a)
+    )), s.forEach(
+      function(d) {
+        y(d) && (t = d.call(this, t));
+      }.bind(this)
+    ), t;
+  }, o.prototype.isModifierRequired = function(t, i) {
+    var a = h(this._options.modifiers, t);
+    return !!this._options.modifiers.slice(0, a).filter(function(s) {
+      return s === i;
+    }).length;
+  }, o.prototype.modifiers = {}, o.prototype.modifiers.applyStyle = function(t) {
+    var i = {
+      position: t.offsets.popper.position
+    }, a = Math.round(t.offsets.popper.left), s = Math.round(t.offsets.popper.top), d;
+    return this._options.gpuAcceleration && (d = T("transform")) ? (i[d] = "translate3d(" + a + "px, " + s + "px, 0)", i.top = 0, i.left = 0) : (i.left = a, i.top = s), Object.assign(i, t.styles), x(this._popper, i), this._popper.setAttribute("x-placement", t.placement), this.isModifierRequired(
+      this.modifiers.applyStyle,
+      this.modifiers.arrow
+    ) && t.offsets.arrow && x(t.arrowElement, t.offsets.arrow), t;
+  }, o.prototype.modifiers.shift = function(t) {
+    var i = t.placement, a = i.split("-")[0], s = i.split("-")[1];
+    if (s) {
+      var d = t.offsets.reference, p = f(t.offsets.popper), u = {
+        y: {
+          start: { top: d.top },
+          end: {
+            top: d.top + d.height - p.height
+          }
+        },
+        x: {
+          start: { left: d.left },
+          end: {
+            left: d.left + d.width - p.width
+          }
+        }
+      }, v = ["bottom", "top"].indexOf(a) !== -1 ? "x" : "y";
+      t.offsets.popper = Object.assign(
+        p,
+        u[v][s]
+      );
+    }
+    return t;
+  }, o.prototype.modifiers.preventOverflow = function(t) {
+    var i = this._options.preventOverflowOrder, a = f(t.offsets.popper), s = {
+      left: function() {
+        var d = a.left;
+        return a.left < t.boundaries.left && (d = Math.max(a.left, t.boundaries.left)), { left: d };
+      },
+      right: function() {
+        var d = a.left;
+        return a.right > t.boundaries.right && (d = Math.min(
+          a.left,
+          t.boundaries.right - a.width
+        )), { left: d };
+      },
+      top: function() {
+        var d = a.top;
+        return a.top < t.boundaries.top && (d = Math.max(a.top, t.boundaries.top)), { top: d };
+      },
+      bottom: function() {
+        var d = a.top;
+        return a.bottom > t.boundaries.bottom && (d = Math.min(
+          a.top,
+          t.boundaries.bottom - a.height
+        )), { top: d };
+      }
+    };
+    return i.forEach(function(d) {
+      t.offsets.popper = Object.assign(a, s[d]());
+    }), t;
+  }, o.prototype.modifiers.keepTogether = function(t) {
+    var i = f(t.offsets.popper), a = t.offsets.reference, s = Math.floor;
+    return i.right < s(a.left) && (t.offsets.popper.left = s(a.left) - i.width), i.left > s(a.right) && (t.offsets.popper.left = s(a.right)), i.bottom < s(a.top) && (t.offsets.popper.top = s(a.top) - i.height), i.top > s(a.bottom) && (t.offsets.popper.top = s(a.bottom)), t;
+  }, o.prototype.modifiers.flip = function(t) {
+    if (!this.isModifierRequired(
+      this.modifiers.flip,
+      this.modifiers.preventOverflow
+    ))
+      return console.warn(
+        "WARNING: preventOverflow modifier is required by flip modifier in order to work, be sure to include it before flip!"
+      ), t;
+    if (t.flipped && t.placement === t._originalPlacement)
+      return t;
+    var i = t.placement.split("-")[0], a = l(i), s = t.placement.split("-")[1] || "", d = [];
+    return this._options.flipBehavior === "flip" ? d = [i, a] : d = this._options.flipBehavior, d.forEach(
+      function(p, u) {
+        if (!(i !== p || d.length === u + 1)) {
+          i = t.placement.split("-")[0], a = l(i);
+          var v = f(t.offsets.popper), g = ["right", "bottom"].indexOf(i) !== -1;
+          (g && Math.floor(t.offsets.reference[i]) > Math.floor(v[a]) || !g && Math.floor(t.offsets.reference[i]) < Math.floor(v[a])) && (t.flipped = !0, t.placement = d[u + 1], s && (t.placement += "-" + s), t.offsets.popper = this._getOffsets(
+            this._popper,
+            this._reference,
+            t.placement
+          ).popper, t = this.runModifiers(
+            t,
+            this._options.modifiers,
+            this._flip
+          ));
+        }
+      }.bind(this)
+    ), t;
+  }, o.prototype.modifiers.offset = function(t) {
+    var i = this._options.offset, a = t.offsets.popper;
+    return t.placement.indexOf("left") !== -1 ? a.top -= i : t.placement.indexOf("right") !== -1 ? a.top += i : t.placement.indexOf("top") !== -1 ? a.left -= i : t.placement.indexOf("bottom") !== -1 && (a.left += i), t;
+  }, o.prototype.modifiers.arrow = function(t) {
+    var i = this._options.arrowElement, a = this._options.arrowOffset;
+    if (typeof i == "string" && (i = this._popper.querySelector(i)), !i)
+      return t;
+    if (!this._popper.contains(i))
+      return console.warn(
+        "WARNING: `arrowElement` must be child of its popper element!"
+      ), t;
+    if (!this.isModifierRequired(
+      this.modifiers.arrow,
+      this.modifiers.keepTogether
+    ))
+      return console.warn(
+        "WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!"
+      ), t;
+    var s = {}, d = t.placement.split("-")[0], p = f(t.offsets.popper), u = t.offsets.reference, v = ["left", "right"].indexOf(d) !== -1, g = v ? "height" : "width", m = v ? "top" : "left", w = v ? "left" : "top", S = v ? "bottom" : "right", $ = n(i)[g];
+    u[S] - $ < p[m] && (t.offsets.popper[m] -= p[m] - (u[S] - $)), u[m] + $ > p[S] && (t.offsets.popper[m] += u[m] + $ - p[S]);
+    var j = u[m] + (a || u[g] / 2 - $ / 2), I = j - p[m];
+    return I = Math.max(
+      Math.min(p[g] - $ - 10, I),
+      8
+    ), s[m] = I, s[w] = "", t.offsets.arrow = s, t.arrowElement = i, t;
+  };
+  function n(t) {
+    var i = t.style.display, a = t.style.visibility;
+    t.style.display = "block", t.style.visibility = "hidden", t.offsetWidth;
+    var s = e.getComputedStyle(t), d = parseFloat(s.marginTop) + parseFloat(s.marginBottom), p = parseFloat(s.marginLeft) + parseFloat(s.marginRight), u = {
+      width: t.offsetWidth + p,
+      height: t.offsetHeight + d
+    };
+    return t.style.display = i, t.style.visibility = a, u;
+  }
+  function l(t) {
+    var i = {
+      left: "right",
+      right: "left",
+      bottom: "top",
+      top: "bottom"
+    };
+    return t.replace(/left|right|bottom|top/g, function(a) {
+      return i[a];
+    });
+  }
+  function f(t) {
+    var i = Object.assign({}, t);
+    return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
+  }
+  function h(t, i) {
+    var a = 0, s;
+    for (s in t) {
+      if (t[s] === i)
+        return a;
+      a++;
+    }
+    return null;
+  }
+  function c(t, i) {
+    var a = e.getComputedStyle(t, null);
+    return a[i];
+  }
+  function _(t) {
+    var i = t.offsetParent;
+    return i === e.document.body || !i ? e.document.documentElement : i;
+  }
+  function b(t) {
+    var i = t.parentNode;
+    return i ? i === e.document ? e.document.body.scrollTop || e.document.body.scrollLeft ? e.document.body : e.document.documentElement : ["scroll", "auto"].indexOf(
+      c(i, "overflow")
+    ) !== -1 || ["scroll", "auto"].indexOf(
+      c(i, "overflow-x")
+    ) !== -1 || ["scroll", "auto"].indexOf(
+      c(i, "overflow-y")
+    ) !== -1 ? i : b(t.parentNode) : t;
+  }
+  function k(t) {
+    return t === e.document.body ? !1 : c(t, "position") === "fixed" ? !0 : t.parentNode ? k(t.parentNode) : t;
+  }
+  function x(t, i) {
+    function a(s) {
+      return s !== "" && !isNaN(parseFloat(s)) && isFinite(s);
+    }
+    Object.keys(i).forEach(function(s) {
+      var d = "";
+      ["width", "height", "top", "right", "bottom", "left"].indexOf(
+        s
+      ) !== -1 && a(i[s]) && (d = "px"), t.style[s] = i[s] + d;
+    });
+  }
+  function y(t) {
+    var i = {};
+    return t && i.toString.call(t) === "[object Function]";
+  }
+  function M(t) {
+    var i = {
+      width: t.offsetWidth,
+      height: t.offsetHeight,
+      left: t.offsetLeft,
+      top: t.offsetTop
+    };
+    return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
+  }
+  function O(t) {
+    var i = t.getBoundingClientRect(), a = navigator.userAgent.indexOf("MSIE") != -1, s = a && t.tagName === "HTML" ? -t.scrollTop : i.top;
+    return {
+      left: i.left,
+      top: s,
+      right: i.right,
+      bottom: i.bottom,
+      width: i.right - i.left,
+      height: i.bottom - s
+    };
+  }
+  function K(t, i, a) {
+    var s = O(t), d = O(i);
+    if (a) {
+      var p = b(i);
+      d.top += p.scrollTop, d.bottom += p.scrollTop, d.left += p.scrollLeft, d.right += p.scrollLeft;
+    }
+    var u = {
+      top: s.top - d.top,
+      left: s.left - d.left,
+      bottom: s.top - d.top + s.height,
+      right: s.left - d.left + s.width,
+      width: s.width,
+      height: s.height
+    };
+    return u;
+  }
+  function T(t) {
+    for (var i = ["", "ms", "webkit", "moz", "o"], a = 0; a < i.length; a++) {
+      var s = i[a] ? i[a] + t.charAt(0).toUpperCase() + t.slice(1) : t;
+      if (typeof e.document.body.style[s] < "u")
+        return s;
+    }
+    return null;
+  }
+  return Object.assign || Object.defineProperty(Object, "assign", {
+    enumerable: !1,
+    configurable: !0,
+    writable: !0,
+    value: function(t) {
+      if (t == null)
+        throw new TypeError(
+          "Cannot convert first argument to object"
+        );
+      for (var i = Object(t), a = 1; a < arguments.length; a++) {
+        var s = arguments[a];
+        if (s != null) {
+          s = Object(s);
+          for (var d = Object.keys(s), p = 0, u = d.length; p < u; p++) {
+            var v = d[p], g = Object.getOwnPropertyDescriptor(
+              s,
+              v
+            );
+            g !== void 0 && g.enumerable && (i[v] = s[v]);
+          }
+        }
+      }
+      return i;
+    }
+  }), o;
+}(), L = (e) => e.stopPropagation(), Y = {
+  props: {
+    placement: {
+      type: String,
+      default: "bottom"
     },
-    on: {
-      click: function(t) {
-        return t.stopPropagation(), e.handleChange.apply(null, arguments);
+    reference: {},
+    popper: {},
+    offset: {
+      default: -30
+    },
+    value: Boolean,
+    visibleArrow: {
+      type: Boolean,
+      default: !0
+    },
+    arrowOffset: {
+      type: Number,
+      default: 35
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    popperOptions: {
+      type: Object,
+      default() {
+        return {
+          gpuAcceleration: !1
+        };
       }
     }
-  }, [r("span", {
-    staticClass: "dp-check_tag_"
-  }), r("span", {
-    staticClass: "dp-check_name_"
-  }, [e._v(e._s(e.data.name))])]);
-}, w = [];
-function h(e, o, r, t, n, i, a, s) {
-  var l = typeof e == "function" ? e.options : e;
-  o && (l.render = o, l.staticRenderFns = r, l._compiled = !0), t && (l.functional = !0), i && (l._scopeId = "data-v-" + i);
-  var c;
-  if (a ? (c = function(d) {
-    d = d || // cached call
+  },
+  data() {
+    return {
+      isShowPopover: !1,
+      currentPlacement: ""
+    };
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      handler(e) {
+        this.isShowPopover = e;
+      }
+    },
+    isShowPopover(e) {
+      this.disabled || e && this.updatePopper();
+    }
+  },
+  methods: {
+    createPopper() {
+      if (this.currentPlacement = this.currentPlacement || this.placement, !/^(top|bottom|left|right)(-start|-end)?$/g.test(
+        this.currentPlacement
+      ))
+        return;
+      const e = this.popperOptions, r = this.popperElm = this.popperElm || this.popper || this.$refs.popover;
+      let o = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
+      !o && this.$slots.reference && this.$slots.reference[0] && (o = this.referenceElm = this.$slots.reference[0].elm), !(!r || !o) && (this.visibleArrow && this.appendArrow(r), this.appendToBody && document.body.appendChild(this.popperElm), this.popperJS && this.popperJS.destroy && this.popperJS.destroy(), e.placement = this.currentPlacement, e.offset = this.offset, e.arrowOffset = this.arrowOffset, this.popperJS = new U(o, r, e), this.popperJS.onCreate((n) => {
+        this.$emit("created", this), this.$nextTick(this.updatePopper);
+      }), typeof e.onUpdate == "function" && this.popperJS.onUpdate(e.onUpdate), this.popperJS._popper.style.zIndex = 1e3, this.popperElm.addEventListener("click", L));
+    },
+    updatePopper() {
+      const e = this.popperJS;
+      e ? (e.update(), e._popper && (e._popper.style.zIndex = 1e3)) : this.createPopper();
+    },
+    doDestroy(e) {
+      !this.popperJS || this.isShowPopover && !e || (this.popperJS.destroy(), this.popperJS = null);
+    },
+    appendArrow(e) {
+      let r;
+      if (this.appended)
+        return;
+      this.appended = !0;
+      for (let n in e.attributes)
+        if (/^_v-/.test(e.attributes[n].name)) {
+          r = e.attributes[n].name;
+          break;
+        }
+      const o = document.createElement("div");
+      r && o.setAttribute(r, ""), o.setAttribute("x-arrow", ""), o.className = "dp-popover_arrow_", e.appendChild(o);
+    }
+  },
+  beforeDestroy() {
+    this.doDestroy(!0), this.popperElm && this.popperElm.parentNode === document.body && (this.popperElm.removeEventListener("click", L), document.body.removeChild(this.popperElm));
+  },
+  // call destroy in keep-alive mode
+  deactivated() {
+    this.$options.beforeDestroy[0].call(this);
+  }
+};
+var Z = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("span", [o("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !e.disabled && e.isShowPopover,
+      expression: "!disabled && isShowPopover"
+    }],
+    ref: "popover",
+    staticClass: "dp-popover_view_",
+    style: {
+      width: e.width
+    }
+  }, [e._t("default", function() {
+    return [e._v(e._s(e.content))];
+  })], 2), o("span", {
+    ref: "trigger",
+    on: {
+      click: e.handleToggleShow
+    }
+  }, [e._t("reference")], 2)]);
+}, X = [];
+function C(e, r, o, n, l, f, h, c) {
+  var _ = typeof e == "function" ? e.options : e;
+  r && (_.render = r, _.staticRenderFns = o, _._compiled = !0), n && (_.functional = !0), f && (_._scopeId = "data-v-" + f);
+  var b;
+  if (h ? (b = function(y) {
+    y = y || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ < "u" && (d = __VUE_SSR_CONTEXT__), n && n.call(this, d), d && d._registeredComponents && d._registeredComponents.add(a);
-  }, l._ssrRegister = c) : n && (c = s ? function() {
-    n.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !y && typeof __VUE_SSR_CONTEXT__ < "u" && (y = __VUE_SSR_CONTEXT__), l && l.call(this, y), y && y._registeredComponents && y._registeredComponents.add(h);
+  }, _._ssrRegister = b) : l && (b = c ? function() {
+    l.call(
       this,
-      (l.functional ? this.parent : this).$root.$options.shadowRoot
+      (_.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : n), c)
-    if (l.functional) {
-      l._injectStyles = c;
-      var $ = l.render;
-      l.render = function(x, p) {
-        return c.call(p), $(x, p);
+  } : l), b)
+    if (_.functional) {
+      _._injectStyles = b;
+      var k = _.render;
+      _.render = function(M, O) {
+        return b.call(O), k(M, O);
       };
     } else {
-      var f = l.beforeCreate;
-      l.beforeCreate = f ? [].concat(f, c) : [c];
+      var x = _.beforeCreate;
+      _.beforeCreate = x ? [].concat(x, b) : [b];
     }
   return {
     exports: e,
-    options: l
+    options: _
   };
 }
-const k = {
+const Q = {
+  name: "dp-popover",
+  mixins: [Y],
+  props: {
+    trigger: {
+      type: String,
+      default: "click",
+      validator(e) {
+        return ["click", "hover"].includes(e);
+      }
+    },
+    content: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    },
+    width: {
+      type: String,
+      default: "200px"
+    },
+    placement: {
+      type: String,
+      default: "bottom",
+      validator(e) {
+        return ["top", "top-start", "top-end", "right", "right-start", "right-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end"].includes(e);
+      }
+    }
+  },
+  mounted() {
+    let e = this.$refs.reference || this.$refs.trigger.children[0];
+    if (!e)
+      return;
+    const r = this.$refs.popover;
+    this.trigger === "click" ? document.body.addEventListener("click", this.handleOutClick) : this.trigger === "hover" && (e.addEventListener("mouseenter", this.handleMouseEnter), e.addEventListener("mouseleave", this.handleMouseLeave), r.addEventListener("mouseenter", this.handleMouseEnter), r.addEventListener("mouseleave", this.handleMouseLeave));
+  },
+  methods: {
+    handleToggleShow() {
+      this.isShowPopover = !this.isShowPopover;
+    },
+    handleOutClick(e) {
+      this.$nextTick(() => {
+        !this.$el || !this.$refs.popover || this.$refs.popover.contains(e.target) || this.$refs.trigger.contains(e.target) || (this.isShowPopover = !1);
+      });
+    },
+    handleMouseEnter() {
+      this.isShowPopover = !0;
+    },
+    handleMouseLeave() {
+      this.isShowPopover = !1;
+    }
+  },
+  beforeDestroy() {
+    document.body.removeEventListener("click", this.handleOutClick);
+    const e = this.$refs.reference || this.$refs.trigger && this.$refs.trigger.children[0], r = this.$refs.popover;
+    e && (e.removeEventListener("mouseenter", this.handleMouseEnter), e.removeEventListener("mouseleave", this.handleMouseLeave), r.removeEventListener("mouseenter", this.handleMouseEnter), r.removeEventListener("mouseleave", this.handleMouseLeave));
+  }
+}, H = {};
+var ee = /* @__PURE__ */ C(
+  Q,
+  Z,
+  X,
+  !1,
+  te,
+  "eea938f0",
+  null,
+  null
+);
+function te(e) {
+  for (let r in H)
+    this[r] = H[r];
+}
+const G = /* @__PURE__ */ function() {
+  return ee.exports;
+}();
+var oe = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("div", {
+    class: ["dp-check_view_", e.value.includes(e.data.code) && "dp-check_view_checked_"],
+    attrs: {
+      disabled: e.disabled
+    },
+    on: {
+      click: function(n) {
+        return n.stopPropagation(), e.handleChange.apply(null, arguments);
+      }
+    }
+  }, [o("span", {
+    staticClass: "dp-check_tag_"
+  }), o("span", {
+    staticClass: "dp-check_name_"
+  }, [e._v(e._s(e.data.name))])]);
+}, re = [];
+const ie = {
   name: "dp-check",
   props: {
     data: {
@@ -62,47 +725,47 @@ const k = {
     handleChange() {
       if (this.disabled)
         return;
-      const e = this.value.includes(this.data.code) ? this.value.filter((o) => o !== this.data.code) : [...this.value, this.data.code];
+      const e = this.value.includes(this.data.code) ? this.value.filter((r) => r !== this.data.code) : [...this.value, this.data.code];
       this.$emit("change", e, this.data.key);
     }
   }
-}, g = {};
-var D = /* @__PURE__ */ h(
-  k,
-  S,
-  w,
+}, P = {};
+var ne = /* @__PURE__ */ C(
+  ie,
+  oe,
+  re,
   !1,
-  F,
-  "1b8ae42a",
+  se,
+  "1bea0315",
   null,
   null
 );
-function F(e) {
-  for (let o in g)
-    this[o] = g[o];
+function se(e) {
+  for (let r in P)
+    this[r] = P[r];
 }
-const H = /* @__PURE__ */ function() {
-  return D.exports;
+const ae = /* @__PURE__ */ function() {
+  return ne.exports;
 }();
-var O = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("div", {
+var le = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("div", {
     class: ["dp-radio_view_", e.value === e.data.code && "dp-radio_view_checked_"],
     attrs: {
       disabled: e.disabled
     },
     on: {
-      click: function(t) {
-        return t.stopPropagation(), e.handleChange.apply(null, arguments);
+      click: function(n) {
+        return n.stopPropagation(), e.handleChange.apply(null, arguments);
       }
     }
-  }, [r("span", {
+  }, [o("span", {
     staticClass: "dp-radio_tag_"
-  }), r("span", {
+  }), o("span", {
     staticClass: "dp-radio_name_"
   }, [e._v(e._s(e.data.name))])]);
-}, j = [];
-const E = {
+}, de = [];
+const pe = {
   name: "dp-radio",
   props: {
     data: {
@@ -122,41 +785,41 @@ const E = {
       this.$emit("change", this.data.code, this.data.key);
     }
   }
-}, b = {};
-var M = /* @__PURE__ */ h(
-  E,
-  O,
-  j,
+}, N = {};
+var ce = /* @__PURE__ */ C(
+  pe,
+  le,
+  de,
   !1,
-  R,
-  "e7bf9628",
+  he,
+  "1d357f3a",
   null,
   null
 );
-function R(e) {
-  for (let o in b)
-    this[o] = b[o];
+function he(e) {
+  for (let r in N)
+    this[r] = N[r];
 }
-const T = /* @__PURE__ */ function() {
-  return M.exports;
+const fe = /* @__PURE__ */ function() {
+  return ce.exports;
 }();
-var L = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("div", {
+var ue = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("div", {
     staticClass: "dp-checkfilter_view_"
-  }, [r("span", {
+  }, [o("span", {
     class: [e.value.length && "dp-checkfilter_title_checked_"]
-  }, [e._v(e._s(e.title))]), r("span", {
+  }, [e._v(e._s(e.title))]), o("span", {
     staticClass: "dp-checkfilter_arrow_"
-  }), r("div", {
+  }), o("div", {
     staticClass: "dp-checkfilter_option_view_"
-  }, [r("div", {
+  }, [o("div", {
     staticClass: "dp-checkfilter_option_list_"
-  }, [e.type === "check" ? e._l(e.option, function(t) {
-    return r("dp-check", {
-      key: t.code,
+  }, [e.type === "check" ? e._l(e.option, function(n) {
+    return o("dp-check", {
+      key: n.code,
       attrs: {
-        data: Object.assign({}, t, {
+        data: Object.assign({}, n, {
           key: e.code
         }),
         value: e.value
@@ -165,11 +828,11 @@ var L = function() {
         change: e.handleChange
       }
     });
-  }) : e.type === "radio" ? e._l(e.option, function(t) {
-    return r("dp-radio", {
-      key: t.code,
+  }) : e.type === "radio" ? e._l(e.option, function(n) {
+    return o("dp-radio", {
+      key: n.code,
       attrs: {
-        data: Object.assign({}, t, {
+        data: Object.assign({}, n, {
           key: e.code
         }),
         value: e.value[0]
@@ -179,12 +842,13 @@ var L = function() {
       }
     });
   }) : e._e()], 2)])]);
-}, W = [];
-const z = {
+}, _e = [];
+const ve = {
   name: "dp-checkfilter",
   components: {
-    DpCheck: H,
-    DpRadio: T
+    DpPopover: G,
+    DpCheck: ae,
+    DpRadio: fe
   },
   props: {
     title: {
@@ -209,60 +873,60 @@ const z = {
     }
   },
   methods: {
-    handleChange(e, o) {
-      this.$emit("change", { key: o, value: [e].flat() });
+    handleChange(e, r) {
+      this.$emit("change", { key: r, value: [e].flat() });
     }
   }
-}, v = {};
-var K = /* @__PURE__ */ h(
-  z,
-  L,
-  W,
+}, R = {};
+var me = /* @__PURE__ */ C(
+  ve,
+  ue,
+  _e,
   !1,
-  B,
-  "20c78138",
+  ge,
+  "bf22bd06",
   null,
   null
 );
-function B(e) {
-  for (let o in v)
-    this[o] = v[o];
+function ge(e) {
+  for (let r in R)
+    this[r] = R[r];
 }
-const P = /* @__PURE__ */ function() {
-  return K.exports;
+const be = /* @__PURE__ */ function() {
+  return me.exports;
 }();
-var A = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("li", {
+var ye = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("li", {
     class: ["dp-table_header_item_ dp-table_header_item_height_", e.item.children ? "dp-table_header_item_group_" : "dp-table_header_item_border_", e.item.sortKey && "dp-table_header_item_cursor_"],
     style: Object.assign({
       borderColor: e.borderColor,
       justifyContent: e.align
     }, e.item.style, e.item.privateStyle),
     on: {
-      click: function(t) {
-        return t.stopPropagation(), e.handleItemClick(e.item, e.fullCode);
+      click: function(n) {
+        return n.stopPropagation(), e.handleItemClick(e.item, e.fullCode);
       }
     }
   }, [e._t(e.item.slot || e.item.code, function() {
-    return [e.item.children ? [r("div", {
+    return [e.item.children ? [o("div", {
       staticClass: "dp-table_header_item_border_ dp-table_header_item_group_title_ dp-table_header_item_height_",
       style: {
         borderColor: e.borderColor,
         justifyContent: e.align
       }
-    }, [e._v(e._s(e.item.name))]), e.item.children ? r("ul", {
+    }, [e._v(e._s(e.item.name))]), e.item.children ? o("ul", {
       staticClass: "dp-table_header_item_child_",
       style: {
         borderColor: e.borderColor
       }
-    }, e._l(e.item.children, function(t) {
-      return r("dp-table-header-item", {
-        key: t.code,
+    }, e._l(e.item.children, function(n) {
+      return o("dp-table-header-item", {
+        key: n.code,
         attrs: {
           align: e.align,
-          fullCode: [].concat(e.fullCode, [t.code]),
-          item: t,
+          fullCode: [].concat(e.fullCode, [n.code]),
+          item: n,
           borderColor: e.borderColor,
           sortInfo: e.sortInfo,
           filterInfo: e.filterInfo
@@ -272,17 +936,17 @@ var A = function() {
           changeSort: e.handleItemClick,
           changeFilter: e.handleChangeFilter
         },
-        scopedSlots: e._u([e._l(e.$slots, function(n, i) {
+        scopedSlots: e._u([e._l(e.$slots, function(l, f) {
           return {
-            key: i,
+            key: f,
             fn: function() {
-              return [e._t(i)];
+              return [e._t(f)];
             },
             proxy: !0
           };
         })], null, !0)
       });
-    }), 1) : e._e()] : e.item.type && e.item.option ? [r("dp-checkfilter", {
+    }), 1) : e._e()] : e.item.type && e.item.option ? [o("dp-checkfilter", {
       staticClass: "dp-table_header_filter_view_",
       style: {
         justifyContent: e.align
@@ -297,15 +961,15 @@ var A = function() {
       on: {
         change: e.handleChangeFilter
       }
-    })] : [e._v(" " + e._s(e.item.name) + " "), e.item.sortKey ? r("span", {
+    })] : [e._v(" " + e._s(e.item.name) + " "), e.item.sortKey ? o("span", {
       class: ["dp-table_header_item_sort_", e.sortInfo.target.join("_") === e.fullCode.join("_") && e.sortInfo.value === "up" && "dp-table_header_item_sort_up_", e.sortInfo.target.join("_") === e.fullCode.join("_") && e.sortInfo.value === "down" && "dp-table_header_item_sort_down_"]
     }) : e._e()]];
   })], 2);
-}, N = [];
-const q = {
+}, we = [];
+const Ce = {
   name: "dp-table-header-item",
   components: {
-    DpCheckfilter: P
+    DpCheckfilter: be
   },
   props: {
     item: {
@@ -340,8 +1004,8 @@ const q = {
     handleChildResize(e) {
       this.widthObj = { ...this.widthObj, ...e }, this.$emit("changeWidth", e);
     },
-    handleItemClick(e, o) {
-      e.sortKey && this.$emit("changeSort", { ...e }, o);
+    handleItemClick(e, r) {
+      e.sortKey && this.$emit("changeSort", { ...e }, r);
     },
     handleChangeFilter(e) {
       this.$emit("changeFilter", { [this.fullCode.join("_")]: { target: this.fullCode, ...e, filterKey: this.item.filterKey || this.item.code, filterFn: this.item.filterFn } });
@@ -353,50 +1017,50 @@ const q = {
   beforeUnMounted() {
     this.resizer && this.resizer.unobserve(this.$el);
   }
-}, m = {};
-var U = /* @__PURE__ */ h(
-  q,
-  A,
-  N,
+}, A = {};
+var $e = /* @__PURE__ */ C(
+  Ce,
+  ye,
+  we,
   !1,
-  V,
+  xe,
   "5cf7a766",
   null,
   null
 );
-function V(e) {
-  for (let o in m)
-    this[o] = m[o];
+function xe(e) {
+  for (let r in A)
+    this[r] = A[r];
 }
-const X = /* @__PURE__ */ function() {
-  return U.exports;
-}(), u = (e, o, r) => {
-  const t = e[r];
-  if (!t.isFixed || !o[t.code])
+const Se = /* @__PURE__ */ function() {
+  return $e.exports;
+}(), F = (e, r, o) => {
+  const n = e[o];
+  if (!n.isFixed || !r[n.code])
     return {};
-  const n = (a) => typeof a == "number" ? [a] : Object.values(a).map((s) => n(s)).flat();
-  return { position: "sticky", left: `${e.filter((a, s) => s < r && a.isFixed).map((a) => n(o[a.code])).reduce((a, s) => parseFloat(a) + parseFloat(s), 0)}px` };
-}, _ = (e, o, r) => {
-  const t = e[o[0]];
-  return o.length > 1 ? _(t, o.slice(1)) : e[r] || t;
+  const l = (h) => typeof h == "number" ? [h] : Object.values(h).map((c) => l(c)).flat();
+  return { position: "sticky", left: `${e.filter((h, c) => c < o && h.isFixed).map((h) => l(r[h.code])).reduce((h, c) => parseFloat(h) + parseFloat(c), 0)}px` };
+}, D = (e, r, o) => {
+  const n = e[r[0]];
+  return r.length > 1 ? D(n, r.slice(1)) : e[o] || n;
 };
-var G = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("ul", {
+var Ie = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("ul", {
     staticClass: "dp-table_header_view_",
     style: {
       borderColor: e.borderColor,
       backgroundColor: e.bgColor
     }
-  }, e._l(e.data, function(t, n) {
-    return r("dp-item", {
-      key: t.code,
-      class: [t.isFixed && "dp-table_fixed_bg_", e.isLeftScroll && "dp-table_fixed_shadow_"],
-      style: Object.assign({}, e.fixedStyle[n]),
+  }, e._l(e.data, function(n, l) {
+    return o("dp-item", {
+      key: n.code,
+      class: [n.isFixed && "dp-table_fixed_bg_", e.isLeftScroll && "dp-table_fixed_shadow_"],
+      style: Object.assign({}, e.fixedStyle[l]),
       attrs: {
-        item: t,
+        item: n,
         align: e.align,
-        fullCode: [t.code],
+        fullCode: [n.code],
         borderColor: e.borderColor,
         sortInfo: e.sortInfo,
         filterInfo: e.filterInfo
@@ -406,22 +1070,22 @@ var G = function() {
         changeSort: e.handleChangeSort,
         changeFilter: e.handleChangeFilter
       },
-      scopedSlots: e._u([e._l(e.$slots, function(i, a) {
+      scopedSlots: e._u([e._l(e.$slots, function(f, h) {
         return {
-          key: a,
+          key: h,
           fn: function() {
-            return [e._t(a)];
+            return [e._t(h)];
           },
           proxy: !0
         };
       })], null, !0)
     });
   }), 1);
-}, J = [];
-const Q = {
+}, Oe = [];
+const Ee = {
   name: "dp-table-header",
   components: {
-    DpItem: X
+    DpItem: Se
   },
   props: {
     // 表头数据
@@ -455,7 +1119,7 @@ const Q = {
   },
   computed: {
     fixedStyle() {
-      return this.data.map((e, o) => ({ ...u(this.data, this.widthInfo, o), backgroundColor: this.bgColor }));
+      return this.data.map((e, r) => ({ ...F(this.data, this.widthInfo, r), backgroundColor: this.bgColor }));
     }
   },
   data() {
@@ -465,51 +1129,51 @@ const Q = {
     };
   },
   methods: {
-    computFixedStyle: u,
+    computFixedStyle: F,
     handleChangeWidthInfo(e) {
       this.widthInfo = { ...this.widthInfo, ...e }, clearTimeout(this.timer), this.timer = setTimeout(() => {
         this.$emit("changeWidth", this.widthInfo);
       }, 300);
     },
-    handleChangeSort(e, o) {
-      console.log(e, o), this.$emit("changeSort", e, o);
+    handleChangeSort(e, r) {
+      console.log(e, r), this.$emit("changeSort", e, r);
     },
     handleChangeFilter(e) {
       this.$emit("changeFilter", e);
     }
   }
-}, y = {};
-var Y = /* @__PURE__ */ h(
-  Q,
-  G,
-  J,
+}, W = {};
+var ke = /* @__PURE__ */ C(
+  Ee,
+  Ie,
+  Oe,
   !1,
-  Z,
+  Me,
   "2293b374",
   null,
   null
 );
-function Z(e) {
-  for (let o in y)
-    this[o] = y[o];
+function Me(e) {
+  for (let r in W)
+    this[r] = W[r];
 }
-const ee = /* @__PURE__ */ function() {
-  return Y.exports;
+const je = /* @__PURE__ */ function() {
+  return ke.exports;
 }();
-var te = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("div", {
+var De = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("div", {
     staticClass: "dp-table_view_border_",
     style: {
       borderColor: e.borderColor
     }
-  }, [r("div", {
+  }, [o("div", {
     ref: "table",
     staticClass: "dp-table_view_",
     on: {
       scroll: e.handleScroll
     }
-  }, [r("dp-header", {
+  }, [o("dp-header", {
     ref: "header",
     attrs: {
       data: e.resultHeadData,
@@ -525,113 +1189,113 @@ var te = function() {
       changeSort: e.handleChangeSort,
       changeFilter: e.handleChangeFilter
     },
-    scopedSlots: e._u([e._l(e.$slots, function(t, n) {
+    scopedSlots: e._u([e._l(e.$slots, function(n, l) {
       return {
-        key: n,
+        key: l,
         fn: function() {
-          return [e._t(n)];
+          return [e._t(l)];
         },
         proxy: !0
       };
     })], null, !0)
-  }), r("div"), r("ul", {
+  }), o("div"), o("ul", {
     staticClass: "dp-table_body_view_",
     style: {
       height: `${e.fullHeight}px`,
       paddingTop: e.beforeHeight + "px"
     }
-  }, e._l(e.resultData, function(t) {
-    return r("li", {
-      key: t.__key,
-      class: ["dp-table_body_item_", t.__isTotalData && "dp-table_total_view_"],
-      style: Object.assign({}, t.style, e.hoverStyle, e.computEvenColor(t.__sub), {
-        height: `${e.fullHeightInfo[t.__key]}px`
+  }, e._l(e.resultData, function(n) {
+    return o("li", {
+      key: n.__key,
+      class: ["dp-table_body_item_", n.__isTotalData && "dp-table_total_view_"],
+      style: Object.assign({}, n.style, e.hoverStyle, e.computEvenColor(n.__sub), {
+        height: `${e.fullHeightInfo[n.__key]}px`
       }),
       on: {
-        mouseenter: function(n) {
+        mouseenter: function(l) {
           return e.handleChangeFlag(!0);
         },
-        mouseleave: function(n) {
+        mouseleave: function(l) {
           return e.handleChangeFlag(!1);
         }
       }
-    }, [e._l(e.deepHeadData, function(n, i) {
-      return [t[n.code] instanceof Object ? [t[n.code].slot ? r("div", {
-        class: ["dp-table_body_item_group_col_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+    }, [e._l(e.deepHeadData, function(l, f) {
+      return [n[l.code] instanceof Object ? [n[l.code].slot ? o("div", {
+        class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[i], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].slot].flat(), function(a) {
-        return r("div", {
-          key: a,
+        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[l.code]))
+      }, e._l([n[l.code].slot].flat(), function(h) {
+        return o("div", {
+          key: h,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, n.style, n.colStyle, t[n.code].style, {
+          }, l.style, l.colStyle, n[l.code].style, {
             width: "100%"
           })
-        }, [e._t(a, null, {
-          item: t
+        }, [e._t(h, null, {
+          item: n
         })], 2);
-      }), 0) : t[n.code].raw ? r("div", {
-        class: ["dp-table_body_item_group_col_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+      }), 0) : n[l.code].raw ? o("div", {
+        class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[i], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].raw].flat(), function(a, s) {
-        return r("div", {
-          key: s,
+        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[l.code]))
+      }, e._l([n[l.code].raw].flat(), function(h, c) {
+        return o("div", {
+          key: c,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, n.style, n.colStyle, t[n.code].style, {
+          }, l.style, l.colStyle, n[l.code].style, {
             width: "100%"
           }),
           domProps: {
-            innerHTML: e._s(a)
+            innerHTML: e._s(h)
           }
         });
-      }), 0) : t[n.code].value ? r("div", {
-        class: ["dp-table_body_item_group_col_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+      }), 0) : n[l.code].value ? o("div", {
+        class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[i], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].value].flat(), function(a, s) {
-        return r("div", {
-          key: s,
+        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[l.code]))
+      }, e._l([n[l.code].value].flat(), function(h, c) {
+        return o("div", {
+          key: c,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, n.style, n.colStyle, t[n.code].style, {
+          }, l.style, l.colStyle, n[l.code].style, {
             width: "100%"
           })
-        }, [e._v(e._s(a))]);
-      }), 0) : e._e()] : r("div", {
-        class: ["dp-table_body_item_child_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+        }, [e._v(e._s(h))]);
+      }), 0) : e._e()] : o("div", {
+        class: ["dp-table_body_item_child_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor,
           padding: e.itemPadding,
           justifyContent: e.dir
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[i])
-      }, [e._v(e._s(t[n.code]))])];
-    }), t.__isTotalData ? r("span", {
+        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f])
+      }, [e._v(e._s(n[l.code]))])];
+    }), n.__isTotalData ? o("span", {
       staticClass: "dp-table_total_border_",
       style: {
         borderColor: e.borderColor
       }
     }) : e._e()], 2);
   }), 0)], 1)]);
-}, oe = [];
-const re = {
+}, Fe = [];
+const Te = {
   name: "dp-table",
   components: {
-    DpHeader: ee
+    DpHeader: je
   },
   props: {
     // 边框颜色
@@ -713,52 +1377,52 @@ const re = {
     },
     // 平铺表头
     deepHeadData() {
-      const e = [], o = (r) => {
-        r.children ? r.children.forEach((t) => o({ ...t, code: `${r.code}_${t.code}` })) : e.push(r);
+      const e = [], r = (o) => {
+        o.children ? o.children.forEach((n) => r({ ...n, code: `${o.code}_${n.code}` })) : e.push(o);
       };
-      return this.resultHeadData.forEach((r) => o(r)), e;
+      return this.resultHeadData.forEach((o) => r(o)), e;
     },
     // 筛选后的表体数据
     filterBodyData() {
-      const e = Object.values(this.filterInfo).filter((o) => o.value.length);
-      return e.length ? [...this.bodyData].filter((o) => {
-        let r = !0;
-        return e.some((t) => {
-          if (!t.value.includes(_(o, t.target, t.filterKey)))
-            return r = !1, !0;
-        }), r;
+      const e = Object.values(this.filterInfo).filter((r) => r.value.length);
+      return e.length ? [...this.bodyData].filter((r) => {
+        let o = !0;
+        return e.some((n) => {
+          if (!n.value.includes(D(r, n.target, n.filterKey)))
+            return o = !1, !0;
+        }), o;
       }) : this.bodyData;
     },
     // 表体总高度
     fullHeight() {
-      return this.fullHeightInfo.reduce((e, o) => e + o, 0);
+      return this.fullHeightInfo.reduce((e, r) => e + r, 0);
     },
     // 表体渲染数据
     resultData() {
-      return Object.keys(this.widthInfo).length < this.headData.length || !this.headData.length ? [] : (this.sortInfo.value ? [...this.filterBodyData].sort((o, r) => {
-        const t = _(o, this.sortInfo.target, this.sortInfo.sortKey), n = _(r, this.sortInfo.target, this.sortInfo.sortKey);
-        return this.sortInfo.value === "up" ? t - n : n - t;
-      }) : this.filterBodyData).slice(this.beforeIndex, this.currentIndex).concat(this.totalData ? [{ ...this.totalData, __sub: "", __isTotalData: !0 }] : []).map((o, r) => {
-        const t = this.handleComputItem(o);
-        return Object.keys(t).forEach((n) => {
-          if (t[n] instanceof Object && (t[n].merge || 0) > 1) {
-            const i = this.deepHeadData.findIndex((s) => s.code === n), a = this.deepHeadData.slice(i, i + t[n].merge);
-            a.forEach((s) => {
-              const l = t[s.code];
-              l instanceof Object || (t[s.code] = { value: l }), t[s.code] = { ...t[s.code], isMergeIgnored: !0 };
-            }), t[n].isMerge = !0, t[n].width = a.map((s) => this.widthInfo[s.code]).reduce((s, l) => s + l, 0);
+      return Object.keys(this.widthInfo).length < this.headData.length || !this.headData.length ? [] : (this.sortInfo.value ? [...this.filterBodyData].sort((r, o) => {
+        const n = D(r, this.sortInfo.target, this.sortInfo.sortKey), l = D(o, this.sortInfo.target, this.sortInfo.sortKey);
+        return this.sortInfo.value === "up" ? n - l : l - n;
+      }) : this.filterBodyData).slice(this.beforeIndex, this.currentIndex).concat(this.totalData ? [{ ...this.totalData, __sub: "", __isTotalData: !0 }] : []).map((r, o) => {
+        const n = this.handleComputItem(r);
+        return Object.keys(n).forEach((l) => {
+          if (n[l] instanceof Object && (n[l].merge || 0) > 1) {
+            const f = this.deepHeadData.findIndex((c) => c.code === l), h = this.deepHeadData.slice(f, f + n[l].merge);
+            h.forEach((c) => {
+              const _ = n[c.code];
+              _ instanceof Object || (n[c.code] = { value: _ }), n[c.code] = { ...n[c.code], isMergeIgnored: !0 };
+            }), n[l].isMerge = !0, n[l].width = h.map((c) => this.widthInfo[c.code]).reduce((c, _) => c + _, 0);
           }
         }), {
-          __sub: r + parseInt(this.basicSub) + this.beforeIndex,
-          ...o,
-          ...t,
-          __key: r + this.beforeIndex
+          __sub: o + parseInt(this.basicSub) + this.beforeIndex,
+          ...r,
+          ...n,
+          __key: o + this.beforeIndex
         };
       });
     },
     // 冻结列样式
     fixedStyle() {
-      return this.headData.map((e, o) => u(this.resultHeadData, this.widthInfo, o));
+      return this.headData.map((e, r) => F(this.resultHeadData, this.widthInfo, r));
     },
     // 行hover样式
     hoverStyle() {
@@ -766,7 +1430,7 @@ const re = {
     },
     // 前置填充高度
     beforeHeight() {
-      return Math.max(this.rowHeight ? this.beforeIndex * this.rowHeight : this.fullHeightInfo.slice(0, this.beforeIndex).reduce((e, o) => e + o, 0), 0);
+      return Math.max(this.rowHeight ? this.beforeIndex * this.rowHeight : this.fullHeightInfo.slice(0, this.beforeIndex).reduce((e, r) => e + r, 0), 0);
     }
   },
   watch: {
@@ -807,17 +1471,17 @@ const re = {
     },
     // 计算单行高度
     handleComputItemHeight() {
-      this.fullHeightInfo = this.filterBodyData.concat(this.totalData ? [this.totalData] : []).map((e, o) => {
-        let r = 0;
+      this.fullHeightInfo = this.filterBodyData.concat(this.totalData ? [this.totalData] : []).map((e, r) => {
+        let o = 0;
         if (this.rowHeight)
-          r = this.rowHeight;
+          o = this.rowHeight;
         else if (this.rowItemHeight) {
-          const t = {}, n = (a, s) => {
-            s.children ? s.children.forEach((l) => n((a || {})[l.code], { ...l, code: `${s.code}_${l.code}` })) : t[s.code] = a;
+          const n = {}, l = (h, c) => {
+            c.children ? c.children.forEach((_) => l((h || {})[_.code], { ..._, code: `${c.code}_${_.code}` })) : n[c.code] = h;
           };
-          this.headData.forEach((a) => n(e[a.code], a)), r = Math.max(...this.deepHeadData.map((a) => t[a.code] instanceof Object ? t[a.code].slot ? [t[a.code].slot].flat().length : t[a.code].raw ? [t[a.code].raw].flat().length : t[a.code].value ? [t[a.code].value].flat().length : 1 : 1)) * this.rowItemHeight;
+          this.headData.forEach((h) => l(e[h.code], h)), o = Math.max(...this.deepHeadData.map((h) => n[h.code] instanceof Object ? n[h.code].slot ? [n[h.code].slot].flat().length : n[h.code].raw ? [n[h.code].raw].flat().length : n[h.code].value ? [n[h.code].value].flat().length : 1 : 1)) * this.rowItemHeight;
         }
-        return r;
+        return o;
       });
     },
     // 收集表头各单元格宽度数据
@@ -826,23 +1490,23 @@ const re = {
     },
     // 递归铺开数据
     handleComputItem(e) {
-      let o = {};
-      const r = (t, n) => {
-        n.children ? n.children.forEach((i) => r((t || {})[i.code], { ...i, code: `${n.code}_${i.code}` })) : o[n.code] = t;
+      let r = {};
+      const o = (n, l) => {
+        l.children ? l.children.forEach((f) => o((n || {})[f.code], { ...f, code: `${l.code}_${f.code}` })) : r[l.code] = n;
       };
-      return this.headData.filter((t) => t.children).forEach((t) => r(e[t.code], t)), o;
+      return this.headData.filter((n) => n.children).forEach((n) => o(e[n.code], n)), r;
     },
     // 滚动事件
     handleScroll(e) {
       this.scrollLeft = e.target.scrollLeft, clearTimeout(this.timer), this.timer = setTimeout(() => {
-        const o = e.target.scrollTop - this.$el.offsetHeight / 2;
+        const r = e.target.scrollTop - this.$el.offsetHeight / 2;
         if (this.rowHeight)
-          this.beforeIndex = Math.max(Math.floor(o / this.rowHeight), 0), this.currentIndex = Math.max(this.beforeIndex + Math.ceil(this.$el.offsetHeight / this.rowHeight) * 3, 50);
+          this.beforeIndex = Math.max(Math.floor(r / this.rowHeight), 0), this.currentIndex = Math.max(this.beforeIndex + Math.ceil(this.$el.offsetHeight / this.rowHeight) * 3, 50);
         else {
-          let r = 0;
-          this.beforeIndex = this.fullHeightInfo.findIndex((t) => {
-            const n = r + t >= o;
-            return n || (r += t), n;
+          let o = 0;
+          this.beforeIndex = this.fullHeightInfo.findIndex((n) => {
+            const l = o + n >= r;
+            return l || (o += n), l;
           }), this.currentIndex = Math.min(this.beforeIndex + 50, this.filterBodyData.length);
         }
       }, 10);
@@ -852,47 +1516,47 @@ const re = {
       this.hoverFlag = e;
     },
     // 操作排序
-    handleChangeSort(e, o) {
-      if (this.sortInfo.target.join("_") === o.join("_")) {
-        const r = ["up", "down", null];
-        this.sortInfo.value = r[(r.findIndex((t) => t === (this.sortInfo.value || null)) + 1) % r.length];
+    handleChangeSort(e, r) {
+      if (this.sortInfo.target.join("_") === r.join("_")) {
+        const o = ["up", "down", null];
+        this.sortInfo.value = o[(o.findIndex((n) => n === (this.sortInfo.value || null)) + 1) % o.length];
       } else
-        this.sortInfo = { target: o, value: "up", sortKey: e.sortKey, sortFn: e.sortFn || null };
+        this.sortInfo = { target: r, value: "up", sortKey: e.sortKey, sortFn: e.sortFn || null };
       this.$emit("changeSort", { key: e.sortKey, value: this.sortInfo.value });
     },
     // 操作筛选
     handleChangeFilter(e) {
-      this.filterInfo = { ...this.filterInfo, ...e }, this.beforeIndex = 0, this.currentIndex = 50, this.$refs.table.scrollTop = 0, this.$emit("changeFilter", Object.values(this.filterInfo).map((o) => ({ key: o.key, value: o.value })));
+      this.filterInfo = { ...this.filterInfo, ...e }, this.beforeIndex = 0, this.currentIndex = 50, this.$refs.table.scrollTop = 0, this.$emit("changeFilter", Object.values(this.filterInfo).map((r) => ({ key: r.key, value: r.value })));
     }
   }
-}, C = {};
-var ne = /* @__PURE__ */ h(
-  re,
-  te,
-  oe,
+}, B = {};
+var Le = /* @__PURE__ */ C(
+  Te,
+  De,
+  Fe,
   !1,
-  ae,
+  He,
   "6797cde1",
   null,
   null
 );
-function ae(e) {
-  for (let o in C)
-    this[o] = C[o];
+function He(e) {
+  for (let r in B)
+    this[r] = B[r];
 }
-const se = /* @__PURE__ */ function() {
-  return ne.exports;
+const Pe = /* @__PURE__ */ function() {
+  return Le.exports;
 }();
-var ie = function() {
-  var e = this, o = e.$createElement, r = e._self._c || o;
-  return r("div", {
+var Ne = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("div", {
     staticClass: "problem-raw",
     domProps: {
       innerHTML: e._s(e.data)
     }
   });
-}, le = [];
-const de = {
+}, Re = [];
+const Ae = {
   name: "dp-raw",
   props: {
     data: String
@@ -903,46 +1567,267 @@ const de = {
   methods: {
     computSvgDom() {
       const e = ["width", "height"];
-      [...this.$el.querySelectorAll("img")].filter((r) => /.svg$/i.test(r.src)).forEach(async (r) => {
-        const t = await fetch(r.src).then(async (n) => await n.text());
-        if (t) {
-          const n = document.createElement("span");
-          r.replaceWith(n);
-          const i = document.createElement("span");
-          i.innerHTML = t, [...r.attributes].filter((s) => s.value && s.name !== "src").forEach((s) => {
-            e.includes(s.name) ? i.style[s.name] = s.value : i[s.name] = s.value;
-          }), i.style.display = "inline-block", i.style.fontSize = "0", i.setAttribute("part", "__svg_view__"), n.attachShadow({ mode: "open" }).append(i);
+      [...this.$el.querySelectorAll("img")].filter((o) => /.svg$/i.test(o.src)).forEach(async (o) => {
+        const n = await fetch(o.src).then(async (l) => await l.text());
+        if (n) {
+          const l = document.createElement("span");
+          o.replaceWith(l);
+          const f = document.createElement("span");
+          f.innerHTML = n, [...o.attributes].filter((c) => c.value && c.name !== "src").forEach((c) => {
+            e.includes(c.name) ? f.style[c.name] = c.value : f[c.name] = c.value;
+          }), f.style.display = "inline-block", f.style.fontSize = "0", f.setAttribute("part", "__svg_view__"), l.attachShadow({ mode: "open" }).append(f);
         }
       });
     }
   }
-}, I = {};
-var ce = /* @__PURE__ */ h(
-  de,
-  ie,
-  le,
+}, z = {};
+var We = /* @__PURE__ */ C(
+  Ae,
+  Ne,
+  Re,
   !1,
-  he,
+  Be,
   "65587794",
   null,
   null
 );
-function he(e) {
-  for (let o in I)
-    this[o] = I[o];
+function Be(e) {
+  for (let r in z)
+    this[r] = z[r];
 }
-const _e = /* @__PURE__ */ function() {
-  return ce.exports;
-}(), ue = [
-  se,
-  _e
-], fe = {
+const ze = /* @__PURE__ */ function() {
+  return We.exports;
+}();
+var qe = { choice: 'span.__MC41aTVhZDc3NDdnMzM2__[data-t="MC4wNHY2eGVwODFmMXg"]', decide: 'span.__MC5jY2ZpMWU5NzYyamo__[data-t="MC5hMDFjMGM5NGNmZmFl"]', fill: 'span.__MC50aXB0OGc2Y2tqbw__[data-t="MC5mM2VtbTVkcDJm"]', scoreline: 'span.__MC5sOG52dGVycnI5Zw__[data-t="MC42NG83Z2Y1Y2w3bw"]' }, Je = (e) => {
+  let { el: r, isShow: o, type: n } = e, l = Object.keys(qe), f = o ? l.filter((c) => !(n || l).includes(c)) : n || l, h = l.filter((c) => !f.includes(c));
+  r.classList.add(...f.map((c) => `__toggleraw_${c}_hidden`)), r.classList.remove(...h.map((c) => `__toggleraw_${c}_hidden`));
+}, Ve = Je, Ge = { ToggleRaw: Ve }, Ke = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("svg", {
+    staticClass: "icon",
+    attrs: {
+      width: `${this.width}px`,
+      "aria-hidden": "true",
+      height: `${this.height || this.width}px`
+    }
+  }, [o("use", {
+    attrs: {
+      "xlink:href": "#dp-" + e.name
+    }
+  })]);
+}, Ue = [];
+const Ye = {
+  name: "dp-icon",
+  props: {
+    name: {
+      type: String
+    },
+    width: {
+      type: Number,
+      default: 16
+    },
+    height: {
+      type: Number
+    }
+  }
+}, q = {};
+var Ze = /* @__PURE__ */ C(
+  Ye,
+  Ke,
+  Ue,
+  !1,
+  Xe,
+  "3766159a",
+  null,
+  null
+);
+function Xe(e) {
+  for (let r in q)
+    this[r] = q[r];
+}
+const Qe = /* @__PURE__ */ function() {
+  return Ze.exports;
+}();
+var et = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("div", {
+    class: ["dp-capsule_view_", !e.disabled && "pointer"]
+  }, [o("div", {
+    staticClass: "dp-capsule_view_active_",
+    style: {
+      width: `${e.itemW}%`,
+      left: `${e.index * e.itemW}%`,
+      background: e.activeColor
+    }
+  }), e._l(e.option, function(n, l) {
+    return o("div", {
+      staticClass: "dp-capsule_view_item_",
+      style: {
+        width: `${e.itemW}%`,
+        color: l === e.index ? e.activeTextColor : "inherit"
+      },
+      on: {
+        click: function(f) {
+          return e.handleChange(n.code);
+        }
+      }
+    }, [e._v(e._s(n.name))]);
+  })], 2);
+}, tt = [];
+const ot = {
+  name: "dp-capsule",
+  props: {
+    value: {
+      type: [String, Number, Boolean]
+    },
+    name: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    },
+    option: {
+      type: Array
+    },
+    activeColor: {
+      type: String,
+      default: "#4386f5"
+    },
+    activeTextColor: {
+      type: String,
+      default: "#fff"
+    }
+  },
+  computed: {
+    index() {
+      return this.option.findIndex((e) => e.code === this.value);
+    }
+  },
+  data() {
+    return {
+      itemW: 0
+    };
+  },
+  mounted() {
+    this.itemW = 100 / (this.option.length || 1);
+  },
+  methods: {
+    handleChange(e) {
+      this.disabled || this.$emit("change", e, this.name);
+    }
+  }
+}, J = {};
+var rt = /* @__PURE__ */ C(
+  ot,
+  et,
+  tt,
+  !1,
+  it,
+  "8d631704",
+  null,
+  null
+);
+function it(e) {
+  for (let r in J)
+    this[r] = J[r];
+}
+const nt = /* @__PURE__ */ function() {
+  return rt.exports;
+}();
+var st = function() {
+  var e = this, r = e.$createElement, o = e._self._c || r;
+  return o("dp-popover", {
+    attrs: {
+      width: "240px"
+    }
+  }, [o("dp-icon", {
+    staticClass: "dp-toggleraw_icon_",
+    attrs: {
+      slot: "reference",
+      name: "set"
+    },
+    nativeOn: {
+      click: function(n) {
+        return e.handleChange(e.isShow);
+      }
+    },
+    slot: "reference"
+  }), o("div", {
+    staticClass: "dp-toggleraw_content_"
+  }, [o("span", [e._v("题型控件显隐控制")]), o("dp-capsule", {
+    attrs: {
+      value: e.isShow,
+      option: e.option
+    },
+    on: {
+      change: e.handleChange
+    }
+  })], 1)], 1);
+}, at = [];
+const lt = {
+  name: "dp-toggleraw",
+  components: {
+    DpIcon: Qe,
+    DpPopover: G,
+    DpCapsule: nt
+  },
+  props: {
+    initVal: {
+      type: Boolean,
+      default: !1
+    },
+    selectorList: {
+      type: Array
+    }
+  },
+  mounted() {
+    this.isShow = this.initVal, this.handleChange(this.isShow);
+  },
+  data() {
+    return {
+      isShow: !1,
+      option: [
+        { name: "显示", code: !0 },
+        { name: "隐藏", code: !1 }
+      ]
+    };
+  },
+  methods: {
+    handleChange(e) {
+      this.isShow = e, this.selectorList.map((o) => document.querySelector(o)).filter((o) => o).forEach((o) => {
+        Ge.ToggleRaw({ el: o, isShow: this.isShow });
+      }), this.$emit("change", this.isShow);
+    }
+  }
+}, V = {};
+var dt = /* @__PURE__ */ C(
+  lt,
+  st,
+  at,
+  !1,
+  pt,
+  "41c0d3a5",
+  null,
+  null
+);
+function pt(e) {
+  for (let r in V)
+    this[r] = V[r];
+}
+const ct = /* @__PURE__ */ function() {
+  return dt.exports;
+}(), ht = [
+  Pe,
+  ze,
+  ct
+], ft = {
   install: (e) => {
-    ue.forEach((o) => e.component(o.name, o));
+    ht.forEach((r) => e.component(r.name, r));
   }
 };
 export {
-  _e as Raw,
-  se as Table,
-  fe as default
+  ze as Raw,
+  Pe as Table,
+  ct as ToggleRaw,
+  ft as default
 };