@kp-ui/lowcode 1.0.105 → 1.0.106

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

@@ -0,0 +1,98 @@
+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";
+/* empty css                 */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  name: "rate-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [s, f, m],
+  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: a
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  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, {
+    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: p(() => [
+      g(r, {
+        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
+      }, 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"]));
+}
+const M = /* @__PURE__ */ w(h, [["render", x], ["__scopeId", "data-v-5355f1dc"]]);
+export {
+  M as default
+};
+//# sourceMappingURL=rate-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rate-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rate-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-rate\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :disabled=\"handleDisabled()\"\n            :allowClear=\"field.options.allowClear\"\n            :count=\"field.options.count\"\n            :allow-half=\"field.options.allowHalf\"\n            @change=\"handleChangeEvent\"\n        />\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: 'rate-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        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</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_rate","$event"],"mappings":";;;;;;;AAgCI,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,CAAA;AAAA,EACV,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;;;;SAnFFC,EAAA,aAAY,sBAXvBC,EAsBoBC,GAAA;AAAA;IArBf,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,OAAOF,EAAA;AAAA,iDAAAA,EAAA,aAAUG;AAAA,QACxB,UAAUP,EAAA,eAAc;AAAA,QACxB,YAAYG,EAAA,MAAM,QAAQ;AAAA,QAC1B,OAAOA,EAAA,MAAM,QAAQ;AAAA,QACrB,cAAYA,EAAA,MAAM,QAAQ;AAAA,QAC1B,UAAQH,EAAA;AAAA;;;;;;"}

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

@@ -0,0 +1,132 @@
+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 { defineAsyncComponent as c, resolveComponent as n, createBlock as g, createCommentVNode as p, openBlock as b, withCtx as F, createElementVNode as C, normalizeClass as E, createVNode as v, normalizeStyle as R } from "vue";
+/* empty css                        */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "rich-editor-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [u, h, m],
+  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,
+    QuillEditor: c(
+      () => import("../../../public/QuillEditor/index.vue.js")
+    )
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: [],
+      customToolbar: [],
+      //富文本编辑器自定义工具栏
+      valueChangedFlag: !1
+      //vue2-editor数据值是否改变标志
+    };
+  },
+  computed: {
+    editorOption() {
+      return {
+        placeholder: this.field.options.placeholder,
+        modules: {
+          //toolbar: this.customToolbar
+        }
+      };
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    handleRichEditorChangeEvent() {
+      this.valueChangedFlag = !0, this.syncUpdateFormModel(this.fieldModel);
+    },
+    handleRichEditorFocusEvent() {
+      this.oldFieldValue = f(this.fieldModel);
+    },
+    handleRichEditorBlurEvent() {
+      this.valueChangedFlag && (this.emitFieldDataChange(this.fieldModel, this.oldFieldValue), this.valueChangedFlag = !1);
+    }
+  }
+};
+function y(t, o, e, M, d, i) {
+  const l = n("QuillEditor"), r = n("form-item-wrapper");
+  return t.handleHidden() ? p("", !0) : (b(), g(r, {
+    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
+  }, {
+    default: F(() => [
+      C("div", {
+        class: E({ "readonly-mode-rich-editor": t.isReadMode })
+      }, [
+        v(l, {
+          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};` : ""
+          )
+        }, 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"]));
+}
+const H = /* @__PURE__ */ w(x, [["render", y], ["__scopeId", "data-v-319126bd"]]);
+export {
+  H as default
+};
+//# sourceMappingURL=rich-editor-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-editor-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        <div :class=\"{ 'readonly-mode-rich-editor': isReadMode }\">\n            <QuillEditor\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :options=\"editorOption\"\n                :disabled=\"handleDisabled() || isReadMode\"\n                @blur=\"handleRichEditorBlurEvent\"\n                @focus=\"handleRichEditorFocusEvent\"\n                @change=\"handleRichEditorChangeEvent\"\n                :style=\"\n                    !!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\n                \"\n            />\n        </div>\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 { deepClone } from '@/utils/util';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n    import { defineAsyncComponent } from 'vue';\n\n    export default {\n        name: 'rich-editor-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            QuillEditor: defineAsyncComponent(() =>\n                import('@/components/public/QuillEditor/index.vue')\n            )\n        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: [],\n\n                customToolbar: [], //富文本编辑器自定义工具栏\n                valueChangedFlag: false //vue2-editor数据值是否改变标志\n            };\n        },\n        computed: {\n            editorOption() {\n                return {\n                    placeholder: this.field.options.placeholder,\n                    modules: {\n                        //toolbar: this.customToolbar\n                    }\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            handleRichEditorChangeEvent() {\n                this.valueChangedFlag = true;\n                this.syncUpdateFormModel(this.fieldModel);\n            },\n\n            handleRichEditorFocusEvent() {\n                this.oldFieldValue = deepClone(this.fieldModel);\n            },\n\n            handleRichEditorBlurEvent() {\n                if (this.valueChangedFlag) {\n                    this.emitFieldDataChange(this.fieldModel, this.oldFieldValue);\n                    this.valueChangedFlag = false;\n                }\n            }\n        }\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-rich-editor {\n        :deep(.ql-toolbar) {\n            display: none;\n        }\n\n        :deep(.ql-container) {\n            //border-top: 1px solid #cccccc !important;\n            border: 0;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","defineAsyncComponent","deepClone","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_createVNode","_component_QuillEditor","$event","$options","_normalizeStyle"],"mappings":";;;;;;;;AAuCI,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,IACA,aAAaC;AAAA,MAAqB,MAC9B,OAAO,0CAA2C;AAAA,IACtD;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MAEP,eAAe,CAAA;AAAA;AAAA,MACf,kBAAkB;AAAA;AAAA;EAE1B;AAAA,EACA,UAAU;AAAA,IACN,eAAe;AACX,aAAO;AAAA,QACH,aAAa,KAAK,MAAM,QAAQ;AAAA,QAChC,SAAS;AAAA;AAAA,QAET;AAAA;IAER;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;AAAA,IACL,8BAA8B;AAC1B,WAAK,mBAAmB,IACxB,KAAK,oBAAoB,KAAK,UAAU;AAAA,IAC5C;AAAA,IAEA,6BAA6B;AACzB,WAAK,gBAAgBC,EAAU,KAAK,UAAU;AAAA,IAClD;AAAA,IAEA,4BAA4B;AACxB,MAAI,KAAK,qBACL,KAAK,oBAAoB,KAAK,YAAY,KAAK,aAAa,GAC5D,KAAK,mBAAmB;AAAA,IAEhC;AAAA,EACJ;;;;SAzHOC,EAAA,aAAY,sBAXvBC,EA2BoBC,GAAA;AAAA;IA1Bf,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,MAaM;AAAA,MAbNE,EAaM,OAAA;AAAA,QAbA,wCAAsCL,EAAA,WAAU,CAAA;AAAA;QAClDM,EAWEC,GAAA;AAAA,UAVE,KAAI;AAAA,UACI,OAAOH,EAAA;AAAA,mDAAAA,EAAA,aAAUI;AAAA,UACxB,SAASC,EAAA;AAAA,UACT,UAAUT,EAAA,eAAc,KAAMA,EAAA;AAAA,UAC9B,QAAMS,EAAA;AAAA,UACN,SAAOA,EAAA;AAAA,UACP,UAAQA,EAAA;AAAA,UACR,OAAKC;AAAAA,YAAyBP,EAAA,MAAM,QAAQ,2BAA2BA,EAAA,MAAM,QAAQ,aAAa,MAAA;AAAA;;;;;;;;"}

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

@@ -0,0 +1,170 @@
+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";
+/* empty css                   */
+import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const R = {
+  name: "select-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [v, I, F, y],
+  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: { SvgIcon: M, FormItemWrapper: C },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+      // pager: {
+      //   page: 1,
+      //   pageSize: 20,
+      //   totalPage: 0,
+      //   total: 0
+      // }
+    };
+  },
+  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";
+    },
+    allowDefaultFirstOption() {
+      return !!this.field.options.filterable && !!this.field.options.allowCreate;
+    }
+  },
+  watch: {
+    "field.options.dsEnabled": {
+      deep: !0,
+      handler(e) {
+        e && this.initOptionItems();
+      }
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.clearOptionItems(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    /**
+     * 获取选中项label
+     * @return {*}
+     */
+    getSelectedLabel() {
+      return this.$refs.fieldEditor.selectedLabel;
+    }
+    // onPopupScroll(e) {
+    //   if (!this.field.options.loadingPage) return;
+    //   const { target } = e;
+    //   const { scrollTop, scrollHeight, clientHeight } = target;
+    //   if (scrollHeight - (scrollTop + clientHeight) <= 30) {
+    //     if (this.pager.totalPage > this.pager.page) {
+    //       this.pager.page += 1;
+    //       this.initOptionItems(true);
+    //     }
+    //   }
+    // }
+  }
+}, 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, {
+    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
+  }, {
+    default: a(() => [
+      m(f("div", S, [
+        m(u(h, L({
+          ref: "fieldEditor",
+          value: n.fieldModel,
+          "onUpdate:value": i[0] || (i[0] = (l) => n.fieldModel = l),
+          size: p.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]
+        ]),
+        t.field.options.useModal ? (s(), O("div", {
+          key: 0,
+          class: "useModal-svg",
+          onClick: i[1] || (i[1] = (...l) => e.handleClickIcon && e.handleClickIcon(...l))
+        }, [
+          u(g, { "icon-class": "sousuo" })
+        ])) : d("", !0)
+      ], 512), [
+        [c, !e.isReadMode]
+      ]),
+      e.isReadMode ? (s(), r(b, {
+        key: 0,
+        placement: "topLeft",
+        title: e.optionLabel,
+        overlayStyle: { zIndex: 1e3 }
+      }, {
+        default: a(() => [
+          f("span", k, _(e.optionLabel), 1)
+        ]),
+        _: 1
+      }, 8, ["title"])) : d("", !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 H = /* @__PURE__ */ x(R, [["render", z], ["__scopeId", "data-v-25c62f40"]]);
+export {
+  H as default
+};
+//# sourceMappingURL=select-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/select-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        <div class=\"design-select-box\" v-show=\"!isReadMode\">\n            <a-select\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                v-show=\"!isReadMode\"\n                :size=\"size\"\n                class=\"full-width-input\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :showArrow=\"true\"\n                :dropdownMatchSelectWidth=\"false\"\n                :mode=\"field.options.mode\"\n                :maxTagCount=\"field.options.maxTagCount\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :onFocus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n                :options=\"field.options.optionItems\"\n                v-bind=\"selectOps\"\n            />\n            <!--\n         :fieldNames=\"{\n          label: field.options.labelKey || 'label',\n          value: field.options.valueKey || 'value',\n          options: 'options'\n        }\"\n        @popupScroll=\"onPopupScroll\"\n\n         @search=\"remoteQuery\"\n        :showSearch=\"field.options.showSearch\"\n       -->\n            <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n                <svg-icon icon-class=\"sousuo\" />\n            </div>\n        </div>\n        <template v-if=\"isReadMode\">\n            <a-tooltip placement=\"topLeft\" :title=\"optionLabel\" :overlayStyle=\"{ zIndex: 1000 }\">\n                <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\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.js';\n    import SvgIcon from '@/components/svg-icon';\n    import useSelectMixin from '@/mixins/useSelectMixin.js';\n\n    export default {\n        name: 'select-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n, useSelectMixin],\n\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: { SvgIcon, FormItemWrapper },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n                // pager: {\n                //   page: 1,\n                //   pageSize: 20,\n                //   totalPage: 0,\n                //   total: 0\n                // }\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            allowDefaultFirstOption() {\n                return !!this.field.options.filterable && !!this.field.options.allowCreate;\n            }\n        },\n        watch: {\n            'field.options.dsEnabled': {\n                deep: true,\n                handler(val) {\n                    if (val) {\n                        this.initOptionItems();\n                    }\n                    //\n                }\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.clearOptionItems();\n            this.initOptionItems();\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             * 获取选中项label\n             * @return {*}\n             */\n            getSelectedLabel() {\n                return this.$refs.fieldEditor.selectedLabel;\n            }\n            // onPopupScroll(e) {\n            //   if (!this.field.options.loadingPage) return;\n            //   const { target } = e;\n            //   const { scrollTop, scrollHeight, clientHeight } = target;\n            //   if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n            //     if (this.pager.totalPage > this.pager.page) {\n            //       this.pager.page += 1;\n            //       this.initOptionItems(true);\n            //     }\n            //   }\n            // }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n    .design-select-box {\n        display: flex;\n        width: 100%;\n\n        .ant-select {\n            flex: 1 0 0;\n            min-width: 0;\n        }\n        :deep(.ant-select-selector) {\n            border-top-right-radius: 0;\n            border-bottom-right-radius: 0;\n        }\n        .useModal-svg {\n            border: 1px solid #d9d9d9;\n            // padding-left: 12px;\n            cursor: pointer;\n            width: 40px;\n            background: #fafafa;\n            line-height: 30px;\n            border-left: 0;\n            text-align: center;\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","useSelectMixin","SvgIcon","FormItemWrapper","val","_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_withDirectives","_createElementVNode","_createVNode","_component_a_select","_mergeProps","$event","$options","_createElementBlock","args","_component_svg_icon","_component_a_tooltip","_toDisplayString"],"mappings":";;;;;;;;;AAiEI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,GAAMC,CAAc;AAAA,EAElD,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,EAAE,SAAAC,GAAS,iBAAAC;EACvB,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQf;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,IACA,0BAA0B;AACtB,aAAO,CAAC,CAAC,KAAK,MAAM,QAAQ,cAAc,CAAC,CAAC,KAAK,MAAM,QAAQ;AAAA,IACnE;AAAA;EAEJ,OAAO;AAAA,IACH,2BAA2B;AAAA,MACvB,MAAM;AAAA,MACN,QAAQC,GAAK;AACT,QAAIA,KACA,KAAK,gBAAe;AAAA,MAG5B;AAAA,IACJ;AAAA;EAEJ,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GACpB,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;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,mBAAmB;AACf,aAAO,KAAK,MAAM,YAAY;AAAA,IAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYJ;GArKKC,IAAA,EAAA,OAAM,oBAAmB,GAqChBC,IAAA,EAAA,OAAM,sBAAqB;;;SAvClCC,EAAA,aAAY,sBAXvBC,EAqDoBC,GAAA;AAAA;IApDf,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,MAkCM;AAAA,MAlCNE,EAAAC,EAkCM,OAlCNR,GAkCM;AAAA,QAjCFO,EAAAE,EAkBEC,GAlBFC,EAkBE;AAAA,UAjBE,KAAI;AAAA,UACI,OAAOL,EAAA;AAAA,mDAAAA,EAAA,aAAUM;AAAA,UAExB,MAAMC,EAAA;AAAA,UACP,OAAM;AAAA,UACL,UAAUX,EAAA,eAAc;AAAA,UACxB,YAAYG,EAAA,MAAM,QAAQ;AAAA,UAC1B,WAAW;AAAA,UACX,0BAA0B;AAAA,UAC1B,MAAMA,EAAA,MAAM,QAAQ;AAAA,UACpB,aAAaA,EAAA,MAAM,QAAQ;AAAA,UAC3B,aAAaA,EAAA,MAAM,QAAQ,eAAeH,EAAA,MAAK,+BAAA;AAAA,UAC/C,SAASA,EAAA;AAAA,UACT,QAAMA,EAAA;AAAA,UACN,UAAQA,EAAA;AAAA,UACR,SAASG,EAAA,MAAM,QAAQ;AAAA,WAChBH,EAAA,SAAS,GAAA,MAAA,IAAA,CAAA,SAAA,QAAA,YAAA,cAAA,QAAA,eAAA,eAAA,WAAA,UAAA,YAAA,SAAA,CAAA,GAAA;AAAA,eAdRA,EAAA,UAAU;AAAA;QA2BZG,EAAA,MAAM,QAAQ,iBAAzBS,EAEM,OAAA;AAAA;UAF6B,OAAM;AAAA,UAAgB,mCAAOZ,EAAA,mBAAAA,EAAA,gBAAA,GAAAa,CAAA;AAAA;UAC5DN,EAAgCO,GAAA,EAAtB,cAAW,SAAQ,CAAA;AAAA;;aAhCGd,EAAA,UAAU;AAAA;MAmClCA,EAAA,mBACZC,EAEYc,GAAA;AAAA;QAFD,WAAU;AAAA,QAAW,OAAOf,EAAA;AAAA,QAAc,cAAc,EAAA,QAAA,IAAA;AAAA;mBAC/D,MAA0D;AAAA,UAA1DM,EAA0D,QAA1DP,GAA0DiB,EAArBhB,EAAA,WAAW,GAAA,CAAA;AAAA;;;;;;;;"}

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

@@ -0,0 +1,110 @@
+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";
+/* empty css                   */
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
+  name: "slider-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [f, c, 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: m
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    selfInitFieldModel() {
+      this.field.options.range && (this.fieldModel = []);
+    }
+  }
+}, M = {
+  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, {
+    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: g(() => [
+      b(w(l, {
+        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
+      }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical", "onChange"]), [
+        [x, !t.isReadMode]
+      ]),
+      t.isReadMode ? (r(), h("span", M, F(i.fieldModel), 1)) : o("", !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 B = /* @__PURE__ */ _(v, [["render", C], ["__scopeId", "data-v-d68d4f12"]]);
+export {
+  B as default
+};
+//# sourceMappingURL=slider-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/slider-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-slider\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-show=\"!isReadMode\"\n            :disabled=\"handleDisabled()\"\n            :min=\"field.options.min\"\n            :max=\"field.options.max\"\n            :step=\"field.options.step\"\n            :range=\"field.options.range\"\n            :vertical=\"field.options.vertical\"\n            @change=\"handleChangeEvent\"\n        />\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</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: 'slider-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        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            selfInitFieldModel() {\n                if (this.field.options.range) {\n                    this.fieldModel = [];\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_slider","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAsCI,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,CAAA;AAAA,EACV,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;AAAA,IACL,qBAAqB;AACjB,MAAI,KAAK,MAAM,QAAQ,UACnB,KAAK,aAAa,CAAA;AAAA,IAE1B;AAAA,EACJ;;;EAhFU,OAAM;;;;SAfTC,EAAA,aAAY,sBAXvBC,EA4BoBC,GAAA;AAAA;IA3Bf,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,MAWE;AAAA,QAXFE,EAWEC,GAAA;AAAA,QAVE,KAAI;AAAA,QACI,OAAOF,EAAA;AAAA,iDAAAA,EAAA,aAAUG;AAAA,QAExB,UAAUP,EAAA,eAAc;AAAA,QACxB,KAAKG,EAAA,MAAM,QAAQ;AAAA,QACnB,KAAKA,EAAA,MAAM,QAAQ;AAAA,QACnB,MAAMA,EAAA,MAAM,QAAQ;AAAA,QACpB,OAAOA,EAAA,MAAM,QAAQ;AAAA,QACrB,UAAUA,EAAA,MAAM,QAAQ;AAAA,QACxB,UAAQH,EAAA;AAAA;aAPAA,EAAA,UAAU;AAAA;MASPA,EAAA,mBACZQ,EAAyD,QAAzDC,GAAyDC,EAApBN,EAAA,UAAU,GAAA,CAAA;;;;;;"}