@web-utils/component 3.8.3 → 4.0.1

package/flow-designer/style.css

@@ -1 +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}.process-panel__container .el-select{display:block}.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}.flow-drawer .listener-filed__title{justify-content:normal;padding-bottom:6px}.flow-drawer .el-select,.flow-dialog .el-select{display:block}.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;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;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}
+.process-panel__container{box-sizing:border-box;border-left:1px solid #eee;max-height:100%;padding:0 8px;transition:width .25s ease-in;overflow:hidden 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}.process-panel__container .el-select{display:block}.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}.flow-drawer .listener-filed__title{justify-content:normal;padding-bottom:6px}.flow-drawer .el-select,.flow-dialog .el-select{display:block}.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;width:max-content;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;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:#409effcc}.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:scroll 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

@@ -1,4 +1,4 @@
-import { s as o } from "../chunks/util.CoahLDYn.mjs";
+import { s as o } from "../chunks/util.DqFv_pWg.mjs";
 import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const n = {
   name: "FlowNode",

package/flow-viewer/index.mjs

@@ -1,45 +1,17 @@
-var _ = Object.defineProperty, b = Object.defineProperties;
-var x = Object.getOwnPropertyDescriptors;
-var g = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var u = (i, t, e) => t in i ? _(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, w = (i, t) => {
-  for (var e in t || (t = {}))
-    M.call(t, e) && u(i, e, t[e]);
-  if (g)
-    for (var e of g(t))
-      V.call(t, e) && u(i, e, t[e]);
-  return i;
-}, y = (i, t) => b(i, x(t));
-var v = (i, t, e) => new Promise((s, n) => {
-  var l = (r) => {
-    try {
-      a(e.next(r));
-    } catch (o) {
-      n(o);
-    }
-  }, h = (r) => {
-    try {
-      a(e.throw(r));
-    } catch (o) {
-      n(o);
-    }
-  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(l, h);
-  a((e = e.apply(i, t)).next());
-});
-import A from "bpmn-js/lib/NavigatedViewer";
-import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
-import { create as p, attr as c, append as m } from "tiny-svg";
-import { query as E } from "min-dom";
-import $ from "../easy-popup/index.mjs";
+import u from "bpmn-js/lib/NavigatedViewer";
+import c from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { create as l, attr as a, append as p } from "tiny-svg";
+import { query as w } from "min-dom";
+import y from "../easy-popup/index.mjs";
 import "../easy-popup/style.css";
-import { n as F } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const f = d.prototype._handleWheel, S = {
+import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const m = c.prototype._handleWheel, k = {
   __init__: ["zoomScroll"],
-  zoomScroll: ["type", d]
-}, B = {
+  zoomScroll: ["type", c]
+}, _ = {
   name: "FlowViewer",
   components: {
-    EasyPopup: $
+    EasyPopup: y
   },
   props: {
     xml: {
@@ -72,45 +44,46 @@ const f = d.prototype._handleWheel, S = {
   },
   watch: {
     xml(i) {
-      var t;
-      (t = this.bpmnViewer) == null || t.importXML(i);
+      var e;
+      (e = this.bpmnViewer) == null || e.importXML(i);
     }
   },
   mounted() {
-    d.prototype._handleWheel = this.ctrlKey ? f : function(i) {
-      const { target: t, deltaMode: e, clientX: s, clientY: n, deltaX: l, deltaY: h } = i;
-      f.call(this, {
-        target: t,
-        deltaMode: e,
-        clientX: s,
+    c.prototype._handleWheel = this.ctrlKey ? m : function(i) {
+      const { target: e, deltaMode: t, clientX: o, clientY: n, deltaX: h, deltaY: s } = i;
+      m.call(this, {
+        target: e,
+        deltaMode: t,
+        clientX: o,
         clientY: n,
-        deltaX: l,
-        deltaY: h,
+        deltaX: h,
+        deltaY: s,
         preventDefault() {
           i.preventDefault();
         },
         ctrlKey: !0
       });
-    }, this.bpmnViewer = new A(y(w({}, this.options), {
+    }, this.bpmnViewer = new u({
+      ...this.options,
       container: this.$refs.container,
-      additionalModules: [S]
-    })), this.bpmnViewer.on("import.done", (i) => {
-      const t = i.error, e = i.warnings;
-      t ? this.$emit("error", t) : this.$emit("shown", e), 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);
+      additionalModules: [k]
+    }), this.bpmnViewer.on("import.done", (i) => {
+      const e = i.error, t = i.warnings;
+      e ? this.$emit("error", e) : this.$emit("shown", t), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+      const o = this.bpmnViewer.get("eventBus");
+      this.events && this.events.forEach((r) => {
+        o.on(r, (g) => {
+          this.$emit(r.replace(".", "-"), g.element);
+        });
+      }), this.nodePopup && o.on("element.mousemove", (r) => {
+        r.element.type === "bpmn:UserTask" && requestAnimationFrame(async () => {
+          this.element = r.element, await this.$nextTick(), this.$refs.popup.show(r.originalEvent);
         });
-      }), 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.nodePopup && o.on("element.out", () => {
         this.$refs.popup.hide(), this.element = {};
       }), this.highlightFlow(this.historicActivities, this.activities);
-      const n = p("marker");
-      c(n, {
+      const n = l("marker");
+      a(n, {
         id: "sequenceflow-arrow-green",
         viewBox: "0 0 20 20",
         refX: "11",
@@ -119,13 +92,13 @@ const f = d.prototype._handleWheel, S = {
         markerHeight: "10",
         orient: "auto"
       });
-      const l = p("path");
-      c(l, {
+      const h = l("path");
+      a(h, {
         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 = p("marker");
-      c(h, {
+      }), p(n, h);
+      const s = l("marker");
+      a(s, {
         id: "conditional-default-flow-marker-green",
         viewBox: "0 0 20 20",
         refX: "0",
@@ -134,52 +107,52 @@ const f = d.prototype._handleWheel, S = {
         markerHeight: "10",
         orient: "auto"
       });
-      const a = p("path");
-      c(a, {
+      const d = l("path");
+      a(d, {
         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 = E("defs", this.$el);
-      m(r, n), m(r, h);
+      }), p(s, d);
+      const f = w("defs", this.$el);
+      p(f, n), p(f, s);
     }), this.bpmnViewer.importXML(this.xml), this.$watch(
       () => ({
         activities: this.activities,
         historicActivities: this.historicActivities
       }),
-      ({ activities: i, historicActivities: t }) => {
-        this.highlightFlow(t, i);
+      ({ activities: i, historicActivities: e }) => {
+        this.highlightFlow(e, i);
       }
     );
   },
   beforeDestroy() {
     var i;
-    d.prototype._handleWheel = f, (i = this.bpmnViewer) == null || i.destroy();
+    c.prototype._handleWheel = m, (i = this.bpmnViewer) == null || i.destroy();
   },
   methods: {
     fitViewportCenter(i = "center") {
       this.canvas.zoom("fit-viewport", i);
     },
-    highlightFlow(i, t) {
-      this.elementRegistry.getAll().forEach((e) => {
-        ["bpmn:StartEvent", "bpmn:UserTask", "bpmn:ExclusiveGateway", "bpmn:ParallelGateway", "bpmn:EndEvent"].includes(e.type) && (i.includes(e.id) && !t.includes(e.id) ? this.canvas.addMarker(e, "highlight") : this.canvas.removeMarker(e, "highlight")), e.type === "bpmn:SequenceFlow" && (i.includes(e.id) ? this.canvas.addMarker(e, "highlight-line") : this.canvas.removeMarker(e, "highlight-line")), e.type === "bpmn:UserTask" && (t.includes(e.id) ? this.canvas.addMarker(e, "highlight-current") : this.canvas.removeMarker(e, "highlight-current"));
+    highlightFlow(i, e) {
+      this.elementRegistry.getAll().forEach((t) => {
+        ["bpmn:StartEvent", "bpmn:UserTask", "bpmn:ExclusiveGateway", "bpmn:ParallelGateway", "bpmn:EndEvent"].includes(t.type) && (i.includes(t.id) && !e.includes(t.id) ? this.canvas.addMarker(t, "highlight") : this.canvas.removeMarker(t, "highlight")), t.type === "bpmn:SequenceFlow" && (i.includes(t.id) ? this.canvas.addMarker(t, "highlight-line") : this.canvas.removeMarker(t, "highlight-line")), t.type === "bpmn:UserTask" && (e.includes(t.id) ? this.canvas.addMarker(t, "highlight-current") : this.canvas.removeMarker(t, "highlight-current"));
       });
     }
   }
 };
-var C = function() {
-  var t = this, e = t._self._c;
-  return e("div", { ref: "container", staticClass: "flow-viewer flow-background-image", style: { "--highlight-color": t.highlightColor } }, [e("EasyPopup", { ref: "popup", attrs: { "append-to-body": "", "flex-column": "", offset: { x: 6, y: 6 } } }, [t._t("default", function() {
-    return [t._v(" " + t._s(t.element) + " ")];
-  }, { element: t.element })], 2)], 1);
-}, P = [], W = /* @__PURE__ */ F(
-  B,
-  C,
-  P,
+var b = function() {
+  var e = this, t = e._self._c;
+  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);
+}, x = [], M = /* @__PURE__ */ v(
+  _,
+  b,
+  x,
   !1,
   null,
   null
 );
-const D = W.exports;
+const C = M.exports;
 export {
-  D as default
+  C as default
 };

package/form-block/index.mjs

@@ -1,5 +1,6 @@
-import { h as a } from "vue";
-const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], s = ["$emit", "validate", "clearValidate"], n = {
+import { h as o } from "vue";
+import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], n = ["$emit", "validate", "clearValidate"], d = {
   name: "FormBlock",
   inject: {
     elForm: {
@@ -58,7 +59,7 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
       handler() {
         this.formConfig.disabled = this.available(), r.forEach((e) => {
           var i;
-          e !== "disabled" && (s.includes(e) ? this.formConfig[e] = (i = this.elForm[e]) == null ? void 0 : i.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+          e !== "disabled" && (n.includes(e) ? this.formConfig[e] = (i = this.elForm[e]) == null ? void 0 : i.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
         });
       }
     }
@@ -73,30 +74,27 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     available() {
       return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
     },
-    dispatch(e, i, o) {
+    dispatch(e, i, a) {
       let t = this.$parent || this.$root, l = t.$options.name;
       for (; t && (!l || l !== e); )
         t = t.$parent, t && (l = t.$options.name);
-      t && t.$emit.apply(t, [i].concat(o));
+      t && t.$emit.apply(t, [i].concat(a));
     },
     renderDefault() {
       const {
         wrapRow: e,
         gutter: i,
-        formConfig: o,
+        formConfig: a,
         $scopedSlots: t
       } = this;
-      return e ? (
-        // eslint-disable-next-line no-undef
-        a("ElRow", {
-          attrs: {
-            gutter: i
-          }
-        }, [t.default({
-          disabled: o.disabled
-        })])
-      ) : t.default({
-        disabled: o.disabled
+      return e ? o("ElRow", {
+        attrs: {
+          gutter: i
+        }
+      }, [t.default({
+        disabled: a.disabled
+      })]) : t.default({
+        disabled: a.disabled
       });
     },
     toggle() {
@@ -110,31 +108,40 @@ const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth",
     const {
       renderDefault: e,
       blockTitle: i,
-      active: o,
+      active: a,
       expand: t,
       toggle: l
     } = this;
-    return a("div", {
+    return o("div", {
       class: ["form-block", {
-        "default-active": o
+        "default-active": a
       }]
-    }, [a("div", {
+    }, [o("div", {
       class: "form-block-title",
       on: {
         click: l
       }
-    }, [a("span", {
+    }, [o("span", {
       class: "flex-item"
-    }, [i]), " ", a("i", {
+    }, [i]), " ", o("i", {
       class: t ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), a("ElCollapseTransition", [a("div", {
+    })]), o("ElCollapseTransition", [o("div", {
       directives: [{
         name: "show",
         value: t
       }]
     }, [e()])])]);
   }
-};
+}, m = null, c = null;
+var f = /* @__PURE__ */ s(
+  d,
+  m,
+  c,
+  !1,
+  null,
+  null
+);
+const u = f.exports;
 export {
-  n as default
+  u as default
 };

package/form-card/index.mjs

@@ -0,0 +1,25 @@
+import { inject as n } from "vue";
+import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const a = {
+  name: "FormCard"
+}, f = /* @__PURE__ */ Object.assign(a, {
+  setup(s) {
+    return { __sfc: !0, formView: n("formView") };
+  }
+});
+var c = function() {
+  var e;
+  var r = this, t = r._self._c, o = r._self._setupProxy;
+  return t("div", { staticClass: "form-card", style: (e = o.formView) == null ? void 0 : e.formCardStyle }, [t("div", { staticClass: "form-content" }, [r._t("default")], 2)]);
+}, m = [], i = /* @__PURE__ */ _(
+  f,
+  c,
+  m,
+  !1,
+  null,
+  null
+);
+const u = i.exports;
+export {
+  u as default
+};

package/form-cascader/index.mjs

@@ -1,47 +1,32 @@
-var i = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var o = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, l = (t, e) => {
-  for (var r in e || (e = {}))
-    p.call(e, r) && o(t, r, e[r]);
-  if (n)
-    for (var r of n(e))
-      u.call(e, r) && o(t, r, e[r]);
-  return t;
-};
-import { f as c } from "../chunks/form-input-mixin.BkKiqJhi.mjs";
-import { f as d } from "../chunks/form-pick-mixin.BFTIVn_i.mjs";
-import s from "element-ui/lib/cascader";
-import { d as m, n as f } from "../chunks/index.MAFc4eFi.mjs";
-import { setParent as h, findTreeChildren as y } from "@web-utils/core";
-import { cloneDeep as v } from "@web-utils/integrations/lodash";
-import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const b = Object.keys(s.props || s.default.props).filter(
+import { f as a } from "../chunks/form-input.B8z37eqj.mjs";
+import { f as i } from "../chunks/form-pick.BFTIVn_i.mjs";
+import o from "element-ui/lib/cascader";
+import { c as n, n as u } from "../chunks/index.d3MV3Wq2.mjs";
+import { isArray as s, setParent as p, isString as c, findTreeChildren as f } from "@web-utils/core";
+import { cloneDeep as d } from "@web-utils/integrations/lodash";
+import { d as m } from "../chunks/dictionary.DqiP9x2m.mjs";
+import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const y = Object.keys(o.props).filter(
   (t) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(t)
-), S = {
+), v = {
   name: "FormCascader",
-  mixins: [c, d],
+  mixins: [a, i, m],
   props: {
-    value: {
-      type: [String, Number]
-    },
+    value: [String, Number, Array],
     options: {
       type: Array,
       default: () => []
     },
-    showAllLevels: Boolean,
-    separator: {
-      type: String,
-      default: "/"
-    },
-    last: {
+    showAllLevels: {
       type: Boolean,
       default: !0
     },
-    checkStrictly: {
-      type: Boolean,
-      default: !0
+    separator: {
+      type: String,
+      default: "/"
     },
+    last: Boolean,
+    checkStrictly: Boolean,
     labelKey: {
       type: String,
       default: "label"
@@ -49,64 +34,82 @@ const b = Object.keys(s.props || s.default.props).filter(
     valueKey: {
       type: String,
       default: "value"
+    },
+    emitPath: {
+      type: Boolean,
+      default: !0
+    },
+    join: {
+      type: Boolean,
+      default: !0
+    },
+    idAsValue: {
+      type: Boolean,
+      default: !0
+    },
+    labelAsValue: Boolean,
+    treeDict: {
+      type: Boolean,
+      default: !0
     }
   },
-  data() {
-    return {
-      innerOptions: []
-    };
-  },
   computed: {
     inputProps() {
-      return m(l(l({}, f(this.$attrs)), this.$props), b);
+      return n({ ...u(this.$attrs), ...this.$props }, y);
     },
     inputVal() {
-      let [t] = y(this.innerOptions, (r) => r[this.valueKey] === this.value);
-      const e = [];
-      for (; t; )
-        e.push(t[this.valueKey]), t = t.parent;
-      return e.reverse();
-    }
-  },
-  watch: {
-    options: {
-      immediate: !0,
-      handler(t) {
-        if (t) {
-          const e = v(t);
-          h(e), this.innerOptions = e;
-        } else
-          this.innerOptions = [];
+      if (this.join)
+        return s(this.value) ? this.value : c(this.value) ? this.value.split(this.separator) : [];
+      if (this.last) {
+        let [t] = f(this.innerOptions, (r) => r[this.valueKey] === this.value);
+        const e = [];
+        for (; t; )
+          e.push(t[this.valueKey]), t = t.parent;
+        return e.reverse();
       }
+      return this.value;
+    },
+    innerOptions() {
+      if (this.dictType)
+        return this.dictItems;
+      if (this.options) {
+        const t = d(this.options);
+        return this.last && p(t), t;
+      } else
+        return [];
     }
   },
   methods: {
     emitInput(t) {
-      const e = this.last ? t[t.length - 1] : t;
-      this.$emit("input", e);
+      if (this.join && s(t))
+        this.$emit("input", t.join(this.separator));
+      else {
+        const e = this.last ? t[t.length - 1] : t;
+        this.$emit("input", e);
+      }
     }
   }
 };
-var k = function() {
+var _ = function() {
   var e = this, r = e._self._c;
   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))];
+      return [r("ElCascader", e._g(e._b({ class: { "is-readonly": e.readonly }, staticStyle: { width: "100%" }, attrs: { clearable: "", 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, emitPath: e.emitPath, expandTrigger: "hover" }, disabled: e.inputDisabled, placeholder: e.computePlaceholder }, on: { input: e.emitInput } }, "ElCascader", e.inputProps, !1), e.listeners))];
     })];
-  }, proxy: !0 }, { key: "error", fn: function({ error: a }) {
-    return [e._t("error", null, { error: a })];
+  }, proxy: !0 }, { key: "error", fn: function({ error: l }) {
+    return [e._t("error", null, { error: l })];
   } }, { key: "label", fn: function() {
     return [e._t("label")];
   }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, P = [], w = /* @__PURE__ */ _(
-  S,
-  k,
-  P,
+}, b = [], P = /* @__PURE__ */ h(
+  v,
+  _,
+  b,
   !1,
   null,
   null
 );
-const B = w.exports;
+const K = P.exports;
 export {
-  B as default
+  K as default
 };

package/form-checkbox/index.mjs

@@ -0,0 +1,71 @@
+import { f as o } from "../chunks/form-input.B8z37eqj.mjs";
+import a from "element-ui/lib/checkbox";
+import { v as s, c as n, n as i } from "../chunks/index.d3MV3Wq2.mjs";
+import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const p = Object.keys(a.props).filter((r) => !["value", "placeholder", "disabled", "suffixIcon"].includes(r)), c = {
+  name: "FormCheckbox",
+  mixins: [o],
+  props: {
+    value: [String, Number],
+    readonlyGrey: {
+      type: Boolean,
+      default: !0
+    },
+    picker: Boolean,
+    trueLabel: {
+      type: [String, Number],
+      default: "1"
+    },
+    falseLabel: {
+      type: [String, Number],
+      default: "0"
+    }
+  },
+  data() {
+    return {
+      isValidValue: !1
+    };
+  },
+  computed: {
+    inputProps() {
+      return n({ ...i(this.$attrs), ...this.$props }, p);
+    }
+  },
+  watch: {
+    async value(r) {
+      this.isValidValue = await s(this.prop, r, this.computeRules);
+    }
+  },
+  methods: {
+    emitInput(r) {
+      this.$emit("input", r);
+    }
+  }
+};
+var d = function() {
+  var e = this, t = e._self._c;
+  return t("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [e._t("default", function() {
+      return [t("ElCheckbox", e._g(e._b({ ref: "input", class: { "is-readonly": e.readonlyGrey && e.readonly && !e.picker, "el-input-cursor-pointer": e.picker && !e.inputDisabled }, attrs: { value: e.value, readonly: e.readonly || e.picker, "true-label": e.trueLabel, "false-label": e.falseLabel, disabled: e.inputDisabled, placeholder: e.inputDisabled ? "" : e.computePlaceholder }, on: { input: e.emitInput } }, "ElCheckbox", e.inputProps, !1), e.listeners)), e.isValidValue && e.$slots.warn ? t("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
+    })];
+  }, proxy: !0 }, { key: "error", fn: function({ error: l }) {
+    return [e.$scopedSlots.error && e.$scopedSlots.error(l) ? t("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
+      return [e._v(e._s(l))];
+    }, { error: l })], 2) : e._e()];
+  } }, { key: "label", fn: function() {
+    return [e._t("label")];
+  }, proxy: !0 }, { key: "tips", fn: function() {
+    return [e._t("tips")];
+  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
+}, f = [], m = /* @__PURE__ */ u(
+  c,
+  d,
+  f,
+  !1,
+  null,
+  null
+);
+const v = m.exports;
+export {
+  v as default
+};