@kp-ui/lowcode 1.0.102 → 1.0.104

package/src/components/form-designer/setting-panel/index.vue.js

@@ -1,24 +1,26 @@
-import T from "./property-editor/index.js";
-import D from "./form-setting.vue.js";
-import K from "./form-crud-setting.vue.js";
-import O, { propertyRegistered as V } from "./propertyRegister.js";
-import { addWindowResizeHandler as j } from "../../../utils/util.js";
-import U from "../../../utils/i18n.js";
-import x from "../../../utils/emitter.js";
-import I from "../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent as h, createBlock as s, openBlock as n, withCtx as g, createVNode as f, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, createElementBlock as c, Fragment as u, renderList as p, resolveDynamicComponent as C } from "vue";
+import { TpfCodeEditor as R } from "tmgc2-share";
+import D from "./property-editor/index.js";
+import K from "./form-setting.vue.js";
+import O from "./form-crud-setting.vue.js";
+import V, { propertyRegistered as j } from "./propertyRegister.js";
+import { addWindowResizeHandler as U } from "../../../utils/util.js";
+import I from "../../../utils/i18n.js";
+import z from "../../../utils/emitter.js";
+import B from "../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as m, createBlock as s, openBlock as n, withCtx as g, createVNode as h, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, createElementBlock as c, Fragment as u, renderList as p, resolveDynamicComponent as C } from "vue";
 /* empty css           */
 /* empty css           */
-import z from "../../../../_virtual/_plugin-vue_export-helper.js";
-const { COMMON_PROPERTIES: B, ADVANCED_PROPERTIES: L, EVENT_PROPERTIES: q } = O, G = {
+import x from "../../../../_virtual/_plugin-vue_export-helper.js";
+const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V, J = {
   name: "SettingPanel",
   componentName: "SettingPanel",
-  mixins: [U, x],
+  mixins: [I, z],
   components: {
-    FormSetting: D,
-    CodeModalEditor: I,
-    FormCrudSetting: K,
-    ...T
+    TpfCodeEditor: R,
+    FormSetting: K,
+    CodeModalEditor: B,
+    FormCrudSetting: O,
+    ...D
   },
   props: {
     designer: Object,
@@ -44,9 +46,9 @@ const { COMMON_PROPERTIES: B, ADVANCED_PROPERTIES: L, EVENT_PROPERTIES: q } = O,
       activeTab: "2",
       widgetActiveCollapseNames: ["1", "2", "3"],
       formActiveCollapseNames: ["1", "2"],
-      commonProps: B,
-      advProps: L,
-      eventProps: q,
+      commonProps: L,
+      advProps: q,
+      eventProps: G,
       showWidgetEventDialogFlag: !1,
       eventHandlerCode: "",
       curEventName: "",
@@ -94,7 +96,7 @@ const { COMMON_PROPERTIES: B, ADVANCED_PROPERTIES: L, EVENT_PROPERTIES: q } = O,
     });
   },
   mounted() {
-    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", j(() => {
+    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", U(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
       });
@@ -111,28 +113,28 @@ const { COMMON_PROPERTIES: B, ADVANCED_PROPERTIES: L, EVENT_PROPERTIES: q } = O,
       if (!o)
         return !1;
       if (e.indexOf("-") <= -1) {
-        const d = this.selectedWidget.type + "-" + e;
-        if (V(d))
+        const l = this.selectedWidget.type + "-" + e;
+        if (j(l))
           return !1;
       }
-      const t = e.replace(this.selectedWidget.type + "-", "");
-      return this.designer.hasConfig(this.selectedWidget, t);
+      const i = e.replace(this.selectedWidget.type + "-", "");
+      return this.designer.hasConfig(this.selectedWidget, i);
     },
     getPropEditor(e, o) {
-      const t = e.replace(this.selectedWidget.type + "-", ""), m = `${this.selectedWidget.type}-${t}-editor`;
-      return this.$options.components[m] || this.$root.$.appContext.components[m] ? m : o;
+      const i = e.replace(this.selectedWidget.type + "-", ""), f = `${this.selectedWidget.type}-${i}-editor`;
+      return this.$options.components[f] || this.$root.$.appContext.components[f] ? f : o;
     },
     showCollapse(e) {
       let o = !1;
-      for (const t in e)
-        if (e.hasOwnProperty(t) && this.hasPropEditor(t, e[t])) {
+      for (const i in e)
+        if (e.hasOwnProperty(i) && this.hasPropEditor(i, e[i])) {
           o = !0;
           break;
         }
       return o;
     },
     editEventHandler(e, o) {
-      this.curEventName = e, this.eventHeader = `${this.optionModel.name}.${e}(${o.join(
+      console.log(e, o), this.curEventName = e, this.eventHeader = `${this.optionModel.name}.${e}(${o.join(
         ", "
       )}) {`, this.eventHandlerCode = this.selectedWidget.options[e] || "", e === "onValidate" && !this.optionModel.onValidate && (this.eventHandlerCode = `  /* sample code */
   /*
@@ -144,46 +146,38 @@ const { COMMON_PROPERTIES: B, ADVANCED_PROPERTIES: L, EVENT_PROPERTIES: q } = O,
   */`), console.log(this.eventHandlerCode), this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
     },
     saveEventHandler(e) {
-      const o = this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();
-      let t = !1;
-      if (o && o.length > 0 && (o.forEach((m) => {
-        m.type === "error" && (t = !0);
-      }), t)) {
-        this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
-        return;
-      }
-      if (this.curEventName.includes(".")) {
-        const [m, d] = this.curEventName.split(".");
-        this.selectedWidget.options[m][d] = e;
+      if (console.log({ value: e }), this.curEventName.includes(".")) {
+        const [o, i] = this.curEventName.split(".");
+        this.selectedWidget.options[o][i] = e;
       } else
         this.selectedWidget.options[this.curEventName] = e;
     }
   }
 };
-function J(e, o, t, m, d, i) {
-  const v = h("a-collapse-panel"), _ = h("a-collapse"), b = h("a-form"), H = h("a-empty"), E = h("a-tab-pane"), M = h("form-setting"), k = h("FormCrudSetting"), S = h("a-tabs"), F = h("CodeModalEditor"), R = h("a-layout"), A = h("a-config-provider");
+function Q(e, o, i, f, l, t) {
+  const v = m("a-collapse-panel"), _ = m("a-collapse"), b = m("a-form"), H = m("a-empty"), E = m("a-tab-pane"), k = m("form-setting"), M = m("FormCrudSetting"), S = m("a-tabs"), T = m("TpfCodeEditor"), F = m("a-layout"), A = m("a-config-provider");
   return n(), s(A, { componentSize: "small" }, {
     default: g(() => [
-      f(R, { class: "panel-container" }, {
+      h(F, { class: "panel-container" }, {
         default: g(() => [
-          f(S, {
-            activeKey: d.activeTab,
-            "onUpdate:activeKey": o[6] || (o[6] = (l) => d.activeTab = l),
+          h(S, {
+            activeKey: l.activeTab,
+            "onUpdate:activeKey": o[6] || (o[6] = (r) => l.activeTab = r),
             style: { height: "100%", width: "100%", overflow: "hidden" }
           }, {
             default: g(() => [
-              f(E, {
+              h(E, {
                 tab: e.i18nt("designer.hint.widgetSetting"),
                 key: "1"
               }, {
                 default: g(() => [
                   P("div", {
                     class: "setting-scrollbar",
-                    style: w({ height: d.scrollerHeight })
+                    style: w({ height: l.scrollerHeight })
                   }, [
-                    t.designer.selectedWidget && !t.designer.selectedWidget.category ? (n(), s(b, {
+                    i.designer.selectedWidget && !i.designer.selectedWidget.category ? (n(), s(b, {
                       key: 0,
-                      model: i.optionModel,
+                      model: t.optionModel,
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
@@ -191,58 +185,58 @@ function J(e, o, t, m, d, i) {
                       }, ["prevent"]))
                     }, {
                       default: g(() => [
-                        f(_, {
-                          activeKey: d.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": o[1] || (o[1] = (l) => d.widgetActiveCollapseNames = l),
+                        h(_, {
+                          activeKey: l.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": o[1] || (o[1] = (r) => l.widgetActiveCollapseNames = r),
                           class: "setting-collapse"
                         }, {
                           default: g(() => [
-                            i.showCollapse(d.commonProps) ? (n(), s(v, {
+                            t.showCollapse(l.commonProps) ? (n(), s(v, {
                               key: "1",
                               header: e.i18nt("designer.setting.常见属性")
                             }, {
                               default: g(() => [
-                                (n(!0), c(u, null, p(d.commonProps, (l, r) => (n(), c(u, null, [
-                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel,
-                                    "onUpdate:optionModel": o[0] || (o[0] = (y) => i.optionModel = y)
+                                (n(!0), c(u, null, p(l.commonProps, (r, d) => (n(), c(u, null, [
+                                  t.hasPropEditor(d, r) ? (n(), s(C(t.getPropEditor(d, r)), {
+                                    key: d,
+                                    designer: i.designer,
+                                    "selected-widget": i.selectedWidget,
+                                    "option-model": t.optionModel,
+                                    "onUpdate:optionModel": o[0] || (o[0] = (y) => t.optionModel = y)
                                   }, null, 40, ["designer", "selected-widget", "option-model"])) : a("", !0)
                                 ], 64))), 256))
                               ]),
                               _: 1
                             }, 8, ["header"])) : a("", !0),
-                            i.showCollapse(d.advProps) ? (n(), s(v, {
+                            t.showCollapse(l.advProps) ? (n(), s(v, {
                               key: "2",
                               header: e.i18nt("designer.setting.高级属性")
                             }, {
                               default: g(() => [
-                                (n(!0), c(u, null, p(d.advProps, (l, r) => (n(), c(u, null, [
-                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel
+                                (n(!0), c(u, null, p(l.advProps, (r, d) => (n(), c(u, null, [
+                                  t.hasPropEditor(d, r) ? (n(), s(C(t.getPropEditor(d, r)), {
+                                    key: d,
+                                    designer: i.designer,
+                                    "selected-widget": i.selectedWidget,
+                                    "option-model": t.optionModel
                                   }, null, 8, ["designer", "selected-widget", "option-model"])) : a("", !0)
                                 ], 64))), 256))
                               ]),
                               _: 1
                             }, 8, ["header"])) : a("", !0),
-                            i.showEventCollapse() && i.showCollapse(d.eventProps) ? (n(), s(v, {
+                            t.showEventCollapse() && t.showCollapse(l.eventProps) ? (n(), s(v, {
                               key: "3",
                               class: "eventPanel",
                               header: e.i18nt("designer.setting.事件属性")
                             }, {
                               default: g(() => [
-                                (n(!0), c(u, null, p(d.eventProps, (l, r) => (n(), c(u, null, [
-                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel,
-                                    "event-handled": i.getEventHandled(r)
+                                (n(!0), c(u, null, p(l.eventProps, (r, d) => (n(), c(u, null, [
+                                  t.hasPropEditor(d, r) ? (n(), s(C(t.getPropEditor(d, r)), {
+                                    key: d,
+                                    designer: i.designer,
+                                    "selected-widget": i.selectedWidget,
+                                    "option-model": t.optionModel,
+                                    "event-handled": t.getEventHandled(d)
                                   }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : a("", !0)
                                 ], 64))), 256))
                               ]),
@@ -254,9 +248,9 @@ function J(e, o, t, m, d, i) {
                       ]),
                       _: 1
                     }, 8, ["model"])) : a("", !0),
-                    t.designer.selectedWidget && t.designer.selectedWidget.category ? (n(), s(b, {
+                    i.designer.selectedWidget && i.designer.selectedWidget.category ? (n(), s(b, {
                       key: 1,
-                      model: i.optionModel,
+                      model: t.optionModel,
                       labelAlign: "left",
                       "label-width": "120px",
                       class: "setting-form tpf-form",
@@ -264,58 +258,58 @@ function J(e, o, t, m, d, i) {
                       }, ["prevent"]))
                     }, {
                       default: g(() => [
-                        f(_, {
-                          activeKey: d.widgetActiveCollapseNames,
-                          "onUpdate:activeKey": o[4] || (o[4] = (l) => d.widgetActiveCollapseNames = l),
+                        h(_, {
+                          activeKey: l.widgetActiveCollapseNames,
+                          "onUpdate:activeKey": o[4] || (o[4] = (r) => l.widgetActiveCollapseNames = r),
                           class: "setting-collapse"
                         }, {
                           default: g(() => [
-                            i.showCollapse(d.commonProps) ? (n(), s(v, {
+                            t.showCollapse(l.commonProps) ? (n(), s(v, {
                               key: "1",
                               header: e.i18nt("designer.setting.常见属性")
                             }, {
                               default: g(() => [
-                                (n(!0), c(u, null, p(d.commonProps, (l, r) => (n(), c(u, null, [
-                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel,
-                                    "onUpdate:optionModel": o[3] || (o[3] = (y) => i.optionModel = y)
+                                (n(!0), c(u, null, p(l.commonProps, (r, d) => (n(), c(u, null, [
+                                  t.hasPropEditor(d, r) ? (n(), s(C(t.getPropEditor(d, r)), {
+                                    key: d,
+                                    designer: i.designer,
+                                    "selected-widget": i.selectedWidget,
+                                    "option-model": t.optionModel,
+                                    "onUpdate:optionModel": o[3] || (o[3] = (y) => t.optionModel = y)
                                   }, null, 40, ["designer", "selected-widget", "option-model"])) : a("", !0)
                                 ], 64))), 256))
                               ]),
                               _: 1
                             }, 8, ["header"])) : a("", !0),
-                            i.showCollapse(d.advProps) ? (n(), s(v, {
+                            t.showCollapse(l.advProps) ? (n(), s(v, {
                               key: "2",
                               header: e.i18nt("designer.setting.高级属性")
                             }, {
                               default: g(() => [
-                                (n(!0), c(u, null, p(d.advProps, (l, r) => (n(), c(u, null, [
-                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel
+                                (n(!0), c(u, null, p(l.advProps, (r, d) => (n(), c(u, null, [
+                                  t.hasPropEditor(d, r) ? (n(), s(C(t.getPropEditor(d, r)), {
+                                    key: d,
+                                    designer: i.designer,
+                                    "selected-widget": i.selectedWidget,
+                                    "option-model": t.optionModel
                                   }, null, 8, ["designer", "selected-widget", "option-model"])) : a("", !0)
                                 ], 64))), 256))
                               ]),
                               _: 1
                             }, 8, ["header"])) : a("", !0),
-                            i.showEventCollapse() && i.showCollapse(d.eventProps) ? (n(), s(v, {
+                            t.showEventCollapse() && t.showCollapse(l.eventProps) ? (n(), s(v, {
                               key: "3",
                               class: "eventPanel",
                               header: e.i18nt("designer.setting.事件属性")
                             }, {
                               default: g(() => [
-                                (n(!0), c(u, null, p(d.eventProps, (l, r) => (n(), c(u, null, [
-                                  i.hasPropEditor(r, l) ? (n(), s(C(i.getPropEditor(r, l)), {
-                                    key: r,
-                                    designer: t.designer,
-                                    "selected-widget": t.selectedWidget,
-                                    "option-model": i.optionModel,
-                                    "event-handled": i.getEventHandled(r)
+                                (n(!0), c(u, null, p(l.eventProps, (r, d) => (n(), c(u, null, [
+                                  t.hasPropEditor(d, r) ? (n(), s(C(t.getPropEditor(d, r)), {
+                                    key: d,
+                                    designer: i.designer,
+                                    "selected-widget": i.selectedWidget,
+                                    "option-model": t.optionModel,
+                                    "event-handled": t.getEventHandled(d)
                                   }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : a("", !0)
                                 ], 64))), 256))
                               ]),
@@ -327,7 +321,7 @@ function J(e, o, t, m, d, i) {
                       ]),
                       _: 1
                     }, 8, ["model"])) : a("", !0),
-                    t.designer.selectedWidget ? a("", !0) : (n(), s(H, {
+                    i.designer.selectedWidget ? a("", !0) : (n(), s(H, {
                       key: 2,
                       description: e.i18nt("designer.hint.noSelectedWidgetHint")
                     }, null, 8, ["description"]))
@@ -335,35 +329,35 @@ function J(e, o, t, m, d, i) {
                 ]),
                 _: 1
               }, 8, ["tab"]),
-              t.designer ? (n(), s(E, {
+              i.designer ? (n(), s(E, {
                 tab: e.i18nt("designer.hint.表单设置"),
                 key: "2"
               }, {
                 default: g(() => [
                   P("div", {
                     class: "setting-scrollbar",
-                    style: w({ height: d.scrollerHeight })
+                    style: w({ height: l.scrollerHeight })
                   }, [
-                    f(M, {
-                      designer: t.designer,
-                      "form-config": t.formConfig
+                    h(k, {
+                      designer: i.designer,
+                      "form-config": i.formConfig
                     }, null, 8, ["designer", "form-config"])
                   ], 4)
                 ]),
                 _: 1
               }, 8, ["tab"])) : a("", !0),
-              f(E, {
+              h(E, {
                 tab: "表单api配置",
                 key: "3"
               }, {
                 default: g(() => [
                   P("div", {
                     class: "ds-setting-scrollbar",
-                    style: w({ height: d.scrollerHeight })
+                    style: w({ height: l.scrollerHeight })
                   }, [
-                    f(k, {
-                      designer: t.designer,
-                      "form-config": t.formConfig
+                    h(M, {
+                      designer: i.designer,
+                      "form-config": i.formConfig
                     }, null, 8, ["designer", "form-config"])
                   ], 4)
                 ]),
@@ -372,14 +366,14 @@ function J(e, o, t, m, d, i) {
             ]),
             _: 1
           }, 8, ["activeKey"]),
-          f(F, {
-            eventHeader: d.eventHeader,
+          h(T, {
+            eventHeader: l.eventHeader,
             ref: "CodeModalEditorRef",
             title: e.i18nt("designer.setting.editWidgetEventHandler"),
             mode: "javascript",
             readonly: !1,
-            onSave: i.saveEventHandler
-          }, null, 8, ["eventHeader", "title", "onSave"])
+            onSetCode: t.saveEventHandler
+          }, null, 8, ["eventHeader", "title", "onSetCode"])
         ]),
         _: 1
       })
@@ -387,8 +381,8 @@ function J(e, o, t, m, d, i) {
     _: 1
   });
 }
-const re = /* @__PURE__ */ z(G, [["render", J], ["__scopeId", "data-v-e168cf19"]]);
+const se = /* @__PURE__ */ x(J, [["render", Q], ["__scopeId", "data-v-33126f68"]]);
 export {
-  re as default
+  se as default
 };
 //# sourceMappingURL=index.vue.js.map

package/src/components/form-designer/setting-panel/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/index.vue"],"sourcesContent":["<template>\n    <a-config-provider componentSize=\"small\">\n        <a-layout class=\"panel-container\">\n            <a-tabs\n                v-model:activeKey=\"activeTab\"\n                style=\"height: 100%; width: 100%; overflow: hidden\"\n            >\n                <a-tab-pane :tab=\"i18nt('designer.hint.widgetSetting')\" key=\"1\">\n                    <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <template\n                            v-if=\"!!designer.selectedWidget && !designer.selectedWidget.category\"\n                        >\n                            <a-form\n                                :model=\"optionModel\"\n                                labelAlign=\"left\"\n                                label-width=\"120px\"\n                                class=\"setting-form tpf-form\"\n                                @submit.prevent\n                            >\n                                <a-collapse\n                                    v-model:activeKey=\"widgetActiveCollapseNames\"\n                                    class=\"setting-collapse\"\n                                >\n                                    <a-collapse-panel\n                                        key=\"1\"\n                                        v-if=\"showCollapse(commonProps)\"\n                                        :header=\"i18nt('designer.setting.常见属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in commonProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                v-model:option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"2\"\n                                        v-if=\"showCollapse(advProps)\"\n                                        :header=\"i18nt('designer.setting.高级属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in advProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"3\"\n                                        class=\"eventPanel\"\n                                        v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n                                        :header=\"i18nt('designer.setting.事件属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in eventProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                                :event-handled=\"getEventHandled(propName)\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n                                </a-collapse>\n                            </a-form>\n                        </template>\n\n                        <template\n                            v-if=\"!!designer.selectedWidget && !!designer.selectedWidget.category\"\n                        >\n                            <a-form\n                                :model=\"optionModel\"\n                                labelAlign=\"left\"\n                                label-width=\"120px\"\n                                class=\"setting-form tpf-form\"\n                                @submit.prevent\n                            >\n                                <a-collapse\n                                    v-model:activeKey=\"widgetActiveCollapseNames\"\n                                    class=\"setting-collapse\"\n                                >\n                                    <a-collapse-panel\n                                        key=\"1\"\n                                        v-if=\"showCollapse(commonProps)\"\n                                        :header=\"i18nt('designer.setting.常见属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in commonProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                v-model:option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"2\"\n                                        v-if=\"showCollapse(advProps)\"\n                                        :header=\"i18nt('designer.setting.高级属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in advProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"3\"\n                                        class=\"eventPanel\"\n                                        v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n                                        :header=\"i18nt('designer.setting.事件属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in eventProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                                :event-handled=\"getEventHandled(propName)\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n                                </a-collapse>\n                            </a-form>\n                        </template>\n\n                        <template v-if=\"!designer.selectedWidget\">\n                            <a-empty :description=\"i18nt('designer.hint.noSelectedWidgetHint')\" />\n                        </template>\n                    </div>\n                </a-tab-pane>\n\n                <a-tab-pane v-if=\"!!designer\" :tab=\"i18nt('designer.hint.表单设置')\" key=\"2\">\n                    <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <form-setting :designer=\"designer\" :form-config=\"formConfig\" />\n                    </div>\n                </a-tab-pane>\n\n                <a-tab-pane :tab=\"'表单api配置'\" key=\"3\">\n                    <div class=\"ds-setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <FormCrudSetting :designer=\"designer\" :form-config=\"formConfig\" />\n                    </div>\n                </a-tab-pane>\n            </a-tabs>\n\n            <CodeModalEditor\n                :eventHeader=\"eventHeader\"\n                ref=\"CodeModalEditorRef\"\n                :title=\"i18nt('designer.setting.editWidgetEventHandler')\"\n                mode=\"javascript\"\n                :readonly=\"false\"\n                @save=\"saveEventHandler\"\n            />\n        </a-layout>\n    </a-config-provider>\n</template>\n\n<script>\n    import PropertyEditors from './property-editor/index';\n    import FormSetting from './form-setting';\n    import FormCrudSetting from './form-crud-setting.vue';\n    import WidgetProperties from './propertyRegister';\n    import { addWindowResizeHandler } from '@/utils/util';\n    import i18n from '@/utils/i18n';\n    import emitter from '@/utils/emitter';\n    import { propertyRegistered } from '@/components/form-designer/setting-panel/propertyRegister';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;\n\n    export default {\n        name: 'SettingPanel',\n        componentName: 'SettingPanel',\n        mixins: [i18n, emitter],\n        components: {\n            FormSetting,\n            CodeModalEditor,\n            FormCrudSetting,\n            ...PropertyEditors\n        },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            formConfig: Object,\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                isSubFormChildWidget: () => this.subFormChildWidgetFlag,\n                getGlobalDsv: () => this.globalDsv // 全局数据源变量\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                designerConfig: this.getDesignerConfig(),\n\n                scrollerHeight: 0,\n\n                activeTab: '2',\n                widgetActiveCollapseNames: ['1', '2', '3'],\n                formActiveCollapseNames: ['1', '2'],\n\n                commonProps: COMMON_PROPERTIES,\n                advProps: ADVANCED_PROPERTIES,\n                eventProps: EVENT_PROPERTIES,\n\n                showWidgetEventDialogFlag: false,\n                eventHandlerCode: '',\n                curEventName: '',\n                eventHeader: '',\n\n                subFormChildWidgetFlag: false\n            };\n        },\n        computed: {\n            optionModel: {\n                get() {\n                    return this.selectedWidget.options;\n                },\n\n                set(newValue) {\n                    this.selectedWidget.options = newValue;\n                }\n            }\n        },\n        watch: {\n            'designer.selectedWidget': {\n                handler(val) {\n                    if (!!val) {\n                        this.activeTab = '1';\n                    }\n                }\n            },\n\n            'selectedWidget.options': {\n                //组件属性变动后，立即保存表单JSON！！\n                deep: true,\n                handler() {\n                    this.designer.saveCurrentHistoryStep();\n                }\n            },\n\n            formConfig: {\n                deep: true,\n                handler() {\n                    this.designer.saveCurrentHistoryStep();\n                }\n            }\n        },\n        created() {\n            this.on$('editEventHandler', eventParams => {\n                //debugger\n                this.editEventHandler(eventParams[0], eventParams[1]);\n            });\n\n            this.designer.handleEvent('form-css-updated', cssClassList => {\n                this.designer.setCssClassList(cssClassList);\n            });\n\n            //监听字段组件选中事件\n            this.designer.handleEvent('field-selected', parentWidget => {\n                this.subFormChildWidgetFlag = !!parentWidget && parentWidget.type === 'sub-form';\n            });\n        },\n        mounted() {\n            if (!this.designer.selectedWidget) {\n                this.activeTab = '2';\n            } else {\n                this.activeTab = '1';\n            }\n\n            this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n                    //console.log(this.scrollerHeight)\n                });\n            });\n        },\n        methods: {\n            getEventHandled(eventName) {\n                return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;\n            },\n\n            showEventCollapse() {\n                if (this.designerConfig['eventCollapse'] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig['eventCollapse'];\n            },\n\n            hasPropEditor(propName, editorName) {\n                if (!editorName) {\n                    return false;\n                }\n\n                /* alert组件注册了两个type属性编辑器，跳过第一个type属性编辑器，只显示第二个alert-type属性编辑器！！ */\n                if (propName.indexOf('-') <= -1) {\n                    const uniquePropName = this.selectedWidget.type + '-' + propName;\n                    if (propertyRegistered(uniquePropName)) {\n                        return false;\n                    }\n                }\n\n                const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n                const res = this.designer.hasConfig(this.selectedWidget, originalPropName);\n\n                return res;\n            },\n\n            getPropEditor(propName, editorName) {\n                const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n                const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;\n\n                if (this.$options.components[ownPropEditorName]) {\n                    //局部注册的属性编辑器组件\n                    return ownPropEditorName;\n                }\n\n                // 如果全局有就调用全局的 否则动态加载\n                const editName = this.$root.$.appContext.components[ownPropEditorName]\n                    ? ownPropEditorName\n                    : editorName;\n\n                return editName;\n                // return defineAsyncComponent(() => PropertyEditors[editName]?.()); //Vue3全局注册的属性编辑器组件\n            },\n\n            showCollapse(propsObj) {\n                let result = false;\n\n                for (const propName in propsObj) {\n                    if (!propsObj.hasOwnProperty(propName)) {\n                        continue;\n                    }\n\n                    if (this.hasPropEditor(propName, propsObj[propName])) {\n                        result = true;\n                        break;\n                    }\n                }\n\n                return result;\n            },\n\n            editEventHandler(eventName, eventParams) {\n                //debugger\n\n                this.curEventName = eventName;\n                this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(\n                    ', '\n                )}) {`;\n                this.eventHandlerCode = this.selectedWidget.options[eventName] || '';\n\n                // 设置字段校验函数示例代码\n                if (eventName === 'onValidate' && !this.optionModel['onValidate']) {\n                    this.eventHandlerCode =\n                        \"  /* sample code */\\n  /*\\n  if ((value > 100) || (value < 0)) {\\n    return Promise.reject('error message')  //fail\\n  } else {\\n    return Promise.resolve();  //pass\\n  }\\n  */\";\n                }\n                console.log(this.eventHandlerCode);\n                this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);\n            },\n\n            saveEventHandler(value) {\n                const codeHints =\n                    this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();\n                let syntaxErrorFlag = false;\n                if (!!codeHints && codeHints.length > 0) {\n                    codeHints.forEach(chItem => {\n                        if (chItem.type === 'error') {\n                            syntaxErrorFlag = true;\n                        }\n                    });\n\n                    if (syntaxErrorFlag) {\n                        this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));\n                        return;\n                    }\n                }\n\n                if (this.curEventName.includes('.')) {\n                    const [a, b] = this.curEventName.split('.');\n                    this.selectedWidget.options[a][b] = value;\n                } else {\n                    this.selectedWidget.options[this.curEventName] = value;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .panel-container {\n        background-color: #fff;\n        border-radius: 4px;\n        height: 100%;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n        :deep(.ant-tabs-content-holder) {\n            flex: 1;\n            display: flex;\n        }\n        .tpf-form.ant-form {\n            padding: 0;\n        }\n        .eventPanel {\n            :deep(.ant-form-item-row) {\n                flex: 1;\n                .ant-form-item-label {\n                    flex: 1;\n                }\n                .ant-form-item-control-input-content .ant-btn {\n                    border: 1px solid #eee;\n                }\n            }\n\n            :deep(.ant-col.ant-form-item-control) {\n                flex: 0 0 80px;\n            }\n        }\n        :deep(.ant-tabs-nav) {\n            padding: 0 16px;\n            margin: 0;\n            margin-bottom: 0;\n            height: 42px;\n            border-bottom: 1px solid #f0f0f0;\n        }\n        :deep(.ant-tabs-tab) {\n            padding: 12px 0;\n            margin: 0 16px 0 0;\n            transition: all 0.3s;\n        }\n        :deep(.ant-tabs-content) {\n            overflow: auto;\n            padding: 0;\n        }\n        :deep(.ant-form-item) {\n            .ant-form-item-row {\n                flex: 1;\n            }\n            .ant-select {\n                width: 100%;\n            }\n            margin-bottom: 3px;\n            &:last-child {\n                margin-bottom: 0;\n            }\n            .ant-form-item-label > label {\n                color: var();\n            }\n        }\n        :deep(.ant-collapse) {\n            border: none;\n            background: transparent;\n        }\n        :deep(.ant-collapse-item) {\n            border: none;\n            overflow: hidden;\n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n        :deep(.ant-collapse-header) {\n            padding: 8px !important;\n            background: #fafafa;\n            &:hover {\n                background: #f5f5f5;\n            }\n        }\n        :deep(.ant-collapse-content-box) {\n            padding: 8px;\n            background: #fff;\n            .ant-form-item {\n                display: flex;\n            }\n            .ant-form-item-label {\n                width: 130px;\n            }\n        }\n    }\n\n    /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n    :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n    :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n        -webkit-appearance: none !important;\n    }\n\n    /* 隐藏Firefox浏览器中el-input数字输入框右侧的上下调整小箭头 */\n    // :deep(.hide-spin-button) input[type='number'] {\n    //   -moz-appearance: textfield;\n    // }\n</style>\n\n<style lang=\"scss\">\n    .ds-setting-drawer {\n        right: 320px !important;\n    }\n</style>\n"],"names":["COMMON_PROPERTIES","ADVANCED_PROPERTIES","EVENT_PROPERTIES","WidgetProperties","_sfc_main","i18n","emitter","FormSetting","CodeModalEditor","FormCrudSetting","PropertyEditors","newValue","val","eventParams","cssClassList","parentWidget","addWindowResizeHandler","eventName","propName","editorName","uniquePropName","propertyRegistered","originalPropName","ownPropEditorName","propsObj","result","value","codeHints","syntaxErrorFlag","chItem","a","b","_createBlock","_component_a_config_provider","_createVNode","_component_a_layout","_component_a_tabs","$data","$event","_component_a_tab_pane","_ctx","_createElementVNode","$props","_component_a_form","$options","_component_a_collapse","_component_a_collapse_panel","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_component_a_empty","_component_form_setting","_component_FormCrudSetting","_component_CodeModalEditor"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/index.vue"],"sourcesContent":["<template>\n    <a-config-provider componentSize=\"small\">\n        <a-layout class=\"panel-container\">\n            <a-tabs\n                v-model:activeKey=\"activeTab\"\n                style=\"height: 100%; width: 100%; overflow: hidden\"\n            >\n                <a-tab-pane :tab=\"i18nt('designer.hint.widgetSetting')\" key=\"1\">\n                    <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <template\n                            v-if=\"!!designer.selectedWidget && !designer.selectedWidget.category\"\n                        >\n                            <a-form\n                                :model=\"optionModel\"\n                                labelAlign=\"left\"\n                                label-width=\"120px\"\n                                class=\"setting-form tpf-form\"\n                                @submit.prevent\n                            >\n                                <a-collapse\n                                    v-model:activeKey=\"widgetActiveCollapseNames\"\n                                    class=\"setting-collapse\"\n                                >\n                                    <a-collapse-panel\n                                        key=\"1\"\n                                        v-if=\"showCollapse(commonProps)\"\n                                        :header=\"i18nt('designer.setting.常见属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in commonProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                v-model:option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"2\"\n                                        v-if=\"showCollapse(advProps)\"\n                                        :header=\"i18nt('designer.setting.高级属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in advProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"3\"\n                                        class=\"eventPanel\"\n                                        v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n                                        :header=\"i18nt('designer.setting.事件属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in eventProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                                :event-handled=\"getEventHandled(propName)\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n                                </a-collapse>\n                            </a-form>\n                        </template>\n\n                        <template\n                            v-if=\"!!designer.selectedWidget && !!designer.selectedWidget.category\"\n                        >\n                            <a-form\n                                :model=\"optionModel\"\n                                labelAlign=\"left\"\n                                label-width=\"120px\"\n                                class=\"setting-form tpf-form\"\n                                @submit.prevent\n                            >\n                                <a-collapse\n                                    v-model:activeKey=\"widgetActiveCollapseNames\"\n                                    class=\"setting-collapse\"\n                                >\n                                    <a-collapse-panel\n                                        key=\"1\"\n                                        v-if=\"showCollapse(commonProps)\"\n                                        :header=\"i18nt('designer.setting.常见属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in commonProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                v-model:option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"2\"\n                                        v-if=\"showCollapse(advProps)\"\n                                        :header=\"i18nt('designer.setting.高级属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in advProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n\n                                    <a-collapse-panel\n                                        key=\"3\"\n                                        class=\"eventPanel\"\n                                        v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n                                        :header=\"i18nt('designer.setting.事件属性')\"\n                                    >\n                                        <template v-for=\"(editorName, propName) in eventProps\">\n                                            <component\n                                                v-if=\"hasPropEditor(propName, editorName)\"\n                                                :key=\"propName\"\n                                                :is=\"getPropEditor(propName, editorName)\"\n                                                :designer=\"designer\"\n                                                :selected-widget=\"selectedWidget\"\n                                                :option-model=\"optionModel\"\n                                                :event-handled=\"getEventHandled(propName)\"\n                                            />\n                                        </template>\n                                    </a-collapse-panel>\n                                </a-collapse>\n                            </a-form>\n                        </template>\n\n                        <template v-if=\"!designer.selectedWidget\">\n                            <a-empty :description=\"i18nt('designer.hint.noSelectedWidgetHint')\" />\n                        </template>\n                    </div>\n                </a-tab-pane>\n\n                <a-tab-pane v-if=\"!!designer\" :tab=\"i18nt('designer.hint.表单设置')\" key=\"2\">\n                    <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <form-setting :designer=\"designer\" :form-config=\"formConfig\" />\n                    </div>\n                </a-tab-pane>\n\n                <a-tab-pane :tab=\"'表单api配置'\" key=\"3\">\n                    <div class=\"ds-setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n                        <FormCrudSetting :designer=\"designer\" :form-config=\"formConfig\" />\n                    </div>\n                </a-tab-pane>\n            </a-tabs>\n\n            <TpfCodeEditor\n                :eventHeader=\"eventHeader\"\n                ref=\"CodeModalEditorRef\"\n                :title=\"i18nt('designer.setting.editWidgetEventHandler')\"\n                mode=\"javascript\"\n                :readonly=\"false\"\n                @setCode=\"saveEventHandler\"\n            />\n        </a-layout>\n    </a-config-provider>\n</template>\n\n<script>\n    import { TpfCodeEditor } from 'tmgc2-share';\n    import PropertyEditors from './property-editor/index';\n    import FormSetting from './form-setting';\n    import FormCrudSetting from './form-crud-setting.vue';\n    import WidgetProperties from './propertyRegister';\n    import { addWindowResizeHandler } from '@/utils/util';\n    import i18n from '@/utils/i18n';\n    import emitter from '@/utils/emitter';\n    import { propertyRegistered } from '@/components/form-designer/setting-panel/propertyRegister';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n    const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;\n\n    export default {\n        name: 'SettingPanel',\n        componentName: 'SettingPanel',\n        mixins: [i18n, emitter],\n        components: {\n            TpfCodeEditor,\n            FormSetting,\n            CodeModalEditor,\n            FormCrudSetting,\n            ...PropertyEditors\n        },\n        props: {\n            designer: Object,\n            selectedWidget: Object,\n            formConfig: Object,\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        provide() {\n            return {\n                isSubFormChildWidget: () => this.subFormChildWidgetFlag,\n                getGlobalDsv: () => this.globalDsv // 全局数据源变量\n            };\n        },\n        inject: ['getDesignerConfig'],\n        data() {\n            return {\n                designerConfig: this.getDesignerConfig(),\n\n                scrollerHeight: 0,\n\n                activeTab: '2',\n                widgetActiveCollapseNames: ['1', '2', '3'],\n                formActiveCollapseNames: ['1', '2'],\n\n                commonProps: COMMON_PROPERTIES,\n                advProps: ADVANCED_PROPERTIES,\n                eventProps: EVENT_PROPERTIES,\n\n                showWidgetEventDialogFlag: false,\n                eventHandlerCode: '',\n                curEventName: '',\n                eventHeader: '',\n\n                subFormChildWidgetFlag: false\n            };\n        },\n        computed: {\n            optionModel: {\n                get() {\n                    return this.selectedWidget.options;\n                },\n\n                set(newValue) {\n                    this.selectedWidget.options = newValue;\n                }\n            }\n        },\n        watch: {\n            'designer.selectedWidget': {\n                handler(val) {\n                    if (!!val) {\n                        this.activeTab = '1';\n                    }\n                }\n            },\n\n            'selectedWidget.options': {\n                //组件属性变动后，立即保存表单JSON！！\n                deep: true,\n                handler() {\n                    this.designer.saveCurrentHistoryStep();\n                }\n            },\n\n            formConfig: {\n                deep: true,\n                handler() {\n                    this.designer.saveCurrentHistoryStep();\n                }\n            }\n        },\n        created() {\n            this.on$('editEventHandler', eventParams => {\n                this.editEventHandler(eventParams[0], eventParams[1]);\n            });\n\n            this.designer.handleEvent('form-css-updated', cssClassList => {\n                this.designer.setCssClassList(cssClassList);\n            });\n\n            //监听字段组件选中事件\n            this.designer.handleEvent('field-selected', parentWidget => {\n                this.subFormChildWidgetFlag = !!parentWidget && parentWidget.type === 'sub-form';\n            });\n        },\n        mounted() {\n            if (!this.designer.selectedWidget) {\n                this.activeTab = '2';\n            } else {\n                this.activeTab = '1';\n            }\n\n            this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n                    //console.log(this.scrollerHeight)\n                });\n            });\n        },\n        methods: {\n            getEventHandled(eventName) {\n                return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;\n            },\n\n            showEventCollapse() {\n                if (this.designerConfig['eventCollapse'] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig['eventCollapse'];\n            },\n\n            hasPropEditor(propName, editorName) {\n                if (!editorName) {\n                    return false;\n                }\n\n                /* alert组件注册了两个type属性编辑器，跳过第一个type属性编辑器，只显示第二个alert-type属性编辑器！！ */\n                if (propName.indexOf('-') <= -1) {\n                    const uniquePropName = this.selectedWidget.type + '-' + propName;\n                    if (propertyRegistered(uniquePropName)) {\n                        return false;\n                    }\n                }\n\n                const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n                const res = this.designer.hasConfig(this.selectedWidget, originalPropName);\n\n                return res;\n            },\n\n            getPropEditor(propName, editorName) {\n                const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n                const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;\n\n                if (this.$options.components[ownPropEditorName]) {\n                    //局部注册的属性编辑器组件\n                    return ownPropEditorName;\n                }\n\n                // 如果全局有就调用全局的 否则动态加载\n                const editName = this.$root.$.appContext.components[ownPropEditorName]\n                    ? ownPropEditorName\n                    : editorName;\n\n                return editName;\n                // return defineAsyncComponent(() => PropertyEditors[editName]?.()); //Vue3全局注册的属性编辑器组件\n            },\n\n            showCollapse(propsObj) {\n                let result = false;\n\n                for (const propName in propsObj) {\n                    if (!propsObj.hasOwnProperty(propName)) {\n                        continue;\n                    }\n\n                    if (this.hasPropEditor(propName, propsObj[propName])) {\n                        result = true;\n                        break;\n                    }\n                }\n\n                return result;\n            },\n\n            editEventHandler(eventName, eventParams) {\n                console.log(eventName, eventParams);\n\n                //debugger\n\n                this.curEventName = eventName;\n                this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(\n                    ', '\n                )}) {`;\n                this.eventHandlerCode = this.selectedWidget.options[eventName] || '';\n\n                // 设置字段校验函数示例代码\n                if (eventName === 'onValidate' && !this.optionModel['onValidate']) {\n                    this.eventHandlerCode =\n                        \"  /* sample code */\\n  /*\\n  if ((value > 100) || (value < 0)) {\\n    return Promise.reject('error message')  //fail\\n  } else {\\n    return Promise.resolve();  //pass\\n  }\\n  */\";\n                }\n                console.log(this.eventHandlerCode);\n                this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);\n            },\n\n            saveEventHandler(value) {\n                console.log({ value });\n\n                if (this.curEventName.includes('.')) {\n                    const [a, b] = this.curEventName.split('.');\n                    this.selectedWidget.options[a][b] = value;\n                } else {\n                    this.selectedWidget.options[this.curEventName] = value;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .panel-container {\n        background-color: #fff;\n        border-radius: 4px;\n        height: 100%;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n        :deep(.ant-tabs-content-holder) {\n            flex: 1;\n            display: flex;\n        }\n        .tpf-form.ant-form {\n            padding: 0;\n        }\n        .eventPanel {\n            :deep(.ant-form-item-row) {\n                flex: 1;\n                .ant-form-item-label {\n                    flex: 1;\n                }\n                .ant-form-item-control-input-content .ant-btn {\n                    border: 1px solid #eee;\n                }\n            }\n\n            :deep(.ant-col.ant-form-item-control) {\n                flex: 0 0 80px;\n            }\n        }\n        :deep(.ant-tabs-nav) {\n            padding: 0 16px;\n            margin: 0;\n            margin-bottom: 0;\n            height: 42px;\n            border-bottom: 1px solid #f0f0f0;\n        }\n        :deep(.ant-tabs-tab) {\n            padding: 12px 0;\n            margin: 0 16px 0 0;\n            transition: all 0.3s;\n        }\n        :deep(.ant-tabs-content) {\n            overflow: auto;\n            padding: 0;\n        }\n        :deep(.ant-form-item) {\n            .ant-form-item-row {\n                flex: 1;\n            }\n            .ant-select {\n                width: 100%;\n            }\n            margin-bottom: 3px;\n            &:last-child {\n                margin-bottom: 0;\n            }\n            .ant-form-item-label > label {\n                color: var();\n            }\n        }\n        :deep(.ant-collapse) {\n            border: none;\n            background: transparent;\n        }\n        :deep(.ant-collapse-item) {\n            border: none;\n            overflow: hidden;\n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n        :deep(.ant-collapse-header) {\n            padding: 8px !important;\n            background: #fafafa;\n            &:hover {\n                background: #f5f5f5;\n            }\n        }\n        :deep(.ant-collapse-content-box) {\n            padding: 8px;\n            background: #fff;\n            .ant-form-item {\n                display: flex;\n            }\n            .ant-form-item-label {\n                width: 130px;\n            }\n        }\n    }\n\n    /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n    :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n    :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n        -webkit-appearance: none !important;\n    }\n\n    /* 隐藏Firefox浏览器中el-input数字输入框右侧的上下调整小箭头 */\n    // :deep(.hide-spin-button) input[type='number'] {\n    //   -moz-appearance: textfield;\n    // }\n</style>\n\n<style lang=\"scss\">\n    .ds-setting-drawer {\n        right: 320px !important;\n    }\n</style>\n"],"names":["COMMON_PROPERTIES","ADVANCED_PROPERTIES","EVENT_PROPERTIES","WidgetProperties","_sfc_main","i18n","emitter","TpfCodeEditor","FormSetting","CodeModalEditor","FormCrudSetting","PropertyEditors","newValue","val","eventParams","cssClassList","parentWidget","addWindowResizeHandler","eventName","propName","editorName","uniquePropName","propertyRegistered","originalPropName","ownPropEditorName","propsObj","result","value","a","b","_createBlock","_component_a_config_provider","_createVNode","_component_a_layout","_component_a_tabs","$data","$event","_component_a_tab_pane","_ctx","_createElementVNode","$props","_component_a_form","$options","_component_a_collapse","_component_a_collapse_panel","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_component_a_empty","_component_form_setting","_component_FormCrudSetting","_component_TpfCodeEditor"],"mappings":";;;;;;;;;;;;;AAgMI,MAAM,EAAE,mBAAAA,GAAmB,qBAAAC,GAAqB,kBAAAC,EAAe,IAAMC,GAEhEC,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,CAAO;AAAA,EACtB,YAAY;AAAA,IACR,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAAA,IACA,iBAAAC;AAAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACpB;AAAA;EAEJ,UAAU;AACN,WAAO;AAAA,MACH,sBAAsB,MAAM,KAAK;AAAA,MACjC,cAAc,MAAM,KAAK;AAAA;AAAA;EAEjC;AAAA,EACA,QAAQ,CAAC,mBAAmB;AAAA,EAC5B,OAAO;AACH,WAAO;AAAA,MACH,gBAAgB,KAAK,kBAAiB;AAAA,MAEtC,gBAAgB;AAAA,MAEhB,WAAW;AAAA,MACX,2BAA2B,CAAC,KAAK,KAAK,GAAG;AAAA,MACzC,yBAAyB,CAAC,KAAK,GAAG;AAAA,MAElC,aAAaX;AAAA,MACb,UAAUC;AAAA,MACV,YAAYC;AAAA,MAEZ,2BAA2B;AAAA,MAC3B,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,MAEb,wBAAwB;AAAA;EAEhC;AAAA,EACA,UAAU;AAAA,IACN,aAAa;AAAA,MACT,MAAM;AACF,eAAO,KAAK,eAAe;AAAA,MAC/B;AAAA,MAEA,IAAIU,GAAU;AACV,aAAK,eAAe,UAAUA;AAAA,MAClC;AAAA,IACJ;AAAA;EAEJ,OAAO;AAAA,IACH,2BAA2B;AAAA,MACvB,QAAQC,GAAK;AACT,QAAMA,MACF,KAAK,YAAY;AAAA,MAEzB;AAAA;IAGJ,0BAA0B;AAAA;AAAA,MAEtB,MAAM;AAAA,MACN,UAAU;AACN,aAAK,SAAS,uBAAsB;AAAA,MACxC;AAAA;IAGJ,YAAY;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AACN,aAAK,SAAS,uBAAsB;AAAA,MACxC;AAAA,IACJ;AAAA;EAEJ,UAAU;AACN,SAAK,IAAI,oBAAoB,CAAAC,MAAe;AACxC,WAAK,iBAAiBA,EAAY,CAAC,GAAGA,EAAY,CAAC,CAAC;AAAA,IACxD,CAAC,GAED,KAAK,SAAS,YAAY,oBAAoB,CAAAC,MAAgB;AAC1D,WAAK,SAAS,gBAAgBA,CAAY;AAAA,IAC9C,CAAC,GAGD,KAAK,SAAS,YAAY,kBAAkB,CAAAC,MAAgB;AACxD,WAAK,yBAAyB,CAAC,CAACA,KAAgBA,EAAa,SAAS;AAAA,IAC1E,CAAC;AAAA,EACL;AAAA,EACA,UAAU;AACN,IAAK,KAAK,SAAS,iBAGf,KAAK,YAAY,MAFjB,KAAK,YAAY,KAKrB,KAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK,MACrDC,EAAuB,MAAM;AACzB,WAAK,UAAU,MAAM;AACjB,aAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK;AAAA,MAEzD,CAAC;AAAA,IACL,CAAC;AAAA,EACL;AAAA,EACA,SAAS;AAAA,IACL,gBAAgBC,GAAW;AACvB,aAAO,CAAC,CAAC,KAAK,YAAYA,CAAS,KAAK,KAAK,YAAYA,CAAS,EAAE,SAAS;AAAA,IACjF;AAAA,IAEA,oBAAoB;AAChB,aAAI,KAAK,eAAe,kBAAqB,SAClC,KAGJ,CAAC,CAAC,KAAK,eAAe;AAAA,IACjC;AAAA,IAEA,cAAcC,GAAUC,GAAY;AAChC,UAAI,CAACA;AACD,eAAO;AAIX,UAAID,EAAS,QAAQ,GAAG,KAAK,IAAI;AAC7B,cAAME,IAAiB,KAAK,eAAe,OAAO,MAAMF;AACxD,YAAIG,EAAmBD,CAAc;AACjC,iBAAO;AAAA,MAEf;AAEA,YAAME,IAAmBJ,EAAS,QAAQ,KAAK,eAAe,OAAO,KAAK,EAAE;AAG5E,aAFY,KAAK,SAAS,UAAU,KAAK,gBAAgBI,CAAgB;AAAA,IAG7E;AAAA,IAEA,cAAcJ,GAAUC,GAAY;AAChC,YAAMG,IAAmBJ,EAAS,QAAQ,KAAK,eAAe,OAAO,KAAK,EAAE,GACtEK,IAAoB,GAAG,KAAK,eAAe,IAAI,IAAID,CAAgB;AAEzE,aAAI,KAAK,SAAS,WAAWC,CAAiB,KAM7B,KAAK,MAAM,EAAE,WAAW,WAAWA,CAAiB,IAJ1DA,IAMLJ;AAAA,IAIV;AAAA,IAEA,aAAaK,GAAU;AACnB,UAAIC,IAAS;AAEb,iBAAWP,KAAYM;AACnB,YAAKA,EAAS,eAAeN,CAAQ,KAIjC,KAAK,cAAcA,GAAUM,EAASN,CAAQ,CAAC,GAAG;AAClD,UAAAO,IAAS;AACT;AAAA,QACJ;AAGJ,aAAOA;AAAA,IACX;AAAA,IAEA,iBAAiBR,GAAWJ,GAAa;AACrC,cAAQ,IAAII,GAAWJ,CAAW,GAIlC,KAAK,eAAeI,GACpB,KAAK,cAAc,GAAG,KAAK,YAAY,IAAI,IAAIA,CAAS,IAAIJ,EAAY;AAAA,QACpE;AAAA,OACH,OACD,KAAK,mBAAmB,KAAK,eAAe,QAAQI,CAAS,KAAK,IAG9DA,MAAc,gBAAgB,CAAC,KAAK,YAAY,eAChD,KAAK,mBACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAER,QAAQ,IAAI,KAAK,gBAAgB,GACjC,KAAK,MAAM,mBAAmB,KAAK,KAAK,gBAAgB;AAAA,IAC5D;AAAA,IAEA,iBAAiBS,GAAO;AAGpB,UAFA,QAAQ,IAAI,EAAE,OAAAA,GAAO,GAEjB,KAAK,aAAa,SAAS,GAAG,GAAG;AACjC,cAAM,CAACC,GAAGC,CAAC,IAAI,KAAK,aAAa,MAAM,GAAG;AAC1C,aAAK,eAAe,QAAQD,CAAC,EAAEC,CAAC,IAAIF;AAAA,MACxC;AACI,aAAK,eAAe,QAAQ,KAAK,YAAY,IAAIA;AAAA,IAEzD;AAAA,EACJ;;;;cAnZJG,EAgLoBC,GAAA,EAhLD,eAAc,WAAO;AAAA,eACpC,MA8KW;AAAA,MA9KXC,EA8KWC,GAAA,EA9KD,OAAM,kBAAiB,GAAA;AAAA,mBAC7B,MAmKS;AAAA,UAnKTD,EAmKSE,GAAA;AAAA,YAlKG,WAAWC,EAAA;AAAA,yDAAAA,EAAA,YAASC;AAAA,YAC5B,OAAA,EAAA,QAAA,QAAA,OAAA,QAAA,UAAA,SAAA;AAAA;uBAEA,MAkJa;AAAA,cAlJbJ,EAkJaK,GAAA;AAAA,gBAlJA,KAAKC,EAAA,MAAK,6BAAA;AAAA,gBAAiC,KAAI;AAAA;2BACxD,MAgJM;AAAA,kBAhJNC,EAgJM,OAAA;AAAA,oBAhJD,OAAM;AAAA,oBAAqB,mBAAiBJ,EAAA,eAAc,CAAA;AAAA;oBAE/CK,EAAA,SAAS,kBAAc,CAAKA,WAAS,eAAe,iBAE5DV,EAgESW,GAAA;AAAA;sBA/DJ,OAAOC,EAAA;AAAA,sBACR,YAAW;AAAA,sBACX,eAAY;AAAA,sBACZ,OAAM;AAAA,sBACL,4BAAD,MAAA;AAAA,sBAAA,GAAe,CAAA,SAAA,CAAA;AAAA;iCAEf,MAwDa;AAAA,wBAxDbV,EAwDaW,GAAA;AAAA,0BAvDD,WAAWR,EAAA;AAAA,uEAAAA,EAAA,4BAAyBC;AAAA,0BAC5C,OAAM;AAAA;qCAEN,MAemB;AAAA,4BAbTM,EAAA,aAAaP,EAAA,WAAW,UAFlCL,EAemBc,GAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQN,EAAA,MAAK,uBAAA;AAAA;yCAEJ,MAA6C;AAAA,iCAAvDO,EAAA,EAAA,GAAAC,EASWC,GAAA,MAAAC,EATgCb,EAAA,aAAW,CAApCf,GAAYD;kCAEhBuB,EAAA,cAAcvB,GAAUC,CAAU,KAD5CyB,EAAA,GAAAf,EAOEmB,EAJOP,EAAA,cAAcvB,GAAUC,CAAU,CAAA,GAAA;AAAA,oCADtC,KAAKD;AAAA,oCAEL,UAAUqB,EAAA;AAAA,oCACV,mBAAiBA,EAAA;AAAA,oCACV,gBAAcE,EAAA;AAAA,mFAAAA,EAAA,cAAWN;AAAA;;;;;4BAOnCM,EAAA,aAAaP,EAAA,QAAQ,UAF/BL,EAemBc,GAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQN,EAAA,MAAK,uBAAA;AAAA;yCAEJ,MAA0C;AAAA,iCAApDO,EAAA,EAAA,GAAAC,EASWC,GAAA,MAAAC,EATgCb,EAAA,UAAQ,CAAjCf,GAAYD;kCAEhBuB,EAAA,cAAcvB,GAAUC,CAAU,KAD5CyB,EAAA,GAAAf,EAOEmB,EAJOP,EAAA,cAAcvB,GAAUC,CAAU,CAAA,GAAA;AAAA,oCADtC,KAAKD;AAAA,oCAEL,UAAUqB,EAAA;AAAA,oCACV,mBAAiBA,EAAA;AAAA,oCACjB,gBAAcE,EAAA;AAAA;;;;;4BAQjBA,EAAA,kBAAiB,KAAMA,EAAA,aAAaP,EAAA,UAAU,UAHxDL,EAiBmBc,GAAA;AAAA,8BAhBf,KAAI;AAAA,8BACJ,OAAM;AAAA,8BAEL,QAAQN,EAAA,MAAK,uBAAA;AAAA;yCAEJ,MAA4C;AAAA,iCAAtDO,EAAA,EAAA,GAAAC,EAUWC,GAAA,MAAAC,EAVgCb,EAAA,YAAU,CAAnCf,GAAYD;kCAEhBuB,EAAA,cAAcvB,GAAUC,CAAU,KAD5CyB,EAAA,GAAAf,EAQEmB,EALOP,EAAA,cAAcvB,GAAUC,CAAU,CAAA,GAAA;AAAA,oCADtC,KAAKD;AAAA,oCAEL,UAAUqB,EAAA;AAAA,oCACV,mBAAiBA,EAAA;AAAA,oCACjB,gBAAcE,EAAA;AAAA,oCACd,iBAAeA,EAAA,gBAAgBvB,CAAQ;AAAA;;;;;;;;;;;oBASpDqB,EAAA,SAAS,kBAAoBA,WAAS,eAAe,iBAE7DV,EAgESW,GAAA;AAAA;sBA/DJ,OAAOC,EAAA;AAAA,sBACR,YAAW;AAAA,sBACX,eAAY;AAAA,sBACZ,OAAM;AAAA,sBACL,4BAAD,MAAA;AAAA,sBAAA,GAAe,CAAA,SAAA,CAAA;AAAA;iCAEf,MAwDa;AAAA,wBAxDbV,EAwDaW,GAAA;AAAA,0BAvDD,WAAWR,EAAA;AAAA,uEAAAA,EAAA,4BAAyBC;AAAA,0BAC5C,OAAM;AAAA;qCAEN,MAemB;AAAA,4BAbTM,EAAA,aAAaP,EAAA,WAAW,UAFlCL,EAemBc,GAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQN,EAAA,MAAK,uBAAA;AAAA;yCAEJ,MAA6C;AAAA,iCAAvDO,EAAA,EAAA,GAAAC,EASWC,GAAA,MAAAC,EATgCb,EAAA,aAAW,CAApCf,GAAYD;kCAEhBuB,EAAA,cAAcvB,GAAUC,CAAU,KAD5CyB,EAAA,GAAAf,EAOEmB,EAJOP,EAAA,cAAcvB,GAAUC,CAAU,CAAA,GAAA;AAAA,oCADtC,KAAKD;AAAA,oCAEL,UAAUqB,EAAA;AAAA,oCACV,mBAAiBA,EAAA;AAAA,oCACV,gBAAcE,EAAA;AAAA,mFAAAA,EAAA,cAAWN;AAAA;;;;;4BAOnCM,EAAA,aAAaP,EAAA,QAAQ,UAF/BL,EAemBc,GAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQN,EAAA,MAAK,uBAAA;AAAA;yCAEJ,MAA0C;AAAA,iCAApDO,EAAA,EAAA,GAAAC,EASWC,GAAA,MAAAC,EATgCb,EAAA,UAAQ,CAAjCf,GAAYD;kCAEhBuB,EAAA,cAAcvB,GAAUC,CAAU,KAD5CyB,EAAA,GAAAf,EAOEmB,EAJOP,EAAA,cAAcvB,GAAUC,CAAU,CAAA,GAAA;AAAA,oCADtC,KAAKD;AAAA,oCAEL,UAAUqB,EAAA;AAAA,oCACV,mBAAiBA,EAAA;AAAA,oCACjB,gBAAcE,EAAA;AAAA;;;;;4BAQjBA,EAAA,kBAAiB,KAAMA,EAAA,aAAaP,EAAA,UAAU,UAHxDL,EAiBmBc,GAAA;AAAA,8BAhBf,KAAI;AAAA,8BACJ,OAAM;AAAA,8BAEL,QAAQN,EAAA,MAAK,uBAAA;AAAA;yCAEJ,MAA4C;AAAA,iCAAtDO,EAAA,EAAA,GAAAC,EAUWC,GAAA,MAAAC,EAVgCb,EAAA,YAAU,CAAnCf,GAAYD;kCAEhBuB,EAAA,cAAcvB,GAAUC,CAAU,KAD5CyB,EAAA,GAAAf,EAQEmB,EALOP,EAAA,cAAcvB,GAAUC,CAAU,CAAA,GAAA;AAAA,oCADtC,KAAKD;AAAA,oCAEL,UAAUqB,EAAA;AAAA,oCACV,mBAAiBA,EAAA;AAAA,oCACjB,gBAAcE,EAAA;AAAA,oCACd,iBAAeA,EAAA,gBAAgBvB,CAAQ;AAAA;;;;;;;;;;;oBAQ/CqB,EAAA,SAAS,mCACtBV,EAAsEoB,GAAA;AAAA;sBAA5D,aAAaZ,EAAA,MAAK,oCAAA;AAAA;;;;;cAKpBE,EAAA,iBAApBV,EAIaO,GAAA;AAAA,gBAJkB,KAAKC,EAAA,MAAK,oBAAA;AAAA,gBAAwB,KAAI;AAAA;2BACjE,MAEM;AAAA,kBAFNC,EAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAqB,mBAAiBJ,EAAA,eAAc,CAAA;AAAA;oBAC3DH,EAA+DmB,GAAA;AAAA,sBAAhD,UAAUX,EAAA;AAAA,sBAAW,eAAaA,EAAA;AAAA;;;;;cAIzDR,EAIaK,GAAA;AAAA,gBAJA,KAAK;AAAA,gBAAW,KAAI;AAAA;2BAC7B,MAEM;AAAA,kBAFNE,EAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAwB,mBAAiBJ,EAAA,eAAc,CAAA;AAAA;oBAC9DH,EAAkEoB,GAAA;AAAA,sBAAhD,UAAUZ,EAAA;AAAA,sBAAW,eAAaA,EAAA;AAAA;;;;;;;;UAKhER,EAOEqB,GAAA;AAAA,YANG,aAAalB,EAAA;AAAA,YACd,KAAI;AAAA,YACH,OAAOG,EAAA,MAAK,yCAAA;AAAA,YACb,MAAK;AAAA,YACJ,UAAU;AAAA,YACV,WAASI,EAAA;AAAA;;;;;;;;;"}