@kp-ui/lowcode 1.0.105 → 1.0.106

package/src/components/form-designer/form-widget/field-widget/slot-widget.vue.js

@@ -0,0 +1,98 @@
+import d from "./static-content-wrapper.vue.js";
+import a from "../../../../utils/emitter.js";
+import s from "../../../../utils/i18n.js";
+import l from "./fieldMixin.js";
+import { useCustomRender as m } from "../../../CustomRender/useCustomRender.js";
+import { resolveComponent as f, createBlock as p, openBlock as i, withCtx as u, createElementVNode as _, normalizeClass as c, createElementBlock as r, toDisplayString as g, renderSlot as b } from "vue";
+/* empty css                 */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const { renderComponent: S } = m(), h = {
+  name: "slot-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [a, l, s],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      attachmentList: '[{"fileCode":"145080039415809","fileSavePath":"file/","fileSaveName":"145080039415809.png","fileName":"奥新看板组件边框.png","fileType":".png","fileSize":28798,"name":"奥新看板组件边框.png","uid":"__AUTO__1744360353476_0__"},{"fileCode":"145080054095873","fileSavePath":"file/","fileSaveName":"145080054095873.jpg","fileName":"图标橙色.jpg","fileType":".jpg","fileSize":982,"name":"图标橙色.jpg","uid":"__AUTO__1744360360555_1__"},{"fileCode":"145080072970241","fileSavePath":"file/","fileSaveName":"145080072970241.png","fileName":"车间生产管理大屏背景图.png","fileType":".png","fileSize":1095889,"name":"车间生产管理大屏背景图.png","uid":"__AUTO__1744360369941_2__"}]'
+    };
+  },
+  components: {
+    StaticContentWrapper: d
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    renderComponent(t, n) {
+      return S(t, n);
+    }
+  }
+}, x = {
+  key: 0,
+  class: "slot-title"
+}, C = { key: 1 };
+function v(t, n, e, y, N, O) {
+  const o = f("static-content-wrapper");
+  return i(), p(o, {
+    designer: e.designer,
+    field: e.field,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: u(() => [
+      _("div", {
+        class: c([e.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
+      }, [
+        e.designState ? (i(), r("div", x, g(t.i18nt("designer.widgetLabel.slot")), 1)) : (i(), r("div", C, [
+          b(t.$slots, "field.options.name", {}, void 0, !0)
+        ]))
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
+}
+const W = /* @__PURE__ */ w(h, [["render", v], ["__scopeId", "data-v-adc67853"]]);
+export {
+  W as default
+};
+//# sourceMappingURL=slot-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/slot-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/slot-widget.vue"],"sourcesContent":["<template>\n  <static-content-wrapper\n    :designer=\"designer\"\n    :field=\"field\"\n    :design-state=\"designState\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n    :sub-form-row-index=\"subFormRowIndex\"\n    :sub-form-col-index=\"subFormColIndex\"\n    :sub-form-row-id=\"subFormRowId\"\n  >\n    <div :class=\"[!!designState ? 'slot-wrapper-design' : 'slot-wrapper-render']\">\n      <div v-if=\"!!designState\" class=\"slot-title\">{{ i18nt('designer.widgetLabel.slot') }}</div>\n      <div v-else>\n        <slot name=\"field.options.name\"></slot>\n      </div>\n    </div>\n  </static-content-wrapper>\n</template>\n\n<script>\n  import StaticContentWrapper from './static-content-wrapper';\n  import emitter from '@/utils/emitter';\n  import i18n, { translate } from '@/utils/i18n';\n  import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n  import { useCustomRender } from '@/components/CustomRender/useCustomRender';\n  const { renderComponent } = useCustomRender();\n\n  export default {\n    name: 'slot-widget',\n    componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n    mixins: [emitter, fieldMixin, i18n],\n    props: {\n      field: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n\n      designState: {\n        type: Boolean,\n        default: false\n      },\n\n      subFormRowIndex: {\n        /* 子表单组件行索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormColIndex: {\n        /* 子表单组件列索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormRowId: {\n        /* 子表单组件行Id，唯一id且不可变 */ type: String,\n        default: ''\n      }\n    },\n    data() {\n      return {\n        attachmentList:\n          '[{\"fileCode\":\"145080039415809\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080039415809.png\",\"fileName\":\"奥新看板组件边框.png\",\"fileType\":\".png\",\"fileSize\":28798,\"name\":\"奥新看板组件边框.png\",\"uid\":\"__AUTO__1744360353476_0__\"},{\"fileCode\":\"145080054095873\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080054095873.jpg\",\"fileName\":\"图标橙色.jpg\",\"fileType\":\".jpg\",\"fileSize\":982,\"name\":\"图标橙色.jpg\",\"uid\":\"__AUTO__1744360360555_1__\"},{\"fileCode\":\"145080072970241\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080072970241.png\",\"fileName\":\"车间生产管理大屏背景图.png\",\"fileType\":\".png\",\"fileSize\":1095889,\"name\":\"车间生产管理大屏背景图.png\",\"uid\":\"__AUTO__1744360369941_2__\"}]'\n      };\n    },\n    components: {\n      StaticContentWrapper\n    },\n    computed: {},\n    beforeCreate() {\n      /* 这里不能访问方法和属性！！ */\n    },\n\n    created() {\n      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n      this.registerToRefList();\n      this.initEventHandler();\n\n      this.handleOnCreated();\n    },\n\n    mounted() {\n      this.handleOnMounted();\n    },\n\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n\n    methods: {\n      renderComponent(componentName, props) {\n        return renderComponent(componentName, props);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .slot-wrapper-design {\n    width: 100%;\n    min-height: 26px;\n    background: linear-gradient(45deg, #ccc 25%, #eee 0, #eee 50%, #ccc 0, #ccc 75%, #eee 0);\n    background-size: 20px 20px;\n    text-align: center;\n\n    .slot-title {\n      font-size: 13px;\n    }\n  }\n\n  .slot-wrapper-render {\n  }\n</style>\n"],"names":["renderComponent","useCustomRender","_sfc_main","emitter","fieldMixin","i18n","StaticContentWrapper","componentName","props","_createBlock","_component_static_content_wrapper","$props","_createElementVNode","_createElementBlock","_hoisted_1","_toDisplayString","_ctx","_hoisted_2","_renderSlot"],"mappings":";;;;;;;;AA4BE,MAAM,EAAE,iBAAAA,EAAc,IAAMC,EAAe,GAEtCC,IAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEX,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEX,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA;EAEF,OAAO;AACL,WAAO;AAAA,MACL,gBACE;AAAA;EAEN;AAAA,EACA,YAAY;AAAA,IACV,sBAAAC;AAAA;EAEF,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGR,SAAK,kBAAiB,GACtB,KAAK,iBAAgB,GAErB,KAAK,gBAAe;AAAA,EACtB;AAAA,EAEA,UAAU;AACR,SAAK,gBAAe;AAAA,EACtB;AAAA,EAEA,gBAAgB;AACd,SAAK,sBAAqB;AAAA,EAC5B;AAAA,EAEA,SAAS;AAAA,IACP,gBAAgBC,GAAeC,GAAO;AACpC,aAAOR,EAAgBO,GAAeC,CAAK;AAAA,IAC7C;AAAA,EACF;;;EAjF4B,OAAM;;;;cAZpCC,EAiByBC,GAAA;AAAA,IAhBtB,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,gBAAcA,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAElB,MAKM;AAAA,MALNC,EAKM,OAAA;AAAA,QALA,UAAUD,EAAA,cAAW,wBAAA,qBAAA,CAAA;AAAA;QACZA,EAAA,oBAAbE,EAA2F,OAA3FC,GAA2FC,EAA3CC,EAAA,MAAK,2BAAA,CAAA,GAAA,CAAA,WACrDH,EAEM,OAAAI,GAAA;AAAA,UADJC,EAAuCF,EAAA,QAAA,sBAAA,CAAA,GAAA,QAAA,EAAA;AAAA;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js

@@ -0,0 +1,143 @@
+import f from "../../../svg-icon/index.vue.js";
+import u from "../../../../utils/i18n.js";
+import { resolveComponent as y, createElementBlock as n, openBlock as d, normalizeStyle as m, normalizeClass as h, createCommentVNode as l, withModifiers as g, renderSlot as v, Fragment as p, createElementVNode as c, createVNode as o, toDisplayString as L } from "vue";
+/* empty css                            */
+import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  name: "static-content-wrapper",
+  mixins: [u],
+  components: {
+    SvgIcon: f
+  },
+  props: {
+    field: Object,
+    designer: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    displayStyle: {
+      type: String,
+      default: "block"
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    selected() {
+      return !!this.designer && this.field.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.field.options.customClass ? this.field.options.customClass.join(" ") : "";
+    }
+  },
+  methods: {
+    selectField(t) {
+      this.designer && (this.designer.setSelected(t), this.designer.emitEvent("field-selected", this.parentWidget));
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
+    },
+    removeFieldWidget() {
+      if (this.parentList) {
+        let t = null;
+        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
+        });
+      }
+    }
+  }
+}, C = {
+  key: 0,
+  class: "field-action"
+}, S = ["title"], b = ["title"], w = ["title"], _ = ["title"], O = {
+  key: 1,
+  class: "drag-handler background-opacity"
+}, P = ["title"], x = { key: 0 };
+function F(t, i, e, I, N, s) {
+  const r = y("svg-icon");
+  return d(), n("div", {
+    class: h(["field-wrapper", { "design-time-bottom-margin": !!this.designer }]),
+    style: m({ display: e.displayStyle })
+  }, [
+    !e.field.options.hidden || e.designState === !0 ? (d(), n("div", {
+      key: 0,
+      class: h(["static-content-item", [s.selected ? "selected" : "", s.customClass]]),
+      style: m({ display: e.displayStyle }),
+      onClick: i[0] || (i[0] = g((a) => s.selectField(e.field), ["stop"]))
+    }, [
+      v(t.$slots, "default", {}, void 0, !0)
+    ], 6)) : l("", !0),
+    this.designer ? (d(), n(p, { key: 1 }, [
+      e.designer.selectedId === e.field.id ? (d(), n("div", C, [
+        c("i", {
+          title: t.i18nt("designer.hint.selectParentWidget"),
+          onClick: i[1] || (i[1] = g((a) => s.selectParentWidget(e.field), ["stop"]))
+        }, [
+          o(r, { "icon-class": "el-back" })
+        ], 8, S),
+        e.parentList && e.parentList.length > 1 ? (d(), n("i", {
+          key: 0,
+          title: t.i18nt("designer.hint.moveUpWidget"),
+          onClick: i[2] || (i[2] = g((a) => s.moveUpWidget(e.field), ["stop"]))
+        }, [
+          o(r, { "icon-class": "el-move-up" })
+        ], 8, b)) : l("", !0),
+        e.parentList && e.parentList.length > 1 ? (d(), n("i", {
+          key: 1,
+          title: t.i18nt("designer.hint.moveDownWidget"),
+          onClick: i[3] || (i[3] = g((a) => s.moveDownWidget(e.field), ["stop"]))
+        }, [
+          o(r, { "icon-class": "el-move-down" })
+        ], 8, w)) : l("", !0),
+        c("i", {
+          title: t.i18nt("designer.hint.remove"),
+          onClick: i[4] || (i[4] = g((...a) => s.removeFieldWidget && s.removeFieldWidget(...a), ["stop"]))
+        }, [
+          o(r, { "icon-class": "el-delete" })
+        ], 8, _)
+      ])) : l("", !0),
+      e.designer.selectedId === e.field.id ? (d(), n("div", O, [
+        c("i", {
+          title: t.i18nt("designer.hint.dragHandler")
+        }, [
+          o(r, { "icon-class": "el-drag-move" })
+        ], 8, P),
+        c("i", null, L(t.i18n2t(
+          `designer.widgetLabel.${e.field.type}`,
+          `extension.widgetLabel.${e.field.type}`
+        )), 1),
+        e.field.options.hidden === !0 ? (d(), n("i", x, [
+          o(r, { "icon-class": "el-hide" })
+        ])) : l("", !0)
+      ])) : l("", !0)
+    ], 64)) : l("", !0)
+  ], 6);
+}
+const E = /* @__PURE__ */ W(k, [["render", F], ["__scopeId", "data-v-c90d9666"]]);
+export {
+  E as default
+};
+//# sourceMappingURL=static-content-wrapper.vue.js.map

package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-content-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{ 'design-time-bottom-margin': !!this.designer }\"\n        :style=\"{ display: displayStyle }\"\n    >\n        <div\n            class=\"static-content-item\"\n            v-if=\"!field.options.hidden || designState === true\"\n            :style=\"{ display: displayStyle }\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectField(field)\"\n        >\n            <slot></slot>\n        </div>\n\n        <template v-if=\"!!this.designer\">\n            <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n                <i\n                    :title=\"i18nt('designer.hint.selectParentWidget')\"\n                    @click.stop=\"selectParentWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-back\" />\n                </i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveUpWidget')\"\n                    @click.stop=\"moveUpWidget(field)\"\n                    ><svg-icon icon-class=\"el-move-up\"\n                /></i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveDownWidget')\"\n                    @click.stop=\"moveDownWidget(field)\"\n                    ><svg-icon icon-class=\"el-move-down\"\n                /></i>\n                <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n                    <svg-icon icon-class=\"el-delete\" />\n                </i>\n            </div>\n\n            <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n                <i :title=\"i18nt('designer.hint.dragHandler')\"\n                    ><svg-icon icon-class=\"el-drag-move\"\n                /></i>\n                <i>{{\n                    i18n2t(\n                        `designer.widgetLabel.${field.type}`,\n                        `extension.widgetLabel.${field.type}`\n                    )\n                }}</i>\n                <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n    import SvgIcon from '@/components/svg-icon';\n    import i18n from '@/utils/i18n';\n\n    export default {\n        name: 'static-content-wrapper',\n        mixins: [i18n],\n        components: {\n            SvgIcon\n        },\n        props: {\n            field: Object,\n            designer: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            displayStyle: {\n                type: String,\n                default: 'block'\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        computed: {\n            selected() {\n                return !!this.designer && this.field.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return !!this.field.options.customClass\n                    ? this.field.options.customClass.join(' ')\n                    : '';\n            }\n        },\n        methods: {\n            selectField(field) {\n                if (!!this.designer) {\n                    this.designer.setSelected(field);\n                    this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n                }\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            removeFieldWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            //bottom: -24px;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            //bottom: -22px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                //opacity: 1;\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n\n    .static-content-item {\n        min-height: 20px;\n        display: flex; /* 垂直居中 */\n        align-items: center; /* 垂直居中 */\n        margin-bottom: 5px;\n    }\n\n    .static-content-item.selected {\n        outline: 2px solid var(--ant-primary-color);\n    }\n</style>\n"],"names":["_sfc_main","i18n","SvgIcon","field","nextSelected","_createElementBlock","_normalizeClass","$props","$options","_cache","_withModifiers","$event","_renderSlot","_ctx","_Fragment","_openBlock","_hoisted_1","_createElementVNode","_createVNode","_component_svg_icon","args","_hoisted_6","_hoisted_8"],"mappings":"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"}

package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue.js

@@ -0,0 +1,80 @@
+import i from "./static-content-wrapper.vue.js";
+import r from "../../../../utils/emitter.js";
+import o from "../../../../utils/i18n.js";
+import d from "./fieldMixin.js";
+import { resolveComponent as a, createBlock as s, createCommentVNode as m, openBlock as f, withCtx as c, createElementVNode as l, toDisplayString as u } from "vue";
+import "./static-text-widget.vue2.js";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "static-text-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [r, d, o],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    StaticContentWrapper: i
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function x(t, g, e, w, _, h) {
+  const n = a("static-content-wrapper");
+  return t.handleHidden() ? m("", !0) : (f(), s(n, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: c(() => [
+      l("div", { ref: "fieldEditor" }, u(e.field.options.textContent), 513)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const R = /* @__PURE__ */ p(b, [["render", x], ["__scopeId", "data-v-d0c08214"]]);
+export {
+  R as default
+};
+//# sourceMappingURL=static-text-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-text-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/static-text-widget.vue"],"sourcesContent":["<template>\n    <static-content-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <div ref=\"fieldEditor\">{{ field.options.textContent }}</div>\n    </static-content-wrapper>\n</template>\n\n<script>\n    import StaticContentWrapper from './static-content-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'static-text-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            StaticContentWrapper\n        },\n        computed: {},\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initEventHandler();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    //* static-content-wrapper已引入，还需要重复引入吗？ *//\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","StaticContentWrapper","_ctx","_createBlock","_component_static_content_wrapper","$props","_createElementVNode"],"mappings":";;;;;;;AAuBI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,sBAAAC;AAAA;EAEJ,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,iBAAgB,GAErB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;SAlEFC,EAAA,aAAY,sBAVvBC,EAayBC,GAAA;AAAA;IAZpB,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,gBAAcA,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAA4D;AAAA,MAA5DC,EAA4D,OAAA,EAAvD,KAAI,cAAa,KAAID,EAAA,MAAM,QAAQ,WAAW,GAAA,GAAA;AAAA;;;;;"}

package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue2.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=static-text-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-text-widget.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/src/components/form-designer/form-widget/field-widget/switch-widget.vue.js

@@ -0,0 +1,102 @@
+import s from "./form-item-wrapper.vue.js";
+import a from "../../../../utils/emitter.js";
+import u from "../../../../utils/i18n.js";
+import f from "./fieldMixin.js";
+import { resolveComponent as n, createBlock as m, createCommentVNode as c, openBlock as h, withCtx as p, createVNode as b, normalizeStyle as g } from "vue";
+/* empty css                   */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "switch-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [a, f, u],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: s
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    contentForReadMode() {
+      return this.fieldModel ? this.field.options.checkedValue || this.i18nt("render.hint.defaultActiveText") : this.field.options.unCheckedValue || this.i18nt("render.hint.defaultInactiveText");
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function k(t, d, e, C, i, F) {
+  const o = n("a-switch"), r = n("form-item-wrapper");
+  return t.handleHidden() ? c("", !0) : (h(), m(r, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: i.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: p(() => [
+      b(o, {
+        ref: "fieldEditor",
+        checked: i.fieldModel,
+        "onUpdate:checked": d[0] || (d[0] = (l) => i.fieldModel = l),
+        disabled: t.isReadMode || t.handleDisabled(),
+        checkedValue: e.field.options.checkedValue,
+        unCheckedValue: e.field.options.unCheckedValue,
+        onChange: t.handleChangeEvent,
+        style: g({ width: e.field.options.switchWidth + "px" })
+      }, null, 8, ["checked", "disabled", "checkedValue", "unCheckedValue", "onChange", "style"])
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const v = /* @__PURE__ */ w(x, [["render", k], ["__scopeId", "data-v-5672773f"]]);
+export {
+  v as default
+};
+//# sourceMappingURL=switch-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/switch-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/switch-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <a-switch\n            ref=\"fieldEditor\"\n            v-model:checked=\"fieldModel\"\n            :disabled=\"isReadMode || handleDisabled()\"\n            :checkedValue=\"field.options.checkedValue\"\n            :unCheckedValue=\"field.options.unCheckedValue\"\n            @change=\"handleChangeEvent\"\n            :style=\"{ width: field.options.switchWidth + 'px' }\"\n        />\n        <!-- <template v-if=\"isReadMode\">\n      :class=\"[isReadMode ? 'readonly-mode-switch' : '']\"\n      <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n    </template> -->\n    </form-item-wrapper>\n</template>\n\n<script>\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'switch-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            FormItemWrapper\n        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            contentForReadMode() {\n                if (!!this.fieldModel) {\n                    return (\n                        this.field.options.checkedValue ||\n                        this.i18nt('render.hint.defaultActiveText')\n                    );\n                }\n\n                return (\n                    this.field.options.unCheckedValue ||\n                    this.i18nt('render.hint.defaultInactiveText')\n                );\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n\n    .readonly-mode-switch {\n        display: none;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_switch","$event","_normalizeStyle"],"mappings":";;;;;;;AAoCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU;AAAA,IACN,qBAAqB;AACjB,aAAM,KAAK,aAEH,KAAK,MAAM,QAAQ,gBACnB,KAAK,MAAM,+BAA+B,IAK9C,KAAK,MAAM,QAAQ,kBACnB,KAAK,MAAM,iCAAiC;AAAA,IAEpD;AAAA;EAEJ,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;SArGFC,EAAA,aAAY,sBAXvBC,EA0BoBC,GAAA;AAAA;IAzBf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAQE;AAAA,MARFE,EAQEC,GAAA;AAAA,QAPE,KAAI;AAAA,QACI,SAASF,EAAA;AAAA,mDAAAA,EAAA,aAAUG;AAAA,QAC1B,UAAUP,EAAA,cAAcA,EAAA,eAAc;AAAA,QACtC,cAAcG,EAAA,MAAM,QAAQ;AAAA,QAC5B,gBAAgBA,EAAA,MAAM,QAAQ;AAAA,QAC9B,UAAQH,EAAA;AAAA,QACR,OAAKQ,EAAA,EAAA,OAAWL,EAAA,MAAM,QAAQ,cAAW,KAAA,CAAA;AAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js

@@ -0,0 +1,127 @@
+import p from "./form-item-wrapper.vue.js";
+import g from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import w from "./fieldMixin.js";
+import { resolveComponent as i, createBlock as d, createCommentVNode as l, openBlock as r, withCtx as s, withDirectives as b, createVNode as C, vShow as x, createElementVNode as F } from "vue";
+/* empty css                     */
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "textarea-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [g, w, c],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: p
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, _ = ["innerHTML"];
+function I(t, o, e, M, n, a) {
+  const m = i("a-textarea"), u = i("a-tooltip"), f = i("form-item-wrapper");
+  return t.handleHidden() ? l("", !0) : (r(), d(f, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: n.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: s(() => [
+      b(C(m, {
+        type: "textarea",
+        ref: "fieldEditor",
+        value: n.fieldModel,
+        "onUpdate:value": o[0] || (o[0] = (h) => n.fieldModel = h),
+        size: a.size,
+        disabled: t.handleDisabled(),
+        allowClear: e.field.options.allowClear,
+        readonly: e.field.options.readonly,
+        placeholder: e.field.options.placeholder,
+        rows: e.field.options.rows,
+        minlength: e.field.options.minLength,
+        maxlength: e.field.options.maxLength,
+        showCount: e.field.options.showCount,
+        onFocus: t.handleFocusCustomEvent,
+        onBlur: t.handleBlurCustomEvent,
+        onInput: t.handleInputCustomEvent,
+        onChange: t.handleChangeEvent
+      }, null, 8, ["value", "size", "disabled", "allowClear", "readonly", "placeholder", "rows", "minlength", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
+        [x, !t.isReadMode]
+      ]),
+      t.isReadMode ? (r(), d(u, {
+        key: 0,
+        placement: "topLeft",
+        title: n.fieldModel,
+        overlayStyle: { zIndex: 1e3 }
+      }, {
+        default: s(() => [
+          F("div", {
+            innerHTML: n.fieldModel,
+            class: "readonly-mode-field"
+          }, null, 8, _)
+        ]),
+        _: 1
+      }, 8, ["title"])) : l("", !0)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const S = /* @__PURE__ */ v(y, [["render", I], ["__scopeId", "data-v-3dd45c01"]]);
+export {
+  S as default
+};
+//# sourceMappingURL=textarea-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <a-textarea\n            type=\"textarea\"\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-show=\"!isReadMode\"\n            :size=\"size\"\n            :disabled=\"handleDisabled()\"\n            :allowClear=\"field.options.allowClear\"\n            :readonly=\"field.options.readonly\"\n            :placeholder=\"field.options.placeholder\"\n            :rows=\"field.options.rows\"\n            :minlength=\"field.options.minLength\"\n            :maxlength=\"field.options.maxLength\"\n            :showCount=\"field.options.showCount\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n            @input=\"handleInputCustomEvent\"\n            @change=\"handleChangeEvent\"\n        />\n        <template v-if=\"isReadMode\">\n            <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n                <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n            </a-tooltip>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script>\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'textarea-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            FormItemWrapper\n        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .readonly-mode-field {\n        display: inline-block;\n        white-space: pre-wrap;\n        line-height: 1.5;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_textarea","$event","$options","_component_a_tooltip","_createElementVNode"],"mappings":";;;;;;;AA+CI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AACH,aAAM,KAAK,MAAM,WAAa,KAAK,MAAM,QAAQ,OACtC,KAAK,MAAM,QAAQ,OAExB,KAAK,WACA,KAAK,SAAS,WAAW,QAAQ,WAEjC,KAAK,WAAW,QAAQ;AAAA,IAEvC;AAAA;EAEJ,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;SA7GFC,EAAA,aAAY,sBAXvBC,EAqCoBC,GAAA;AAAA;IApCf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAkBE;AAAA,QAlBFE,EAkBEC,GAAA;AAAA,QAjBE,MAAK;AAAA,QACL,KAAI;AAAA,QACI,OAAOF,EAAA;AAAA,iDAAAA,EAAA,aAAUG;AAAA,QAExB,MAAMC,EAAA;AAAA,QACN,UAAUR,EAAA,eAAc;AAAA,QACxB,YAAYG,EAAA,MAAM,QAAQ;AAAA,QAC1B,UAAUA,EAAA,MAAM,QAAQ;AAAA,QACxB,aAAaA,EAAA,MAAM,QAAQ;AAAA,QAC3B,MAAMA,EAAA,MAAM,QAAQ;AAAA,QACpB,WAAWA,EAAA,MAAM,QAAQ;AAAA,QACzB,WAAWA,EAAA,MAAM,QAAQ;AAAA,QACzB,WAAWA,EAAA,MAAM,QAAQ;AAAA,QACzB,SAAOH,EAAA;AAAA,QACP,QAAMA,EAAA;AAAA,QACN,SAAOA,EAAA;AAAA,QACP,UAAQA,EAAA;AAAA;aAbAA,EAAA,UAAU;AAAA;MAePA,EAAA,mBACZC,EAEYQ,GAAA;AAAA;QAFD,WAAU;AAAA,QAAW,OAAOL,EAAA;AAAA,QAAa,cAAc,EAAA,QAAA,IAAA;AAAA;mBAC9D,MAA2D;AAAA,UAA3DM,EAA2D,OAAA;AAAA,YAAtD,WAAQN,EAAA;AAAA,YAAY,OAAM;AAAA;;;;;;;;;"}