@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,15 +1,15 @@
-import a from "./form-item-wrapper.vue.js";
-import s from "../../../../utils/emitter.js";
-import m from "../../../../utils/i18n.js";
-import f from "./fieldMixin.js";
-import { resolveComponent as i, createBlock as u, createCommentVNode as c, openBlock as b, withCtx as p, createVNode as g } 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, createVNode } from "vue";
 /* empty css                 */
-import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const h = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "rate-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [s, f, m],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -18,7 +18,7 @@ const h = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -37,7 +37,7 @@ const h = {
     }
   },
   components: {
-    FormItemWrapper: a
+    FormItemWrapper
   },
   data() {
     return {
@@ -51,7 +51,11 @@ const h = {
   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();
@@ -61,37 +65,38 @@ const h = {
   },
   methods: {}
 };
-function x(t, o, e, C, n, _) {
-  const r = i("a-rate"), d = i("form-item-wrapper");
-  return t.handleHidden() ? c("", !0) : (b(), u(d, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_rate = resolveComponent("a-rate");
+  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: p(() => [
-      g(r, {
+    default: withCtx(() => [
+      createVNode(_component_a_rate, {
         ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": o[0] || (o[0] = (l) => n.fieldModel = l),
-        disabled: t.handleDisabled(),
-        allowClear: e.field.options.allowClear,
-        count: e.field.options.count,
-        "allow-half": e.field.options.allowHalf,
-        onChange: t.handleChangeEvent
+        value: $data.fieldModel,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+        disabled: _ctx.handleDisabled(),
+        allowClear: $props.field.options.allowClear,
+        count: $props.field.options.count,
+        "allow-half": $props.field.options.allowHalf,
+        onChange: _ctx.handleChangeEvent
       }, null, 8, ["value", "disabled", "allowClear", "count", "allow-half", "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 M = /* @__PURE__ */ w(h, [["render", x], ["__scopeId", "data-v-c64f78a6"]]);
+const rateWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c64f78a6"]]);
 export {
-  M as default
+  rateWidget as default
 };

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

@@ -1,17 +1,17 @@
-import s from "./form-item-wrapper.vue.js";
-import u from "../../../../utils/emitter.js";
-import m from "../../../../utils/i18n.js";
-import { deepClone as f } from "../../../../utils/util.js";
-import h from "./fieldMixin.js";
-import { quillEditor as c } from "vue3-quill";
-import { resolveComponent as n, createBlock as g, createCommentVNode as p, openBlock as b, withCtx as F, createElementVNode as C, normalizeClass as v, createVNode as E, normalizeStyle as R } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import { deepClone } from "../../../../utils/util.js";
+import fieldMixin from "./fieldMixin.js";
+import { quillEditor } from "vue3-quill";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, normalizeStyle } 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: "rich-editor-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [u, h, m],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -20,7 +20,7 @@ const x = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -39,8 +39,8 @@ const x = {
     }
   },
   components: {
-    FormItemWrapper: s,
-    quillEditor: c
+    FormItemWrapper,
+    quillEditor
   },
   data() {
     return {
@@ -50,7 +50,7 @@ const x = {
       rules: [],
       customToolbar: [],
       //富文本编辑器自定义工具栏
-      valueChangedFlag: !1
+      valueChangedFlag: false
       //vue2-editor数据值是否改变标志
     };
   },
@@ -67,7 +67,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();
@@ -77,52 +81,57 @@ const x = {
   },
   methods: {
     handleRichEditorChangeEvent() {
-      this.valueChangedFlag = !0, this.syncUpdateFormModel(this.fieldModel);
+      this.valueChangedFlag = true;
+      this.syncUpdateFormModel(this.fieldModel);
     },
     handleRichEditorFocusEvent() {
-      this.oldFieldValue = f(this.fieldModel);
+      this.oldFieldValue = deepClone(this.fieldModel);
     },
     handleRichEditorBlurEvent() {
-      this.valueChangedFlag && (this.emitFieldDataChange(this.fieldModel, this.oldFieldValue), this.valueChangedFlag = !1);
+      if (this.valueChangedFlag) {
+        this.emitFieldDataChange(this.fieldModel, this.oldFieldValue);
+        this.valueChangedFlag = false;
+      }
     }
   }
 };
-function M(t, o, e, _, d, i) {
-  const l = n("quill-editor"), r = n("form-item-wrapper");
-  return t.handleHidden() ? p("", !0) : (b(), g(r, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_quill_editor = resolveComponent("quill-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: d.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: F(() => [
-      C("div", {
-        class: v({ "readonly-mode-rich-editor": t.isReadMode })
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass({ "readonly-mode-rich-editor": _ctx.isReadMode })
       }, [
-        E(l, {
+        createVNode(_component_quill_editor, {
           ref: "fieldEditor",
-          value: d.fieldModel,
-          "onUpdate:value": o[0] || (o[0] = (a) => d.fieldModel = a),
-          options: i.editorOption,
-          disabled: t.handleDisabled() || t.isReadMode,
-          onBlur: i.handleRichEditorBlurEvent,
-          onFocus: i.handleRichEditorFocusEvent,
-          onChange: i.handleRichEditorChangeEvent,
-          style: R(e.field.options.contentHeight ? `height: ${e.field.options.contentHeight};` : "")
+          value: $data.fieldModel,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+          options: $options.editorOption,
+          disabled: _ctx.handleDisabled() || _ctx.isReadMode,
+          onBlur: $options.handleRichEditorBlurEvent,
+          onFocus: $options.handleRichEditorFocusEvent,
+          onChange: $options.handleRichEditorChangeEvent,
+          style: normalizeStyle(!!$props.field.options.contentHeight ? `height: ${$props.field.options.contentHeight};` : "")
         }, null, 8, ["value", "options", "disabled", "onBlur", "onFocus", "onChange", "style"])
       ], 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__ */ w(x, [["render", M], ["__scopeId", "data-v-dd6337d5"]]);
+const richEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dd6337d5"]]);
 export {
-  S as default
+  richEditorWidget as default
 };

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

@@ -1,17 +1,17 @@
-import C from "./form-item-wrapper.vue.js";
-import v from "../../../../utils/emitter.js";
-import F from "../../../../utils/i18n.js";
-import I from "./fieldMixin.js";
-import M from "../../../svg-icon/index.vue.js";
-import y from "../../../../mixins/useSelectMixin.js";
-import { resolveComponent as o, createBlock as r, createCommentVNode as d, openBlock as s, withCtx as a, withDirectives as m, createElementVNode as f, createElementBlock as O, createVNode as u, mergeProps as L, vShow as c, 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 SvgIcon from "../../../svg-icon/index.vue.js";
+import useSelectMixin from "../../../../mixins/useSelectMixin.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, withDirectives, createElementVNode, createElementBlock, createVNode, mergeProps, vShow, toDisplayString } from "vue";
 /* empty css                   */
-import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "select-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [v, I, F, y],
+  mixins: [emitter, fieldMixin, i18n, useSelectMixin],
   props: {
     field: Object,
     parentWidget: Object,
@@ -20,7 +20,7 @@ const R = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,7 +38,7 @@ const R = {
       default: ""
     }
   },
-  components: { SvgIcon: M, FormItemWrapper: C },
+  components: { SvgIcon, FormItemWrapper },
   data() {
     return {
       oldFieldValue: null,
@@ -55,7 +55,14 @@ const R = {
   },
   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";
+      }
     },
     allowDefaultFirstOption() {
       return !!this.field.options.filterable && !!this.field.options.allowCreate;
@@ -63,16 +70,24 @@ const R = {
   },
   watch: {
     "field.options.dsEnabled": {
-      deep: !0,
-      handler(e) {
-        e && this.initOptionItems();
+      deep: true,
+      handler(val) {
+        if (val) {
+          this.initOptionItems();
+        }
       }
     }
   },
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.clearOptionItems(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.clearOptionItems();
+    this.initOptionItems();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
@@ -100,70 +115,75 @@ const R = {
     //   }
     // }
   }
-}, S = { class: "design-select-box" }, k = { class: "readonly-mode-field" };
-function z(e, i, t, E, n, p) {
-  const h = o("a-select"), g = o("svg-icon"), b = o("a-tooltip"), w = o("form-item-wrapper");
-  return e.handleHidden() ? d("", !0) : (s(), r(w, {
+};
+const _hoisted_1 = { class: "design-select-box" };
+const _hoisted_2 = { class: "readonly-mode-field" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_select = resolveComponent("a-select");
+  const _component_svg_icon = resolveComponent("svg-icon");
+  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: t.designer,
-    field: t.field,
-    rules: n.rules,
-    "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
+    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: a(() => [
-      m(f("div", S, [
-        m(u(h, L({
+    default: withCtx(() => [
+      withDirectives(createElementVNode("div", _hoisted_1, [
+        withDirectives(createVNode(_component_a_select, mergeProps({
           ref: "fieldEditor",
-          value: n.fieldModel,
-          "onUpdate:value": i[0] || (i[0] = (l) => n.fieldModel = l),
-          size: p.size,
+          value: $data.fieldModel,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+          size: $options.size,
           class: "full-width-input",
-          disabled: e.handleDisabled(),
-          allowClear: t.field.options.allowClear,
-          showArrow: !0,
-          dropdownMatchSelectWidth: !1,
-          mode: t.field.options.mode,
-          maxTagCount: t.field.options.maxTagCount,
-          placeholder: t.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
-          onFocus: e.handleFocusCustomEvent,
-          onBlur: e.handleBlurCustomEvent,
-          onChange: e.handleChangeEvent,
-          options: t.field.options.optionItems
-        }, e.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
-          [c, !e.isReadMode]
+          disabled: _ctx.handleDisabled(),
+          allowClear: $props.field.options.allowClear,
+          showArrow: true,
+          dropdownMatchSelectWidth: false,
+          mode: $props.field.options.mode,
+          maxTagCount: $props.field.options.maxTagCount,
+          placeholder: $props.field.options.placeholder || _ctx.i18nt("render.hint.selectPlaceholder"),
+          onFocus: _ctx.handleFocusCustomEvent,
+          onBlur: _ctx.handleBlurCustomEvent,
+          onChange: _ctx.handleChangeEvent,
+          options: $props.field.options.optionItems
+        }, _ctx.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
+          [vShow, !_ctx.isReadMode]
         ]),
-        t.field.options.useModal ? (s(), O("div", {
+        $props.field.options.useModal ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "useModal-svg",
-          onClick: i[1] || (i[1] = (...l) => e.handleClickIcon && e.handleClickIcon(...l))
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClickIcon && _ctx.handleClickIcon(...args))
         }, [
-          u(g, { "icon-class": "sousuo" })
-        ])) : d("", !0)
+          createVNode(_component_svg_icon, { "icon-class": "sousuo" })
+        ])) : createCommentVNode("", true)
       ], 512), [
-        [c, !e.isReadMode]
+        [vShow, !_ctx.isReadMode]
       ]),
-      e.isReadMode ? (s(), r(b, {
+      _ctx.isReadMode ? (openBlock(), createBlock(_component_a_tooltip, {
         key: 0,
         placement: "topLeft",
-        title: e.optionLabel,
+        title: _ctx.optionLabel,
         overlayStyle: { zIndex: 1e3 }
       }, {
-        default: a(() => [
-          f("span", k, _(e.optionLabel), 1)
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_2, toDisplayString(_ctx.optionLabel), 1)
         ]),
         _: 1
-      }, 8, ["title"])) : d("", !0)
+      }, 8, ["title"])) : 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__ */ x(R, [["render", z], ["__scopeId", "data-v-d457a7aa"]]);
+const selectWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d457a7aa"]]);
 export {
-  H as default
+  selectWidget as default
 };

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

@@ -1,15 +1,15 @@
-import m from "./form-item-wrapper.vue.js";
-import f from "../../../../utils/emitter.js";
-import u from "../../../../utils/i18n.js";
-import c from "./fieldMixin.js";
-import { resolveComponent as d, createBlock as p, createCommentVNode as o, openBlock as r, withCtx as g, withDirectives as b, createElementBlock as h, createVNode as w, vShow as x, 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 fieldMixin from "./fieldMixin.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, withDirectives, createElementBlock, createVNode, vShow, toDisplayString } from "vue";
 /* empty css                   */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "slider-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [f, c, u],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -18,7 +18,7 @@ const v = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -37,7 +37,7 @@ const v = {
     }
   },
   components: {
-    FormItemWrapper: m
+    FormItemWrapper
   },
   data() {
     return {
@@ -51,7 +51,11 @@ const v = {
   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();
@@ -61,49 +65,53 @@ const v = {
   },
   methods: {
     selfInitFieldModel() {
-      this.field.options.range && (this.fieldModel = []);
+      if (this.field.options.range) {
+        this.fieldModel = [];
+      }
     }
   }
-}, M = {
+};
+const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"
 };
-function C(t, n, e, y, i, I) {
-  const l = d("a-slider"), s = d("form-item-wrapper");
-  return t.handleHidden() ? o("", !0) : (r(), p(s, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_slider = resolveComponent("a-slider");
+  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: 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
+    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(w(l, {
+    default: withCtx(() => [
+      withDirectives(createVNode(_component_a_slider, {
         ref: "fieldEditor",
-        value: i.fieldModel,
-        "onUpdate:value": n[0] || (n[0] = (a) => i.fieldModel = a),
-        disabled: t.handleDisabled(),
-        min: e.field.options.min,
-        max: e.field.options.max,
-        step: e.field.options.step,
-        range: e.field.options.range,
-        vertical: e.field.options.vertical,
-        onChange: t.handleChangeEvent
+        value: $data.fieldModel,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
+        disabled: _ctx.handleDisabled(),
+        min: $props.field.options.min,
+        max: $props.field.options.max,
+        step: $props.field.options.step,
+        range: $props.field.options.range,
+        vertical: $props.field.options.vertical,
+        onChange: _ctx.handleChangeEvent
       }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical", "onChange"]), [
-        [x, !t.isReadMode]
+        [vShow, !_ctx.isReadMode]
       ]),
-      t.isReadMode ? (r(), h("span", M, F(i.fieldModel), 1)) : o("", !0)
+      _ctx.isReadMode ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($data.fieldModel), 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 B = /* @__PURE__ */ _(v, [["render", C], ["__scopeId", "data-v-5a30bec3"]]);
+const sliderWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5a30bec3"]]);
 export {
-  B as default
+  sliderWidget as default
 };