@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.3

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

@@ -0,0 +1,58 @@
+import { defineComponent as v, ref as y, watchEffect as _, createBlock as b, createCommentVNode as g, unref as a, openBlock as h, mergeProps as B, withCtx as E, createElementVNode as x } from "vue";
+import C from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as F, WidgetTypeEnum as N } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as k } from "./useField.js";
+const M = "https://unpkg.com/bpmn-js@13.2.0/dist/bpmn-viewer.production.min.js", W = /* @__PURE__ */ v({
+  name: N.bpmnEditor,
+  componentName: F.FieldWidget,
+  __name: "bpmn-editor-widget copy",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(l, { expose: m }) {
+    const n = l, { rules: c, fieldEditor: i, fieldModel: s, handleHidden: p, defineExposed: u } = k(n), e = y(), f = async () => window.BpmnJS ? window.BpmnJS : new Promise((r, o) => {
+      const t = document.createElement("script");
+      t.src = M, t.onload = () => {
+        r(window.BpmnJS);
+      }, t.onerror = o, document.body.appendChild(t);
+    }), w = async (r) => {
+      e.value && e.value.destroy && e.value.destroy();
+      try {
+        const o = await f();
+        e.value = new o({ container: i.value });
+        const t = e.value;
+        e.value.importXML(r, (d) => {
+          d ? console.error(d) : t.get("canvas").zoom("fit-viewport");
+        });
+      } catch (o) {
+        console.error("Failed to load BPMN Viewer:", o);
+      }
+    };
+    return _(() => {
+      s.value ? w(s.value) : e.value && e.value.destroy && e.value.destroy();
+    }), m({
+      ...u
+    }), (r, o) => a(p) ? g("", !0) : (h(), b(C, B({ key: 0 }, n, { rules: a(c) }), {
+      default: E(() => [
+        x("div", {
+          ref_key: "fieldEditor",
+          ref: i,
+          class: "t-w-full t-h-[30vh]"
+        }, null, 512)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=bpmn-editor-widget copy.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-editor-widget copy.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div ref=\"fieldEditor\" class=\"t-w-full t-h-[30vh]\"></div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { ref, watchEffect } from 'vue';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const { rules, fieldEditor, fieldModel, handleHidden, defineExposed } = useField(props);\n    const bpmnModeler = ref();\n\n    // CDN 配置\n    const BPMN_CDN_URL = 'https://unpkg.com/bpmn-js@13.2.0/dist/bpmn-viewer.production.min.js';\n\n    const loadBpmnJs = async () => {\n        // @ts-ignore\n        if (window.BpmnJS) return window.BpmnJS;\n\n        return new Promise((resolve, reject) => {\n            const script = document.createElement('script');\n            script.src = BPMN_CDN_URL;\n            script.onload = () => {\n                // @ts-ignore\n                resolve(window.BpmnJS);\n            };\n            script.onerror = reject;\n            document.body.appendChild(script);\n        });\n    };\n\n    const preview = async (xml: string) => {\n        // 避免缓存，每次清一下\n        if (bpmnModeler.value && bpmnModeler.value.destroy) {\n            bpmnModeler.value.destroy();\n        }\n\n        try {\n            const BpmnViewer = await loadBpmnJs();\n            bpmnModeler.value = new BpmnViewer({ container: fieldEditor.value });\n            const viewer = bpmnModeler.value;\n            bpmnModeler.value.importXML(xml, (err: any) => {\n                if (err) {\n                    console.error(err);\n                } else {\n                    // 只实现预览，核心代码以下两句足够\n                    const canvas = viewer.get('canvas');\n                    canvas.zoom('fit-viewport');\n                }\n            });\n        } catch (error) {\n            console.error('Failed to load BPMN Viewer:', error);\n        }\n    };\n\n    watchEffect(() => {\n        if (fieldModel.value) {\n            preview(fieldModel.value);\n        } else {\n            if (bpmnModeler.value && bpmnModeler.value.destroy) {\n                bpmnModeler.value.destroy();\n            }\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    :deep(.bjs-powered-by) {\n        display: none;\n    }\n    :deep(.bjs-breadcrumbs) {\n        display: none;\n    }\n</style>\n"],"names":["BPMN_CDN_URL","props","__props","rules","fieldEditor","fieldModel","handleHidden","defineExposed","useField","bpmnModeler","ref","loadBpmnJs","resolve","reject","script","preview","xml","BpmnViewer","viewer","err","error","watchEffect","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode"],"mappings":";;;;AAqBI,MAAMA,IAAe;;;;;;;;;;;;;;;;AALrB,UAAMC,IAAQC,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASP,CAAK,GAChFQ,IAAcC,EAAA,GAKdC,IAAa,YAEX,OAAO,SAAe,OAAO,SAE1B,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,MAAAA,EAAO,MAAMd,GACbc,EAAO,SAAS,MAAM;AAElB,QAAAF,EAAQ,OAAO,MAAM;AAAA,MACzB,GACAE,EAAO,UAAUD,GACjB,SAAS,KAAK,YAAYC,CAAM;AAAA,IACpC,CAAC,GAGCC,IAAU,OAAOC,MAAgB;AAEnC,MAAIP,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAGtB,UAAI;AACA,cAAMQ,IAAa,MAAMN,EAAA;AACzB,QAAAF,EAAY,QAAQ,IAAIQ,EAAW,EAAE,WAAWb,EAAY,OAAO;AACnE,cAAMc,IAAST,EAAY;AAC3B,QAAAA,EAAY,MAAM,UAAUO,GAAK,CAACG,MAAa;AAC3C,UAAIA,IACA,QAAQ,MAAMA,CAAG,IAGFD,EAAO,IAAI,QAAQ,EAC3B,KAAK,cAAc;AAAA,QAElC,CAAC;AAAA,MACL,SAASE,GAAO;AACZ,gBAAQ,MAAM,+BAA+BA,CAAK;AAAA,MACtD;AAAA,IACJ;AAEA,WAAAC,EAAY,MAAM;AACd,MAAIhB,EAAW,QACXU,EAAQV,EAAW,KAAK,IAEpBI,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAAA,IAG9B,CAAC,GAEDa,EAAa;AAAA,MACT,GAAGf;AAAA,IAAA,CACN,aA1EwCgB,EAAAjB,CAAA,iBAAzCkB,KAAAC,EAEoBC,GAFpBC,EAEoB,EAAA,KAAA,EAAA,GAFO1B,GAAK,EAAwB,OAAOsB,EAAApB,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAAyD;AAAA,QAAzDyB,EAAyD,OAAA;AAAA,mBAAhD;AAAA,UAAJ,KAAIxB;AAAA,UAAc,OAAM;AAAA,QAAA;;;;;;"}

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

@@ -1,7 +1,7 @@
 import o from "./form-item-wrapper.vue2.js";
 /* empty css                       */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-362c5110"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7cbf7acc"]]);
 export {
   a as default
 };

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js

@@ -3,7 +3,7 @@ import { SvgIcon as W } from "tmgc2-share";
 import "../../../../utils/i18n.js";
 import { useContainerWidget as H } from "../container-widget/useContainerWidget.js";
 import { FormItem as $ } from "ant-design-vue";
-import { useDesigner as j } from "../../../../hooks/useDesigner.js";
+import { useDesigner as j } from "../useFormDesigner.js";
 import M from "../widgetAction.vue.js";
 const q = {
   class: "label-box"

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{\n            'design-time-bottom-margin': designState,\n            'field-wrapper-widget': designState,\n            selected: selected\n        }\"\n        @click.stop=\"selectWidget(field)\"\n    >\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"label\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import { FieldProps } from './useField';\n    import { computed, inject } from 'vue';\n    import { useContainerWidget } from '../container-widget/useContainerWidget';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@/hooks/useDesigner';\n    import WidgetAction from '../widgetAction.vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n    const { i18nt, i18n2t } = useI18n();\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const { customClass, selected, selectWidget } = useContainerWidget({\n        widget: props.field,\n        parentWidget: props.parentWidget,\n        indexOfParentList: props.indexOfParentList\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n    .field-wrapper-widget {\n        min-height: 40px;\n        padding: 5px;\n        border: 1px dashed rgba(170, 170, 170, 0.75);\n        &.selected {\n            outline: 2px solid var(--ant-primary-color);\n        }\n        .ant-form-item {\n            margin-bottom: 0;\n        }\n    }\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            // background: var(--ant-primary-color);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 3px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":"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"}
+{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{\n            'design-time-bottom-margin': designState,\n            'field-wrapper-widget': designState,\n            selected: selected\n        }\"\n        @click.stop=\"selectWidget(field)\"\n    >\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"label\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import { FieldProps } from './useField';\n    import { computed, inject } from 'vue';\n    import { useContainerWidget } from '../container-widget/useContainerWidget';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n    import WidgetAction from '../widgetAction.vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n    const { i18nt, i18n2t } = useI18n();\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const { customClass, selected, selectWidget } = useContainerWidget({\n        widget: props.field,\n        parentWidget: props.parentWidget,\n        indexOfParentList: props.indexOfParentList\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n    .field-wrapper-widget {\n        min-height: 40px;\n        padding: 5px;\n        border: 1px dashed rgba(170, 170, 170, 0.75);\n        &.selected {\n            outline: 2px solid var(--ant-primary-color);\n        }\n        .ant-form-item {\n            margin-bottom: 0;\n        }\n    }\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            // background: var(--ant-primary-color);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 3px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":"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"}

package/src/components/form-designer/form-widget/field-widget/index.js

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as o } from "vue";
 import { getFileName as r } from "../../../../utils/getFileName.js";
-const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
+const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget copy.vue": () => import("./bpmn-editor-widget copy.vue.js"), "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
 for (const e in t) {
   const i = r(e);
   m[i] = o(t[e]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n    const cname = getFileName(path);\n    comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n    const cname = getFileName(path);\n    comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <QuillEditor\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :options=\"editorOption\"\n            :disabled=\"handleDisabled || isReadMode\"\n            v-if=\"!isReadMode\"\n            :style=\"!!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\"\n        />\n        <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { computed } from 'vue';\n    import { QuillEditor } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.richEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const editorOption = computed(() => {\n        return {\n            placeholder: field.options.placeholder,\n            modules: {}\n        };\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","fieldEditor","field","fieldModel","isReadMode","handleHidden","handleDisabled","defineExposed","useField","editorOption","computed","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementBlock","QuillEditor","$event","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASV,CAAK,GAEZW,IAAeC,EAAS,OACnB;AAAA,MACH,aAAaR,EAAM,QAAQ;AAAA,MAC3B,SAAS,CAAA;AAAA,IAAC,EAEjB;AAED,WAAAS,EAAa;AAAA,MACT,GAAGJ;AAAA,IAAA,CACN,aA9CwCK,EAAAP,CAAA,iBAAzCQ,KAAAC,EAUoBC,GAVpBC,EAUoB,EAAA,KAAA,EAAA,GAVOlB,GAAK,EAAwB,OAAOc,EAAAZ,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAOE;AAAA,QAFSY,EAAAR,CAAA,UAGXa,EAAyE,OAAA;AAAA;UAApE,OAAM;AAAA,UAAmC,WAAQL,EAAAT,CAAA;AAAA,QAAA,wBARtDW,EAOEF,EAAAM,CAAA,GAAA;AAAA;mBANM;AAAA,UAAJ,KAAIjB;AAAA,UACI,OAAOW,EAAAT,CAAA;AAAA,0DAAAA,EAAU,QAAAgB,IAAA;AAAA,UACxB,SAASV,EAAA;AAAA,UACT,UAAUG,EAAAN,CAAA,KAAkBM,EAAAR,CAAA;AAAA,UAE5B,OAAKgB,EAAIR,EAAAV,CAAA,EAAM,QAAQ,gBAAa,WAAcU,EAAAV,CAAA,EAAM,QAAQ,aAAa,MAAA,EAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <QuillEditor\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :options=\"editorOption\"\n            :disabled=\"handleDisabled || isReadMode\"\n            v-if=\"!isReadMode\"\n            :style=\"!!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\"\n        />\n        <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { computed, watchEffect } from 'vue';\n    import { QuillEditor } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.richEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const editorOption = computed(() => {\n        return {\n            placeholder: field.options.placeholder,\n            modules: {}\n        };\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","fieldEditor","field","fieldModel","isReadMode","handleHidden","handleDisabled","defineExposed","useField","editorOption","computed","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementBlock","QuillEditor","$event","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASV,CAAK,GAEZW,IAAeC,EAAS,OACnB;AAAA,MACH,aAAaR,EAAM,QAAQ;AAAA,MAC3B,SAAS,CAAA;AAAA,IAAC,EAEjB;AAED,WAAAS,EAAa;AAAA,MACT,GAAGJ;AAAA,IAAA,CACN,aA9CwCK,EAAAP,CAAA,iBAAzCQ,KAAAC,EAUoBC,GAVpBC,EAUoB,EAAA,KAAA,EAAA,GAVOlB,GAAK,EAAwB,OAAOc,EAAAZ,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAOE;AAAA,QAFSY,EAAAR,CAAA,UAGXa,EAAyE,OAAA;AAAA;UAApE,OAAM;AAAA,UAAmC,WAAQL,EAAAT,CAAA;AAAA,QAAA,wBARtDW,EAOEF,EAAAM,CAAA,GAAA;AAAA;mBANM;AAAA,UAAJ,KAAIjB;AAAA,UACI,OAAOW,EAAAT,CAAA;AAAA,0DAAAA,EAAU,QAAAgB,IAAA;AAAA,UACxB,SAASV,EAAA;AAAA,UACT,UAAUG,EAAAN,CAAA,KAAkBM,EAAAR,CAAA;AAAA,UAE5B,OAAKgB,EAAIR,EAAAV,CAAA,EAAM,QAAQ,gBAAa,WAAcU,EAAAV,CAAA,EAAM,QAAQ,aAAa,MAAA,EAAA;AAAA,QAAA;;;;;;"}