@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,16 +1,16 @@
-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 a, withCtx as s, createElementVNode as m, normalizeClass as v, createVNode as w, toDisplayString as F } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import { formateCascaderCode } from "../../../../utils/format.js";
+import fieldMixin from "./fieldMixin.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, toDisplayString } from "vue";
 /* empty css                     */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "cascader-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, C, g],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -19,7 +19,7 @@ const M = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,7 +38,7 @@ const M = {
     }
   },
   components: {
-    FormItemWrapper: p
+    FormItemWrapper
   },
   data() {
     return {
@@ -50,7 +50,14 @@ const M = {
   },
   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";
+      if (!!this.field.options && !!this.field.options.size) {
+        return this.field.options.size;
+      }
+      if (!!this.designer) {
+        return this.designer.formConfig.size || "middle";
+      } else {
+        return this.formConfig.size || "middle";
+      }
     },
     labelKey() {
       return this.field.options.labelKey || "label";
@@ -65,17 +72,23 @@ const M = {
     //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;
     // },
     contentForReadMode() {
-      return this.fieldModel ? y(this.field.options.optionItems, this.fieldModel, {
+      if (!this.fieldModel) return "";
+      return formateCascaderCode(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();
+    this.registerToRefList();
+    this.initOptionItems();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -88,59 +101,62 @@ const M = {
     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) : (a(), d(c, {
+};
+const _hoisted_1 = { class: "readonly-mode-field" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_cascader = resolveComponent("a-cascader");
+  const _component_a_tooltip = resolveComponent("a-tooltip");
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     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
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: s(() => [
-      m("div", {
-        class: v(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(["full-width-input", { "readonly-mode-cascader": _ctx.isReadMode }])
       }, [
-        w(u, {
+        createVNode(_component_a_cascader, {
           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 },
+          size: $options.size,
+          options: $props.field.options.optionItems,
+          value: $data.fieldModel,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+          disabled: _ctx.handleDisabled(),
+          allowClear: $props.field.options.allowClear,
+          placeholder: $props.field.options.placeholder || _ctx.i18nt("render.hint.selectPlaceholder"),
+          fieldNames: { value: $options.valueKey, label: $options.labelKey, children: $options.childrenKey },
           expandTrigger: "hover",
-          multiple: e.field.options.multiple,
-          onFocus: t.handleFocusCustomEvent,
-          onBlur: t.handleBlurCustomEvent,
-          onChange: t.handleChangeEvent
+          multiple: $props.field.options.multiple,
+          onFocus: _ctx.handleFocusCustomEvent,
+          onBlur: _ctx.handleBlurCustomEvent,
+          onChange: _ctx.handleChangeEvent
         }, null, 8, ["size", "options", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]),
-        t.isReadMode ? (a(), d(f, {
+        _ctx.isReadMode ? (openBlock(), createBlock(_component_a_tooltip, {
           key: 0,
           placement: "topLeft",
-          title: i.contentForReadMode,
+          title: $options.contentForReadMode,
           overlayStyle: { zIndex: 1e3 }
         }, {
-          default: s(() => [
-            m("span", x, F(i.contentForReadMode), 1)
+          default: withCtx(() => [
+            createElementVNode("span", _hoisted_1, toDisplayString($options.contentForReadMode), 1)
           ]),
           _: 1
-        }, 8, ["title"])) : r("", !0)
+        }, 8, ["title"])) : createCommentVNode("", true)
       ], 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"]));
+  }, 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"])) : createCommentVNode("", true);
 }
-const S = /* @__PURE__ */ _(M, [["render", I], ["__scopeId", "data-v-85d611ae"]]);
+const cascaderWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-85d611ae"]]);
 export {
-  S as default
+  cascaderWidget as default
 };

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

@@ -1,15 +1,15 @@
-import h from "./form-item-wrapper.vue.js";
-import g from "../../../../utils/emitter.js";
-import x from "../../../../utils/i18n.js";
-import _ from "./fieldMixin.js";
-import { resolveComponent as d, createBlock as a, createCommentVNode as s, openBlock as i, withCtx as r, withDirectives as w, createElementBlock as m, createVNode as y, Fragment as F, renderList as k, createTextVNode as v, toDisplayString as u, vShow as C } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, withDirectives, createElementBlock, createVNode, Fragment, renderList, createTextVNode, toDisplayString, vShow } from "vue";
 /* empty css                     */
-import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "checkbox-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [g, _, x],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -18,7 +18,7 @@ const R = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -37,7 +37,7 @@ const R = {
     }
   },
   components: {
-    FormItemWrapper: h
+    FormItemWrapper
   },
   data() {
     return {
@@ -51,7 +51,12 @@ const R = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initOptionItems();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -60,57 +65,62 @@ const R = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, L = {
+};
+const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"
 };
-function M(t, l, e, O, n, N) {
-  const f = d("a-checkbox"), b = d("a-checkbox-group"), c = d("form-item-wrapper");
-  return t.handleHidden() ? s("", !0) : (i(), a(c, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_checkbox = resolveComponent("a-checkbox");
+  const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     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
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: r(() => [
-      w(y(b, {
+    default: withCtx(() => [
+      withDirectives(createVNode(_component_a_checkbox_group, {
         ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": l[0] || (l[0] = (o) => n.fieldModel = o),
-        disabled: t.handleDisabled(),
-        onChange: t.handleChangeEvent
+        value: $data.fieldModel,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+        disabled: _ctx.handleDisabled(),
+        onChange: _ctx.handleChangeEvent
       }, {
-        default: r(() => [
-          (i(!0), m(F, null, k(e.field.options.optionItems, (o, p) => (i(), a(f, {
-            key: p,
-            value: o[e.field.options.valueKey],
-            disabled: o.disabled,
-            border: e.field.options.border,
-            style: {}
-          }, {
-            default: r(() => [
-              v(u(o[e.field.options.labelKey]), 1)
-            ]),
-            _: 2
-          }, 1032, ["value", "disabled", "border"]))), 128))
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.field.options.optionItems, (item, index) => {
+            return openBlock(), createBlock(_component_a_checkbox, {
+              key: index,
+              value: item[$props.field.options.valueKey],
+              disabled: item.disabled,
+              border: $props.field.options.border,
+              style: {}
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item[$props.field.options.labelKey]), 1)
+              ]),
+              _: 2
+            }, 1032, ["value", "disabled", "border"]);
+          }), 128))
         ]),
         _: 1
       }, 8, ["value", "disabled", "onChange"]), [
-        [C, !t.isReadMode]
+        [vShow, !_ctx.isReadMode]
       ]),
-      t.isReadMode ? (i(), m("span", L, u(t.optionLabel), 1)) : s("", !0)
+      _ctx.isReadMode ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.optionLabel), 1)) : createCommentVNode("", true)
     ]),
     _: 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"]));
+  }, 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"])) : createCommentVNode("", true);
 }
-const H = /* @__PURE__ */ I(R, [["render", M], ["__scopeId", "data-v-313a939f"]]);
+const checkboxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-313a939f"]]);
 export {
-  H as default
+  checkboxWidget as default
 };

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

@@ -1,16 +1,16 @@
-import m from "./form-item-wrapper.vue.js";
-import s from "../../../../utils/emitter.js";
-import a from "../../../../utils/i18n.js";
-import u from "./fieldMixin.js";
-import f from "../../../code-editor/index.vue.js";
-import { resolveComponent as n, createBlock as c, createCommentVNode as p, openBlock as b, withCtx as g, createVNode as h } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import CodeEditor from "../../../code-editor/index.vue.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode } from "vue";
 /* empty css                        */
-import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "code-editor-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [s, u, a],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -19,7 +19,7 @@ const x = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,8 +38,8 @@ const x = {
     }
   },
   components: {
-    FormItemWrapper: m,
-    CodeEditor: f
+    FormItemWrapper,
+    CodeEditor
   },
   data() {
     return {
@@ -53,7 +53,11 @@ const x = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -63,36 +67,37 @@ const x = {
   },
   methods: {}
 };
-function C(t, d, e, F, o, _) {
-  const r = n("code-editor"), i = n("form-item-wrapper");
-  return t.handleHidden() ? p("", !0) : (b(), c(i, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_code_editor = resolveComponent("code-editor");
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     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
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: g(() => [
-      h(r, {
-        mode: e.field.options.mode,
-        readonly: e.field.options.readonly || t.isReadMode,
-        modelValue: o.fieldModel,
-        "onUpdate:modelValue": d[0] || (d[0] = (l) => o.fieldModel = l),
+    default: withCtx(() => [
+      createVNode(_component_code_editor, {
+        mode: $props.field.options.mode,
+        readonly: $props.field.options.readonly || _ctx.isReadMode,
+        modelValue: $data.fieldModel,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
         ref: "fieldEditor",
-        onBlur: t.handleBlurCustomEvent,
-        onChange: t.handleChangeEvent
+        onBlur: _ctx.handleBlurCustomEvent,
+        onChange: _ctx.handleChangeEvent
       }, null, 8, ["mode", "readonly", "modelValue", "onBlur", "onChange"])
     ]),
     _: 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"]));
+  }, 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"])) : createCommentVNode("", true);
 }
-const N = /* @__PURE__ */ w(x, [["render", C], ["__scopeId", "data-v-9dc605ea"]]);
+const codeEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9dc605ea"]]);
 export {
-  N as default
+  codeEditorWidget as default
 };

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

@@ -1,15 +1,15 @@
-import m from "./form-item-wrapper.vue.js";
-import u from "../../../../utils/emitter.js";
-import f from "../../../../utils/i18n.js";
-import p from "./fieldMixin.js";
-import { resolveComponent as i, createBlock as c, createCommentVNode as r, openBlock as d, withCtx as g, createElementVNode as b, normalizeClass as h, createVNode as x, createElementBlock as w, toDisplayString as _ } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, createElementBlock, toDisplayString } from "vue";
 /* empty css                  */
-import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "color-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [u, p, f],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -18,7 +18,7 @@ const F = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -37,7 +37,7 @@ const F = {
     }
   },
   components: {
-    FormItemWrapper: m
+    FormItemWrapper
   },
   data() {
     return {
@@ -51,7 +51,11 @@ const F = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -60,43 +64,45 @@ const F = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, C = {
+};
+const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"
 };
-function M(t, n, e, R, o, v) {
-  const l = i("a-input"), s = i("form-item-wrapper");
-  return t.handleHidden() ? r("", !0) : (d(), c(s, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input = resolveComponent("a-input");
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     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
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: g(() => [
-      b("div", {
-        class: h([t.isReadMode ? "readonly-mode-color" : ""])
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass([_ctx.isReadMode ? "readonly-mode-color" : ""])
       }, [
-        x(l, {
-          style: { padding: "0", width: "25px", height: "25px" },
-          value: o.fieldModel,
-          "onUpdate:value": n[0] || (n[0] = (a) => o.fieldModel = a),
-          onChange: t.handleChangeEvent,
+        createVNode(_component_a_input, {
+          style: { "padding": "0", "width": "25px", "height": "25px" },
+          value: $data.fieldModel,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+          onChange: _ctx.handleChangeEvent,
           type: "color"
         }, null, 8, ["value", "onChange"]),
-        t.isReadMode ? (d(), w("span", C, _(o.fieldModel), 1)) : r("", !0)
+        _ctx.isReadMode ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($data.fieldModel), 1)) : createCommentVNode("", true)
       ], 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"]));
+  }, 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"])) : createCommentVNode("", true);
 }
-const E = /* @__PURE__ */ y(F, [["render", M], ["__scopeId", "data-v-bc7a87ea"]]);
+const colorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bc7a87ea"]]);
 export {
-  E as default
+  colorWidget as default
 };