@kp-ui/lowcode 2.15.0-beta.8 → 2.16.0-alpha.5

package/src/components/form-designer/setting-panel/form-setting.vue2.js

@@ -1,20 +1,19 @@
-import { defineComponent as Y, inject as D, ref as m, onMounted as Z, resolveComponent as v, createElementBlock as K, openBlock as F, Fragment as P, createVNode as t, withModifiers as ee, unref as e, withCtx as o, createBlock as te, createCommentVNode as ne, createTextVNode as c, toDisplayString as p, normalizeClass as $, renderList as le } from "vue";
-import { useI18n as oe } from "../../../utils/i18n.js";
-import { insertCustomCssToHead as j, deepClone as I } from "../../../utils/util.js";
-import ae from "../../public/methoad-item.vue.js";
-import se from "./property-editor/container-vf-dialog/okButtonHidden-editor.vue2.js";
-import ie from "./property-editor/container-vf-dialog/cancelButtonHidden-editor.vue2.js";
-import { TpfCodeEditor as re } from "tmgc2-share";
-import { useDesigner as ue } from "../form-widget/useFormDesigner.js";
-const _e = /* @__PURE__ */ Y({
+import { defineComponent as X, inject as D, ref as u, onMounted as Y, resolveComponent as m, createElementBlock as K, openBlock as H, Fragment as P, createVNode as t, withModifiers as Z, unref as e, withCtx as o, createBlock as ee, createCommentVNode as te, createTextVNode as c, toDisplayString as p, normalizeClass as j, renderList as ne } from "vue";
+import { useI18n as le } from "../../../utils/i18n.js";
+import { insertCustomCssToHead as I, deepClone as T } from "../../../utils/util.js";
+import oe from "../../public/methoad-item.vue.js";
+import { TpfCodeEditor as ae } from "tmgc2-share";
+import { useDesigner as se } from "../form-widget/useFormDesigner.js";
+import ie from "./property-editor/button-list-editor.vue2.js";
+const pe = /* @__PURE__ */ X({
   name: "form-setting",
   __name: "form-setting",
-  setup(de) {
-    const { formConfig: n } = ue(), { i18nt: a } = oe(), h = D("designer", m({})), H = D("getDesignerConfig"), y = H ? H() : {}, B = m("javascript"), O = m(""), S = m(""), N = m(!1), U = m(""), M = m(["1", "2"]), b = m(""), E = m([]), x = m(""), A = m(null), T = [
+  setup(re) {
+    const { formConfig: l } = se(), { i18nt: a } = le(), h = D("designer", u({})), k = D("getDesignerConfig"), O = k ? k() : {}, S = u("javascript"), y = u(""), N = u(""), A = u(!1), U = u(""), z = u(["1", "2"]), C = u(""), E = u([]), w = u(""), M = u(null), W = [
       { label: "default", value: "middle" },
       { label: "large", value: "large" },
       { label: "small", value: "small" }
-    ], z = {
+    ], V = {
       onFormCreated: "onFormCreated() {",
       onFormMounted: "onFormMounted() {",
       onOkButtonClick: "onOkButtonClick() {",
@@ -22,91 +21,91 @@ const _e = /* @__PURE__ */ Y({
       onFormEnterKey: "onFormEnterKey() {",
       onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
       //'onFormValidate': 'onFormValidate() {',
-    }, W = (r) => {
-      n.value[O.value] = r;
-    }, w = (r) => {
-      O.value = r.eventName, B.value = r.mode, N.value = r.isShowEventHeader, x.value = n.value[r.eventName], S.value = r.title || a("designer.setting.editWidgetEventHandler"), U.value = r.eventHeader || "", A.value.open();
-    }, R = (r) => !!n.value[r] && n.value[r].length > 0, q = () => y.eventCollapse === void 0 ? !0 : !!y.eventCollapse, k = () => {
-      const r = /\..*{/g, l = b.value.match(r), f = [];
-      l && l.length > 0 && l.forEach((d) => {
-        const g = d.split(",");
-        g.length > 0 && g.forEach((C) => {
-          const i = C.trim();
-          if (i.indexOf(".", 1) !== -1) {
-            const u = i.substring(
-              i.indexOf(".") + 1,
-              i.indexOf(".", 1)
+    }, $ = (r) => {
+      l.value[y.value] = r;
+    }, x = (r) => {
+      y.value = r.eventName, S.value = r.mode, A.value = r.isShowEventHeader, w.value = l.value[r.eventName], N.value = r.title || a("designer.setting.editWidgetEventHandler"), U.value = r.eventHeader || "", M.value.open();
+    }, R = (r) => !!l.value[r] && l.value[r].length > 0, L = () => O.eventCollapse === void 0 ? !0 : !!O.eventCollapse, F = () => {
+      const r = /\..*{/g, n = C.value.match(r), f = [];
+      n && n.length > 0 && n.forEach((v) => {
+        const g = v.split(",");
+        g.length > 0 && g.forEach((_) => {
+          const s = _.trim();
+          if (s.indexOf(".", 1) !== -1) {
+            const d = s.substring(
+              s.indexOf(".") + 1,
+              s.indexOf(".", 1)
             );
-            u && f.push(u.trim());
-          } else if (i.indexOf(" ") !== -1) {
-            const u = i.substring(
-              i.indexOf(".") + 1,
-              i.indexOf(" ")
+            d && f.push(d.trim());
+          } else if (s.indexOf(" ") !== -1) {
+            const d = s.substring(
+              s.indexOf(".") + 1,
+              s.indexOf(" ")
             );
-            u && f.push(u.trim());
-          } else if (i.indexOf("{") !== -1) {
-            const u = i.substring(
-              i.indexOf(".") + 1,
-              i.indexOf("{")
+            d && f.push(d.trim());
+          } else if (s.indexOf("{") !== -1) {
+            const d = s.substring(
+              s.indexOf(".") + 1,
+              s.indexOf("{")
             );
-            f.push(u.trim());
+            f.push(d.trim());
           } else {
-            const u = i.substring(i.indexOf(".") + 1);
-            f.push(u.trim());
+            const d = s.substring(s.indexOf(".") + 1);
+            f.push(d.trim());
           }
         });
       });
     };
-    return Z(() => {
+    return Y(() => {
       h.value.handleEvent("form-json-imported", () => {
-        b.value = n.value.cssCode, j(b.value), k(), h.value.emitEvent("form-css-updated", I(E.value));
+        C.value = l.value.cssCode, I(C.value), F(), h.value.emitEvent("form-css-updated", T(E.value));
       }), setTimeout(() => {
-        b.value = n.value.cssCode, j(b.value), k(), h.value.emitEvent("form-css-updated", I(E.value));
+        C.value = l.value.cssCode, I(C.value), F(), h.value.emitEvent("form-css-updated", T(E.value));
       }, 1200);
-    }), (r, l) => {
-      const f = v("a-select"), d = v("a-form-item"), g = v("a-radio-button"), C = v("a-radio-group"), i = v("a-input-number"), u = v("a-button"), L = v("a-input"), V = v("a-collapse-panel"), G = v("a-collapse"), J = v("a-form"), Q = v("a-config-provider");
-      return F(), K(P, null, [
-        t(J, {
-          model: e(n),
+    }), (r, n) => {
+      const f = m("a-select"), v = m("a-form-item"), g = m("a-radio-button"), _ = m("a-radio-group"), s = m("a-input-number"), d = m("a-button"), B = m("a-collapse-panel"), q = m("a-collapse"), G = m("a-form"), J = m("a-config-provider");
+      return H(), K(P, null, [
+        t(G, {
+          model: e(l),
           labelAlign: "left",
           "label-width": "120px",
           class: "setting-form",
-          onSubmit: l[10] || (l[10] = ee(() => {
+          onSubmit: n[8] || (n[8] = Z(() => {
           }, ["prevent"]))
         }, {
           default: o(() => [
-            t(G, {
-              activeKey: M.value,
-              "onUpdate:activeKey": l[9] || (l[9] = (s) => M.value = s),
+            t(q, {
+              activeKey: z.value,
+              "onUpdate:activeKey": n[7] || (n[7] = (i) => z.value = i),
               class: "setting-collapse"
             }, {
               default: o(() => [
-                t(V, {
+                t(B, {
                   key: "1",
                   header: e(a)("designer.setting.基本属性")
                 }, {
                   default: o(() => [
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.formSize")
                     }, {
                       default: o(() => [
                         t(f, {
-                          value: e(n).size,
-                          "onUpdate:value": l[0] || (l[0] = (s) => e(n).size = s),
-                          options: T,
+                          value: e(l).size,
+                          "onUpdate:value": n[0] || (n[0] = (i) => e(l).size = i),
+                          options: W,
                           allowClear: "",
                           style: { width: "120px" }
                         }, null, 8, ["value"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.labelPosition")
                     }, {
                       default: o(() => [
-                        t(C, {
-                          value: e(n).labelPosition,
-                          "onUpdate:value": l[1] || (l[1] = (s) => e(n).labelPosition = s),
+                        t(_, {
+                          value: e(l).labelPosition,
+                          "onUpdate:value": n[1] || (n[1] = (i) => e(l).labelPosition = i),
                           class: "radio-group-custom"
                         }, {
                           default: o(() => [
@@ -128,13 +127,13 @@ const _e = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.labelAlign")
                     }, {
                       default: o(() => [
-                        t(C, {
-                          value: e(n).labelAlign,
-                          "onUpdate:value": l[2] || (l[2] = (s) => e(n).labelAlign = s),
+                        t(_, {
+                          value: e(l).labelAlign,
+                          "onUpdate:value": n[2] || (n[2] = (i) => e(l).labelAlign = i),
                           class: "radio-group-custom"
                         }, {
                           default: o(() => [
@@ -156,13 +155,13 @@ const _e = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.labelWidth")
                     }, {
                       default: o(() => [
-                        t(i, {
-                          value: e(n).labelWidth,
-                          "onUpdate:value": l[3] || (l[3] = (s) => e(n).labelWidth = s),
+                        t(s, {
+                          value: e(l).labelWidth,
+                          "onUpdate:value": n[3] || (n[3] = (i) => e(l).labelWidth = i),
                           min: 0,
                           style: { width: "100%" },
                           allowClear: ""
@@ -170,19 +169,19 @@ const _e = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.formCss")
                     }, {
                       default: o(() => [
-                        t(u, {
+                        t(d, {
                           shape: "round",
-                          onClick: l[4] || (l[4] = (s) => w({
+                          onClick: n[4] || (n[4] = (i) => x({
                             eventName: "cssCode",
                             isShowEventHeader: !1,
                             mode: "css",
                             title: e(a)("designer.setting.formCss")
                           })),
-                          class: $([{ "button-text-highlight": !!e(n).cssCode }])
+                          class: j([{ "button-text-highlight": !!e(l).cssCode }])
                         }, {
                           default: o(() => [
                             c(p(e(a)("designer.setting.addCss")), 1)
@@ -192,29 +191,29 @@ const _e = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.customClass")
                     }, {
                       default: o(() => [
                         t(f, {
-                          value: e(n).customClass,
-                          "onUpdate:value": l[5] || (l[5] = (s) => e(n).customClass = s),
+                          value: e(l).customClass,
+                          "onUpdate:value": n[5] || (n[5] = (i) => e(l).customClass = i),
                           allowClear: "",
                           mode: "tags",
-                          onChange: k,
+                          onChange: F,
                           options: E.value
                         }, null, 8, ["value", "options"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
+                    t(v, {
                       label: e(a)("designer.setting.globalFunctions")
                     }, {
                       default: o(() => [
-                        t(u, {
-                          class: $([{ "button-text-highlight": !!e(n).functions }]),
+                        t(d, {
+                          class: j([{ "button-text-highlight": !!e(l).functions }]),
                           shape: "round",
-                          onClick: l[6] || (l[6] = (s) => w({
+                          onClick: n[6] || (n[6] = (i) => x({
                             eventName: "functions",
                             isShowEventHeader: !1,
                             mode: "javascript",
@@ -229,73 +228,48 @@ const _e = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    t(d, {
-                      label: e(a)("designer.setting.cancelButtonLabel")
-                    }, {
-                      default: o(() => [
-                        t(L, {
-                          type: "text",
-                          value: e(n).cancelButtonLabel,
-                          "onUpdate:value": l[7] || (l[7] = (s) => e(n).cancelButtonLabel = s)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"]),
-                    t(ie, { optionModel: e(n) }, null, 8, ["optionModel"]),
-                    t(d, {
-                      label: e(a)("designer.setting.okButtonLabel")
-                    }, {
-                      default: o(() => [
-                        t(L, {
-                          type: "text",
-                          value: e(n).okButtonLabel,
-                          "onUpdate:value": l[8] || (l[8] = (s) => e(n).okButtonLabel = s)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"]),
-                    t(se, { optionModel: e(n) }, null, 8, ["optionModel"])
+                    t(ie, { optionModel: e(l) }, null, 8, ["optionModel"])
                   ]),
                   _: 1
                 }, 8, ["header"]),
-                q() ? (F(), te(V, {
+                L() ? (H(), ee(B, {
                   key: "2",
                   class: "eventPanel",
                   header: e(a)("designer.setting.事件属性")
                 }, {
                   default: o(() => [
-                    (F(), K(P, null, le(z, (s, _) => t(ae, {
-                      onClickItem: w,
-                      key: _,
-                      "event-name": _,
-                      value: e(n)[_],
-                      "onUpdate:value": (X) => e(n)[_] = X,
+                    (H(), K(P, null, ne(V, (i, b) => t(oe, {
+                      onClickItem: x,
+                      key: b,
+                      "event-name": b,
+                      value: e(l)[b],
+                      "onUpdate:value": (Q) => e(l)[b] = Q,
                       "get-form-event-handled": R,
-                      "event-params-map": z,
-                      "form-config": e(n)
+                      "event-params-map": V,
+                      "form-config": e(l)
                     }, null, 8, ["event-name", "value", "onUpdate:value", "form-config"])), 64))
                   ]),
                   _: 1
-                }, 8, ["header"])) : ne("", !0)
+                }, 8, ["header"])) : te("", !0)
               ]),
               _: 1
             }, 8, ["activeKey"])
           ]),
           _: 1
         }, 8, ["model"]),
-        t(Q, { componentSize: "middle" }, {
+        t(J, { componentSize: "middle" }, {
           default: o(() => [
-            t(e(re), {
-              isShowEventHeader: N.value,
+            t(e(ae), {
+              isShowEventHeader: A.value,
               ref_key: "codeEditorRef",
-              ref: A,
+              ref: M,
               "event-header": U.value,
-              modelValue: x.value,
-              "onUpdate:modelValue": l[11] || (l[11] = (s) => x.value = s),
-              mode: B.value,
+              modelValue: w.value,
+              "onUpdate:modelValue": n[9] || (n[9] = (i) => w.value = i),
+              mode: S.value,
               readonly: !1,
-              title: S.value,
-              onSetCode: W
+              title: N.value,
+              onSetCode: $
             }, null, 8, ["isShowEventHeader", "event-header", "modelValue", "mode", "title"])
           ]),
           _: 1
@@ -305,6 +279,6 @@ const _e = /* @__PURE__ */ Y({
   }
 });
 export {
-  _e as default
+  pe as default
 };
 //# sourceMappingURL=form-setting.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/form-setting.vue"],"sourcesContent":["<template>\n    <a-form\n        :model=\"formConfig\"\n        labelAlign=\"left\"\n        label-width=\"120px\"\n        class=\"setting-form\"\n        @submit.prevent\n    >\n        <a-collapse v-model:activeKey=\"formActiveCollapseNames\" class=\"setting-collapse\">\n            <a-collapse-panel key=\"1\" :header=\"i18nt('designer.setting.基本属性')\">\n                <a-form-item :label=\"i18nt('designer.setting.formSize')\">\n                    <a-select\n                        v-model:value=\"formConfig.size\"\n                        :options=\"formSizes\"\n                        allowClear\n                        style=\"width: 120px\"\n                    />\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelPosition')\">\n                    <a-radio-group\n                        v-model:value=\"formConfig.labelPosition\"\n                        class=\"radio-group-custom\"\n                    >\n                        <a-radio-button value=\"horizontal\">\n                            {{ i18nt('designer.setting.horizontal') }}\n                        </a-radio-button>\n                        <a-radio-button value=\"vertical\">\n                            {{ i18nt('designer.setting.vertical') }}\n                        </a-radio-button>\n                    </a-radio-group>\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n                    <a-radio-group v-model:value=\"formConfig.labelAlign\" class=\"radio-group-custom\">\n                        <a-radio-button value=\"left\">\n                            {{ i18nt('designer.setting.leftAlign') }}\n                        </a-radio-button>\n                        <a-radio-button value=\"right\">\n                            {{ i18nt('designer.setting.rightAlign') }}\n                        </a-radio-button>\n                    </a-radio-group>\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelWidth')\">\n                    <a-input-number\n                        v-model:value=\"formConfig.labelWidth\"\n                        :min=\"0\"\n                        style=\"width: 100%\"\n                        allowClear\n                    />\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.formCss')\">\n                    <a-button\n                        shape=\"round\"\n                        @click=\"\n                            handleEditEvent({\n                                eventName: 'cssCode',\n                                isShowEventHeader: false,\n                                mode: 'css',\n                                title: i18nt('designer.setting.formCss')\n                            })\n                        \"\n                        :class=\"[{ 'button-text-highlight': !!formConfig.cssCode }]\"\n                    >\n                        {{ i18nt('designer.setting.addCss') }}\n                    </a-button>\n                </a-form-item>\n                <!-- -->\n                <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n                    <a-select\n                        v-model:value=\"formConfig.customClass\"\n                        allowClear\n                        mode=\"tags\"\n                        @change=\"extractCssClass\"\n                        :options=\"cssClassList\"\n                    />\n                </a-form-item>\n                <!-- 表单全局函数 -->\n                <a-form-item :label=\"i18nt('designer.setting.globalFunctions')\">\n                    <a-button\n                        :class=\"[{ 'button-text-highlight': !!formConfig.functions }]\"\n                        shape=\"round\"\n                        @click=\"\n                            handleEditEvent({\n                                eventName: 'functions',\n                                isShowEventHeader: false,\n                                mode: 'javascript',\n                                title: i18nt('designer.setting.globalFunctions')\n                            })\n                        \"\n                    >\n                        {{ i18nt('designer.setting.addEventHandler') }}\n                    </a-button>\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n                    <a-input type=\"text\" v-model:value=\"formConfig.cancelButtonLabel\" />\n                </a-form-item>\n                <!-- 隐藏取消按钮 -->\n                <CancelButtonHidden :optionModel=\"formConfig\" />\n                <a-form-item :label=\"i18nt('designer.setting.okButtonLabel')\">\n                    <a-input type=\"text\" v-model:value=\"formConfig.okButtonLabel\" />\n                </a-form-item>\n                <OkButtonHiddenEditor :optionModel=\"formConfig\" />\n            </a-collapse-panel>\n\n            <a-collapse-panel\n                v-if=\"showEventCollapse()\"\n                key=\"2\"\n                class=\"eventPanel\"\n                :header=\"i18nt('designer.setting.事件属性')\"\n            >\n                <MethodItem\n                    @click-item=\"handleEditEvent\"\n                    v-for=\"(value, key) in eventParamsMap\"\n                    :key=\"key\"\n                    :event-name=\"key\"\n                    v-model:value=\"formConfig[key]\"\n                    :get-form-event-handled=\"getFormEventHandled\"\n                    :event-params-map=\"eventParamsMap\"\n                    :form-config=\"formConfig\"\n                />\n            </a-collapse-panel>\n        </a-collapse>\n    </a-form>\n\n    <a-config-provider componentSize=\"middle\">\n        <TpfCodeEditor\n            :isShowEventHeader=\"isShowEventHeader\"\n            ref=\"codeEditorRef\"\n            :event-header=\"eventHeader\"\n            v-model=\"formEventHandlerCode\"\n            :mode=\"mode\"\n            :readonly=\"false\"\n            :title=\"title\"\n            @set-code=\"saveFormEventHandler\"\n    /></a-config-provider>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, reactive, onMounted, inject, Ref } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone, insertCustomCssToHead } from '@/utils/util';\n    import MethodItem from '@/components/public/methoad-item.vue';\n    import OkButtonHiddenEditor from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonHidden-editor.vue';\n    import CancelButtonHidden from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue';\n    import { ILanguageMode, TpfCodeEditor } from 'tmgc2-share';\n    import { FormDesigner } from '@/types/designer';\n    import { useDesigner } from '../form-widget/useFormDesigner';\n    // 定义类型\n    interface FormSize {\n        label: string;\n        value: string;\n    }\n\n    interface EventParams {\n        [key: string]: string;\n    }\n\n    const { formConfig } = useDesigner();\n    interface EditEventParams {\n        eventName: string;\n        mode: ILanguageMode;\n        isShowEventHeader: boolean;\n        title: string;\n        eventHeader?: string;\n    }\n\n    // 使用i18n\n    const { i18nt } = useI18n();\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n    // 注入依赖\n    const getDesignerConfig = inject<() => any>('getDesignerConfig');\n    const designerConfig = getDesignerConfig ? getDesignerConfig() : {};\n\n    // 响应式状态\n    const mode = ref<ILanguageMode>('javascript');\n    const eventName = ref('');\n    const title = ref('');\n    const isShowEventHeader = ref(false);\n    const eventHeader = ref('');\n    const formActiveCollapseNames = ref(['1', '2']);\n    const formCssCode = ref('');\n    const cssClassList = ref<string[]>([]);\n    const formEventHandlerCode = ref('');\n\n    // 引用\n    const codeEditorRef = ref<any>(null);\n\n    // 常量数据\n    const formSizes: FormSize[] = [\n        { label: 'default', value: 'middle' },\n        { label: 'large', value: 'large' },\n        { label: 'small', value: 'small' }\n    ];\n\n    const eventParamsMap: EventParams = {\n        onFormCreated: 'onFormCreated() {',\n        onFormMounted: 'onFormMounted() {',\n        onOkButtonClick: 'onOkButtonClick() {',\n        onCancelButtonClick: 'onCancelButtonClick() {',\n        onFormEnterKey: 'onFormEnterKey() {',\n        onFormDataChange:\n            'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'\n        //'onFormValidate': 'onFormValidate() {',\n    };\n\n    // 方法\n    const saveFormEventHandler = (value: string) => {\n        formConfig.value[eventName.value] = value;\n    };\n\n    const handleEditEvent = (params: EditEventParams) => {\n        eventName.value = params.eventName;\n        mode.value = params.mode;\n        isShowEventHeader.value = params.isShowEventHeader;\n        formEventHandlerCode.value = formConfig.value[params.eventName];\n        title.value = params.title || i18nt('designer.setting.editWidgetEventHandler');\n        eventHeader.value = params.eventHeader || '';\n        codeEditorRef.value.open();\n    };\n\n    const getFormEventHandled = (eventName: string) => {\n        return !!formConfig.value[eventName] && formConfig.value[eventName].length > 0;\n    };\n\n    const showEventCollapse = () => {\n        if (designerConfig['eventCollapse'] === undefined) {\n            return true;\n        }\n        return !!designerConfig['eventCollapse'];\n    };\n\n    const extractCssClass = () => {\n        const regExp = /\\..*{/g;\n        const result = formCssCode.value.match(regExp);\n        const cssNameArray: string[] = [];\n\n        if (!!result && result.length > 0) {\n            result.forEach(rItem => {\n                const classArray = rItem.split(','); // 切分逗号分割的多个class\n                if (classArray.length > 0) {\n                    classArray.forEach(cItem => {\n                        const caItem = cItem.trim();\n                        if (caItem.indexOf('.', 1) !== -1) {\n                            // 查找第二个.位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf('.', 1)\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else if (caItem.indexOf(' ') !== -1) {\n                            // 查找第一个空格位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf(' ')\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else {\n                            if (caItem.indexOf('{') !== -1) {\n                                // 查找第一个{位置\n                                const newClass = caItem.substring(\n                                    caItem.indexOf('.') + 1,\n                                    caItem.indexOf('{')\n                                );\n                                cssNameArray.push(newClass.trim());\n                            } else {\n                                const newClass = caItem.substring(caItem.indexOf('.') + 1);\n                                cssNameArray.push(newClass.trim());\n                            }\n                        }\n                    });\n                }\n            });\n        }\n\n        // cssClassList.value = Array.from(new Set(cssNameArray)); // 数组去重\n    };\n\n    // 生命周期钩子\n    onMounted(() => {\n        // 导入表单JSON后需要重新加载自定义CSS样式\n        designer.value.handleEvent('form-json-imported', () => {\n            formCssCode.value = formConfig.value.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            designer.value.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        });\n\n        /* SettingPanel和FormWidget为兄弟组件, 在FormWidget加载formConfig时，\n         此处SettingPanel可能无法获取到formConfig.cssCode, 故加个延时函数！ */\n        setTimeout(() => {\n            formCssCode.value = formConfig.value.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            designer.value.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        }, 1200);\n    });\n\n    // 组件名称定义\n    defineOptions({\n        name: 'form-setting'\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .eventPanel {\n        :deep(.ant-form-item-row) {\n            flex: 1;\n            .ant-form-item-control-input-content .ant-btn {\n                border: 1px solid #eee;\n            }\n            .ant-form-item-label {\n                flex: 1;\n            }\n        }\n        :deep(.ant-col.ant-form-item-control) {\n            flex: 0 0 80px;\n        }\n    }\n</style>\n"],"names":["formConfig","useDesigner","i18nt","useI18n","designer","inject","ref","getDesignerConfig","designerConfig","mode","eventName","title","isShowEventHeader","eventHeader","formActiveCollapseNames","formCssCode","cssClassList","formEventHandlerCode","codeEditorRef","formSizes","eventParamsMap","saveFormEventHandler","value","handleEditEvent","params","getFormEventHandled","showEventCollapse","extractCssClass","regExp","result","cssNameArray","rItem","classArray","cItem","caItem","newClass","onMounted","insertCustomCssToHead","deepClone","_createVNode","_component_a_form","_unref","_component_a_collapse","$event","_component_a_collapse_panel","_component_a_form_item","_component_a_select","_cache","_component_a_radio_group","_component_a_radio_button","_component_a_input_number","_component_a_button","_normalizeClass","_component_a_input","CancelButtonHidden","OkButtonHiddenEditor","_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","key","MethodItem","_component_a_config_provider","TpfCodeEditor"],"mappings":"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"}
+{"version":3,"file":"form-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/form-setting.vue"],"sourcesContent":["<template>\n    <a-form\n        :model=\"formConfig\"\n        labelAlign=\"left\"\n        label-width=\"120px\"\n        class=\"setting-form\"\n        @submit.prevent\n    >\n        <a-collapse v-model:activeKey=\"formActiveCollapseNames\" class=\"setting-collapse\">\n            <a-collapse-panel key=\"1\" :header=\"i18nt('designer.setting.基本属性')\">\n                <a-form-item :label=\"i18nt('designer.setting.formSize')\">\n                    <a-select\n                        v-model:value=\"formConfig.size\"\n                        :options=\"formSizes\"\n                        allowClear\n                        style=\"width: 120px\"\n                    />\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelPosition')\">\n                    <a-radio-group\n                        v-model:value=\"formConfig.labelPosition\"\n                        class=\"radio-group-custom\"\n                    >\n                        <a-radio-button value=\"horizontal\">\n                            {{ i18nt('designer.setting.horizontal') }}\n                        </a-radio-button>\n                        <a-radio-button value=\"vertical\">\n                            {{ i18nt('designer.setting.vertical') }}\n                        </a-radio-button>\n                    </a-radio-group>\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n                    <a-radio-group v-model:value=\"formConfig.labelAlign\" class=\"radio-group-custom\">\n                        <a-radio-button value=\"left\">\n                            {{ i18nt('designer.setting.leftAlign') }}\n                        </a-radio-button>\n                        <a-radio-button value=\"right\">\n                            {{ i18nt('designer.setting.rightAlign') }}\n                        </a-radio-button>\n                    </a-radio-group>\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.labelWidth')\">\n                    <a-input-number\n                        v-model:value=\"formConfig.labelWidth\"\n                        :min=\"0\"\n                        style=\"width: 100%\"\n                        allowClear\n                    />\n                </a-form-item>\n                <a-form-item :label=\"i18nt('designer.setting.formCss')\">\n                    <a-button\n                        shape=\"round\"\n                        @click=\"\n                            handleEditEvent({\n                                eventName: 'cssCode',\n                                isShowEventHeader: false,\n                                mode: 'css',\n                                title: i18nt('designer.setting.formCss')\n                            })\n                        \"\n                        :class=\"[{ 'button-text-highlight': !!formConfig.cssCode }]\"\n                    >\n                        {{ i18nt('designer.setting.addCss') }}\n                    </a-button>\n                </a-form-item>\n                <!-- -->\n                <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n                    <a-select\n                        v-model:value=\"formConfig.customClass\"\n                        allowClear\n                        mode=\"tags\"\n                        @change=\"extractCssClass\"\n                        :options=\"cssClassList\"\n                    />\n                </a-form-item>\n                <!-- 表单全局函数 -->\n                <a-form-item :label=\"i18nt('designer.setting.globalFunctions')\">\n                    <a-button\n                        :class=\"[{ 'button-text-highlight': !!formConfig.functions }]\"\n                        shape=\"round\"\n                        @click=\"\n                            handleEditEvent({\n                                eventName: 'functions',\n                                isShowEventHeader: false,\n                                mode: 'javascript',\n                                title: i18nt('designer.setting.globalFunctions')\n                            })\n                        \"\n                    >\n                        {{ i18nt('designer.setting.addEventHandler') }}\n                    </a-button>\n                </a-form-item>\n                <!-- <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n                    <a-input type=\"text\" v-model:value=\"formConfig.cancelButtonLabel\" />\n                </a-form-item>\n                <CancelButtonHidden :optionModel=\"formConfig\" />\n                <a-form-item :label=\"i18nt('designer.setting.okButtonLabel')\">\n                    <a-input type=\"text\" v-model:value=\"formConfig.okButtonLabel\" />\n                </a-form-item>\n                <OkButtonHiddenEditor :optionModel=\"formConfig\" /> -->\n                <ButtonListEditor :optionModel=\"formConfig\" />\n            </a-collapse-panel>\n\n            <a-collapse-panel\n                v-if=\"showEventCollapse()\"\n                key=\"2\"\n                class=\"eventPanel\"\n                :header=\"i18nt('designer.setting.事件属性')\"\n            >\n                <MethodItem\n                    @click-item=\"handleEditEvent\"\n                    v-for=\"(value, key) in eventParamsMap\"\n                    :key=\"key\"\n                    :event-name=\"key\"\n                    v-model:value=\"formConfig[key]\"\n                    :get-form-event-handled=\"getFormEventHandled\"\n                    :event-params-map=\"eventParamsMap\"\n                    :form-config=\"formConfig\"\n                />\n            </a-collapse-panel>\n        </a-collapse>\n    </a-form>\n\n    <a-config-provider componentSize=\"middle\">\n        <TpfCodeEditor\n            :isShowEventHeader=\"isShowEventHeader\"\n            ref=\"codeEditorRef\"\n            :event-header=\"eventHeader\"\n            v-model=\"formEventHandlerCode\"\n            :mode=\"mode\"\n            :readonly=\"false\"\n            :title=\"title\"\n            @set-code=\"saveFormEventHandler\"\n    /></a-config-provider>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, reactive, onMounted, inject, Ref } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone, insertCustomCssToHead } from '@/utils/util';\n    import MethodItem from '@/components/public/methoad-item.vue';\n    import OkButtonHiddenEditor from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonHidden-editor.vue';\n    import CancelButtonHidden from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue';\n    import { ILanguageMode, TpfCodeEditor } from 'tmgc2-share';\n    import { FormDesigner } from '@/types/designer';\n    import { useDesigner } from '../form-widget/useFormDesigner';\n    import ButtonListEditor from '@/components/form-designer/setting-panel/property-editor/button-list-editor.vue';\n    // 定义类型\n    interface FormSize {\n        label: string;\n        value: string;\n    }\n\n    interface EventParams {\n        [key: string]: string;\n    }\n\n    const { formConfig } = useDesigner();\n    interface EditEventParams {\n        eventName: string;\n        mode: ILanguageMode;\n        isShowEventHeader: boolean;\n        title: string;\n        eventHeader?: string;\n    }\n\n    // 使用i18n\n    const { i18nt } = useI18n();\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n    // 注入依赖\n    const getDesignerConfig = inject<() => any>('getDesignerConfig');\n    const designerConfig = getDesignerConfig ? getDesignerConfig() : {};\n\n    // 响应式状态\n    const mode = ref<ILanguageMode>('javascript');\n    const eventName = ref('');\n    const title = ref('');\n    const isShowEventHeader = ref(false);\n    const eventHeader = ref('');\n    const formActiveCollapseNames = ref(['1', '2']);\n    const formCssCode = ref('');\n    const cssClassList = ref<string[]>([]);\n    const formEventHandlerCode = ref('');\n\n    // 引用\n    const codeEditorRef = ref<any>(null);\n\n    // 常量数据\n    const formSizes: FormSize[] = [\n        { label: 'default', value: 'middle' },\n        { label: 'large', value: 'large' },\n        { label: 'small', value: 'small' }\n    ];\n\n    const eventParamsMap: EventParams = {\n        onFormCreated: 'onFormCreated() {',\n        onFormMounted: 'onFormMounted() {',\n        onOkButtonClick: 'onOkButtonClick() {',\n        onCancelButtonClick: 'onCancelButtonClick() {',\n        onFormEnterKey: 'onFormEnterKey() {',\n        onFormDataChange:\n            'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'\n        //'onFormValidate': 'onFormValidate() {',\n    };\n\n    // 方法\n    const saveFormEventHandler = (value: string) => {\n        formConfig.value[eventName.value] = value;\n    };\n\n    const handleEditEvent = (params: EditEventParams) => {\n        eventName.value = params.eventName;\n        mode.value = params.mode;\n        isShowEventHeader.value = params.isShowEventHeader;\n        formEventHandlerCode.value = formConfig.value[params.eventName];\n        title.value = params.title || i18nt('designer.setting.editWidgetEventHandler');\n        eventHeader.value = params.eventHeader || '';\n        codeEditorRef.value.open();\n    };\n\n    const getFormEventHandled = (eventName: string) => {\n        return !!formConfig.value[eventName] && formConfig.value[eventName].length > 0;\n    };\n\n    const showEventCollapse = () => {\n        if (designerConfig['eventCollapse'] === undefined) {\n            return true;\n        }\n        return !!designerConfig['eventCollapse'];\n    };\n\n    const extractCssClass = () => {\n        const regExp = /\\..*{/g;\n        const result = formCssCode.value.match(regExp);\n        const cssNameArray: string[] = [];\n\n        if (!!result && result.length > 0) {\n            result.forEach(rItem => {\n                const classArray = rItem.split(','); // 切分逗号分割的多个class\n                if (classArray.length > 0) {\n                    classArray.forEach(cItem => {\n                        const caItem = cItem.trim();\n                        if (caItem.indexOf('.', 1) !== -1) {\n                            // 查找第二个.位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf('.', 1)\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else if (caItem.indexOf(' ') !== -1) {\n                            // 查找第一个空格位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf(' ')\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else {\n                            if (caItem.indexOf('{') !== -1) {\n                                // 查找第一个{位置\n                                const newClass = caItem.substring(\n                                    caItem.indexOf('.') + 1,\n                                    caItem.indexOf('{')\n                                );\n                                cssNameArray.push(newClass.trim());\n                            } else {\n                                const newClass = caItem.substring(caItem.indexOf('.') + 1);\n                                cssNameArray.push(newClass.trim());\n                            }\n                        }\n                    });\n                }\n            });\n        }\n\n        // cssClassList.value = Array.from(new Set(cssNameArray)); // 数组去重\n    };\n\n    // 生命周期钩子\n    onMounted(() => {\n        // 导入表单JSON后需要重新加载自定义CSS样式\n        designer.value.handleEvent('form-json-imported', () => {\n            formCssCode.value = formConfig.value.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            designer.value.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        });\n\n        /* SettingPanel和FormWidget为兄弟组件, 在FormWidget加载formConfig时，\n         此处SettingPanel可能无法获取到formConfig.cssCode, 故加个延时函数！ */\n        setTimeout(() => {\n            formCssCode.value = formConfig.value.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            designer.value.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        }, 1200);\n    });\n\n    // 组件名称定义\n    defineOptions({\n        name: 'form-setting'\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .eventPanel {\n        :deep(.ant-form-item-row) {\n            flex: 1;\n            .ant-form-item-control-input-content .ant-btn {\n                border: 1px solid #eee;\n            }\n            .ant-form-item-label {\n                flex: 1;\n            }\n        }\n        :deep(.ant-col.ant-form-item-control) {\n            flex: 0 0 80px;\n        }\n    }\n</style>\n"],"names":["formConfig","useDesigner","i18nt","useI18n","designer","inject","ref","getDesignerConfig","designerConfig","mode","eventName","title","isShowEventHeader","eventHeader","formActiveCollapseNames","formCssCode","cssClassList","formEventHandlerCode","codeEditorRef","formSizes","eventParamsMap","saveFormEventHandler","value","handleEditEvent","params","getFormEventHandled","showEventCollapse","extractCssClass","regExp","result","cssNameArray","rItem","classArray","cItem","caItem","newClass","onMounted","insertCustomCssToHead","deepClone","_createVNode","_component_a_form","_unref","_component_a_collapse","$event","_component_a_collapse_panel","_component_a_form_item","_component_a_select","_cache","_component_a_radio_group","_component_a_radio_button","_component_a_input_number","_component_a_button","_normalizeClass","ButtonListEditor","_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","key","MethodItem","_component_a_config_provider","TpfCodeEditor"],"mappings":";;;;;;;;;;;AA6JI,UAAM,EAAE,YAAAA,EAAA,IAAeC,GAAA,GAUjB,EAAE,OAAAC,EAAA,IAAUC,GAAA,GACZC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GAExEC,IAAoBF,EAAkB,mBAAmB,GACzDG,IAAiBD,IAAoBA,EAAA,IAAsB,CAAA,GAG3DE,IAAOH,EAAmB,YAAY,GACtCI,IAAYJ,EAAI,EAAE,GAClBK,IAAQL,EAAI,EAAE,GACdM,IAAoBN,EAAI,EAAK,GAC7BO,IAAcP,EAAI,EAAE,GACpBQ,IAA0BR,EAAI,CAAC,KAAK,GAAG,CAAC,GACxCS,IAAcT,EAAI,EAAE,GACpBU,IAAeV,EAAc,EAAE,GAC/BW,IAAuBX,EAAI,EAAE,GAG7BY,IAAgBZ,EAAS,IAAI,GAG7Ba,IAAwB;AAAA,MAC1B,EAAE,OAAO,WAAW,OAAO,SAAA;AAAA,MAC3B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,MACzB,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,IAAQ,GAG/BC,IAA8B;AAAA,MAChC,eAAe;AAAA,MACf,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,kBACI;AAAA;AAAA,IAAA,GAKFC,IAAuB,CAACC,MAAkB;AAC5C,MAAAtB,EAAW,MAAMU,EAAU,KAAK,IAAIY;AAAA,IACxC,GAEMC,IAAkB,CAACC,MAA4B;AACjD,MAAAd,EAAU,QAAQc,EAAO,WACzBf,EAAK,QAAQe,EAAO,MACpBZ,EAAkB,QAAQY,EAAO,mBACjCP,EAAqB,QAAQjB,EAAW,MAAMwB,EAAO,SAAS,GAC9Db,EAAM,QAAQa,EAAO,SAAStB,EAAM,yCAAyC,GAC7EW,EAAY,QAAQW,EAAO,eAAe,IAC1CN,EAAc,MAAM,KAAA;AAAA,IACxB,GAEMO,IAAsB,CAACf,MAClB,CAAC,CAACV,EAAW,MAAMU,CAAS,KAAKV,EAAW,MAAMU,CAAS,EAAE,SAAS,GAG3EgB,IAAoB,MAClBlB,EAAe,kBAAqB,SAC7B,KAEJ,CAAC,CAACA,EAAe,eAGtBmB,IAAkB,MAAM;AAC1B,YAAMC,IAAS,UACTC,IAASd,EAAY,MAAM,MAAMa,CAAM,GACvCE,IAAyB,CAAA;AAE/B,MAAMD,KAAUA,EAAO,SAAS,KAC5BA,EAAO,QAAQ,CAAAE,MAAS;AACpB,cAAMC,IAAaD,EAAM,MAAM,GAAG;AAClC,QAAIC,EAAW,SAAS,KACpBA,EAAW,QAAQ,CAAAC,MAAS;AACxB,gBAAMC,IAASD,EAAM,KAAA;AACrB,cAAIC,EAAO,QAAQ,KAAK,CAAC,MAAM,IAAI;AAE/B,kBAAMC,IAAWD,EAAO;AAAA,cACpBA,EAAO,QAAQ,GAAG,IAAI;AAAA,cACtBA,EAAO,QAAQ,KAAK,CAAC;AAAA,YAAA;AAEzB,YAAMC,KACFL,EAAa,KAAKK,EAAS,MAAM;AAAA,UAEzC,WAAWD,EAAO,QAAQ,GAAG,MAAM,IAAI;AAEnC,kBAAMC,IAAWD,EAAO;AAAA,cACpBA,EAAO,QAAQ,GAAG,IAAI;AAAA,cACtBA,EAAO,QAAQ,GAAG;AAAA,YAAA;AAEtB,YAAMC,KACFL,EAAa,KAAKK,EAAS,MAAM;AAAA,UAEzC,WACQD,EAAO,QAAQ,GAAG,MAAM,IAAI;AAE5B,kBAAMC,IAAWD,EAAO;AAAA,cACpBA,EAAO,QAAQ,GAAG,IAAI;AAAA,cACtBA,EAAO,QAAQ,GAAG;AAAA,YAAA;AAEtB,YAAAJ,EAAa,KAAKK,EAAS,MAAM;AAAA,UACrC,OAAO;AACH,kBAAMA,IAAWD,EAAO,UAAUA,EAAO,QAAQ,GAAG,IAAI,CAAC;AACzD,YAAAJ,EAAa,KAAKK,EAAS,MAAM;AAAA,UACrC;AAAA,QAER,CAAC;AAAA,MAET,CAAC;AAAA,IAIT;AAGA,WAAAC,EAAU,MAAM;AAEZ,MAAAhC,EAAS,MAAM,YAAY,sBAAsB,MAAM;AACnD,QAAAW,EAAY,QAAQf,EAAW,MAAM,SACrCqC,EAAsBtB,EAAY,KAAK,GACvCY,EAAA,GACAvB,EAAS,MAAM,UAAU,oBAAoBkC,EAAUtB,EAAa,KAAK,CAAC;AAAA,MAC9E,CAAC,GAID,WAAW,MAAM;AACb,QAAAD,EAAY,QAAQf,EAAW,MAAM,SACrCqC,EAAsBtB,EAAY,KAAK,GACvCY,EAAA,GACAvB,EAAS,MAAM,UAAU,oBAAoBkC,EAAUtB,EAAa,KAAK,CAAC;AAAA,MAC9E,GAAG,IAAI;AAAA,IACX,CAAC;;;QA1SDuB,EAwHSC,GAAA;AAAA,UAvHJ,OAAOC,EAAAzC,CAAA;AAAA,UACR,YAAW;AAAA,UACX,eAAY;AAAA,UACZ,OAAM;AAAA,UACL,4BAAD,MAAA;AAAA,UAAA,GAAe,CAAA,SAAA,CAAA;AAAA,QAAA;qBAEf,MAgHa;AAAA,YAhHbuC,EAgHaG,GAAA;AAAA,cAhHO,WAAW5B,EAAA;AAAA,2DAAAA,EAAuB,QAAA6B;AAAA,cAAE,OAAM;AAAA,YAAA;yBAC1D,MA4FmB;AAAA,gBA5FnBJ,EA4FmBK,GAAA;AAAA,kBA5FD,KAAI;AAAA,kBAAK,QAAQH,EAAAvC,CAAA,EAAK,uBAAA;AAAA,gBAAA;6BACpC,MAOc;AAAA,oBAPdqC,EAOcM,GAAA;AAAA,sBAPA,OAAOJ,EAAAvC,CAAA,EAAK,2BAAA;AAAA,oBAAA;iCACtB,MAKE;AAAA,wBALFqC,EAKEO,GAAA;AAAA,0BAJU,OAAOL,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,OAAI2C;AAAA,0BAC7B,SAASxB;AAAA,0BACV,YAAA;AAAA,0BACA,OAAA,EAAA,OAAA,QAAA;AAAA,wBAAA;;;;oBAGRoB,EAYcM,GAAA;AAAA,sBAZA,OAAOJ,EAAAvC,CAAA,EAAK,gCAAA;AAAA,oBAAA;iCACtB,MAUgB;AAAA,wBAVhBqC,EAUgBS,GAAA;AAAA,0BATJ,OAAOP,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,gBAAa2C;AAAA,0BACvC,OAAM;AAAA,wBAAA;qCAEN,MAEiB;AAAA,4BAFjBJ,EAEiBU,GAAA,EAFD,OAAM,gBAAY;AAAA,yCAC9B,MAA0C;AAAA,oCAAvCR,EAAAvC,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;4BAEZqC,EAEiBU,GAAA,EAFD,OAAM,cAAU;AAAA,yCAC5B,MAAwC;AAAA,oCAArCR,EAAAvC,CAAA,EAAK,2BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;;;;;;;oBAIpBqC,EAScM,GAAA;AAAA,sBATA,OAAOJ,EAAAvC,CAAA,EAAK,6BAAA;AAAA,oBAAA;iCACtB,MAOgB;AAAA,wBAPhBqC,EAOgBS,GAAA;AAAA,0BAPO,OAAOP,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,aAAU2C;AAAA,0BAAE,OAAM;AAAA,wBAAA;qCACvD,MAEiB;AAAA,4BAFjBJ,EAEiBU,GAAA,EAFD,OAAM,UAAM;AAAA,yCACxB,MAAyC;AAAA,oCAAtCR,EAAAvC,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;4BAEZqC,EAEiBU,GAAA,EAFD,OAAM,WAAO;AAAA,yCACzB,MAA0C;AAAA,oCAAvCR,EAAAvC,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA;AAAA,8BAAA;;;;;;;;;oBAIpBqC,EAOcM,GAAA;AAAA,sBAPA,OAAOJ,EAAAvC,CAAA,EAAK,6BAAA;AAAA,oBAAA;iCACtB,MAKE;AAAA,wBALFqC,EAKEW,GAAA;AAAA,0BAJU,OAAOT,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,aAAU2C;AAAA,0BACnC,KAAK;AAAA,0BACN,OAAA,EAAA,OAAA,OAAA;AAAA,0BACA,YAAA;AAAA,wBAAA;;;;oBAGRJ,EAecM,GAAA;AAAA,sBAfA,OAAOJ,EAAAvC,CAAA,EAAK,0BAAA;AAAA,oBAAA;iCACtB,MAaW;AAAA,wBAbXqC,EAaWY,GAAA;AAAA,0BAZP,OAAM;AAAA,0BACL,SAAKJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAA+BpB,EAAe;AAAA;;;mCAAuMkB,EAAAvC,CAAA,EAAK,0BAAA;AAAA,0BAAA;0BAQ/P,OAAKkD,EAAA,CAAA,EAAA,yBAAA,CAAA,CAAgCX,EAAAzC,CAAA,EAAW,SAAO,CAAA;AAAA,wBAAA;qCAExD,MAAsC;AAAA,gCAAnCyC,EAAAvC,CAAA,EAAK,yBAAA,CAAA,GAAA,CAAA;AAAA,0BAAA;;;;;;oBAIhBqC,EAQcM,GAAA;AAAA,sBARA,OAAOJ,EAAAvC,CAAA,EAAK,8BAAA;AAAA,oBAAA;iCACtB,MAME;AAAA,wBANFqC,EAMEO,GAAA;AAAA,0BALU,OAAOL,EAAAzC,CAAA,EAAW;AAAA,0BAAX,kBAAA+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAF,EAAAzC,CAAA,EAAW,cAAW2C;AAAA,0BACrC,YAAA;AAAA,0BACA,MAAK;AAAA,0BACJ,UAAQhB;AAAA,0BACR,SAASX,EAAA;AAAA,wBAAA;;;;oBAIlBuB,EAecM,GAAA;AAAA,sBAfA,OAAOJ,EAAAvC,CAAA,EAAK,kCAAA;AAAA,oBAAA;iCACtB,MAaW;AAAA,wBAbXqC,EAaWY,GAAA;AAAA,0BAZN,OAAKC,EAAA,CAAA,EAAA,yBAAA,CAAA,CAAgCX,EAAAzC,CAAA,EAAW,UAAA,CAAS,CAAA;AAAA,0BAC1D,OAAM;AAAA,0BACL,SAAK+C,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAA+BpB,EAAe;AAAA;;;mCAAgNkB,EAAAvC,CAAA,EAAK,kCAAA;AAAA,0BAAA;;qCASzQ,MAA+C;AAAA,gCAA5CuC,EAAAvC,CAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,0BAAA;;;;;;oBAWhBqC,EAA8Cc,IAAA,EAA3B,aAAaZ,EAAAzC,CAAA,EAAA,GAAU,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,kBAAA;;;gBAIpC0B,YADV4B,GAgBmBV,GAAA;AAAA,kBAdf,KAAI;AAAA,kBACJ,OAAM;AAAA,kBACL,QAAQH,EAAAvC,CAAA,EAAK,uBAAA;AAAA,gBAAA;6BAIV,MAAsC;AAAA,qBAF1CqD,EAAA,GAAAC,EASEC,GAAA,MAAAC,GAPyBtC,GAAc,CAA7BE,GAAOqC,MAFnBpB,EASEqB,IAAA;AAAA,sBARG,aAAYrC;AAAA,sBAEZ,KAAAoC;AAAA,sBACA,cAAYA;AAAA,sBACL,OAAOlB,EAAAzC,CAAA,EAAW2D,CAAG;AAAA,sBAAd,kBAAA,CAAAhB,MAAAF,EAAAzC,CAAA,EAAW2D,CAAG,IAAAhB;AAAA,sBAC5B,0BAAwBlB;AAAA,sBACxB,oBAAkBL;AAAA,sBAClB,eAAaqB,EAAAzC,CAAA;AAAA,oBAAA;;;;;;;;;;QAM9BuC,EAUsBsB,GAAA,EAVH,eAAc,YAAQ;AAAA,qBACrC,MASF;AAAA,YATEtB,EASFE,EAAAqB,EAAA,GAAA;AAAA,cARO,mBAAmBlD,EAAA;AAAA,uBAChB;AAAA,cAAJ,KAAIM;AAAA,cACH,gBAAcL,EAAA;AAAA,0BACNI,EAAA;AAAA,4DAAAA,EAAoB,QAAA0B;AAAA,cAC5B,MAAMlC,EAAA;AAAA,cACN,UAAU;AAAA,cACV,OAAOE,EAAA;AAAA,cACP,WAAUU;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js

@@ -1,46 +1,52 @@
-import { defineComponent as _, ref as d, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as f, toDisplayString as m } from "vue";
-import { useI18n as w } from "../../../../utils/i18n.js";
-import { cloneDeep as x } from "lodash-es";
-import D from "../../../public/ActionButtonListDialog.vue.js";
-import { TpfModal as E } from "tmgc2-share";
-import { EditorTypeEnum as B } from "../../../../constants/EditorTypeEnum.js";
-const z = /* @__PURE__ */ _({
+import { defineComponent as _, ref as d, watch as h, resolveComponent as p, createElementBlock as L, openBlock as k, Fragment as w, createVNode as o, unref as n, withCtx as i, normalizeClass as x, createTextVNode as f, toDisplayString as m } from "vue";
+import { useI18n as D } from "../../../../utils/i18n.js";
+import { cloneDeep as E } from "lodash-es";
+import M from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as B } from "tmgc2-share";
+import { EditorTypeEnum as y } from "../../../../constants/EditorTypeEnum.js";
+const F = /* @__PURE__ */ _({
   inheritAttrs: !1,
-  name: B.buttonListEditor,
+  name: y.buttonListEditor,
   __name: "button-list-editor",
   props: {
     optionModel: {}
   },
   setup(c) {
-    const { i18nt: i } = w(), r = c, t = d([]), l = d(!1);
-    C(t, () => {
-      r.optionModel.buttonList = t.value;
+    const { i18nt: l } = D(), r = c, e = d([]), s = d(!1);
+    h(e, () => {
+      r.optionModel.buttonList = e.value;
     });
     const g = () => {
-      t.value = x(r.optionModel.buttonList), l.value = !0;
+      e.value = E(r.optionModel.buttonList), s.value = !0;
     }, b = () => {
-      l.value = !1;
+      s.value = !1;
     };
-    return (M, s) => {
-      const u = p("a-button"), v = p("a-form-item");
-      return h(), L(k, null, [
-        e(v, {
-          label: o(i)("designer.setting.buttonList")
+    return (v, a) => {
+      const u = p("a-button"), C = p("a-form-item");
+      return k(), L(w, null, [
+        o(C, {
+          label: n(l)("designer.setting.buttonListConfig")
         }, {
-          default: n(() => [
-            e(u, { onClick: g }, {
-              default: n(() => [
-                f(m(o(i)("designer.setting.buttonConfig")), 1)
-              ]),
-              _: 1
-            })
-          ]),
+          default: i(() => {
+            var t;
+            return [
+              o(u, {
+                class: x([(t = v.optionModel.buttonList) != null && t.length ? "button-text-highlight" : ""]),
+                onClick: g
+              }, {
+                default: i(() => [
+                  f(m(n(l)("designer.setting.buttonConfig")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ];
+          }),
           _: 1
         }, 8, ["label"]),
-        e(o(E), {
-          title: o(i)("designer.setting.buttonsColumnEdit"),
-          visible: l.value,
-          "onUpdate:visible": s[1] || (s[1] = (a) => l.value = a),
+        o(n(B), {
+          title: n(l)("designer.setting.buttonsColumnEdit"),
+          visible: s.value,
+          "onUpdate:visible": a[1] || (a[1] = (t) => s.value = t),
           "show-close": !0,
           dialogClass: "drag-dialog",
           "append-to-body": "",
@@ -49,21 +55,21 @@ const z = /* @__PURE__ */ _({
           width: "1050px",
           mask: !1
         }, {
-          footerRight: n(() => [
-            e(u, {
+          footerRight: i(() => [
+            o(u, {
               size: "default",
               onClick: b
             }, {
-              default: n(() => [
-                f(m(o(i)("designer.hint.closePreview")), 1)
+              default: i(() => [
+                f(m(n(l)("designer.hint.closePreview")), 1)
               ]),
               _: 1
             })
           ]),
-          default: n(() => [
-            e(D, {
-              data: t.value,
-              "onUpdate:data": s[0] || (s[0] = (a) => t.value = a)
+          default: i(() => [
+            o(M, {
+              data: e.value,
+              "onUpdate:data": a[0] || (a[0] = (t) => e.value = t)
             }, null, 8, ["data"])
           ]),
           _: 1
@@ -73,6 +79,6 @@ const z = /* @__PURE__ */ _({
   }
 });
 export {
-  z as default
+  F as default
 };
 //# sourceMappingURL=button-list-editor.vue2.js.map