@kp-ui/lowcode 1.0.105 → 1.0.106

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

@@ -0,0 +1,126 @@
+import u from "./form-item-wrapper.vue.js";
+import h from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import g from "./fieldMixin.js";
+import { resolveComponent as d, createBlock as p, createCommentVNode as l, openBlock as r, withCtx as b, createElementVNode as w, normalizeClass as a, createVNode as F, createElementBlock as C, toDisplayString as y } from "vue";
+/* empty css                       */
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  name: "time-range-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [h, g, c],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: u
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    },
+    contentForReadMode() {
+      return this.fieldModel ? this.fieldModel[0] + " - " + this.fieldModel[1] : "--";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, v = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function _(t, n, e, x, i, o) {
+  const s = d("a-time-range-picker"), m = d("form-item-wrapper");
+  return t.handleHidden() ? l("", !0) : (r(), p(m, {
+    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: b(() => [
+      w("div", {
+        class: a([
+          e.field.options.autoFullWidth ? "auto-full-width" : "",
+          t.isReadMode ? "readonly-mode-time-range" : ""
+        ])
+      }, [
+        F(s, {
+          ref: "fieldEditor",
+          size: o.size,
+          value: i.fieldModel,
+          "onUpdate:value": n[0] || (n[0] = (f) => i.fieldModel = f),
+          class: a([e.field.options.autoFullWidth ? "full-width-input" : ""]),
+          disabled: t.handleDisabled(),
+          readonly: e.field.options.readonly,
+          inputReadOnly: e.field.options.readonly,
+          allowClear: e.field.options.allowClear,
+          format: e.field.options.format,
+          "value-format": "HH:mm:ss",
+          placeholder: [
+            e.field.options.startPlaceholder || t.i18nt("render.hint.startTimePlaceholder"),
+            e.field.options.endPlaceholder || t.i18nt("render.hint.endTimePlaceholder")
+          ],
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent
+        }, null, 8, ["size", "value", "class", "disabled", "readonly", "inputReadOnly", "allowClear", "format", "placeholder", "onFocus", "onBlur", "onChange"]),
+        t.isReadMode ? (r(), C("span", v, y(o.contentForReadMode), 1)) : l("", !0)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const W = /* @__PURE__ */ R(M, [["render", _], ["__scopeId", "data-v-286657fe"]]);
+export {
+  W as default
+};
+//# sourceMappingURL=time-range-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-range-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\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time-range' : ''\n            ]\"\n        >\n            <a-time-range-picker\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                v-model:value=\"fieldModel\"\n                :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n                :disabled=\"handleDisabled()\"\n                :readonly=\"field.options.readonly\"\n                :inputReadOnly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"[\n                    field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n                    field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n                ]\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\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 fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'time-range-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            FormItemWrapper\n        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            contentForReadMode() {\n                if (!this.fieldModel) {\n                    return '--';\n                } else {\n                    return this.fieldModel[0] + ' - ' + this.fieldModel[1];\n                }\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time-range {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_range_picker","$options","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":"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"}

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

@@ -0,0 +1,119 @@
+import f from "./form-item-wrapper.vue.js";
+import u from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import h from "./fieldMixin.js";
+import { resolveComponent as n, createBlock as p, createCommentVNode as d, openBlock as l, withCtx as g, createElementVNode as b, normalizeClass as w, createVNode as C, createElementBlock as y, toDisplayString as F } from "vue";
+/* empty css                 */
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const R = {
+  name: "time-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [u, h, c],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: f
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, _ = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function x(i, o, e, z, t, r) {
+  const s = n("a-time-picker"), a = n("form-item-wrapper");
+  return i.handleHidden() ? d("", !0) : (l(), p(a, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: t.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("div", {
+        class: w([
+          e.field.options.autoFullWidth ? "auto-full-width" : "",
+          i.isReadMode ? "readonly-mode-time" : ""
+        ])
+      }, [
+        C(s, {
+          size: r.size,
+          ref: "fieldEditor",
+          value: t.fieldModel,
+          "onUpdate:value": o[0] || (o[0] = (m) => t.fieldModel = m),
+          disabled: i.handleDisabled(),
+          inputReadOnly: e.field.options.readonly,
+          readonly: e.field.options.readonly,
+          allowClear: e.field.options.allowClear,
+          format: e.field.options.format,
+          "value-format": "HH:mm:ss",
+          placeholder: e.field.options.placeholder || i.i18nt("render.hint.timePlaceholder"),
+          onFocus: i.handleFocusCustomEvent,
+          onBlur: i.handleBlurCustomEvent,
+          onChange: i.handleChangeEvent
+        }, null, 8, ["size", "value", "disabled", "inputReadOnly", "readonly", "allowClear", "format", "placeholder", "onFocus", "onBlur", "onChange"]),
+        i.isReadMode ? (l(), y("span", _, F(t.fieldModel), 1)) : d("", !0)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const L = /* @__PURE__ */ v(R, [["render", x], ["__scopeId", "data-v-c126faf0"]]);
+export {
+  L as default
+};
+//# sourceMappingURL=time-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-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\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time' : ''\n            ]\"\n        >\n            <a-time-picker\n                :size=\"size\"\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled()\"\n                :inputReadOnly=\"field.options.readonly\"\n                :readonly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n            </template>\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 fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n    export default {\n        name: 'time-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            FormItemWrapper\n        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_picker","$options","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAgDI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AACH,aAAM,KAAK,MAAM,WAAa,KAAK,MAAM,QAAQ,OACtC,KAAK,MAAM,QAAQ,OAExB,KAAK,WACA,KAAK,SAAS,WAAW,QAAQ,WAEjC,KAAK,WAAW,QAAQ;AAAA,IAEvC;AAAA;EAEJ,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;EAtFK,OAAM;;;;SAxBbC,EAAA,aAAY,sBAXvBC,EAsCoBC,GAAA;AAAA;IArCf,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,MAwBM;AAAA,MAxBNE,EAwBM,OAAA;AAAA,QAvBD,OAAKC,EAAA;AAAA,UAAsBH,EAAA,MAAM,QAAQ,gBAAa,oBAAA;AAAA,UAA2CH,EAAA,aAAU,uBAAA;AAAA;;QAK5GO,EAcEC,GAAA;AAAA,UAbG,MAAMC,EAAA;AAAA,UACP,KAAI;AAAA,UACI,OAAOL,EAAA;AAAA,mDAAAA,EAAA,aAAUM;AAAA,UACxB,UAAUV,EAAA,eAAc;AAAA,UACxB,eAAeG,EAAA,MAAM,QAAQ;AAAA,UAC7B,UAAUA,EAAA,MAAM,QAAQ;AAAA,UACxB,YAAYA,EAAA,MAAM,QAAQ;AAAA,UAC1B,QAAQA,EAAA,MAAM,QAAQ;AAAA,UACvB,gBAAa;AAAA,UACZ,aAAaA,EAAA,MAAM,QAAQ,eAAeH,EAAA,MAAK,6BAAA;AAAA,UAC/C,SAAOA,EAAA;AAAA,UACP,QAAMA,EAAA;AAAA,UACN,UAAQA,EAAA;AAAA;QAEGA,EAAA,mBACZW,EAAyD,QAAzDC,GAAyDC,EAApBT,EAAA,UAAU,GAAA,CAAA;;;;;;;"}

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

@@ -0,0 +1,124 @@
+import a from "./form-item-wrapper.vue.js";
+import s from "../../../../utils/emitter.js";
+import f from "../../../../utils/i18n.js";
+import m from "./fieldMixin.js";
+import { Tree as c } from "ant-design-vue";
+import { executeFunction as u } from "../../../../utils/executeFunction.js";
+import { resolveComponent as r, createBlock as h, createCommentVNode as b, openBlock as p, withCtx as x, createElementVNode as w, createVNode as y } from "vue";
+/* empty css                 */
+import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "tree-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [s, m, f],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    },
+    rules: [],
+    designState: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  components: {
+    Tree: c,
+    FormItemWrapper: a
+  },
+  data() {
+    return {
+      fieldModel: []
+    };
+  },
+  computed: {
+    labelKey() {
+      return this.field.options.labelKey || "label";
+    },
+    valueKey() {
+      return this.field.options.valueKey || "value";
+    },
+    childrenKey() {
+      return this.field.options.childrenKey || "children";
+    }
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.fieldModel = this.field.options.treeData, this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    // e:{checked: bool, checkedNodes, node, event}
+    onCheck(i, n) {
+      u({
+        functionBody: this.field.options.onCheck,
+        params: { checkedKeys: i, e: n },
+        keys: ["checkedKeys", "e"],
+        context: this,
+        errorCallback: (e) => {
+          console.error("Custom render error:", e);
+        }
+      });
+    }
+  }
+}, k = { class: "full-width-input" };
+function C(i, n, e, I, o, t) {
+  const l = r("Tree"), d = r("form-item-wrapper");
+  return i.handleHidden() ? b("", !0) : (p(), h(d, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: e.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: x(() => [
+      w("div", k, [
+        y(l, {
+          "show-line": e.field.options.showLine,
+          showIcon: e.field.options.showIcon,
+          treeData: o.fieldModel,
+          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+          checkable: e.field.options.checkable,
+          ref: "fieldEditor",
+          fieldNames: { key: t.valueKey, title: t.labelKey, children: t.childrenKey },
+          multiple: e.field.options.multiple,
+          selectable: e.field.options.selectable,
+          onCheck: t.onCheck
+        }, null, 8, ["show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable", "onCheck"])
+      ])
+    ]),
+    _: 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__ */ g(_, [["render", C], ["__scopeId", "data-v-c7d7ef2f"]]);
+export {
+  B as default
+};
+//# sourceMappingURL=tree-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/tree-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=\"full-width-input\">\n            <Tree\n                :show-line=\"field.options.showLine\"\n                :showIcon=\"field.options.showIcon\"\n                :treeData=\"fieldModel\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                :checkable=\"field.options.checkable\"\n                ref=\"fieldEditor\"\n                :fieldNames=\"{ key: valueKey, title: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                :selectable=\"field.options.selectable\"\n                @check=\"onCheck\"\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 fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n    import { Tree } from 'ant-design-vue';\n    import { executeFunction } from '@/utils/executeFunction';\n    export default {\n        name: 'tree-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            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            rules: [],\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        components: {\n            Tree,\n            FormItemWrapper\n        },\n        data() {\n            return {\n                fieldModel: []\n            };\n        },\n        computed: {\n            labelKey() {\n                return this.field.options.labelKey || 'label';\n            },\n\n            valueKey() {\n                return this.field.options.valueKey || 'value';\n            },\n\n            childrenKey() {\n                return this.field.options.childrenKey || 'children';\n            }\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop  需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initEventHandler();\n\n            this.fieldModel = this.field.options.treeData;\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {\n            // e:{checked: bool, checkedNodes, node, event}\n            onCheck(checkedKeys, e) {\n                executeFunction({\n                    functionBody: this.field.options.onCheck,\n                    params: { checkedKeys, e },\n                    keys: ['checkedKeys', 'e'],\n                    context: this,\n                    errorCallback: error => {\n                        console.error('Custom render error:', error);\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</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","Tree","FormItemWrapper","checkedKeys","e","executeFunction","error","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","_createElementVNode","_createVNode","_component_Tree","$data","$options"],"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,IACV,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;IAEb,OAAO,CAAA;AAAA,IACP,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,MAAAC;AAAA,IACA,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,YAAY,CAAA;AAAA;EAEpB;AAAA,EACA,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,MAAM,QAAQ,YAAY;AAAA,IAC1C;AAAA,IAEA,WAAW;AACP,aAAO,KAAK,MAAM,QAAQ,YAAY;AAAA,IAC1C;AAAA,IAEA,cAAc;AACV,aAAO,KAAK,MAAM,QAAQ,eAAe;AAAA,IAC7C;AAAA;EAGJ,UAAU;AAEN,SAAK,kBAAiB,GACtB,KAAK,iBAAgB,GAErB,KAAK,aAAa,KAAK,MAAM,QAAQ,UAErC,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,IAEL,QAAQC,GAAaC,GAAG;AACpB,MAAAC,EAAgB;AAAA,QACZ,cAAc,KAAK,MAAM,QAAQ;AAAA,QACjC,QAAQ,EAAE,aAAAF,GAAa,GAAAC;QACvB,MAAM,CAAC,eAAe,GAAG;AAAA,QACzB,SAAS;AAAA,QACT,eAAe,CAAAE,MAAS;AACpB,kBAAQ,MAAM,wBAAwBA,CAAK;AAAA,QAC/C;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ;GA1GKC,IAAA,EAAA,OAAM,mBAAkB;;;SAFtBC,EAAA,aAAY,sBAXvBC,EA2BoBC,GAAA;AAAA;IA1Bf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOA,EAAA;AAAA,IACP,gBAAcA,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAaM;AAAA,MAbNC,EAaM,OAbNL,GAaM;AAAA,QAZFM,EAWEC,GAAA;AAAA,UAVG,aAAWH,EAAA,MAAM,QAAQ;AAAA,UACzB,UAAUA,EAAA,MAAM,QAAQ;AAAA,UACxB,UAAUI,EAAA;AAAA,UACV,2BAAyBJ,EAAA,MAAM,QAAQ;AAAA,UACvC,WAAWA,EAAA,MAAM,QAAQ;AAAA,UAC1B,KAAI;AAAA,UACH,YAAU,EAAA,KAASK,EAAA,UAAQ,OAASA,EAAA,oBAAoBA,EAAA,YAAW;AAAA,UACnE,UAAUL,EAAA,MAAM,QAAQ;AAAA,UACxB,YAAYA,EAAA,MAAM,QAAQ;AAAA,UAC1B,SAAOK,EAAA;AAAA;;;;;;;"}

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

@@ -0,0 +1,152 @@
+import p from "./form-item-wrapper.vue.js";
+import b from "../../../../utils/emitter.js";
+import g from "../../../../utils/i18n.js";
+import y from "./fieldMixin.js";
+import { formateTreeToName as v } from "../../../../utils/format.js";
+import { isArray as w } from "lodash-es";
+import { resolveComponent as o, createBlock as n, createCommentVNode as r, openBlock as a, withCtx as s, createElementVNode as f, normalizeClass as C, withDirectives as F, createVNode as M, vShow as _, toDisplayString as x } from "vue";
+/* empty css                       */
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const I = {
+  name: "treeSelect-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [b, y, g],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: p
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    },
+    labelKey() {
+      return this.field.options.labelKey || "label";
+    },
+    valueKey() {
+      return this.field.options.valueKey || "value";
+    },
+    childrenKey() {
+      return this.field.options.childrenKey || "children";
+    },
+    // showFullPath() {
+    //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;
+    // },
+    contentForReadMode() {
+      if (!this.fieldModel) return "";
+      const t = w(this.fieldModel) ? this.fieldModel : [this.fieldModel];
+      return v(t, this.field.options.optionItems, {
+        label: this.labelKey,
+        value: this.valueKey,
+        children: this.childrenKey
+      });
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    /* 开启任意级节点可选后，点击radio隐藏下拉框 */
+    hideDropDownOnClick() {
+    }
+  }
+}, K = { class: "readonly-mode-field" };
+function z(t, d, e, N, l, i) {
+  const m = o("a-tree-select"), u = o("a-tooltip"), h = o("form-item-wrapper");
+  return t.handleHidden() ? r("", !0) : (a(), n(h, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: l.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: s(() => [
+      f("div", {
+        class: C(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+      }, [
+        F(M(m, {
+          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+          ref: "fieldEditor",
+          size: i.size,
+          treeData: e.field.options.optionItems,
+          value: l.fieldModel,
+          "onUpdate:value": d[0] || (d[0] = (c) => l.fieldModel = c),
+          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 },
+          multiple: e.field.options.multiple,
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent
+        }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]), [
+          [_, !t.isReadMode]
+        ]),
+        t.isReadMode ? (a(), n(u, {
+          key: 0,
+          placement: "topLeft",
+          title: i.contentForReadMode,
+          overlayStyle: { zIndex: 1e3 }
+        }, {
+          default: s(() => [
+            f("span", K, x(i.contentForReadMode), 1)
+          ]),
+          _: 1
+        }, 8, ["title"])) : r("", !0)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const j = /* @__PURE__ */ R(I, [["render", z], ["__scopeId", "data-v-a818197c"]]);
+export {
+  j as default
+};
+//# sourceMappingURL=treeSelect-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeSelect-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/treeSelect-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=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-tree-select\n                v-show=\"!isReadMode\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :treeData=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <a-tooltip\n                    placement=\"topLeft\"\n                    :title=\"contentForReadMode\"\n                    :overlayStyle=\"{ zIndex: 1000 }\"\n                >\n                    <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n                </a-tooltip>\n            </template>\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 fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n    import { formateTreeToName } from '@/utils/format';\n    import { isArray } from 'lodash-es';\n\n    export default {\n        name: 'treeSelect-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            FormItemWrapper\n        },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            labelKey() {\n                return this.field.options.labelKey || 'label';\n            },\n\n            valueKey() {\n                return this.field.options.valueKey || 'value';\n            },\n\n            childrenKey() {\n                return this.field.options.childrenKey || 'children';\n            },\n\n            // showFullPath() {\n            //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n            // },\n\n            contentForReadMode() {\n                if (!this.fieldModel) return '';\n\n                const val = isArray(this.fieldModel) ? this.fieldModel : [this.fieldModel];\n\n                return formateTreeToName(val, this.field.options.optionItems, {\n                    label: this.labelKey,\n                    value: this.valueKey,\n                    children: this.childrenKey\n                });\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\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            /* 开启任意级节点可选后，点击radio隐藏下拉框 */\n            hideDropDownOnClick() {}\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","val","isArray","formateTreeToName","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_tree_select","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}