npm - @kp-ui/lowcode - Versions diffs - 2.15.0-beta.8 → 2.16.0-alpha.10 - Mend

@kp-ui/lowcode 2.15.0-beta.8 → 2.16.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vf-dialog-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n <ContainerWrapper v-bind=\"props\">\n <div class=\"dialog-container\" :key=\"widget.id\">\n <div class=\"dialog-title\">\n <span class=\"tpf-link\" @click=\"handleClickTitle\">\n {{ widget.options.title }}\n </span>\n </div>\n </div>\n </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import { useAppRef } from '@/components/form-designer/useAppRef';\n import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n import type { WidgetProps } from './useContainerWidget';\n\n defineOptions({\n name: ContainerTypeEnum.VfDialogWidget,\n componentName: ComponentNameEnum.VfDialogWidget\n });\n\n const props = defineProps<WidgetProps>();\n\n const { initRefList } = useAppRef(~~props~~);\n\n const handleClickTitle = () => {\n const url = new URL(window.location.href);\n const { title, formCode, formId } = props.widget.options;\n if (formId) {\n url.searchParams.set('formCode', formCode);\n url.searchParams.set('remark', title);\n url.searchParams.set('id', formId);\n window.open(url.href);\n }\n };\n\n initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n .dialog-container {\n width: 100%;\n min-height: 40px;\n position: relative;\n\n .dialog-title {\n font-size: 14px;\n color: #666;\n line-height: 40px;\n text-align: center;\n }\n }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","handleClickTitle","url","title","formCode","formId","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createElementVNode","_hoisted_1"],"mappings":"~~;;;;;;;;;;;;;;;;;;AAuBI~~,UAAMA,IAAQC,GAER,EAAE,aAAAC,EAAA,IAAgBC,~~EAAUH~~,~~CAAK~~,~~GAEjCI,~~IAAmB,MAAM;AAC3B,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI,GAClC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWR,EAAM,OAAO;AACjD,MAAIQ,MACAH,EAAI,aAAa,IAAI,YAAYE,CAAQ,GACzCF,EAAI,aAAa,IAAI,UAAUC,CAAK,GACpCD,EAAI,aAAa,IAAI,MAAMG,CAAM,GACjC,OAAO,KAAKH,EAAI,IAAI;AAAA,IAE5B;AAEA,WAAAH,EAAA,~~cArCAO~~,EAAA,GAAAC,~~EAQmBC~~,~~OAROX~~,CAAK,CAAA,GAAA;AAAA,iBAC3B,~~MAMM~~;AAAA,~~cANNY~~,~~EAMM~~,OAAA;AAAA,~~UAND~~,OAAM;AAAA,UAAoB,KAAKC,EAAAA,OAAO;AAAA,QAAA;UACvCC,EAIM,OAJNC,GAIM;AAAA,YAHFD,EAEO,QAAA;AAAA,cAFD,OAAM;AAAA,cAAY,SAAOV;AAAA,YAAA,KACxBS,EAAAA,OAAO,QAAQ,KAAK,GAAA,CAAA;AAAA,UAAA~~;;;;;;;~~"}
1	+ {"version":3,"file":"vf-dialog-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n <ContainerWrapper v-bind=\"props\">\n <div class=\"dialog-container\" :key=\"widget.id\">\n <div class=\"dialog-title\">\n <span class=\"tpf-link\" @click=\"handleClickTitle\">\n {{ widget.options.title }}\n </span>\n </div>\n <div class=\"right-btns\">\n <ActionButtonListRender :buttonList=\"widget.options.buttonList \|\| []\" />\n </div>\n </div>\n </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import { useAppRef } from '@/components/form-designer/useAppRef';\n import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n import type { WidgetProps } from './useContainerWidget';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n defineOptions({\n name: ContainerTypeEnum.VfDialogWidget,\n componentName: ComponentNameEnum.VfDialogWidget\n });\n\n const props = defineProps<WidgetProps>();\n\n const { initRefList } = useAppRef();\n\n const handleClickTitle = () => {\n const url = new URL(window.location.href);\n const { title, formCode, formId } = props.widget.options;\n if (formId) {\n url.searchParams.set('formCode', formCode);\n url.searchParams.set('remark', title);\n url.searchParams.set('id', formId);\n window.open(url.href);\n }\n };\n\n initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n .dialog-container {\n width: 100%;\n min-height: 40px;\n position: relative;\n\n .dialog-title {\n font-size: 14px;\n color: #666;\n line-height: 40px;\n text-align: center;\n }\n .right-btns {\n }\n }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","handleClickTitle","url","title","formCode","formId","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","ActionButtonListRender"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BI,UAAMA,IAAQC,GAER,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAmB,MAAM;AAC3B,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI,GAClC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWR,EAAM,OAAO;AACjD,MAAIQ,MACAH,EAAI,aAAa,IAAI,YAAYE,CAAQ,GACzCF,EAAI,aAAa,IAAI,UAAUC,CAAK,GACpCD,EAAI,aAAa,IAAI,MAAMG,CAAM,GACjC,OAAO,KAAKH,EAAI,IAAI;AAAA,IAE5B;AAEA,WAAAH,EAAA,cAxCAO,EAAA,GAAAC,EAWmBC,OAXOX,CAAK,CAAA,GAAA;AAAA,iBAC3B,MASM;AAAA,cATNY,EASM,OAAA;AAAA,UATD,OAAM;AAAA,UAAoB,KAAKC,EAAAA,OAAO;AAAA,QAAA;UACvCC,EAIM,OAJNC,GAIM;AAAA,YAHFD,EAEO,QAAA;AAAA,cAFD,OAAM;AAAA,cAAY,SAAOV;AAAA,YAAA,KACxBS,EAAAA,OAAO,QAAQ,KAAK,GAAA,CAAA;AAAA,UAAA;UAG/BC,EAEM,OAFNE,GAEM;AAAA,YADFC,EAAwEC,GAAA;AAAA,cAA/C,YAAYL,EAAAA,OAAO,QAAQ,cAAU,CAAA;AAAA,YAAA;;;;;;;;"}

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

@@ -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-7cbf7acc"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c58d226f"]]);
 export {
   a as default
 };

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

@@ -1,7 +1,6 @@
-import { defineComponent as B, inject as F, computed as s, createElementBlock as a, openBlock as n, withModifiers as O, normalizeClass as C, unref as i, createVNode as f, createBlock as R, createCommentVNode as w, withCtx as h, renderSlot as V, createElementVNode as p, Fragment as I, toDisplayString as c, normalizeProps as D, mergeProps as E } from "vue";
+import { defineComponent as B, inject as C, computed as n, resolveComponent as O, createElementBlock as r, openBlock as a, withModifiers as R, normalizeClass as I, unref as i, createVNode as d, createBlock as V, createCommentVNode as w, withCtx as p, renderSlot as D, createElementVNode as c, Fragment as h, toDisplayString as b, normalizeProps as E, mergeProps as H } from "vue";
 import { SvgIcon as W } from "tmgc2-share";
-import "../../../../utils/i18n.js";
-import { useContainerWidget as H } from "../container-widget/useContainerWidget.js";
+import { useContainerWidget as T } from "../container-widget/useContainerWidget.js";
 import { FormItem as $ } from "ant-design-vue";
 import { useDesigner as j } from "../useFormDesigner.js";
 import M from "../widgetAction.vue.js";
@@ -36,65 +35,78 @@ const q = {
     subFormRowId: {},
     subFormColIndex: {}
   },
-  setup(k) {
-    const l = k, b = F("getSubFormName", () => ""), g = F("getSubFormFieldFlag", () => !1), {
-      formConfig: m,
-      designState: d
-    } = j(), z = s(() => {
-      var e, t, o, r, v;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? 0 : (r = (o = l.field) == null ? void 0 : o.options) != null && r.labelWidth ? l.field.options.labelWidth : (v = m.value) == null ? void 0 : v.labelWidth;
-    }), u = s(() => {
-      var e, t, o, r;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? "" : (r = (o = l.field) == null ? void 0 : o.options) == null ? void 0 : r.label;
-    }), P = s(() => {
+  setup(_) {
+    const l = _, g = C("getSubFormName", () => ""), v = C("getSubFormFieldFlag", () => !1), {
+      formConfig: f,
+      designState: u
+    } = j(), k = n(() => {
+      var e, t, o, s, F;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? 0 : (s = (o = l.field) == null ? void 0 : o.options) != null && s.labelWidth ? l.field.options.labelWidth : (F = f.value) == null ? void 0 : F.labelWidth;
+    }), m = n(() => {
+      var e, t, o, s;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? "" : (s = (o = l.field) == null ? void 0 : o.options) == null ? void 0 : s.label;
+    }), z = n(() => {
       var e, t, o;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelAlign ? l.field.options.labelAlign : ((o = m.value) == null ? void 0 : o.labelAlign) || "right";
-    }), S = s(() => () => b ? b() : ""), y = s(() => {
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelAlign ? l.field.options.labelAlign : ((o = f.value) == null ? void 0 : o.labelAlign) || "right";
+    }), P = n(() => () => g ? g() : ""), S = n(() => {
       var e, t, o;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.size ? l.field.options.size : ((o = m.value) == null ? void 0 : o.size) || "middle";
-    }), A = s(() => g ? g() : !1), N = s(() => A.value && !d ? S.value + "." + l.subFormRowIndex + "." + l.field.options.name : l.field.options.name), {
-      customClass: _,
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.size ? l.field.options.size : ((o = f.value) == null ? void 0 : o.size) || "middle";
+    }), y = n(() => v ? v() : !1), A = n(() => y.value && !u ? P.value + "." + l.subFormRowIndex + "." + l.field.options.name : l.field.options.name), {
+      customClass: N,
       selected: x,
       selectWidget: L
-    } = H({
+    } = T({
       widget: l.field,
       parentWidget: l.parentWidget,
       indexOfParentList: l.indexOfParentList
     });
-    return (e, t) => (n(), a("div", {
-      class: C(["field-wrapper", {
-        "design-time-bottom-margin": i(d),
-        "field-wrapper-widget": i(d),
-        selected: i(x)
-      }]),
-      onClick: t[0] || (t[0] = O((o) => i(L)(e.field), ["stop"]))
-    }, [f(i($), {
-      labelCol: {
-        style: {
-          width: z.value + "px"
-        }
-      },
-      title: u.value,
-      size: y.value,
-      rules: e.rules,
-      name: N.value,
-      labelAlign: P.value,
-      class: C([i(_)])
-    }, {
-      label: h(() => [p("div", q, [e.field.options.labelIconClass ? (n(), a("span", G, [e.field.options.labelIconPosition === "front" ? (n(), a(I, {
+    return (e, t) => {
+      const o = O("a-tooltip");
+      return a(), r("div", {
+        class: I(["field-wrapper", {
+          "design-time-bottom-margin": i(u),
+          "field-wrapper-widget": i(u),
+          selected: i(x)
+        }]),
+        onClick: t[0] || (t[0] = R((s) => i(L)(e.field), ["stop"]))
+      }, [d(i($), {
+        labelCol: {
+          style: {
+            width: k.value + "px"
+          }
+        },
+        title: m.value,
+        size: S.value,
+        rules: e.rules,
+        name: A.value,
+        labelAlign: z.value,
+        class: I([i(N)])
+      }, {
+        label: p(() => [c("div", q, [e.field.options.labelIconClass ? (a(), r("span", G, [e.field.options.labelIconPosition === "front" ? (a(), r(h, {
+          key: 0
+        }, [d(o, {
+          title: e.field.options.labelIconTooltip
+        }, {
+          default: p(() => [d(i(W), {
+            "icon-class": e.field.options.labelIconClass
+          }, null, 8, ["icon-class"])]),
+          _: 1
+        }, 8, ["title"]), c("div", J, b(m.value), 1)], 64)) : e.field.options.labelIconPosition === "rear" ? (a(), r(h, {
+          key: 1
+        }, [c("div", K, b(m.value), 1), d(o, {
+          title: e.field.options.labelIconTooltip
+        }, {
+          default: p(() => [d(i(W), {
+            "icon-class": e.field.options.labelIconClass
+          }, null, 8, ["icon-class"])]),
+          _: 1
+        }, 8, ["title"])], 64)) : w("", !0)])) : (a(), r("div", Q, b(m.value), 1))])]),
+        default: p(() => [D(e.$slots, "default", {}, void 0, !0)]),
+        _: 3
+      }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]), i(u) ? (a(), V(M, E(H({
         key: 0
-      }, [f(i(W), {
-        "icon-class": e.field.options.labelIconClass
-      }, null, 8, ["icon-class"]), p("div", J, c(u.value), 1)], 64)) : e.field.options.labelIconPosition === "rear" ? (n(), a(I, {
-        key: 1
-      }, [p("div", K, c(u.value), 1), f(i(W), {
-        "icon-class": e.field.options.labelIconClass
-      }, null, 8, ["icon-class"])], 64)) : w("", !0)])) : (n(), a("div", Q, c(u.value), 1))])]),
-      default: h(() => [V(e.$slots, "default", {}, void 0, !0)]),
-      _: 3
-    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]), i(d) ? (n(), R(M, D(E({
-      key: 0
-    }, l)), null, 16)) : w("", !0)], 2));
+      }, l)), null, 16)) : w("", !0)], 2);
+    };
   }
 });
 export {

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

	@@ -1 +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 '@/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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"}
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 <a-tooltip :title=\"field.options.labelIconTooltip\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\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 <a-tooltip :title=\"field.options.labelIconTooltip\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\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 { 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\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","_component_a_tooltip","labelIconTooltip","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/rich-editor-widget.vue2.js.map CHANGED Viewed

	@@ -1 +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;;;;;;"}
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, 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;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/useField.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { inject as m, ref as f, getCurrentInstance as ze, computed as s, toRaw as J, onMounted as Ue, onBeforeUnmount as Le } from "vue";
+import { inject as m, ref as u, getCurrentInstance as ze, computed as s, toRaw as J, onMounted as Ue, onBeforeUnmount as Le } from "vue";
 import { deepClone as $ } from "../../../../utils/util.js";
 import I from "../../../../utils/validators.js";
 import { get as Pe, eq as Te, isArray as We } from "lodash-es";
@@ -7,9 +7,9 @@ import { useEmitter as Je } from "../../../../utils/useEmitter.js";
 import { useAppRef as $e } from "../../useAppRef.js";
 import { useExecFunction as je } from "tmgc2-share";
 function et(t) {
-  const j = m("getFormConfig", () => ({})), R = m("formData", f({})), G = m("getReadMode", () => !1), D = m("isSubFormField", !1), M = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: B, unregisterFromRefList: X } = $e(), { executeFunction: u, asyncExecuteFunction: g } = je(), { i18nt: E, i18n2t: Y } = we(), { field: a } = t, h = f(null), V = f(null), x = f(!1), Z = f(!1), l = f([]), k = f({}), A = f({}), _ = f(null), C = ze(), { dispatch: v } = Je(), O = s(() => j()), p = s(() => {
+  const j = m("getFormConfig", () => ({})), R = m("formData", u({})), G = m("getReadMode", () => !1), D = m("isSubFormField", !1), M = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: B, unregisterFromRefList: X } = $e(), { executeFunction: f, asyncExecuteFunction: g } = je(), { i18nt: E, i18n2t: Y } = we(), { field: l } = t, h = u(null), V = u(null), x = u(!1), Z = u(!1), a = u([]), k = u({}), A = u({}), _ = u(null), C = ze(), { dispatch: v } = Je(), O = s(() => j()), p = s(() => {
     var e;
-    return (e = a == null ? void 0 : a.options) != null && e.size ? a.options.size : O.value.size || "middle";
+    return (e = l == null ? void 0 : l.options) != null && e.size ? l.options.size : O.value.size || "middle";
   }), F = s(() => M ? M() : ""), d = s({
     get() {
       return Pe(R.value, c.value);
@@ -24,7 +24,7 @@ function et(t) {
     if (n) return !0;
     if (e)
       try {
-        const i = u({
+        const i = f({
           functionBody: e
         });
         return typeof i == "boolean" ? i : !1;
@@ -39,7 +39,7 @@ function et(t) {
     if (n) return !0;
     if (e)
       try {
-        const i = u({
+        const i = f({
           functionBody: e
         });
         return typeof i == "boolean" ? i : !1;
@@ -68,10 +68,10 @@ function et(t) {
   const le = () => {
     d.value = t.field.options.defaultValue;
   }, q = () => {
-    t.field.formItemFlag && l.value.splice(0, l.value.length);
+    t.field.formItemFlag && a.value.splice(0, a.value.length);
   }, b = () => {
     if (!(!(t != null && t.field.formItemFlag) || t != null && t.field.options.hidden)) {
-      if (l.value.splice(0, l.value.length), t.field.options.required && l.value.push({
+      if (a.value.splice(0, a.value.length), t.field.options.required && a.value.push({
         required: !0,
         // trigger: ['blur', 'change'],
         trigger: [
@@ -80,12 +80,12 @@ function et(t) {
         message: t.field.options.requiredHint || E("render.hint.fieldRequired")
       }), t.field.options.validation) {
         const e = t.field.options.validation;
-        I[e] ? l.value.push({
+        I[e] ? a.value.push({
           validator: I[e],
           trigger: ["blur", "change"],
           label: t.field.options.label,
           errorMsg: t.field.options.validationHint
-        }) : l.value.push({
+        }) : a.value.push({
           validator: I.regExp,
           trigger: ["blur", "change"],
           regExp: e,
@@ -94,12 +94,12 @@ function et(t) {
         });
       }
       if (t.field.options.onValidate) {
-        const e = (n, i) => u({
+        const e = (n, i) => f({
           functionBody: t.field.options.onValidate,
           params: { rule: n, value: i },
           keys: ["rule", "value"]
         });
-        l.value.push({
+        a.value.push({
           validator: e,
           trigger: ["blur"],
           label: t.field.options.label
@@ -107,18 +107,18 @@ function et(t) {
       }
     }
   }, ae = () => {
-    l.value && l.value.forEach((e) => {
+    a.value && a.value.forEach((e) => {
       e.trigger && e.trigger.splice(0, e.trigger.length);
     });
   }, de = () => {
-    l.value && l.value.forEach((e) => {
+    a.value && a.value.forEach((e) => {
       e.trigger && (e.trigger.push("blur"), e.trigger.push("change"));
     });
   }, se = (e, n) => {
     e && e.length > 0 && e.forEach((i) => {
       i.value === n && (i.disabled = !0);
     });
-  }, fe = (e, n) => {
+  }, ue = (e, n) => {
     e && e.length > 0 && e.forEach((i) => {
       i.value === n && (i.disabled = !1);
     });
@@ -135,7 +135,7 @@ function et(t) {
       v("VFormDesigner", "fieldChange", {
         fieldName: c.value,
         value: e,
-        field: a
+        field: l
       });
       return;
     }
@@ -145,26 +145,26 @@ function et(t) {
       fieldName: c.value,
       value: e,
       oldValue: n,
-      field: a
+      field: l
     }), U(e, n);
-  }, ue = (e) => {
-    o || (V.value = $(d.value), t.field.options.onFocus && u({
+  }, fe = (e) => {
+    o || (V.value = $(d.value), t.field.options.onFocus && f({
       functionBody: t.field.options.onFocus,
       params: { event: e },
       keys: ["event"]
     }));
   }, re = (e) => {
-    o || t.field.options.onBlur && u({
+    o || t.field.options.onBlur && f({
       functionBody: t.field.options.onBlur,
       params: { event: e },
       keys: ["event"]
     });
   }, ce = () => {
-    o || t.field.options.onAppendButtonClick && u({
+    o || t.field.options.onAppendButtonClick && f({
       functionBody: t.field.options.onAppendButtonClick
     });
   }, U = (e, n) => {
-    o || t.field.options.onChange && u({
+    o || t.field.options.onChange && f({
       functionBody: t.field.options.onChange,
       params: {
         value: e,
@@ -180,15 +180,15 @@ function et(t) {
         functionBody: t.field.options.onClick
       });
   }, ge = async () => {
-    o || N.value || a.options.onClickIcon && await g({
-      functionBody: a.options.onClickIcon
+    o || N.value || l.options.onClickIcon && await g({
+      functionBody: l.options.onClickIcon
     });
   }, y = () => h.value, L = (e) => (typeof e == "string" && (e = JSON.parse(e)), We(e) ? e.map((i, r) => ({
     ...i,
     name: i.fileName,
     uid: r
   })) : []), P = (e, n = !1) => {
-    if (e && (e = e.target ? e.target.value : e), Te(d.value, e)) return;
+    if (console.log(l.options.name), e && (e = e.target ? e.target.value : e), Te(d.value, e)) return;
     const i = $(d.value);
     if (t.field.type === "file-upload")
       e = L(e || []);
@@ -249,9 +249,9 @@ function et(t) {
   }), Ne = () => {
     v("VFormRender", "fieldChange", {
       fieldName: c.value,
-      value: t.field.options.defaultValue,
+      value: t.field.options.defaultValue || null,
       oldValue: J(d.value),
-      field: a
+      field: l
     });
   };
   Ue(async () => {
@@ -263,8 +263,8 @@ function et(t) {
     i18nt: E,
     options: w,
     proxy: C == null ? void 0 : C.proxy,
-    field: a,
-    widget: a,
+    field: l,
+    widget: l,
     fieldModel: d,
     fieldEditor: h,
     isReadMode: H,
@@ -290,7 +290,7 @@ function et(t) {
   };
   return {
     asyncExecuteFunction: g,
-    executeFunction: u,
+    executeFunction: f,
     options: w,
     customClass: Ae,
     fieldEditor: h,
@@ -299,7 +299,7 @@ function et(t) {
     oldFieldValue: V,
     fieldReadonlyFlag: x,
     loading: Z,
-    rules: l,
+    rules: a,
     uploadHeaders: k,
     uploadData: A,
     designState: o,
@@ -307,7 +307,7 @@ function et(t) {
     i18nt: E,
     i18n2t: Y,
     size: p,
-    field: a,
+    field: l,
     // 计算属性
     formConfig: O,
     subFormName: F,
@@ -324,10 +324,10 @@ function et(t) {
     disableChangeValidate: ae,
     enableChangeValidate: de,
     disableOptionOfList: se,
-    enableOptionOfList: fe,
+    enableOptionOfList: ue,
     emitFieldDataChange: S,
     syncUpdateFormModel: z,
-    handleFocusCustomEvent: ue,
+    handleFocusCustomEvent: fe,
     handleBlurCustomEvent: re,
     emitAppendButtonClick: ce,
     handleOnChange: U,