@web-utils/component 2.0.13 → 2.2.0

package/flow-designer/style.css

@@ -0,0 +1 @@
+.process-panel__container{box-sizing:border-box;border-left:1px solid #eee;max-height:100%;padding:0 8px;transition:width .25s ease-in;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 8px #ccc}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{color:#606266;text-align:center;cursor:pointer;font-size:20px}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{align-items:flex-start;width:100%;margin:8px 0;display:flex}.process-panel__container .element-property .element-property__label{box-sizing:border-box;text-align:right;width:90px;padding-right:12px;font-size:14px;line-height:32px;display:block;overflow:hidden}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%;display:inline-grid}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.panel-tab__title{padding:0 8px;font-size:1.1em;font-weight:600;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;border-top:1px solid #eee;width:100%;padding:8px 16px}.panel-tab__content .panel-tab__content--title{justify-content:space-between;padding-bottom:8px;display:flex}.panel-tab__content .panel-tab__content--title span{text-align:left;flex:1}.listener-filed__title{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:inline-flex}.listener-filed__title span{text-align:left;width:200px;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{justify-content:space-around;width:100%;margin-top:8px;display:inline-flex}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.my-process-designer{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{z-index:100;box-sizing:border-box;font-variant:normal;text-transform:none;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 16px;font-size:.5em;display:inline-block;position:absolute;top:0;bottom:0;right:-10px;overflow:hidden;transform:translate(100%);box-shadow:0 0 6px #eee}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{text-align:left;width:100%;padding-left:8px;padding-right:8px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:rgba(64,158,255,.8)}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align i:after{content:"|";position:absolute;transform:rotate(90deg)translate(200%,60%)}.my-process-designer .my-process-designer__header .align.align-left i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__container{flex:1;width:100%;display:inline-flex}.my-process-designer .my-process-designer__container .my-process-designer__canvas{flex:1;height:100%;position:relative}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow-x:scroll;overflow-y:auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{background-color:#fff;width:100%;height:100%;display:flex}

package/flow-node/index.mjs

@@ -0,0 +1,102 @@
+import { s as n } from "../chunks/util.C2Bhx22L.mjs";
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var l = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  return t("div", {
+    ref: "node",
+    style: e.flowNodeContainer,
+    attrs: {
+      left: e.node.left,
+      top: e.node.top,
+      disabled: "",
+      mask: !1
+    },
+    on: {
+      mouseenter: e.showDelete,
+      mouseleave: e.hideDelete,
+      mouseup: e.changeNodeSite
+    }
+  }, [t("div", {
+    class: ["avue-flow__node", {
+      active: e.active === e.node.id
+    }]
+  }, [t("div", {
+    staticClass: "avue-flow__node-header"
+  }, [t("i", {
+    staticClass: "el-icon-rank",
+    class: e.b("node-drag")
+  }), e._t("header", null, {
+    node: e.node
+  })], 2), t("div", {
+    staticClass: "avue-flow__node-body"
+  }, [e._t("default", null, {
+    node: e.node
+  })], 2)])]);
+}, a = [];
+const i = {
+  name: "FlowNode",
+  props: {
+    active: [String, Number],
+    index: [String, Number],
+    node: Object
+  },
+  data() {
+    return {
+      // 控制节点操作显示
+      mouseEnter: !1
+    };
+  },
+  computed: {
+    // 节点容器样式
+    flowNodeContainer: {
+      get() {
+        return {
+          position: "absolute",
+          width: "200px",
+          top: n(this.node.top),
+          left: n(this.node.left),
+          boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
+          backgroundColor: "transparent"
+        };
+      }
+    }
+  },
+  methods: {
+    // 鼠标进入
+    showDelete() {
+      this.mouseEnter = !0;
+    },
+    // 鼠标离开
+    hideDelete() {
+      this.mouseEnter = !1;
+    },
+    // 鼠标移动后抬起
+    changeNodeSite() {
+      this.node.left === this.$refs.node.style.left && this.node.top === this.$refs.node.style.top || this.$emit("changeNodeSite", {
+        index: this.index,
+        left: Number(this.$refs.node.style.left.replace("px", "")),
+        top: Number(this.$refs.node.style.top.replace("px", ""))
+      });
+    }
+  }
+}, s = {};
+var d = /* @__PURE__ */ r(
+  i,
+  l,
+  a,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let o in s)
+    this[o] = s[o];
+}
+const p = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  p as default
+};

package/flow-viewer/index.mjs

@@ -0,0 +1,209 @@
+var b = Object.defineProperty, x = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var u = (e, i, t) => i in e ? b(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, w = (e, i) => {
+  for (var t in i || (i = {}))
+    V.call(i, t) && u(e, t, i[t]);
+  if (g)
+    for (var t of g(i))
+      E.call(i, t) && u(e, t, i[t]);
+  return e;
+}, y = (e, i) => x(e, M(i));
+var v = (e, i, t) => new Promise((s, n) => {
+  var l = (r) => {
+    try {
+      a(t.next(r));
+    } catch (o) {
+      n(o);
+    }
+  }, h = (r) => {
+    try {
+      a(t.throw(r));
+    } catch (o) {
+      n(o);
+    }
+  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(l, h);
+  a((t = t.apply(e, i)).next());
+});
+import $ from "bpmn-js/lib/NavigatedViewer";
+import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { create as c, attr as p, append as m } from "tiny-svg";
+import { query as A } from "min-dom";
+import S from "@web-utils/component/easy-popup";
+import "@web-utils/component/easy-popup/style.css";
+import { n as F } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var B = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    ref: "container",
+    staticClass: "flow-viewer flow-background-image",
+    style: {
+      "--highlight-color": e.highlightColor
+    }
+  }, [t("EasyPopup", {
+    ref: "popup",
+    attrs: {
+      "append-to-body": "",
+      "flex-column": "",
+      offset: {
+        x: 6,
+        y: 6
+      }
+    }
+  }, [e._t("default", function() {
+    return [e._v(" " + e._s(e.element) + " ")];
+  }, {
+    element: e.element
+  })], 2)], 1);
+}, C = [];
+const f = d.prototype._handleWheel, P = {
+  __init__: ["zoomScroll"],
+  zoomScroll: ["type", d]
+}, W = {
+  name: "FlowViewer",
+  components: {
+    EasyPopup: S
+  },
+  props: {
+    xml: {
+      type: String,
+      required: !0
+    },
+    options: {
+      type: Object
+    },
+    activities: {
+      type: Array,
+      default: () => []
+    },
+    historicActivities: {
+      type: Array,
+      default: () => []
+    },
+    highlightColor: {
+      type: String,
+      default: "rgb(0 190 0 / 100%)"
+    },
+    ctrlKey: Boolean,
+    nodePopup: Boolean,
+    events: Array
+  },
+  data() {
+    return {
+      element: null
+    };
+  },
+  watch: {
+    xml(e) {
+      var i;
+      (i = this.bpmnViewer) == null || i.importXML(e);
+    }
+  },
+  mounted() {
+    d.prototype._handleWheel = this.ctrlKey ? f : function(e) {
+      const { target: i, deltaMode: t, clientX: s, clientY: n, deltaX: l, deltaY: h } = e;
+      f.call(this, {
+        target: i,
+        deltaMode: t,
+        clientX: s,
+        clientY: n,
+        deltaX: l,
+        deltaY: h,
+        preventDefault() {
+          e.preventDefault();
+        },
+        ctrlKey: !0
+      });
+    }, this.bpmnViewer = new $(y(w({}, this.options), {
+      container: this.$refs.container,
+      additionalModules: [P]
+    })), this.bpmnViewer.on("import.done", (e) => {
+      const i = e.error, t = e.warnings;
+      i ? this.$emit("error", i) : this.$emit("shown", t), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+      const s = this.bpmnViewer.get("eventBus");
+      this.events && this.events.forEach((o) => {
+        s.on(o, (k) => {
+          this.$emit(o.replace(".", "-"), k.element);
+        });
+      }), this.nodePopup && s.on("element.mousemove", (o) => {
+        o.element.type === "bpmn:UserTask" && requestAnimationFrame(() => v(this, null, function* () {
+          this.element = o.element, yield this.$nextTick(), this.$refs.popup.show(o.originalEvent);
+        }));
+      }), this.nodePopup && s.on("element.out", () => {
+        this.$refs.popup.hide(), this.element = {};
+      }), this.highlightFlow(this.historicActivities, this.activities);
+      const n = c("marker");
+      p(n, {
+        id: "sequenceflow-arrow-green",
+        viewBox: "0 0 20 20",
+        refX: "11",
+        refY: "10",
+        markerWidth: "10",
+        markerHeight: "10",
+        orient: "auto"
+      });
+      const l = c("path");
+      p(l, {
+        d: "M 1 5 L 11 10 L 1 15 Z",
+        style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 1px; fill: var(--highlight-color);"
+      }), m(n, l);
+      const h = c("marker");
+      p(h, {
+        id: "conditional-default-flow-marker-green",
+        viewBox: "0 0 20 20",
+        refX: "0",
+        refY: "10",
+        markerWidth: "10",
+        markerHeight: "10",
+        orient: "auto"
+      });
+      const a = c("path");
+      p(a, {
+        d: "M 6 4 L 10 16",
+        style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 2px; fill: var(--highlight-color);"
+      }), m(h, a);
+      const r = A("defs", this.$el);
+      m(r, n), m(r, h);
+    }), this.bpmnViewer.importXML(this.xml), this.$watch(() => ({
+      activities: this.activities,
+      historicActivities: this.historicActivities
+    }), ({ activities: e, historicActivities: i }) => {
+      this.highlightFlow(i, e);
+    });
+  },
+  beforeDestroy() {
+    var e;
+    d.prototype._handleWheel = f, (e = this.bpmnViewer) == null || e.destroy();
+  },
+  methods: {
+    fitViewportCenter(e = "center") {
+      this.canvas.zoom("fit-viewport", e);
+    },
+    highlightFlow(e, i) {
+      this.elementRegistry.getAll().forEach((t) => {
+        ["bpmn:StartEvent", "bpmn:UserTask", "bpmn:ExclusiveGateway", "bpmn:ParallelGateway", "bpmn:EndEvent"].includes(t.type) && (e.includes(t.id) && !i.includes(t.id) ? this.canvas.addMarker(t, "highlight") : this.canvas.removeMarker(t, "highlight")), t.type === "bpmn:SequenceFlow" && (e.includes(t.id) ? this.canvas.addMarker(t, "highlight-line") : this.canvas.removeMarker(t, "highlight-line")), t.type === "bpmn:UserTask" && (i.includes(t.id) ? this.canvas.addMarker(t, "highlight-current") : this.canvas.removeMarker(t, "highlight-current"));
+      });
+    }
+  }
+}, _ = {};
+var X = /* @__PURE__ */ F(
+  W,
+  B,
+  C,
+  !1,
+  q,
+  null,
+  null,
+  null
+);
+function q(e) {
+  for (let i in _)
+    this[i] = _[i];
+}
+const U = /* @__PURE__ */ function() {
+  return X.exports;
+}();
+export {
+  U as default
+};

package/flow-viewer/style.css

@@ -0,0 +1 @@
+.flow-viewer{width:100%;height:400px}.flow-viewer .highlight g.djs-visual rect,.flow-viewer .highlight g.djs-visual circle,.flow-viewer .highlight g.djs-visual polygon,.flow-viewer .highlight g.djs-visual path{stroke:var(--highlight-color)!important}.flow-viewer .highlight g.djs-visual polygon+path{fill:var(--highlight-color)!important}@keyframes dashoffset{to{stroke-dashoffset:100%}}.flow-viewer .highlight-current g.djs-visual rect{stroke-dasharray:8;animation:40s linear infinite forwards dashoffset;fill:#fbe9d1!important;stroke:#d67e7d!important}.flow-viewer .highlight-line g.djs-visual path{stroke:var(--highlight-color)!important;stroke-width:2px!important;marker-end:url(#sequenceflow-arrow-green)!important}

package/form-block/index.mjs

@@ -0,0 +1,156 @@
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], d = ["$emit", "validate", "clearValidate"], c = {
+  name: "FormBlock",
+  inject: {
+    elForm: {
+      default: {}
+    }
+  },
+  provide() {
+    return {
+      elForm: this.formConfig
+    };
+  },
+  props: {
+    blockTitle: String,
+    active: Boolean,
+    enabled: Boolean,
+    disabled: Boolean,
+    wrapRow: {
+      type: Boolean,
+      default: !0
+    },
+    gutter: {
+      type: Number,
+      default: 20
+    },
+    collapse: Boolean
+  },
+  data() {
+    const e = {};
+    return l.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return l.forEach((t) => {
+        e[t] = this.elForm[t];
+      }), e;
+    }
+  },
+  watch: {
+    collapse: {
+      immediate: !0,
+      handler(e) {
+        this.expand = !e;
+      }
+    },
+    formCfg: {
+      immediate: !0,
+      handler() {
+        this.formConfig.disabled = this.available(), l.forEach((e) => {
+          var t;
+          e !== "disabled" && (d.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        });
+      }
+    }
+  },
+  mounted() {
+    this.dispatch("FormView", "FormView.addTab", [this]);
+  },
+  beforeDestroy() {
+    this.dispatch("FormView", "FormView.removeTab", [this]);
+  },
+  methods: {
+    available() {
+      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+    },
+    dispatch(e, t, a) {
+      let i = this.$parent || this.$root, o = i.$options.name;
+      for (; i && (!o || o !== e); )
+        i = i.$parent, i && (o = i.$options.name);
+      i && i.$emit.apply(i, [t].concat(a));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: a,
+        formConfig: i,
+        $scopedSlots: o
+      } = this;
+      return t ? e("ElRow", {
+        attrs: {
+          gutter: a
+        }
+      }, [o.default({
+        disabled: i.disabled
+      })]) : o.default({
+        disabled: i.disabled
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: t,
+      blockTitle: a,
+      active: i,
+      expand: o,
+      toggle: r
+    } = this;
+    return e("div", {
+      class: ["form-block", {
+        "default-active": i
+      }]
+    }, [e("div", {
+      class: "form-block-title",
+      on: {
+        click: r
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [a]), " ", e("i", {
+      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e("ElCollapseTransition", [e("div", {
+      directives: [{
+        name: "show",
+        value: o
+      }]
+    }, [t()])])]);
+  }
+};
+let m, h;
+const s = {};
+var f = /* @__PURE__ */ n(
+  c,
+  m,
+  h,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const b = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  b as default
+};

package/form-block/style.css

@@ -0,0 +1 @@
+.form-block{background-color:#fff;padding-bottom:10px}.form-block-title{color:#333;cursor:pointer;background-color:#f3f5fb;flex-direction:row;align-items:center;height:30px;margin:0 0 10px;padding:0 10px;font-size:14px;font-weight:700;line-height:30px;display:flex}

package/form-button/index.mjs

@@ -0,0 +1,58 @@
+import n from "@web-utils/component/confirmable";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const r = {
+  props: {
+    type: {
+      type: String,
+      default: "danger"
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ""
+    },
+    nativeType: {
+      type: String,
+      default: "button"
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    autofocus: Boolean,
+    round: Boolean,
+    confirmable: Boolean,
+    text: {
+      type: String,
+      default: ""
+    },
+    tag: {
+      type: String,
+      default: "AwesomeButton"
+    }
+  }
+}, l = {
+  name: "FormButton",
+  mixins: [n, r]
+};
+let a, i;
+const e = {};
+var u = /* @__PURE__ */ o(
+  l,
+  a,
+  i,
+  !1,
+  s,
+  null,
+  null,
+  null
+);
+function s(p) {
+  for (let t in e)
+    this[t] = e[t];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

package/form-cascader/index.mjs

@@ -0,0 +1,163 @@
+var u = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var o = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, l = (e, t) => {
+  for (var r in t || (t = {}))
+    c.call(t, r) && o(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      d.call(t, r) && o(e, r, t[r]);
+  return e;
+};
+import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
+import s from "element-ui/lib/cascader";
+import { d as h, n as y } from "../chunks/index.LGsb2aDq.mjs";
+import { findTreeChildren as v, setParent as _ } from "@web-utils/core";
+import { cloneDeep as b } from "@web-utils/integrations/lodash";
+import { n as S } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var k = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [e._t("default", function() {
+          return [r("ElCascader", e._g(e._b({
+            class: {
+              "is-readonly": e.readonly
+            },
+            staticStyle: {
+              width: "100%"
+            },
+            attrs: {
+              value: e.inputVal,
+              "show-all-levels": e.showAllLevels,
+              separator: e.separator,
+              readonly: e.readonly,
+              options: e.innerOptions,
+              props: {
+                checkStrictly: e.checkStrictly,
+                label: e.labelKey,
+                value: e.valueKey
+              },
+              disabled: e.inputDisabled,
+              placeholder: e.computePlaceholder
+            },
+            on: {
+              input: e.emitInput
+            }
+          }, "ElCascader", e.inputProps, !1), e.listeners))];
+        })];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(i) {
+        var p = i.error;
+        return [e._t("error", null, {
+          error: p
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, x = [];
+const P = Object.keys(s.props || s.default.props).filter((e) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(e)), w = {
+  name: "FormCascader",
+  mixins: [m, f],
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    showAllLevels: Boolean,
+    separator: {
+      type: String,
+      default: "/"
+    },
+    last: {
+      type: Boolean,
+      default: !0
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: !0
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    }
+  },
+  data() {
+    return {
+      innerOptions: []
+    };
+  },
+  computed: {
+    inputProps() {
+      return h(l(l({}, y(this.$attrs)), this.$props), P);
+    },
+    inputVal() {
+      let [e] = v(this.innerOptions, (r) => r[this.valueKey] === this.value);
+      const t = [];
+      for (; e; )
+        t.push(e[this.valueKey]), e = e.parent;
+      return t.reverse();
+    }
+  },
+  watch: {
+    options: {
+      immediate: !0,
+      handler(e) {
+        if (e) {
+          const t = b(e);
+          _(t), this.innerOptions = t;
+        } else
+          this.innerOptions = [];
+      }
+    }
+  },
+  methods: {
+    emitInput(e) {
+      const t = this.last ? e[e.length - 1] : e;
+      this.$emit("input", t);
+    }
+  }
+}, a = {};
+var C = /* @__PURE__ */ S(
+  w,
+  k,
+  x,
+  !1,
+  K,
+  null,
+  null,
+  null
+);
+function K(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const E = /* @__PURE__ */ function() {
+  return C.exports;
+}();
+export {
+  E as default
+};