@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js

@@ -0,0 +1,100 @@
+import d from "../../../../utils/i18n.js";
+import a from "../../refMixinDesign.js";
+import o from "../field-widget/index.js";
+import g from "./container-wrapper.vue.js";
+import { resolveComponent as l, createBlock as c, openBlock as n, withCtx as h, createElementBlock as m, withModifiers as p, normalizeClass as f, createElementVNode as w, toDisplayString as x } from "vue";
+/* empty css                      */
+import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const W = {
+  name: "vf-dialog-widget",
+  componentName: "VfDialogWidget",
+  mixins: [d, a],
+  inject: ["refList"],
+  components: {
+    // Draggable,
+    ContainerWrapper: g,
+    ...o
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  methods: {
+    onDialogDragEnd(e, i) {
+    },
+    onDialogDragAdd(e, i) {
+      const t = e.newIndex;
+      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onDialogDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(e) {
+      console.log("id: " + e.id), this.designer.setSelected(e);
+    },
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+    },
+    removeWidget() {
+      if (this.parentList) {
+        let e = null;
+        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
+        });
+      }
+    }
+  }
+}, v = { class: "dialog-title" };
+function u(e, i, t, _, C, s) {
+  const r = l("container-wrapper");
+  return n(), c(r, {
+    designer: t.designer,
+    widget: t.widget,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList
+  }, {
+    default: h(() => [
+      (n(), m("div", {
+        class: f(["dialog-container", [s.selected ? "selected" : "", s.customClass]]),
+        key: t.widget.id,
+        onClick: i[0] || (i[0] = p((D) => s.selectWidget(t.widget), ["stop"]))
+      }, [
+        w("div", v, x(t.widget.options.title), 1)
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const E = /* @__PURE__ */ L(W, [["render", u], ["__scopeId", "data-v-48ae3673"]]);
+export {
+  E as default
+};

package/src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue.js

@@ -0,0 +1,132 @@
+import w from "../../../../utils/i18n.js";
+import h from "../../refMixinDesign.js";
+import f from "../field-widget/index.js";
+import p from "./container-wrapper.vue.js";
+import L from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as g, createBlock as s, openBlock as d, withCtx as o, createElementBlock as x, withModifiers as v, normalizeClass as D, createVNode as C, mergeProps as u, createElementVNode as _, resolveDynamicComponent as l } from "vue";
+/* empty css                      */
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "vf-drawer-widget",
+  componentName: "VfDialogWidget",
+  mixins: [w, h],
+  inject: ["refList"],
+  components: {
+    Draggable: L,
+    ContainerWrapper: p,
+    ...f
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  methods: {
+    onDrawerDragEnd(t, n) {
+    },
+    onDrawerDragAdd(t, n) {
+      const e = t.newIndex;
+      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onDrawerDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(t) {
+      console.log("id: " + t.id), this.designer.setSelected(t);
+    },
+    checkContainerMove(t) {
+      return this.designer.checkWidgetMove(t);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+    },
+    removeWidget() {
+      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();
+        });
+      }
+    }
+  }
+}, W = { class: "vf-drawer-drop-zone" };
+function O(t, n, e, P, E, r) {
+  const c = g("draggable"), m = g("container-wrapper");
+  return d(), s(m, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: o(() => [
+      (d(), x("div", {
+        class: D(["drawer-container", [r.selected ? "selected" : "", r.customClass]]),
+        key: e.widget.id,
+        onClick: n[2] || (n[2] = v((i) => r.selectWidget(e.widget), ["stop"]))
+      }, [
+        C(c, u({
+          list: e.widget.widgetList,
+          "item-key": "id"
+        }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+          handle: ".drag-handler",
+          onEnd: n[0] || (n[0] = (i) => r.onDrawerDragEnd(i, e.widget.widgetList)),
+          onAdd: n[1] || (n[1] = (i) => r.onDrawerDragAdd(i, e.widget.widgetList)),
+          onUpdate: r.onDrawerDragUpdate,
+          move: r.checkContainerMove
+        }), {
+          item: o(({ element: i, index: a }) => [
+            _("div", W, [
+              i.category === "container" ? (d(), s(l(i.type + "-widget"), {
+                widget: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), s(l(i.type + "-widget"), {
+                field: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget,
+                "design-state": !0
+              }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ])
+          ]),
+          _: 1
+        }, 16, ["list", "onUpdate", "move"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const I = /* @__PURE__ */ k(y, [["render", O], ["__scopeId", "data-v-30dce532"]]);
+export {
+  I as default
+};

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

@@ -0,0 +1,106 @@
+import d from "./form-item-wrapper.vue.js";
+import s from "../../../../utils/emitter.js";
+import l from "../../../../utils/i18n.js";
+import m from "./fieldMixin.js";
+import a from "bpmn-js/lib/Viewer";
+import { resolveComponent as f, createBlock as u, createCommentVNode as p, openBlock as c, withCtx as b, createElementVNode as h } from "vue";
+/* empty css                        */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
+  name: "bpmn-editor-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [s, m, l],
+  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: d
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: [],
+      bpmnModeler: null
+    };
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  watch: {
+    fieldModel(t) {
+      t ? this.preview(t) : this.bpmnModeler && this.bpmnModeler.destroy && this.bpmnModeler.destroy();
+    }
+  },
+  methods: {
+    preview(t) {
+      this.bpmnModeler && this.bpmnModeler.destroy && this.bpmnModeler.destroy(), this.bpmnModeler = new a({ container: this.$refs.fieldEditor });
+      const r = this.bpmnModeler;
+      this.bpmnModeler.importXML(t, (e) => {
+        e ? console.error(e) : r.get("canvas").zoom("fit-viewport");
+      });
+    }
+  }
+}, x = {
+  ref: "fieldEditor",
+  class: "t-w-full t-h-[30vh]"
+};
+function M(t, r, e, i, o, _) {
+  const n = f("form-item-wrapper");
+  return t.handleHidden() ? p("", !0) : (c(), u(n, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: o.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: b(() => [
+      h("div", x, null, 512)
+    ]),
+    _: 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 N = /* @__PURE__ */ w(g, [["render", M], ["__scopeId", "data-v-6e398d04"]]);
+export {
+  N as default
+};

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

@@ -0,0 +1,113 @@
+import d from "./static-content-wrapper.vue.js";
+import a from "../../../../utils/emitter.js";
+import l from "../../../../utils/i18n.js";
+import c from "./fieldMixin.js";
+import u from "../../../svg-icon/index.vue.js";
+import f from "../../../public/ActionButtonListRender.vue.js";
+import { resolveComponent as o, createBlock as m, openBlock as b, withCtx as p, createVNode as g } from "vue";
+/* empty css                        */
+import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "button-list-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [a, c, l],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    widget: 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 {};
+  },
+  components: {
+    ActionButtonListRender: f,
+    SvgIcon: u,
+    StaticContentWrapper: d
+  },
+  computed: {
+    customClass() {
+      return this.field.options.customClass || [];
+    },
+    buttonList() {
+      return this.field.options.buttonList.filter((e) => !this.handleHidden(e));
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  methods: {
+    hanldeClick(e) {
+      if (!this.designState && e.onClick)
+        return new Function(e.onClick).call(this);
+    },
+    handleDisabled(e) {
+      const { onDisabled: n } = e;
+      return n ? new Function(n).call(this) : !1;
+    },
+    handleHidden(e) {
+      const { onHidden: n } = e;
+      return n ? new Function(n).call(this) : !1;
+    }
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  }
+};
+function w(e, n, t, F, _, i) {
+  const s = o("ActionButtonListRender"), r = o("static-content-wrapper");
+  return b(), m(r, {
+    designer: t.designer,
+    field: t.field,
+    "design-state": t.designState,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList,
+    "sub-form-row-index": t.subFormRowIndex,
+    "sub-form-col-index": t.subFormColIndex,
+    "sub-form-row-id": t.subFormRowId
+  }, {
+    default: p(() => [
+      g(s, {
+        options: t.field.options,
+        designState: t.designState,
+        buttonList: i.buttonList,
+        customClass: i.customClass,
+        flex: t.field.options.flex,
+        ctx: this
+      }, null, 8, ["options", "designState", "buttonList", "customClass", "flex"])
+    ]),
+    _: 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 N = /* @__PURE__ */ h(x, [["render", w], ["__scopeId", "data-v-f92bf90a"]]);
+export {
+  N as default
+};

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

@@ -0,0 +1,102 @@
+import f from "./static-content-wrapper.vue.js";
+import m from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import u from "./fieldMixin.js";
+import g from "../../../svg-icon/index.vue.js";
+import { resolveComponent as i, createBlock as n, createCommentVNode as o, openBlock as d, withCtx as a, createVNode as b, normalizeClass as p, createTextVNode as h, toDisplayString as _ } from "vue";
+/* empty css                   */
+import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "button-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [m, u, 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: {
+    StaticContentWrapper: f,
+    SvgIcon: g
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function w(t, C, e, F, I, k) {
+  const s = i("svg-icon"), r = i("a-button"), l = i("static-content-wrapper");
+  return t.handleHidden() ? o("", !0) : (d(), n(l, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    "design-state": e.designState,
+    "display-style": e.field.options.displayStyle,
+    "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: a(() => [
+      b(r, {
+        ref: "fieldEditor",
+        type: e.field.options.type,
+        size: e.field.options.size,
+        class: p([e.field.options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+        shape: e.field.options.shape,
+        danger: e.field.options.danger,
+        ghost: e.field.options.ghost,
+        disabled: t.handleDisabled(),
+        loading: t.loading,
+        onClick: t.handleButtonWidgetClick
+      }, {
+        default: a(() => [
+          e.field.options.icon ? (d(), n(s, {
+            key: 0,
+            "icon-class": e.field.options.icon
+          }, null, 8, ["icon-class"])) : o("", !0),
+          h(" " + _(e.field.options.label), 1)
+        ]),
+        _: 1
+      }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading", "onClick"])
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "design-state", "display-style", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const B = /* @__PURE__ */ y(x, [["render", w], ["__scopeId", "data-v-ac650374"]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,146 @@
+import p from "./form-item-wrapper.vue.js";
+import b from "../../../../utils/emitter.js";
+import g from "../../../../utils/i18n.js";
+import { formateCascaderCode as y } from "../../../../utils/format.js";
+import C from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as d, createCommentVNode as r, openBlock as s, withCtx as a, createElementVNode as m, normalizeClass as v, createVNode as w, toDisplayString as F } from "vue";
+/* empty css                     */
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  name: "cascader-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [b, C, g],
+  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";
+    },
+    labelKey() {
+      return this.field.options.labelKey || "label";
+    },
+    valueKey() {
+      return this.field.options.valueKey || "value";
+    },
+    childrenKey() {
+      return this.field.options.childrenKey || "children";
+    },
+    // showFullPath() {
+    //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;
+    // },
+    contentForReadMode() {
+      return this.fieldModel ? y(this.field.options.optionItems, this.fieldModel, {
+        label: this.labelKey,
+        value: this.valueKey,
+        children: this.childrenKey
+      }) : "";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    /* 开启任意级节点可选后，点击radio隐藏下拉框 */
+    hideDropDownOnClick() {
+    }
+  }
+}, x = { class: "readonly-mode-field" };
+function I(t, n, e, K, l, i) {
+  const u = o("a-cascader"), f = o("a-tooltip"), c = o("form-item-wrapper");
+  return t.handleHidden() ? r("", !0) : (s(), d(c, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: l.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: a(() => [
+      m("div", {
+        class: v(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+      }, [
+        w(u, {
+          ref: "fieldEditor",
+          size: i.size,
+          options: e.field.options.optionItems,
+          value: l.fieldModel,
+          "onUpdate:value": n[0] || (n[0] = (h) => l.fieldModel = h),
+          disabled: t.handleDisabled(),
+          allowClear: e.field.options.allowClear,
+          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
+          fieldNames: { value: i.valueKey, label: i.labelKey, children: i.childrenKey },
+          expandTrigger: "hover",
+          multiple: e.field.options.multiple,
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent
+        }, null, 8, ["size", "options", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]),
+        t.isReadMode ? (s(), d(f, {
+          key: 0,
+          placement: "topLeft",
+          title: i.contentForReadMode,
+          overlayStyle: { zIndex: 1e3 }
+        }, {
+          default: a(() => [
+            m("span", x, F(i.contentForReadMode), 1)
+          ]),
+          _: 1
+        }, 8, ["title"])) : r("", !0)
+      ], 2)
+    ]),
+    _: 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__ */ _(M, [["render", I], ["__scopeId", "data-v-d6774be2"]]);
+export {
+  S as default
+};