@kp-ui/lowcode-pc 1.0.0-alpha.10 → 1.0.0-alpha.11

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 (140) hide show
  1. package/core/src/components/DragBtn.vue2.js +0 -1
  2. package/core/src/components/DragBtn.vue2.js.map +1 -1
  3. package/core/src/components/common/RenderWidgetList.vue2.js +0 -1
  4. package/core/src/components/common/RenderWidgetList.vue2.js.map +1 -1
  5. package/core/src/components/common/desginer/WidgetWrapper.vue2.js +0 -1
  6. package/core/src/components/common/desginer/WidgetWrapper.vue2.js.map +1 -1
  7. package/core/src/components/common/render/LowcodeRenderProvider.vue.js +0 -1
  8. package/core/src/components/common/render/LowcodeRenderProvider.vue.js.map +1 -1
  9. package/core/src/components/common/render/RenderForm.vue.js +0 -1
  10. package/core/src/components/common/render/RenderForm.vue.js.map +1 -1
  11. package/core/src/components/common/render/useFormContext.js +0 -1
  12. package/core/src/components/common/render/useFormContext.js.map +1 -1
  13. package/core/src/components/contextMenu/useWidgetContextMenu.js +0 -1
  14. package/core/src/components/contextMenu/useWidgetContextMenu.js.map +1 -1
  15. package/core/src/hooks/useAppRef.js +0 -1
  16. package/core/src/hooks/useAppRef.js.map +1 -1
  17. package/core/src/hooks/useDataHttp.js +0 -1
  18. package/core/src/hooks/useDataHttp.js.map +1 -1
  19. package/core/src/hooks/useDesigner.js +0 -1
  20. package/core/src/hooks/useDesigner.js.map +1 -1
  21. package/core/src/hooks/useField.js +2 -2
  22. package/core/src/hooks/useField.js.map +1 -1
  23. package/core/src/lang/zh-CN.js +1 -0
  24. package/core/src/lang/zh-CN.js.map +1 -1
  25. package/install.js +1 -0
  26. package/install.js.map +1 -1
  27. package/package.json +1 -1
  28. package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js +0 -1
  29. package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js.map +1 -1
  30. package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js +0 -1
  31. package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js.map +1 -1
  32. package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js +0 -1
  33. package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js.map +1 -1
  34. package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js +0 -1
  35. package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js.map +1 -1
  36. package/src/components/desginer/form-widget/container-widget/index.js +0 -1
  37. package/src/components/desginer/form-widget/container-widget/index.js.map +1 -1
  38. package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js +0 -1
  39. package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js.map +1 -1
  40. package/src/components/desginer/form-widget/container-widget/useTableWidget.js +0 -1
  41. package/src/components/desginer/form-widget/container-widget/useTableWidget.js.map +1 -1
  42. package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js +0 -1
  43. package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js.map +1 -1
  44. package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js +0 -1
  45. package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
  46. package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js +0 -1
  47. package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js.map +1 -1
  48. package/src/components/field-widget/bpmn-editor-widget.vue2.js +0 -1
  49. package/src/components/field-widget/bpmn-editor-widget.vue2.js.map +1 -1
  50. package/src/components/field-widget/button-list-widget.vue2.js +0 -1
  51. package/src/components/field-widget/button-list-widget.vue2.js.map +1 -1
  52. package/src/components/field-widget/button-widget.vue2.js +0 -1
  53. package/src/components/field-widget/button-widget.vue2.js.map +1 -1
  54. package/src/components/field-widget/cascader-widget.vue2.js +0 -1
  55. package/src/components/field-widget/cascader-widget.vue2.js.map +1 -1
  56. package/src/components/field-widget/checkbox-widget.vue2.js +0 -1
  57. package/src/components/field-widget/checkbox-widget.vue2.js.map +1 -1
  58. package/src/components/field-widget/code-editor-widget.vue2.js +0 -1
  59. package/src/components/field-widget/code-editor-widget.vue2.js.map +1 -1
  60. package/src/components/field-widget/color-widget.vue2.js +0 -1
  61. package/src/components/field-widget/color-widget.vue2.js.map +1 -1
  62. package/src/components/field-widget/date-range-widget.vue2.js +0 -1
  63. package/src/components/field-widget/date-range-widget.vue2.js.map +1 -1
  64. package/src/components/field-widget/date-widget.vue2.js +0 -1
  65. package/src/components/field-widget/date-widget.vue2.js.map +1 -1
  66. package/src/components/field-widget/divider-widget.vue2.js +0 -1
  67. package/src/components/field-widget/divider-widget.vue2.js.map +1 -1
  68. package/src/components/field-widget/diy-compontent-widget.vue2.js +0 -1
  69. package/src/components/field-widget/diy-compontent-widget.vue2.js.map +1 -1
  70. package/src/components/field-widget/dropdown-widget.vue2.js +0 -1
  71. package/src/components/field-widget/dropdown-widget.vue2.js.map +1 -1
  72. package/src/components/field-widget/file-upload-widget.vue2.js +0 -1
  73. package/src/components/field-widget/file-upload-widget.vue2.js.map +1 -1
  74. package/src/components/field-widget/form-item-wrapper.vue2.js +0 -1
  75. package/src/components/field-widget/form-item-wrapper.vue2.js.map +1 -1
  76. package/src/components/field-widget/hooks/useSelect.js +0 -1
  77. package/src/components/field-widget/hooks/useSelect.js.map +1 -1
  78. package/src/components/field-widget/html-text-widget.vue2.js +0 -1
  79. package/src/components/field-widget/html-text-widget.vue2.js.map +1 -1
  80. package/src/components/field-widget/index.js +0 -1
  81. package/src/components/field-widget/index.js.map +1 -1
  82. package/src/components/field-widget/input-widget.vue2.js +0 -1
  83. package/src/components/field-widget/input-widget.vue2.js.map +1 -1
  84. package/src/components/field-widget/number-widget.vue2.js +0 -1
  85. package/src/components/field-widget/number-widget.vue2.js.map +1 -1
  86. package/src/components/field-widget/radio-widget.vue2.js +0 -1
  87. package/src/components/field-widget/radio-widget.vue2.js.map +1 -1
  88. package/src/components/field-widget/rate-widget.vue2.js +0 -1
  89. package/src/components/field-widget/rate-widget.vue2.js.map +1 -1
  90. package/src/components/field-widget/rich-editor-widget.vue2.js +0 -1
  91. package/src/components/field-widget/rich-editor-widget.vue2.js.map +1 -1
  92. package/src/components/field-widget/select-widget.vue2.js +0 -1
  93. package/src/components/field-widget/select-widget.vue2.js.map +1 -1
  94. package/src/components/field-widget/slider-widget.vue2.js +0 -1
  95. package/src/components/field-widget/slider-widget.vue2.js.map +1 -1
  96. package/src/components/field-widget/static-text-widget.vue2.js +0 -1
  97. package/src/components/field-widget/static-text-widget.vue2.js.map +1 -1
  98. package/src/components/field-widget/switch-widget.vue2.js +0 -1
  99. package/src/components/field-widget/switch-widget.vue2.js.map +1 -1
  100. package/src/components/field-widget/textarea-widget.vue2.js +0 -1
  101. package/src/components/field-widget/textarea-widget.vue2.js.map +1 -1
  102. package/src/components/field-widget/time-range-widget.vue2.js +0 -1
  103. package/src/components/field-widget/time-range-widget.vue2.js.map +1 -1
  104. package/src/components/field-widget/time-widget.vue2.js +0 -1
  105. package/src/components/field-widget/time-widget.vue2.js.map +1 -1
  106. package/src/components/field-widget/tree-widget.vue2.js +0 -1
  107. package/src/components/field-widget/tree-widget.vue2.js.map +1 -1
  108. package/src/components/field-widget/treeSelect-widget.vue2.js +0 -1
  109. package/src/components/field-widget/treeSelect-widget.vue2.js.map +1 -1
  110. package/src/components/field-widget/useField.js +0 -1
  111. package/src/components/field-widget/useField.js.map +1 -1
  112. package/src/components/field-widget/vue-render-widget.vue2.js +0 -1
  113. package/src/components/field-widget/vue-render-widget.vue2.js.map +1 -1
  114. package/src/components/form-render/container-items/data-table-widget.vue2.js +0 -1
  115. package/src/components/form-render/container-items/data-table-widget.vue2.js.map +1 -1
  116. package/src/components/form-render/container-items/grid-col-widget.vue2.js +0 -1
  117. package/src/components/form-render/container-items/grid-col-widget.vue2.js.map +1 -1
  118. package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js +0 -1
  119. package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js.map +1 -1
  120. package/src/components/form-render/container-items/grid-widget.vue2.js +0 -1
  121. package/src/components/form-render/container-items/grid-widget.vue2.js.map +1 -1
  122. package/src/components/form-render/container-items/index.js +0 -1
  123. package/src/components/form-render/container-items/index.js.map +1 -1
  124. package/src/components/form-render/container-items/tab-widget.vue2.js +0 -1
  125. package/src/components/form-render/container-items/tab-widget.vue2.js.map +1 -1
  126. package/src/components/form-render/container-items/vf-box-widget.vue2.js +0 -1
  127. package/src/components/form-render/container-items/vf-box-widget.vue2.js.map +1 -1
  128. package/src/components/form-render/container-items/vf-collapse-widget.vue2.js +0 -1
  129. package/src/components/form-render/container-items/vf-collapse-widget.vue2.js.map +1 -1
  130. package/src/components/public/ActionButtonListRender.vue2.js +0 -1
  131. package/src/components/public/ActionButtonListRender.vue2.js.map +1 -1
  132. package/src/components/public/ConfigView/CustomPageRender.vue.js +0 -1
  133. package/src/components/public/ConfigView/CustomPageRender.vue.js.map +1 -1
  134. package/src/components/public/CustomerModal/CustomerModal.vue2.js +0 -1
  135. package/src/components/public/CustomerModal/CustomerModal.vue2.js.map +1 -1
  136. package/src/components/public/DynamicDialog.vue.js +0 -1
  137. package/src/components/public/DynamicDialog.vue.js.map +1 -1
  138. package/src/components/render/index.vue2.js +0 -1
  139. package/src/components/render/index.vue2.js.map +1 -1
  140. package/stats.html +1 -1
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, ref, watchEffect, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { useField } from "./useField.js";
5
4
  import BpmnViewer from "bpmn-js/lib/Viewer";
6
5
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
@@ -1 +1 @@
1
- {"version":3,"file":"bpmn-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/bpmn-editor-widget.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 '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n import { ref, watchEffect } from 'vue';\n import BpmnViewer from 'bpmn-js/lib/Viewer';\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 const preview = xml => {\n // 避免缓存,每次清一下\n if (bpmnModeler.value && bpmnModeler.value.destroy) {\n bpmnModeler.value.destroy();\n }\n bpmnModeler.value = new BpmnViewer({ container: fieldEditor.value });\n const viewer = bpmnModeler.value;\n bpmnModeler.value.importXML(xml, err => {\n if (err) {\n console.error(err);\n } else {\n // 只实现预览,核心代码以下两句足够\n const canvas = viewer.get('canvas');\n canvas.zoom('fit-viewport');\n }\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 :deep(.bjs-powered-by) {\n display: none;\n }\n :deep(.bjs-breadcrumbs) {\n display: none;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBI,UAAM,QAAQ;AACd,UAAM,EAAE,OAAO,aAAa,YAAY,cAAc,cAAA,IAAkB,SAAS,KAAK;AACtF,UAAM,cAAc,IAAA;AAEpB,UAAM,UAAU,CAAA,QAAO;AAEnB,UAAI,YAAY,SAAS,YAAY,MAAM,SAAS;AAChD,oBAAY,MAAM,QAAA;AAAA,MACtB;AACA,kBAAY,QAAQ,IAAI,WAAW,EAAE,WAAW,YAAY,OAAO;AACnE,YAAM,SAAS,YAAY;AAC3B,kBAAY,MAAM,UAAU,KAAK,CAAA,QAAO;AACpC,YAAI,KAAK;AACL,kBAAQ,MAAM,GAAG;AAAA,QACrB,OAAO;AAEH,gBAAM,SAAS,OAAO,IAAI,QAAQ;AAClC,iBAAO,KAAK,cAAc;AAAA,QAC9B;AAAA,MACJ,CAAC;AAAA,IACL;AAEA,gBAAY,MAAM;AACd,UAAI,WAAW,OAAO;AAClB,gBAAQ,WAAW,KAAK;AAAA,MAC5B,OAAO;AACH,YAAI,YAAY,SAAS,YAAY,MAAM,SAAS;AAChD,sBAAY,MAAM,QAAA;AAAA,QACtB;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAlDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAEoB,iBAFpBC,WAEoB,EAAA,KAAA,EAAA,GAFO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAAyD;AAAA,UAAzDI,mBAAyD,OAAA;AAAA,qBAAhD;AAAA,YAAJ,KAAI;AAAA,YAAc,OAAM;AAAA,UAAA;;;;;;;"}
1
+ {"version":3,"file":"bpmn-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/bpmn-editor-widget.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 '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n import { ref, watchEffect } from 'vue';\n import BpmnViewer from 'bpmn-js/lib/Viewer';\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 const preview = xml => {\n // 避免缓存,每次清一下\n if (bpmnModeler.value && bpmnModeler.value.destroy) {\n bpmnModeler.value.destroy();\n }\n bpmnModeler.value = new BpmnViewer({ container: fieldEditor.value });\n const viewer = bpmnModeler.value;\n bpmnModeler.value.importXML(xml, err => {\n if (err) {\n console.error(err);\n } else {\n // 只实现预览,核心代码以下两句足够\n const canvas = viewer.get('canvas');\n canvas.zoom('fit-viewport');\n }\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 :deep(.bjs-powered-by) {\n display: none;\n }\n :deep(.bjs-breadcrumbs) {\n display: none;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBI,UAAM,QAAQ;AACd,UAAM,EAAE,OAAO,aAAa,YAAY,cAAc,cAAA,IAAkB,SAAS,KAAK;AACtF,UAAM,cAAc,IAAA;AAEpB,UAAM,UAAU,CAAA,QAAO;AAEnB,UAAI,YAAY,SAAS,YAAY,MAAM,SAAS;AAChD,oBAAY,MAAM,QAAA;AAAA,MACtB;AACA,kBAAY,QAAQ,IAAI,WAAW,EAAE,WAAW,YAAY,OAAO;AACnE,YAAM,SAAS,YAAY;AAC3B,kBAAY,MAAM,UAAU,KAAK,CAAA,QAAO;AACpC,YAAI,KAAK;AACL,kBAAQ,MAAM,GAAG;AAAA,QACrB,OAAO;AAEH,gBAAM,SAAS,OAAO,IAAI,QAAQ;AAClC,iBAAO,KAAK,cAAc;AAAA,QAC9B;AAAA,MACJ,CAAC;AAAA,IACL;AAEA,gBAAY,MAAM;AACd,UAAI,WAAW,OAAO;AAClB,gBAAQ,WAAW,KAAK;AAAA,MAC5B,OAAO;AACH,YAAI,YAAY,SAAS,YAAY,MAAM,SAAS;AAChD,sBAAY,MAAM,QAAA;AAAA,QACtB;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAlDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAEoB,iBAFpBC,WAEoB,EAAA,KAAA,EAAA,GAFO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAAyD;AAAA,UAAzDI,mBAAyD,OAAA;AAAA,qBAAhD;AAAA,YAAJ,KAAI;AAAA,YAAc,OAAM;AAAA,UAAA;;;;;;;"}
@@ -1,5 +1,4 @@
1
1
  import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock } from "vue";
2
- /* empty css */
3
2
  import "ant-design-vue";
4
3
  import "./index.js";
5
4
  import "../form-render/container-items/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"button-list-widget.vue2.js","sources":["../../../../src/components/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n <ActionButtonListRender\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :options=\"field.options\"\n :designState=\"designState\"\n :buttonList=\"field.options.buttonList || []\"\n :customClass=\"field.options.customClass || []\"\n :flex=\"field.options.flex\"\n :ctx=\"context\"\n />\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { ActionButtonListRender } from '@kp-ui/lowcode-pc';\n import { FieldProps, useField } from './useField';\n import { computed } from 'vue';\n import { useExecFunction } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.buttonList,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const buttonList = computed(() => field.options.buttonList || []);\n\n const { fieldEditor, field, size, designState, handleHidden, defineExposed } = useField(props);\n\n const { context } = useExecFunction();\n\n defineExpose({\n buttonList,\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .flex {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n }\n</style>\n"],"names":["_unref","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBI,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM,MAAM,QAAQ,cAAc,EAAE;AAEhE,UAAM,EAAE,aAAa,OAAa,aAAa,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE7F,UAAM,EAAE,QAAA,IAAY,gBAAA;AAEpB,aAAa;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IAAA,CACN;;cAjCUA,MAAA,YAAA,kBADXC,YASED,MAAA,sBAAA,GAAA;AAAA;iBAPM;AAAA,QAAJ,KAAI;AAAA,QACH,SAASA,MAAA,KAAA,EAAM;AAAA,QACf,aAAaA,MAAA,WAAA;AAAA,QACb,YAAYA,MAAA,KAAA,EAAM,QAAQ,cAAU,CAAA;AAAA,QACpC,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAW,CAAA;AAAA,QACtC,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACpB,KAAKA,MAAA,OAAA;AAAA,MAAA;;;;"}
1
+ {"version":3,"file":"button-list-widget.vue2.js","sources":["../../../../src/components/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n <ActionButtonListRender\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :options=\"field.options\"\n :designState=\"designState\"\n :buttonList=\"field.options.buttonList || []\"\n :customClass=\"field.options.customClass || []\"\n :flex=\"field.options.flex\"\n :ctx=\"context\"\n />\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { ActionButtonListRender } from '@kp-ui/lowcode-pc';\n import { FieldProps, useField } from './useField';\n import { computed } from 'vue';\n import { useExecFunction } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.buttonList,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const buttonList = computed(() => field.options.buttonList || []);\n\n const { fieldEditor, field, size, designState, handleHidden, defineExposed } = useField(props);\n\n const { context } = useExecFunction();\n\n defineExpose({\n buttonList,\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .flex {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n }\n</style>\n"],"names":["_unref","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBI,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM,MAAM,QAAQ,cAAc,EAAE;AAEhE,UAAM,EAAE,aAAa,OAAa,aAAa,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE7F,UAAM,EAAE,QAAA,IAAY,gBAAA;AAEpB,aAAa;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IAAA,CACN;;cAjCUA,MAAA,YAAA,kBADXC,YASED,MAAA,sBAAA,GAAA;AAAA;iBAPM;AAAA,QAAJ,KAAI;AAAA,QACH,SAASA,MAAA,KAAA,EAAM;AAAA,QACf,aAAaA,MAAA,WAAA;AAAA,QACb,YAAYA,MAAA,KAAA,EAAM,QAAQ,cAAU,CAAA;AAAA,QACpC,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAW,CAAA;AAAA,QACtC,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACpB,KAAKA,MAAA,OAAA;AAAA,MAAA;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
2
2
  import { SvgIcon } from "tmgc2-share";
3
- /* empty css */
4
3
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
5
4
  import { useField } from "../../../core/src/hooks/useField.js";
6
5
  const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1 +1 @@
1
- {"version":3,"file":"button-widget.vue2.js","sources":["../../../../src/components/field-widget/button-widget.vue"],"sourcesContent":["<template>\n <a-button\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :type=\"field.options.type\"\n :size=\"size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled\"\n :loading=\"loading\"\n @click=\"handleButtonWidgetClick\"\n >\n <svg-icon v-if=\"field.options.icon\" :icon-class=\"field.options.icon\" />\n {{ field.options.label }}\n </a-button>\n</template>\n\n<script lang=\"ts\" setup>\n import { SvgIcon } from 'tmgc2-share';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.button,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n loading,\n executeFunction,\n asyncExecuteFunction,\n\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n const handleButtonWidgetClick = async () => {\n if (designState) {\n //设计状态不触发点击事件\n return;\n }\n\n if (field.options.onClick) {\n await asyncExecuteFunction({\n functionBody: field.options.onClick || ''\n });\n }\n };\n\n defineExpose({\n ...defineExposed,\n handleButtonWidgetClick\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_unref","_createBlock","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MAEA;AAAA,MAEA;AAAA,MACA;AAAA,MAGA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,0BAA0B,YAAY;AACxC,UAAI,aAAa;AAEb;AAAA,MACJ;AAEA,UAAI,MAAM,QAAQ,SAAS;AACvB,cAAM,qBAAqB;AAAA,UACvB,cAAc,MAAM,QAAQ,WAAW;AAAA,QAAA,CAC1C;AAAA,MACL;AAAA,IACJ;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,MACH;AAAA,IAAA,CACH;;;cA/DUA,MAAA,YAAA,kBADXC,YAeW,qBAAA;AAAA;iBAbH;AAAA,QAAJ,KAAI;AAAA,QACH,MAAMD,MAAA,KAAA,EAAM,QAAQ;AAAA,QACpB,MAAMA,MAAA,IAAA;AAAA,QACN,OAAKE,eAAA,CAAGF,MAAA,KAAA,EAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,QAC3B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACrB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACtB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACrB,UAAUA,MAAA,cAAA;AAAA,QACV,SAASA,MAAA,OAAA;AAAA,QACT,SAAO;AAAA,MAAA;yBAER,MAAuE;AAAA,UAAvDA,MAAA,KAAA,EAAM,QAAQ,qBAA9BC,YAAuED,MAAA,OAAA,GAAA;AAAA;YAAlC,cAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA;UAAQG,gBAAA,MACvEC,gBAAGJ,MAAA,KAAA,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}
1
+ {"version":3,"file":"button-widget.vue2.js","sources":["../../../../src/components/field-widget/button-widget.vue"],"sourcesContent":["<template>\n <a-button\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :type=\"field.options.type\"\n :size=\"size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled\"\n :loading=\"loading\"\n @click=\"handleButtonWidgetClick\"\n >\n <svg-icon v-if=\"field.options.icon\" :icon-class=\"field.options.icon\" />\n {{ field.options.label }}\n </a-button>\n</template>\n\n<script lang=\"ts\" setup>\n import { SvgIcon } from 'tmgc2-share';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.button,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n loading,\n executeFunction,\n asyncExecuteFunction,\n\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n const handleButtonWidgetClick = async () => {\n if (designState) {\n //设计状态不触发点击事件\n return;\n }\n\n if (field.options.onClick) {\n await asyncExecuteFunction({\n functionBody: field.options.onClick || ''\n });\n }\n };\n\n defineExpose({\n ...defineExposed,\n handleButtonWidgetClick\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_unref","_createBlock","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MAEA;AAAA,MAEA;AAAA,MACA;AAAA,MAGA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,0BAA0B,YAAY;AACxC,UAAI,aAAa;AAEb;AAAA,MACJ;AAEA,UAAI,MAAM,QAAQ,SAAS;AACvB,cAAM,qBAAqB;AAAA,UACvB,cAAc,MAAM,QAAQ,WAAW;AAAA,QAAA,CAC1C;AAAA,MACL;AAAA,IACJ;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,MACH;AAAA,IAAA,CACH;;;cA/DUA,MAAA,YAAA,kBADXC,YAeW,qBAAA;AAAA;iBAbH;AAAA,QAAJ,KAAI;AAAA,QACH,MAAMD,MAAA,KAAA,EAAM,QAAQ;AAAA,QACpB,MAAMA,MAAA,IAAA;AAAA,QACN,OAAKE,eAAA,CAAGF,MAAA,KAAA,EAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,QAC3B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACrB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACtB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,QACrB,UAAUA,MAAA,cAAA;AAAA,QACV,SAASA,MAAA,OAAA;AAAA,QACT,SAAO;AAAA,MAAA;yBAER,MAAuE;AAAA,UAAvDA,MAAA,KAAA,EAAM,QAAQ,qBAA9BC,YAAuED,MAAA,OAAA,GAAA;AAAA;YAAlC,cAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA;UAAQG,gBAAA,MACvEC,gBAAGJ,MAAA,KAAA,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, onMounted, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, createElementBlock, isRef, toDisplayString } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { useSelect } from "./hooks/useSelect.js";
5
4
  import { formateCascaderCode } from "../../../core/src/utils/format.js";
6
5
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
@@ -1 +1 @@
1
- {"version":3,"file":"cascader-widget.vue2.js","sources":["../../../../src/components/field-widget/cascader-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"full-width-input\">\n <a-cascader\n ref=\"fieldEditor\"\n :size=\"size\"\n :options=\"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 :expandTrigger=\"'hover'\"\n :multiple=\"field.options.multiple\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n v-if=\"!isReadMode\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { useSelect } from './hooks/useSelect';\n import { computed, onMounted } from 'vue';\n import { formateCascaderCode } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.cascader,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({\n field,\n fieldModel,\n designState\n });\n\n onMounted(() => {\n initOptionItems();\n });\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) return '';\n return formateCascaderCode(field.options.optionItems, fieldModel.value, {\n label: labelKey.value,\n value: valueKey.value,\n children: childrenKey.value\n });\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,UAAU;AAAA,MACnE;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,WAAW,MAAO,QAAO;AAC9B,aAAO,oBAAoB,MAAM,QAAQ,aAAa,WAAW,OAAO;AAAA,QACpE,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,QAChB,UAAU,YAAY;AAAA,MAAA,CACzB;AAAA,IACL,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA1EwCA,MAAA,YAAA,KAAzCC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAmBM;AAAA,UAnBNI,mBAmBM,OAnBN,YAmBM;AAAA,aALSJ,MAAA,UAAA,kBAbXE,YAcE,uBAAA;AAAA;uBAbM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMF,MAAA,IAAA;AAAA,cACN,SAASA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAChB,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWA,MAAA,QAAA,GAAQ,OAASA,MAAA,QAAA,aAAoBA,MAAA,WAAA,EAAA;AAAA,cAC1D,eAAe;AAAA,cACf,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA,mJAIPK,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
1
+ {"version":3,"file":"cascader-widget.vue2.js","sources":["../../../../src/components/field-widget/cascader-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"full-width-input\">\n <a-cascader\n ref=\"fieldEditor\"\n :size=\"size\"\n :options=\"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 :expandTrigger=\"'hover'\"\n :multiple=\"field.options.multiple\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n v-if=\"!isReadMode\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { useSelect } from './hooks/useSelect';\n import { computed, onMounted } from 'vue';\n import { formateCascaderCode } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.cascader,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({\n field,\n fieldModel,\n designState\n });\n\n onMounted(() => {\n initOptionItems();\n });\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) return '';\n return formateCascaderCode(field.options.optionItems, fieldModel.value, {\n label: labelKey.value,\n value: valueKey.value,\n children: childrenKey.value\n });\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,UAAU;AAAA,MACnE;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,WAAW,MAAO,QAAO;AAC9B,aAAO,oBAAoB,MAAM,QAAQ,aAAa,WAAW,OAAO;AAAA,QACpE,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,QAChB,UAAU,YAAY;AAAA,MAAA,CACzB;AAAA,IACL,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA1EwCA,MAAA,YAAA,KAAzCC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAmBM;AAAA,UAnBNI,mBAmBM,OAnBN,YAmBM;AAAA,aALSJ,MAAA,UAAA,kBAbXE,YAcE,uBAAA;AAAA;uBAbM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMF,MAAA,IAAA;AAAA,cACN,SAASA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAChB,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWA,MAAA,QAAA,GAAQ,OAASA,MAAA,QAAA,aAAoBA,MAAA,WAAA,EAAA;AAAA,cAC1D,eAAe;AAAA,cACf,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA,mJAIPK,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
@@ -1,7 +1,6 @@
1
1
  import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, isRef, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
3
  import { useSelect } from "./hooks/useSelect.js";
4
- /* empty css */
5
4
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
6
5
  import { useField } from "../../../core/src/hooks/useField.js";
7
6
  const _hoisted_1 = {
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-widget.vue2.js","sources":["../../../../src/components/field-widget/checkbox-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-checkbox-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n >\n <a-checkbox\n v-for=\"(item, index) in field.options.optionItems\"\n :key=\"item[field.options.valueKey]\"\n :value=\"item[field.options.valueKey]\"\n :disabled=\"item.disabled\"\n :border=\"field.options.border\"\n :style=\"{}\"\n >\n {{ item[field.options.labelKey] }}\n </a-checkbox>\n </a-checkbox-group>\n <template v-else=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { watchEffect } from 'vue';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useSelect } from './hooks/useSelect';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.checkbox,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n rules,\n field,\n designState,\n fieldModel,\n isReadMode,\n fieldEditor,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n const { optionLabel } = useSelect({\n fieldModel,\n field: props.field,\n designState\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,YAAA,IAAgB,UAAU;AAAA,MAC9B;AAAA,MACA,OAAO,MAAM;AAAA,MACb;AAAA,IAAA,CACH;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cAxDuDA,MAAA,YAAA,KAAxDC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAgBmB;AAAA,WAbRA,MAAA,UAAA,kBAHXE,YAgBmB,6BAAA;AAAA;qBAfX;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASaC,UAAA,MAAAC,WAReN,aAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBE,YASa,uBAAA;AAAA,kBAPR,KAAK,KAAKF,aAAM,QAAQ,QAAQ;AAAA,kBAChC,OAAO,KAAKA,aAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,kBACtB,OAAO,CAAA;AAAA,gBAAA;mCAER,MAAkC;AAAA,oBAA/BO,gBAAAC,gBAAA,KAAKR,MAAA,KAAA,EAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;wDAIlCI,mBAA0D,QAA1D,YAA0DI,gBAArBR,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;"}
1
+ {"version":3,"file":"checkbox-widget.vue2.js","sources":["../../../../src/components/field-widget/checkbox-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-checkbox-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n >\n <a-checkbox\n v-for=\"(item, index) in field.options.optionItems\"\n :key=\"item[field.options.valueKey]\"\n :value=\"item[field.options.valueKey]\"\n :disabled=\"item.disabled\"\n :border=\"field.options.border\"\n :style=\"{}\"\n >\n {{ item[field.options.labelKey] }}\n </a-checkbox>\n </a-checkbox-group>\n <template v-else=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { watchEffect } from 'vue';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useSelect } from './hooks/useSelect';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.checkbox,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n rules,\n field,\n designState,\n fieldModel,\n isReadMode,\n fieldEditor,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n const { optionLabel } = useSelect({\n fieldModel,\n field: props.field,\n designState\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,YAAA,IAAgB,UAAU;AAAA,MAC9B;AAAA,MACA,OAAO,MAAM;AAAA,MACb;AAAA,IAAA,CACH;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cAxDuDA,MAAA,YAAA,KAAxDC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAgBmB;AAAA,WAbRA,MAAA,UAAA,kBAHXE,YAgBmB,6BAAA;AAAA;qBAfX;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASaC,UAAA,MAAAC,WAReN,aAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBE,YASa,uBAAA;AAAA,kBAPR,KAAK,KAAKF,aAAM,QAAQ,QAAQ;AAAA,kBAChC,OAAO,KAAKA,aAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,kBACtB,OAAO,CAAA;AAAA,gBAAA;mCAER,MAAkC;AAAA,oBAA/BO,gBAAAC,gBAAA,KAAKR,MAAA,KAAA,EAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;wDAIlCI,mBAA0D,QAA1D,YAA0DI,gBAArBR,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createVNode, isRef } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { useField } from "./useField.js";
5
4
  import { CodeEditor } from "tmgc2-share";
6
5
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
@@ -1 +1 @@
1
- {"version":3,"file":"code-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/code-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n v-bind=\"props\"\n v-if=\"!handleHidden\"\n :rules=\"rules\"\n :class=\"designState ? 'designer' : ''\"\n >\n <CodeEditor\n :mode=\"field.options.mode\"\n :readonly=\"field.options.readonly || isReadMode\"\n v-model:value=\"fieldModel\"\n ref=\"fieldEditor\"\n @blur=\"handleBlurCustomEvent\"\n />\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 '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n import { CodeEditor } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.codeEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n designState,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n handleHidden,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n .designer {\n position: relative;\n &::before {\n position: absolute;\n z-index: 99;\n content: '';\n display: inline-block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(#000, 0.01);\n }\n }\n</style>\n"],"names":["_unref","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAxCUA,MAAA,YAAA,kBAFXC,YAaoB,iBAbpBC,WAaoB,EAAA,KAAA,EAAA,GAZR,OAAK;AAAA,QAEZ,OAAOF,MAAA,KAAA;AAAA,QACP,OAAOA,MAAA,WAAA,IAAW,aAAA;AAAA,MAAA;yBAEnB,MAME;AAAA,UANFG,YAMEH,MAAA,UAAA,GAAA;AAAA,YALG,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,UAAUA,MAAA,KAAA,EAAM,QAAQ,YAAYA,MAAA,UAAA;AAAA,YAC7B,OAAOA,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,qBACrB;AAAA,YAAJ,KAAI;AAAA,YACH,QAAMA,MAAA,qBAAA;AAAA,UAAA;;;;;;;"}
1
+ {"version":3,"file":"code-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/code-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n v-bind=\"props\"\n v-if=\"!handleHidden\"\n :rules=\"rules\"\n :class=\"designState ? 'designer' : ''\"\n >\n <CodeEditor\n :mode=\"field.options.mode\"\n :readonly=\"field.options.readonly || isReadMode\"\n v-model:value=\"fieldModel\"\n ref=\"fieldEditor\"\n @blur=\"handleBlurCustomEvent\"\n />\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 '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n import { CodeEditor } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.codeEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n designState,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n handleHidden,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n .designer {\n position: relative;\n &::before {\n position: absolute;\n z-index: 99;\n content: '';\n display: inline-block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(#000, 0.01);\n }\n }\n</style>\n"],"names":["_unref","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAxCUA,MAAA,YAAA,kBAFXC,YAaoB,iBAbpBC,WAaoB,EAAA,KAAA,EAAA,GAZR,OAAK;AAAA,QAEZ,OAAOF,MAAA,KAAA;AAAA,QACP,OAAOA,MAAA,WAAA,IAAW,aAAA;AAAA,MAAA;yBAEnB,MAME;AAAA,UANFG,YAMEH,MAAA,UAAA,GAAA;AAAA,YALG,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,UAAUA,MAAA,KAAA,EAAM,QAAQ,YAAYA,MAAA,UAAA;AAAA,YAC7B,OAAOA,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,qBACrB;AAAA,YAAJ,KAAI;AAAA,YACH,QAAMA,MAAA,qBAAA;AAAA,UAAA;;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, createVNode, createElementBlock, isRef, toDisplayString } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { ColorPicker } from "tmgc2-share";
5
4
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
6
5
  import { useField } from "../../../core/src/hooks/useField.js";
@@ -1 +1 @@
1
- {"version":3,"file":"color-widget.vue2.js","sources":["../../../../src/components/field-widget/color-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div :class=\"[isReadMode ? 'readonly-mode-color' : '']\">\n <ColorPicker size=\"middle\" class=\"t-w-[120px]\" v-model:value=\"fieldModel\" />\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 lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { ColorPicker } from 'tmgc2-share';\n defineOptions({\n name: WidgetTypeEnum.color,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n i18nt,\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBI,UAAM,QAAQ;AAEd,UAAM;AAAA,MAEF;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cApCwCA,MAAA,YAAA,KAAzCC,aAAAC,YAOoB,iBAPpBC,WAOoB,EAAA,KAAA,EAAA,GAPO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAKM;AAAA,UALNI,mBAKM,OAAA;AAAA,YALA,uBAAQJ,MAAA,UAAA,IAAU,wBAAA,EAAA,CAAA;AAAA,UAAA;YACpBK,YAA4EL,MAAA,WAAA,GAAA;AAAA,cAA/D,MAAK;AAAA,cAAS,OAAM;AAAA,cAAsB,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,YAAA;YACxDA,MAAA,UAAA,kBACZM,mBAAyD,QAAzD,YAAyDC,gBAApBP,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;;"}
1
+ {"version":3,"file":"color-widget.vue2.js","sources":["../../../../src/components/field-widget/color-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div :class=\"[isReadMode ? 'readonly-mode-color' : '']\">\n <ColorPicker size=\"middle\" class=\"t-w-[120px]\" v-model:value=\"fieldModel\" />\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 lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { ColorPicker } from 'tmgc2-share';\n defineOptions({\n name: WidgetTypeEnum.color,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n i18nt,\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBI,UAAM,QAAQ;AAEd,UAAM;AAAA,MAEF;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cApCwCA,MAAA,YAAA,KAAzCC,aAAAC,YAOoB,iBAPpBC,WAOoB,EAAA,KAAA,EAAA,GAPO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAKM;AAAA,UALNI,mBAKM,OAAA;AAAA,YALA,uBAAQJ,MAAA,UAAA,IAAU,wBAAA,EAAA,CAAA;AAAA,UAAA;YACpBK,YAA4EL,MAAA,WAAA,GAAA;AAAA,cAA/D,MAAK;AAAA,cAAS,OAAM;AAAA,cAAsB,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,YAAA;YACxDA,MAAA,UAAA,kBACZM,mBAAyD,QAAzD,YAAyDC,gBAApBP,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, createElementBlock, isRef, toDisplayString } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
5
4
  import { useField } from "../../../core/src/hooks/useField.js";
6
5
  const _hoisted_1 = {
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-widget.vue2.js","sources":["../../../../src/components/field-widget/date-range-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\">\n <a-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :show-time=\"field.options.showTime\"\n :format=\"field.options.format\"\n :value-format=\"field.options.valueFormat\"\n :start-placeholder=\"\n field.options.startPlaceholder || i18nt('render.hint.startDatePlaceholder')\n \"\n :end-placeholder=\"\n field.options.endPlaceholder || i18nt('render.hint.endDatePlaceholder')\n \"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n v-if=\"!isReadMode\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.dateRange,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n i18nt,\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) {\n return '';\n }\n return `${fieldModel.value[0]} - ${fieldModel.value[1]}`;\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,WAAW,OAAO;AACnB,eAAO;AAAA,MACX;AACA,aAAO,GAAG,WAAW,MAAM,CAAC,CAAC,MAAM,WAAW,MAAM,CAAC,CAAC;AAAA,IAC1D,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAlEwCA,MAAA,YAAA,KAAzCC,aAAAC,YA2BoB,iBA3BpBC,WA2BoB,EAAA,KAAA,EAAA,GA3BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAyBM;AAAA,UAzBNI,mBAyBM,OAAA;AAAA,YAzBA,OAAKC,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,UAAA;aAoB5BA,MAAA,UAAA,kBAnBXE,YAoBE,2BAAA;AAAA;uBAnBM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMF,MAAA,IAAA;AAAA,cACC,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,cAAA;AAAA,cACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACzB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACtB,gBAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC5B,qBAAwCA,MAAA,KAAA,EAAM,QAAQ,oBAAoBA,MAAA,KAAA,EAAK,kCAAA;AAAA,cAG/E,mBAAsCA,MAAA,KAAA,EAAM,QAAQ,kBAAkBA,MAAA,KAAA,EAAK,gCAAA;AAAA,cAG3E,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA,mMAIPM,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
1
+ {"version":3,"file":"date-range-widget.vue2.js","sources":["../../../../src/components/field-widget/date-range-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\">\n <a-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :show-time=\"field.options.showTime\"\n :format=\"field.options.format\"\n :value-format=\"field.options.valueFormat\"\n :start-placeholder=\"\n field.options.startPlaceholder || i18nt('render.hint.startDatePlaceholder')\n \"\n :end-placeholder=\"\n field.options.endPlaceholder || i18nt('render.hint.endDatePlaceholder')\n \"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n v-if=\"!isReadMode\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.dateRange,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n i18nt,\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) {\n return '';\n }\n return `${fieldModel.value[0]} - ${fieldModel.value[1]}`;\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,WAAW,OAAO;AACnB,eAAO;AAAA,MACX;AACA,aAAO,GAAG,WAAW,MAAM,CAAC,CAAC,MAAM,WAAW,MAAM,CAAC,CAAC;AAAA,IAC1D,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAlEwCA,MAAA,YAAA,KAAzCC,aAAAC,YA2BoB,iBA3BpBC,WA2BoB,EAAA,KAAA,EAAA,GA3BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAyBM;AAAA,UAzBNI,mBAyBM,OAAA;AAAA,YAzBA,OAAKC,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,UAAA;aAoB5BA,MAAA,UAAA,kBAnBXE,YAoBE,2BAAA;AAAA;uBAnBM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMF,MAAA,IAAA;AAAA,cACC,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,cAAA;AAAA,cACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACzB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACtB,gBAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC5B,qBAAwCA,MAAA,KAAA,EAAM,QAAQ,oBAAoBA,MAAA,KAAA,EAAK,kCAAA;AAAA,cAG/E,mBAAsCA,MAAA,KAAA,EAAM,QAAQ,kBAAkBA,MAAA,KAAA,EAAK,gCAAA;AAAA,cAG3E,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA,mMAIPM,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, createElementBlock, isRef, toDisplayString } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
5
4
  import { useField } from "../../../core/src/hooks/useField.js";
6
5
  const _hoisted_1 = {
@@ -1 +1 @@
1
- {"version":3,"file":"date-widget.vue2.js","sources":["../../../../src/components/field-widget/date-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\">\n <a-date-picker\n :size=\"size\"\n ref=\"fieldEditor\"\n :picker=\"field.options.type\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\"\n :readonly=\"field.options.readonly\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :show-time=\"field.options.showTime\"\n :format=\"field.options.format\"\n :value-format=\"field.options.valueFormat\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.datePlaceholder')\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n v-if=\"!isReadMode\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.date,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n i18nt,\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n .auto-full-width {\n width: 100%;\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAtDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAuBoB,iBAvBpBC,WAuBoB,EAAA,KAAA,EAAA,GAvBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAqBM;AAAA,UArBNI,mBAqBM,OAAA;AAAA,YArBA,OAAKC,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,UAAA;aAgB5BA,MAAA,UAAA,kBAfXE,YAgBE,0BAAA;AAAA;cAfG,MAAMF,MAAA,IAAA;AAAA,uBACH;AAAA,cAAJ,KAAI;AAAA,cACH,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACf,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACzB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACtB,gBAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC5B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,6BAAA;AAAA,cAC/C,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA,oLAIPM,mBAAyD,QAAzD,YAAyDC,gBAApBP,MAAA,UAAA,CAAU,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
1
+ {"version":3,"file":"date-widget.vue2.js","sources":["../../../../src/components/field-widget/date-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\">\n <a-date-picker\n :size=\"size\"\n ref=\"fieldEditor\"\n :picker=\"field.options.type\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'auto-full-width' : '']\"\n :readonly=\"field.options.readonly\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :show-time=\"field.options.showTime\"\n :format=\"field.options.format\"\n :value-format=\"field.options.valueFormat\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.datePlaceholder')\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n v-if=\"!isReadMode\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.date,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n i18nt,\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n .auto-full-width {\n width: 100%;\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAtDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAuBoB,iBAvBpBC,WAuBoB,EAAA,KAAA,EAAA,GAvBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAqBM;AAAA,UArBNI,mBAqBM,OAAA;AAAA,YArBA,OAAKC,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,UAAA;aAgB5BA,MAAA,UAAA,kBAfXE,YAgBE,0BAAA;AAAA;cAfG,MAAMF,MAAA,IAAA;AAAA,uBACH;AAAA,cAAJ,KAAI;AAAA,cACH,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACf,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,aAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACzB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACtB,gBAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC5B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,6BAAA;AAAA,cAC/C,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA,oLAIPM,mBAAyD,QAAzD,YAAyDC,gBAApBP,MAAA,UAAA,CAAU,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
@@ -1,5 +1,4 @@
1
1
  import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
2
- /* empty css */
3
2
  import { useField } from "./useField.js";
4
3
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
5
4
  const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1 +1 @@
1
- {"version":3,"file":"divider-widget.vue2.js","sources":["../../../../src/components/field-widget/divider-widget.vue"],"sourcesContent":["<template>\n <a-divider\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :type=\"field.options.direction\"\n :orientation=\"field.options.contentPosition\"\n >\n {{ field.options.label }}\n </a-divider>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n\n defineOptions({\n name: WidgetTypeEnum.divider,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAE,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE1E,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvBUA,MAAA,YAAA,kBADXC,YAOY,sBAAA;AAAA;iBALJ;AAAA,QAAJ,KAAI;AAAA,QACH,MAAMD,MAAA,KAAA,EAAM,QAAQ;AAAA,QACpB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;yBAE5B,MAAyB;AAAA,0CAAtBA,MAAA,KAAA,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}
1
+ {"version":3,"file":"divider-widget.vue2.js","sources":["../../../../src/components/field-widget/divider-widget.vue"],"sourcesContent":["<template>\n <a-divider\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :type=\"field.options.direction\"\n :orientation=\"field.options.contentPosition\"\n >\n {{ field.options.label }}\n </a-divider>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n\n defineOptions({\n name: WidgetTypeEnum.divider,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAE,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE1E,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvBUA,MAAA,YAAA,kBADXC,YAOY,sBAAA;AAAA;iBALJ;AAAA,QAAJ,KAAI;AAAA,QACH,MAAMD,MAAA,KAAA,EAAM,QAAQ;AAAA,QACpB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;yBAE5B,MAAyB;AAAA,0CAAtBA,MAAA,KAAA,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}
@@ -1,5 +1,4 @@
1
1
  import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent } from "vue";
2
- /* empty css */
3
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
4
3
  import { useField } from "./useField.js";
5
4
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
@@ -1 +1 @@
1
- {"version":3,"file":"diy-compontent-widget.vue2.js","sources":["../../../../src/components/field-widget/diy-compontent-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"slot-wrapper-render\">\n <component ref=\"fieldEditor\" :is=\"renderCompont()\" />\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { FieldProps, useField } from './useField';\n\n defineOptions({\n name: WidgetTypeEnum.bpmnEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n useField(props);\n\n const renderCompont = () => {\n const component = executeFunction({\n functionBody: field.options.customRender,\n params: { data: fieldModel.value },\n keys: ['data']\n });\n\n return component ?? null;\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,eAAe,gBAAA,IACxE,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB;AAED,aAAO,aAAa;AAAA,IACxB;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAjCwCA,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAqDG,wBAAnB,cAAA,CAAa,GAAA;AAAA,uBAAhC;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;;;;"}
1
+ {"version":3,"file":"diy-compontent-widget.vue2.js","sources":["../../../../src/components/field-widget/diy-compontent-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"slot-wrapper-render\">\n <component ref=\"fieldEditor\" :is=\"renderCompont()\" />\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { FieldProps, useField } from './useField';\n\n defineOptions({\n name: WidgetTypeEnum.bpmnEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n useField(props);\n\n const renderCompont = () => {\n const component = executeFunction({\n functionBody: field.options.customRender,\n params: { data: fieldModel.value },\n keys: ['data']\n });\n\n return component ?? null;\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,eAAe,gBAAA,IACxE,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB;AAED,aAAO,aAAa;AAAA,IACxB;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAjCwCA,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAqDG,wBAAnB,cAAA,CAAa,GAAA;AAAA,uBAAhC;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;;;;"}
@@ -1,5 +1,4 @@
1
1
  import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList } from "vue";
2
- /* empty css */
3
2
  import { useField } from "./useField.js";
4
3
  import { DownOutlined } from "@ant-design/icons-vue";
5
4
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-widget.vue2.js","sources":["../../../../src/components/field-widget/dropdown-widget.vue"],"sourcesContent":["<template>\n <a-dropdown\n v-if=\"!handleHidden\"\n :size=\"size\"\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled\"\n :placement=\"field.options.placement\"\n >\n <template #overlay>\n <a-menu @click=\"handleMenuClick\">\n <a-menu-item :key=\"item.value\" v-for=\"item in field.options.menuList || []\">\n {{ item.label }}\n </a-menu-item>\n </a-menu>\n </template>\n <a-button\n :type=\"field.options.type\"\n :size=\"field.options.size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled\"\n >\n {{ field.options.label }}\n <DownOutlined />\n </a-button>\n </a-dropdown>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n import { DownOutlined } from '@ant-design/icons-vue';\n\n defineOptions({\n name: WidgetTypeEnum.dropdown,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n executeFunction,\n fieldEditor,\n field,\n size,\n handleDisabled,\n handleHidden,\n defineExposed\n } = useField(props);\n\n const handleMenuClick = (menuItem: any) => {\n const { onMenuClick } = field.options;\n if (onMenuClick) {\n executeFunction({\n functionBody: onMenuClick,\n keys: ['menuItem'],\n params: { menuItem }\n });\n }\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_unref","_createBlock","_createVNode","_openBlock","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,kBAAkB,CAAC,aAAkB;AACvC,YAAM,EAAE,gBAAgB,MAAM;AAC9B,UAAI,aAAa;AACb,wBAAgB;AAAA,UACZ,cAAc;AAAA,UACd,MAAM,CAAC,UAAU;AAAA,UACjB,QAAQ,EAAE,SAAA;AAAA,QAAS,CACtB;AAAA,MACL;AAAA,IACJ;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;;;cA9DUA,MAAA,YAAA,kBADXC,YA0Ba,uBAAA;AAAA;QAxBR,MAAMD,MAAA,IAAA;AAAA,iBACH;AAAA,QAAJ,KAAI;AAAA,QACH,UAAUA,MAAA,cAAA;AAAA,QACV,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;QAEf,iBACP,MAIS;AAAA,UAJTE,YAIS,mBAAA,EAJA,SAAO,mBAAe;AAAA,6BACI,MAA4C;AAAA,eAA3EC,UAAA,IAAA,GAAAC,mBAEcC,2BAFgCL,MAAA,KAAA,EAAM,QAAQ,iBAAtB,SAAI;oCAA1CC,YAEc,wBAAA;AAAA,kBAFA,KAAK,KAAK;AAAA,gBAAA;mCACpB,MAAgB;AAAA,oBAAbK,gBAAAC,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,kBAAA;;;;;;;;yBAIzB,MAWW;AAAA,UAXXL,YAWW,qBAAA;AAAA,YAVN,MAAMF,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,OAAKQ,eAAA,CAAGR,MAAA,KAAA,EAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,YAC3B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACtB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAEX,MAAyB;AAAA,cAAtBM,gBAAAC,gBAAAP,MAAA,KAAA,EAAM,QAAQ,KAAK,IAAG,KACzB,CAAA;AAAA,cAAAE,YAAgBF,MAAA,YAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
1
+ {"version":3,"file":"dropdown-widget.vue2.js","sources":["../../../../src/components/field-widget/dropdown-widget.vue"],"sourcesContent":["<template>\n <a-dropdown\n v-if=\"!handleHidden\"\n :size=\"size\"\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled\"\n :placement=\"field.options.placement\"\n >\n <template #overlay>\n <a-menu @click=\"handleMenuClick\">\n <a-menu-item :key=\"item.value\" v-for=\"item in field.options.menuList || []\">\n {{ item.label }}\n </a-menu-item>\n </a-menu>\n </template>\n <a-button\n :type=\"field.options.type\"\n :size=\"field.options.size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled\"\n >\n {{ field.options.label }}\n <DownOutlined />\n </a-button>\n </a-dropdown>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { FieldProps, useField } from './useField';\n import { DownOutlined } from '@ant-design/icons-vue';\n\n defineOptions({\n name: WidgetTypeEnum.dropdown,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n executeFunction,\n fieldEditor,\n field,\n size,\n handleDisabled,\n handleHidden,\n defineExposed\n } = useField(props);\n\n const handleMenuClick = (menuItem: any) => {\n const { onMenuClick } = field.options;\n if (onMenuClick) {\n executeFunction({\n functionBody: onMenuClick,\n keys: ['menuItem'],\n params: { menuItem }\n });\n }\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_unref","_createBlock","_createVNode","_openBlock","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,kBAAkB,CAAC,aAAkB;AACvC,YAAM,EAAE,gBAAgB,MAAM;AAC9B,UAAI,aAAa;AACb,wBAAgB;AAAA,UACZ,cAAc;AAAA,UACd,MAAM,CAAC,UAAU;AAAA,UACjB,QAAQ,EAAE,SAAA;AAAA,QAAS,CACtB;AAAA,MACL;AAAA,IACJ;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;;;cA9DUA,MAAA,YAAA,kBADXC,YA0Ba,uBAAA;AAAA;QAxBR,MAAMD,MAAA,IAAA;AAAA,iBACH;AAAA,QAAJ,KAAI;AAAA,QACH,UAAUA,MAAA,cAAA;AAAA,QACV,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;QAEf,iBACP,MAIS;AAAA,UAJTE,YAIS,mBAAA,EAJA,SAAO,mBAAe;AAAA,6BACI,MAA4C;AAAA,eAA3EC,UAAA,IAAA,GAAAC,mBAEcC,2BAFgCL,MAAA,KAAA,EAAM,QAAQ,iBAAtB,SAAI;oCAA1CC,YAEc,wBAAA;AAAA,kBAFA,KAAK,KAAK;AAAA,gBAAA;mCACpB,MAAgB;AAAA,oBAAbK,gBAAAC,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,kBAAA;;;;;;;;yBAIzB,MAWW;AAAA,UAXXL,YAWW,qBAAA;AAAA,YAVN,MAAMF,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,OAAKQ,eAAA,CAAGR,MAAA,KAAA,EAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,YAC3B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACtB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAEX,MAAyB;AAAA,cAAtBM,gBAAAC,gBAAAP,MAAA,KAAA,EAAM,QAAQ,KAAK,IAAG,KACzB,CAAA;AAAA,cAAAE,YAAgBF,MAAA,YAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, computed, onMounted, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, createVNode, Fragment, createElementVNode, normalizeClass, isRef, createTextVNode, renderList, toDisplayString } from "vue";
2
2
  import FormItemWrapper from "./form-item-wrapper.vue.js";
3
- /* empty css */
4
3
  import { useFilesystemApi, useFilePreview, SvgIcon, AttachmentRender, TpfModal, FileIcon } from "tmgc2-share";
5
4
  import { message } from "ant-design-vue";
6
5
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
@@ -1 +1 @@
1
- {"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../src/components/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <template v-if=\"!handleDisabled && !isReadMode\">\n <a-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled || isReadMode\"\n class=\"dynamicPseudoAfter\"\n :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n :multiple=\"field.options.multiple\"\n :accept=\"acceptType\"\n v-model:file-list=\"fieldModel\"\n :listType=\"field.options.uploadListType\"\n :customRequest=\"customRequest\"\n :iconRender=\"iconRender\"\n @preview=\"handlePreview\"\n @remove=\"removeFile\"\n >\n <a-space :size=\"10\" align=\"start\" v-if=\"isShowUploader\">\n <a-button\n :loading=\"loading\"\n class=\"tpf-button\"\n type=\"primary\"\n :disabled=\"handleDisabled\"\n >\n <SvgIcon icon-class=\"daochu\" /> 上传文件\n </a-button>\n </a-space>\n </a-upload>\n <div :gutter=\"20\" class=\"fileUploadTip\">\n <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n <span v-else>{{ item }}</span>\n </div>\n </div>\n </template>\n <template v-else>\n <AttachmentRender :data=\"fieldModel\" />\n </template>\n <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n <img style=\"width: 100%\" :src=\"previewImage\" />\n </TpfModal>\n </form-item-wrapper>\n</template>\n\n<script lang=\"tsx\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { computed, onMounted } from 'vue';\n import {\n AttachmentRender,\n useFilePreview,\n TpfModal,\n SvgIcon,\n useFilesystemApi,\n FileIcon\n } from 'tmgc2-share';\n import { message } from 'ant-design-vue';\n\n const filesystemApi = useFilesystemApi();\n defineOptions({\n name: WidgetTypeEnum.fileUpload,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n loading,\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n defineExposed,\n executeFunction\n } = useField(props);\n\n const handleOnBeforeUpload = file => {\n if (field.options.onBeforeUpload) {\n const result = executeFunction({\n functionBody: field.options.onBeforeUpload,\n params: {\n file\n },\n keys: ['file']\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n return true;\n };\n\n const isShowUploader = computed(\n () => (fieldModel.value?.length || 0) < (field.options.limit || 1)\n );\n\n const customRequest = async upload => {\n const { accept, maxSize, limit, businessType, multiple } = field.options;\n const fileName = upload.file.name;\n const fieldTypesArr = accept.map(item => item.toLowerCase());\n const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n\n if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n return message.error(`目前仅支持${accept}格式的文件`);\n }\n\n if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n message.error(`文件大小不能超过${maxSize}M`);\n return;\n }\n\n const flag = handleOnBeforeUpload(upload);\n\n if (!flag) return;\n loading.value = true;\n try {\n const res = await filesystemApi.uploadFileObject({\n businessType: businessType,\n file: upload.file\n });\n\n const { fileName: name } = res.data.object;\n\n if (limit > 1) {\n const findIndex = fieldModel.value.findIndex(item => item.name === name);\n if (findIndex > -1) {\n fieldModel.value.splice(findIndex, 1);\n }\n if (fieldModel.value.length < limit) {\n fieldModel.value.push({ ...res.data.object, name });\n }\n } else {\n fieldModel.value = [{ ...res.data.object, name }];\n }\n } finally {\n loading.value = false;\n }\n };\n\n /**\n * 初始化文件列表\n */\n const initFileListFieldModel = () => {\n // 初始化上传组件的已上传文件列表\n if (designState) {\n return;\n }\n\n if (fieldModel.value) {\n if (typeof fieldModel.value === 'string') {\n fieldModel.value = JSON.parse(fieldModel.value);\n }\n }\n };\n\n const acceptType = computed(() => {\n const { accept } = field.options;\n if (accept?.length) {\n return accept.join(',');\n } else {\n return '*';\n }\n });\n\n const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();\n\n const iconRender = ({ file }: { file: File }) => {\n const fileObj = {\n fileName: file.name,\n fileType: file.name.slice(file.name.lastIndexOf('.'))\n };\n return <FileIcon file={fileObj} />;\n };\n\n const removeFile = file => {\n const findInx = fieldModel.value.findIndex(item => item.uid === file.uid);\n fieldModel.value.splice(findInx, 1);\n };\n\n const descCol = computed(() => {\n const { accept, maxSize } = field.options;\n const acceptList = (accept || []).join(',');\n return [\n acceptList.length ? i18nt('支持扩展名') + `${acceptList}` : '',\n maxSize ? i18nt('支持文件大小') + `${maxSize}M` : ''\n ].filter(Boolean);\n });\n\n onMounted(() => {\n initFileListFieldModel();\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .fileUploadTip {\n font-size: 12px;\n margin-top: 10px;\n }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","props","__props","loading","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","designState","handleHidden","handleDisabled","defineExposed","executeFunction","useField","handleOnBeforeUpload","file","options","onBeforeUpload","result","functionBody","params","keys","isShowUploader","computed","value","length","limit","customRequest","upload","accept","maxSize","businessType","multiple","fileName","name","fieldTypesArr","map","item","toLowerCase","fieldTypes","slice","lastIndexOf","includes","message","error","size","flag","res","uploadFileObject","data","object","findIndex","splice","push","initFileListFieldModel","JSON","parse","acceptType","join","handlePreview","previewVisible","previewImage","previewTitle","useFilePreview","iconRender","fileObj","fileType","_createVNode2","FileIcon","removeFile","findInx","uid","descCol","acceptList","filter","Boolean","onMounted","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","key","_createElementBlock","_Fragment","_createVNode","_component_a_upload","ref","disabled","class","_normalizeClass","isReadonly","$event","listType","uploadListType","onPreview","onRemove","_component_a_space","align","_component_a_button","type","SvgIcon","_createElementVNode","_hoisted_1","_renderList","inx","_hoisted_2","_toDisplayString","AttachmentRender","TpfModal","visible","title","footer","style","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DI,UAAMA,gBAAgBC,iBAAgB;AAKtC,UAAMC,QAAQC;AAEd,UAAM;AAAA,MACFC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAEAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IACJ,IAAIC,SAASd,KAAK;AAElB,UAAMe,uBAAuBC,UAAQ;AACjC,UAAIV,MAAMW,QAAQC,gBAAgB;AAC9B,cAAMC,SAASN,gBAAgB;AAAA,UAC3BO,cAAcd,MAAMW,QAAQC;AAAAA,UAC5BG,QAAQ;AAAA,YACJL;AAAAA;UAEJM,MAAM,CAAC,MAAM;AAAA,QACjB,CAAC;AACD,YAAI,OAAOH,WAAW,WAAW;AAC7B,iBAAOA;AAAAA,QACX,OAAO;AACH,iBAAO;AAAA,QACX;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAEA,UAAMI,iBAAiBC,SACnB,MAAA;;AAAOjB,gCAAWkB,UAAXlB,mBAAkBmB,WAAU,MAAMpB,MAAMW,QAAQU,SAAS;AAAA,KACpE;AAEA,UAAMC,gBAAgB,OAAMC,WAAU;AAClC,YAAM;AAAA,QAAEC;AAAAA,QAAQC;AAAAA,QAASJ;AAAAA,QAAOK;AAAAA,QAAcC;AAAAA,UAAa3B,MAAMW;AACjE,YAAMiB,WAAWL,OAAOb,KAAKmB;AAC7B,YAAMC,gBAAgBN,OAAOO,IAAIC,UAAQA,KAAKC,aAAa;AAC3D,YAAMC,aAAaN,SAASO,MAAMP,SAASQ,YAAY,GAAG,CAAC;AAE3D,UAAI,CAACN,cAAcO,SAASH,WAAWD,YAAW,CAAE,GAAG;AACnD,eAAOK,QAAQC,MAAM,QAAQf,MAAM,OAAO;AAAA,MAC9C;AAEA,UAAIC,WAAWF,OAAOb,KAAK8B,OAAOf,UAAU,OAAO,MAAM;AACrDa,gBAAQC,MAAM,WAAWd,OAAO,GAAG;AACnC;AAAA,MACJ;AAEA,YAAMgB,OAAOhC,qBAAqBc,MAAM;AAExC,UAAI,CAACkB,KAAM;AACX7C,cAAQuB,QAAQ;AAChB,UAAI;AACA,cAAMuB,MAAM,MAAMlD,cAAcmD,iBAAiB;AAAA,UAC7CjB;AAAAA,UACAhB,MAAMa,OAAOb;AAAAA,QACjB,CAAC;AAED,cAAM;AAAA,UAAEkB,UAAUC;AAAAA,QAAK,IAAIa,IAAIE,KAAKC;AAEpC,YAAIxB,QAAQ,GAAG;AACX,gBAAMyB,YAAY7C,WAAWkB,MAAM2B,UAAUd,UAAQA,KAAKH,SAASA,IAAI;AACvE,cAAIiB,YAAY,IAAI;AAChB7C,uBAAWkB,MAAM4B,OAAOD,WAAW,CAAC;AAAA,UACxC;AACA,cAAI7C,WAAWkB,MAAMC,SAASC,OAAO;AACjCpB,uBAAWkB,MAAM6B,KAAK;AAAA,cAAE,GAAGN,IAAIE,KAAKC;AAAAA,cAAQhB;AAAAA,YAAK,CAAC;AAAA,UACtD;AAAA,QACJ,OAAO;AACH5B,qBAAWkB,QAAQ,CAAC;AAAA,YAAE,GAAGuB,IAAIE,KAAKC;AAAAA,YAAQhB;AAAAA,UAAK,CAAC;AAAA,QACpD;AAAA,MACJ,UAAC;AACGjC,gBAAQuB,QAAQ;AAAA,MACpB;AAAA,IACJ;AAKA,UAAM8B,yBAAyBA,MAAM;AAEjC,UAAI9C,aAAa;AACb;AAAA,MACJ;AAEA,UAAIF,WAAWkB,OAAO;AAClB,YAAI,OAAOlB,WAAWkB,UAAU,UAAU;AACtClB,qBAAWkB,QAAQ+B,KAAKC,MAAMlD,WAAWkB,KAAK;AAAA,QAClD;AAAA,MACJ;AAAA,IACJ;AAEA,UAAMiC,aAAalC,SAAS,MAAM;AAC9B,YAAM;AAAA,QAAEM;AAAAA,UAAWxB,MAAMW;AACzB,UAAIa,iCAAQJ,QAAQ;AAChB,eAAOI,OAAO6B,KAAK,GAAG;AAAA,MAC1B,OAAO;AACH,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAED,UAAM;AAAA,MAAEC;AAAAA,MAAeC;AAAAA,MAAgBC;AAAAA,MAAcC;AAAAA,QAAiBC,eAAc;AAEpF,UAAMC,aAAaA,CAAC;AAAA,MAAEjD;AAAAA,IAAqB,MAAM;AAC7C,YAAMkD,UAAU;AAAA,QACZhC,UAAUlB,KAAKmB;AAAAA,QACfgC,UAAUnD,KAAKmB,KAAKM,MAAMzB,KAAKmB,KAAKO,YAAY,GAAG,CAAC;AAAA;AAExD,aAAA0B,YAAAC,UAAA;AAAA,QAAA,QAAuBH;AAAAA,MAAO,GAAA,IAAA;AAAA,IAClC;AAEA,UAAMI,aAAatD,UAAQ;AACvB,YAAMuD,UAAUhE,WAAWkB,MAAM2B,UAAUd,UAAQA,KAAKkC,QAAQxD,KAAKwD,GAAG;AACxEjE,iBAAWkB,MAAM4B,OAAOkB,SAAS,CAAC;AAAA,IACtC;AAEA,UAAME,UAAUjD,SAAS,MAAM;AAC3B,YAAM;AAAA,QAAEM;AAAAA,QAAQC;AAAAA,UAAYzB,MAAMW;AAClC,YAAMyD,cAAc5C,UAAU,CAAA,GAAI6B,KAAK,GAAG;AAC1C,aAAO,CACHe,WAAWhD,SAAStB,MAAM,OAAO,IAAI,GAAGsE,UAAU,KAAK,IACvD3C,UAAU3B,MAAM,QAAQ,IAAI,GAAG2B,OAAO,MAAM,EAAC,EAC/C4C,OAAOC,OAAO;AAAA,IACpB,CAAC;AAEDC,cAAU,MAAM;AACZtB,6BAAsB;AAAA,IAC1B,CAAC;AAEDuB,aAAa;AAAA,MACT,GAAGlE;AAAAA,IACP,CAAC;;;;;cAzMwCmE,MAAArE,YAAA,KAAzCsE,UAAA,GAAAC,YAwCoBC,iBAxCpBC,WAwCoB;AAAA,QAAAC,KAAA;AAAA,SAxCOpF,OAAK;AAAA,QAAwBG,OAAO4E,MAAA5E,KAAA;AAAA,MAAK,CAAA,GAAA;AAAA,yBAChE,MAgCW,CAhCM,CAAA4E,MAAApE,cAAA,MAAmBoE,MAAAvE,UAAA,kBAApC6E,mBAgCWC,UAAA;AAAA,UAAAF,KAAA;AAAA,QAAA,GAAA,CA/BPG,YAwBWC,qBAAA;AAAA,mBAvBH;AAAA,UAAJC,KAAIpF;AAAAA,UACHqF,UAAUX,MAAApE,cAAA,KAAkBoE,MAAAvE,UAAA;AAAA,UAC7BmF,OAAKC,eAAA,CAAC,sBAAoB,CAAA,cAAA;AAAA,YAAAC,YACWd,MAAAvE,UAAA;AAAA,WAAU,CAAA,CAAA;AAAA,UAC9CyB,UAAU8C,MAAAzE,KAAA,EAAMW,QAAQgB;AAAAA,UACxBH,QAAQ4B,WAAAjC;AAAAA,UACD,aAAWsD,MAAAxE,UAAA;AAAA,yFAAAA,WAAUkB,QAAAqE,SAAA;AAAA,UAC5BC,UAAUhB,MAAAzE,KAAA,EAAMW,QAAQ+E;AAAAA,UACxBpE;AAAAA,UACAqC;AAAAA,UACAgC,WAASlB,MAAAnB,aAAA;AAAA,UACTsC,UAAQ5B;AAAAA;2BAET,MASU,CAT8B/C,eAAAE,sBAAxCwD,YASUkB,oBAAA;AAAA;YATArD,MAAM;AAAA,YAAIsD,OAAM;AAAA;6BACtB,MAOW,CAPXb,YAOWc,qBAAA;AAAA,cANNnG,SAAS6E,MAAA7E,OAAA;AAAA,cACVyF,OAAM;AAAA,cACNW,MAAK;AAAA,cACJZ,UAAUX,MAAApE,cAAA;AAAA;+BAEX,MAA+B,CAA/B4E,YAA+BR,MAAAwB,OAAA,GAAA;AAAA,gBAAtB,cAAW;AAAA,cAAQ,CAAA,6CAAG,QACnC,EAAA;;;;;;;kGAGRC,mBAKM,OALNC,YAKM,EAJFzB,UAAA,IAAA,GAAAK,mBAGMC,UAAA,MAAAoB,WAHqBjC,QAAAhD,OAAO,CAArBa,MAAMqE,QAAG;8BAAtBtB,mBAGM,OAAA;AAAA,YAH+BD,KAAKuB;AAAAA,aAAG,CAC7BlC,QAAAhD,MAAQC,SAAM,KAA1BsD,UAAA,GAAAK,mBAA+D,QAAAuB,YAAAC,gBAA5BF,MAAG,CAAA,IAAO,sBAAIrE,IAAI,GAAA,CAAA,MACrD0C,UAAA,GAAAK,mBAA8B,oCAAd/C,IAAI,GAAA,CAAA,EAAA;2CAK5B2C,YAAuCF,MAAA+B,gBAAA,GAAA;AAAA;UAApB5D,MAAM6B,MAAAxE,UAAA;AAAA,gCAE7BgF,YAEWR,MAAAgC,QAAA,GAAA;AAAA,UAFOC,SAASjC,MAAAlB,cAAA;AAAA,4FAAAA,eAAcpC,QAAAqE,SAAA;AAAA,UAAGmB,OAAOlC,MAAAhB,YAAA;AAAA,UAAemD,QAAQ;AAAA;2BACtE,MAA+C,CAA/CV,mBAA+C,OAAA;AAAA,YAA1CW,OAAA;AAAA,cAAA,SAAA;AAAA;YAAqBC,KAAKrC,MAAAjB,YAAA;AAAA;;;;;;;;"}
1
+ {"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../src/components/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <template v-if=\"!handleDisabled && !isReadMode\">\n <a-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled || isReadMode\"\n class=\"dynamicPseudoAfter\"\n :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n :multiple=\"field.options.multiple\"\n :accept=\"acceptType\"\n v-model:file-list=\"fieldModel\"\n :listType=\"field.options.uploadListType\"\n :customRequest=\"customRequest\"\n :iconRender=\"iconRender\"\n @preview=\"handlePreview\"\n @remove=\"removeFile\"\n >\n <a-space :size=\"10\" align=\"start\" v-if=\"isShowUploader\">\n <a-button\n :loading=\"loading\"\n class=\"tpf-button\"\n type=\"primary\"\n :disabled=\"handleDisabled\"\n >\n <SvgIcon icon-class=\"daochu\" /> 上传文件\n </a-button>\n </a-space>\n </a-upload>\n <div :gutter=\"20\" class=\"fileUploadTip\">\n <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n <span v-else>{{ item }}</span>\n </div>\n </div>\n </template>\n <template v-else>\n <AttachmentRender :data=\"fieldModel\" />\n </template>\n <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n <img style=\"width: 100%\" :src=\"previewImage\" />\n </TpfModal>\n </form-item-wrapper>\n</template>\n\n<script lang=\"tsx\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { computed, onMounted } from 'vue';\n import {\n AttachmentRender,\n useFilePreview,\n TpfModal,\n SvgIcon,\n useFilesystemApi,\n FileIcon\n } from 'tmgc2-share';\n import { message } from 'ant-design-vue';\n\n const filesystemApi = useFilesystemApi();\n defineOptions({\n name: WidgetTypeEnum.fileUpload,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n loading,\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n defineExposed,\n executeFunction\n } = useField(props);\n\n const handleOnBeforeUpload = file => {\n if (field.options.onBeforeUpload) {\n const result = executeFunction({\n functionBody: field.options.onBeforeUpload,\n params: {\n file\n },\n keys: ['file']\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n return true;\n };\n\n const isShowUploader = computed(\n () => (fieldModel.value?.length || 0) < (field.options.limit || 1)\n );\n\n const customRequest = async upload => {\n const { accept, maxSize, limit, businessType, multiple } = field.options;\n const fileName = upload.file.name;\n const fieldTypesArr = accept.map(item => item.toLowerCase());\n const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n\n if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n return message.error(`目前仅支持${accept}格式的文件`);\n }\n\n if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n message.error(`文件大小不能超过${maxSize}M`);\n return;\n }\n\n const flag = handleOnBeforeUpload(upload);\n\n if (!flag) return;\n loading.value = true;\n try {\n const res = await filesystemApi.uploadFileObject({\n businessType: businessType,\n file: upload.file\n });\n\n const { fileName: name } = res.data.object;\n\n if (limit > 1) {\n const findIndex = fieldModel.value.findIndex(item => item.name === name);\n if (findIndex > -1) {\n fieldModel.value.splice(findIndex, 1);\n }\n if (fieldModel.value.length < limit) {\n fieldModel.value.push({ ...res.data.object, name });\n }\n } else {\n fieldModel.value = [{ ...res.data.object, name }];\n }\n } finally {\n loading.value = false;\n }\n };\n\n /**\n * 初始化文件列表\n */\n const initFileListFieldModel = () => {\n // 初始化上传组件的已上传文件列表\n if (designState) {\n return;\n }\n\n if (fieldModel.value) {\n if (typeof fieldModel.value === 'string') {\n fieldModel.value = JSON.parse(fieldModel.value);\n }\n }\n };\n\n const acceptType = computed(() => {\n const { accept } = field.options;\n if (accept?.length) {\n return accept.join(',');\n } else {\n return '*';\n }\n });\n\n const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();\n\n const iconRender = ({ file }: { file: File }) => {\n const fileObj = {\n fileName: file.name,\n fileType: file.name.slice(file.name.lastIndexOf('.'))\n };\n return <FileIcon file={fileObj} />;\n };\n\n const removeFile = file => {\n const findInx = fieldModel.value.findIndex(item => item.uid === file.uid);\n fieldModel.value.splice(findInx, 1);\n };\n\n const descCol = computed(() => {\n const { accept, maxSize } = field.options;\n const acceptList = (accept || []).join(',');\n return [\n acceptList.length ? i18nt('支持扩展名') + `${acceptList}` : '',\n maxSize ? i18nt('支持文件大小') + `${maxSize}M` : ''\n ].filter(Boolean);\n });\n\n onMounted(() => {\n initFileListFieldModel();\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .fileUploadTip {\n font-size: 12px;\n margin-top: 10px;\n }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","props","__props","loading","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","designState","handleHidden","handleDisabled","defineExposed","executeFunction","useField","handleOnBeforeUpload","file","options","onBeforeUpload","result","functionBody","params","keys","isShowUploader","computed","value","length","limit","customRequest","upload","accept","maxSize","businessType","multiple","fileName","name","fieldTypesArr","map","item","toLowerCase","fieldTypes","slice","lastIndexOf","includes","message","error","size","flag","res","uploadFileObject","data","object","findIndex","splice","push","initFileListFieldModel","JSON","parse","acceptType","join","handlePreview","previewVisible","previewImage","previewTitle","useFilePreview","iconRender","fileObj","fileType","_createVNode2","FileIcon","removeFile","findInx","uid","descCol","acceptList","filter","Boolean","onMounted","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","key","_createElementBlock","_Fragment","_createVNode","_component_a_upload","ref","disabled","class","_normalizeClass","isReadonly","$event","listType","uploadListType","onPreview","onRemove","_component_a_space","align","_component_a_button","type","SvgIcon","_createElementVNode","_hoisted_1","_renderList","inx","_hoisted_2","_toDisplayString","AttachmentRender","TpfModal","visible","title","footer","style","src"],"mappings":"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"}
@@ -2,7 +2,6 @@ import { defineComponent, inject, computed, resolveComponent, createElementBlock
2
2
  import { SvgIcon } from "tmgc2-share";
3
3
  import { FormItem } from "ant-design-vue";
4
4
  import { useDesigner } from "../../../core/src/hooks/useDesigner.js";
5
- /* empty css */
6
5
  const _hoisted_1 = {
7
6
  class: "field-wrapper"
8
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../src/components/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"field-wrapper\">\n <FormItem\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\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 </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 { FormItem } from 'ant-design-vue';\n import { useDesigner } from '@kp-ui/lowcode-core';\n import { reactive } from '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 = computed(() =>\n props.field.options.customClass ? props.field.options.customClass.join(' ') : ''\n );\n</script>\n\n<style lang=\"scss\" scoped>\n .field-wrapper {\n position: relative;\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","join","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","FormItem","labelCol","rules","class","_createElementVNode","_hoisted_2","labelIconClass","_hoisted_3","labelIconPosition","_Fragment","key","_component_a_tooltip","title","labelIconTooltip","SvgIcon","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_renderSlot","_ctx","$slots","undefined"],"mappings":"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"}
1
+ {"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../src/components/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"field-wrapper\">\n <FormItem\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\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 </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 { FormItem } from 'ant-design-vue';\n import { useDesigner } from '@kp-ui/lowcode-core';\n import { reactive } from '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 = computed(() =>\n props.field.options.customClass ? props.field.options.customClass.join(' ') : ''\n );\n</script>\n\n<style lang=\"scss\" scoped>\n .field-wrapper {\n position: relative;\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","join","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","FormItem","labelCol","rules","class","_createElementVNode","_hoisted_2","labelIconClass","_hoisted_3","labelIconPosition","_Fragment","key","_component_a_tooltip","title","labelIconTooltip","SvgIcon","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_renderSlot","_ctx","$slots","undefined"],"mappings":"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"}
@@ -1,7 +1,6 @@
1
1
  import { ref, computed, unref } from "vue";
2
2
  import { debounce, isArray } from "lodash-es";
3
3
  import { useExecFunction } from "tmgc2-share";
4
- /* empty css */
5
4
  import { translateOptionItems } from "../../../../core/src/utils/util.js";
6
5
  function findInArray(arrayObject, element) {
7
6
  if (!Array.isArray(arrayObject)) {
@@ -1 +1 @@
1
- {"version":3,"file":"useSelect.js","sources":["../../../../../src/components/field-widget/hooks/useSelect.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue';\nimport { debounce, isArray } from 'lodash-es';\nimport { useExecFunction } from 'tmgc2-share';\nimport { translateOptionItems } from '@kp-ui/lowcode-core';\n\nfunction findInArray(arrayObject, element) {\n if (!Array.isArray(arrayObject)) {\n return -1;\n }\n\n let foundIdx = -1;\n arrayObject.forEach((aItem, aIdx) => {\n if (aItem === element) {\n foundIdx = aIdx;\n }\n });\n\n return foundIdx;\n}\n\nexport function useSelect({ field, designState, fieldModel }) {\n const keyword = ref({\n val: ''\n });\n const loading = ref(false);\n const pager = ref({\n page: 1,\n pageSize: 20,\n totalPage: 0,\n total: 0\n });\n\n const { execHttpFunction } = useExecFunction();\n\n const initOptionItems = async () => {\n if (loading.value) return;\n loading.value = true;\n /* 首先处理数据源选项加载 */\n if (!!field.options.dsEnabled && field.options.http?.url) {\n if (pager.value.page === 1) initPager();\n try {\n const { http, dataHandlerCode, dataReqHandlerCode } = field.options;\n const data = field.options.loadingPage\n ? { page: pager.value.page, pageSize: pager.value.pageSize }\n : {};\n const dsResult = await execHttpFunction(\n {\n http,\n dataHandlerCode,\n dataReqHandlerCode\n },\n { data }\n );\n if (!dsResult) {\n loading.value = false;\n return;\n }\n if (isArray(dsResult)) {\n loadOptions(dsResult);\n loading.value = false;\n return;\n }\n\n if (isArray(dsResult.list)) {\n if (field.options.loadingPage) {\n pager.value.total = dsResult.total || 0;\n pager.value.totalPage = dsResult.totalPage || 0;\n loadOptions([...getOptionItems(), ...dsResult.list]);\n } else {\n loadOptions(dsResult.list);\n }\n }\n } catch (err) {\n console.error('err: ', err);\n }\n } else {\n loadOptions([...getOptionItems()]);\n }\n loading.value = false;\n };\n\n const changePager = debounce(function () {\n pager.value.page += 1;\n initOptionItems();\n }, 500);\n\n const onPopupScroll = e => {\n if (!field.options.loadingPage) return;\n\n const { target } = e;\n const { scrollTop, scrollHeight, clientHeight } = target;\n\n if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n if (pager.value.totalPage > pager.value.page) {\n if (pager.value.totalPage === pager.value.page) {\n return;\n }\n changePager();\n }\n }\n };\n\n const labelKey = computed(() => {\n return field?.options.labelKey || 'label';\n });\n\n const valueKey = computed(() => {\n return field?.options.valueKey || 'value';\n });\n\n const childrenKey = computed(() => {\n return field?.options.childrenKey || 'children';\n });\n\n const fieldNames = computed(() => {\n return {\n label: field?.options.labelKey || 'label',\n value: field?.options.valueKey || 'value',\n options: 'options'\n };\n });\n\n const filterOption = (inputValue, option) => {\n return option[fieldNames.value.label].toLowerCase().indexOf(inputValue.toLowerCase()) >= 0;\n };\n const initPager = () => {\n pager.value = { page: 1, pageSize: 20, total: 0, totalPage: 0 };\n loadOptions([]);\n };\n\n const remoteQuery = (_keyword: string) => {\n const useServer = field.options.showSearch;\n if (!useServer) return;\n if (designState) {\n //设计状态不触发事件\n return;\n }\n\n // if (!!field.options.onRemoteQuery) {\n initPager();\n keyword.value.val = _keyword;\n initOptionItems();\n };\n // initPager();\n const selectOps = computed(() => {\n const showSearch = true; //field.options.showSearch;\n const useServer = field?.options?.showSearch;\n return {\n loading: loading.value,\n fieldNames: fieldNames.value,\n showSearch,\n onPopupScroll: onPopupScroll,\n onSearch: showSearch ? remoteQuery : void 0,\n filterOption: !useServer && filterOption,\n listHeight: 240\n };\n });\n\n /**\n * 加载选项,并清空字段值\n * @param options\n */\n const loadOptions = async options => {\n field.options.optionItems = translateOptionItems(\n options,\n field.type,\n field.options.labelKey || 'label',\n field.options.valueKey || 'value'\n );\n if (designState) {\n return;\n }\n };\n /**\n * 返回选择项\n * @returns {*}\n */\n const getOptionItems = () => {\n return field.options.optionItems;\n };\n\n /**\n * 获取当前选中的选项\n */\n const getSelectedItem = () => {\n const list = getOptionItems();\n if (isArray(fieldModel.value)) {\n return list.filter(item => findInArray(fieldModel.value, item[valueKey.value]) !== -1);\n }\n return list.find(item => item[valueKey.value] == fieldModel.value);\n };\n\n const optionLabel = computed(() => {\n if (fieldModel.value === null) {\n return '';\n } else {\n let resultContent = '';\n\n const { valueKey, labelKey } = field.options;\n field.options.optionItems.forEach((oItem: any) => {\n if (\n oItem[valueKey] === fieldModel.value ||\n findInArray(fieldModel.value, oItem[valueKey]) !== -1\n ) {\n resultContent =\n resultContent === ''\n ? oItem[labelKey]\n : resultContent + ' ' + oItem[labelKey];\n }\n });\n\n return resultContent;\n }\n });\n\n /**\n * 清空选项项\n */\n const clearOptionItems = () => {\n if (field.options.dsEnabled) {\n field.options.optionItems.splice(0, field.options.optionItems.length); // 清空原有选项\n }\n };\n\n /**\n * 禁用列表中的选项\n * @param optionList 选项列表\n * @param optionValue 选项值\n */\n const disableOption = (optionValue: any) => {\n const optionList = field.options.optionItems;\n if (optionList && optionList.length > 0) {\n optionList.forEach(opt => {\n if (opt.value === optionValue) {\n opt.disabled = true;\n }\n });\n }\n };\n\n /**\n * 启用列表中的选项\n * @param optionList 选项列表\n * @param optionValue 选项值\n */\n const enableOption = (optionValue: any) => {\n const optionList = field.options.optionItems;\n if (optionList && optionList.length > 0) {\n optionList.forEach(opt => {\n if (opt.value === optionValue) {\n opt.disabled = false;\n }\n });\n }\n };\n\n return {\n selectDefineExpose: {\n loadOptions,\n initOptionItems,\n getSelectedItem,\n disableOption,\n clearOptionItems,\n enableOption,\n getOptionItems,\n keyword: unref(keyword)\n },\n disableOption,\n clearOptionItems,\n childrenKey,\n valueKey,\n labelKey,\n optionLabel,\n loadOptions,\n filterOption,\n keyword,\n pager,\n loading,\n fieldNames,\n selectOps,\n initOptionItems,\n getOptionItems\n };\n}\n"],"names":["valueKey","labelKey"],"mappings":"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"}
1
+ {"version":3,"file":"useSelect.js","sources":["../../../../../src/components/field-widget/hooks/useSelect.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue';\nimport { debounce, isArray } from 'lodash-es';\nimport { useExecFunction } from 'tmgc2-share';\nimport { translateOptionItems } from '@kp-ui/lowcode-core';\n\nfunction findInArray(arrayObject, element) {\n if (!Array.isArray(arrayObject)) {\n return -1;\n }\n\n let foundIdx = -1;\n arrayObject.forEach((aItem, aIdx) => {\n if (aItem === element) {\n foundIdx = aIdx;\n }\n });\n\n return foundIdx;\n}\n\nexport function useSelect({ field, designState, fieldModel }) {\n const keyword = ref({\n val: ''\n });\n const loading = ref(false);\n const pager = ref({\n page: 1,\n pageSize: 20,\n totalPage: 0,\n total: 0\n });\n\n const { execHttpFunction } = useExecFunction();\n\n const initOptionItems = async () => {\n if (loading.value) return;\n loading.value = true;\n /* 首先处理数据源选项加载 */\n if (!!field.options.dsEnabled && field.options.http?.url) {\n if (pager.value.page === 1) initPager();\n try {\n const { http, dataHandlerCode, dataReqHandlerCode } = field.options;\n const data = field.options.loadingPage\n ? { page: pager.value.page, pageSize: pager.value.pageSize }\n : {};\n const dsResult = await execHttpFunction(\n {\n http,\n dataHandlerCode,\n dataReqHandlerCode\n },\n { data }\n );\n if (!dsResult) {\n loading.value = false;\n return;\n }\n if (isArray(dsResult)) {\n loadOptions(dsResult);\n loading.value = false;\n return;\n }\n\n if (isArray(dsResult.list)) {\n if (field.options.loadingPage) {\n pager.value.total = dsResult.total || 0;\n pager.value.totalPage = dsResult.totalPage || 0;\n loadOptions([...getOptionItems(), ...dsResult.list]);\n } else {\n loadOptions(dsResult.list);\n }\n }\n } catch (err) {\n console.error('err: ', err);\n }\n } else {\n loadOptions([...getOptionItems()]);\n }\n loading.value = false;\n };\n\n const changePager = debounce(function () {\n pager.value.page += 1;\n initOptionItems();\n }, 500);\n\n const onPopupScroll = e => {\n if (!field.options.loadingPage) return;\n\n const { target } = e;\n const { scrollTop, scrollHeight, clientHeight } = target;\n\n if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n if (pager.value.totalPage > pager.value.page) {\n if (pager.value.totalPage === pager.value.page) {\n return;\n }\n changePager();\n }\n }\n };\n\n const labelKey = computed(() => {\n return field?.options.labelKey || 'label';\n });\n\n const valueKey = computed(() => {\n return field?.options.valueKey || 'value';\n });\n\n const childrenKey = computed(() => {\n return field?.options.childrenKey || 'children';\n });\n\n const fieldNames = computed(() => {\n return {\n label: field?.options.labelKey || 'label',\n value: field?.options.valueKey || 'value',\n options: 'options'\n };\n });\n\n const filterOption = (inputValue, option) => {\n return option[fieldNames.value.label].toLowerCase().indexOf(inputValue.toLowerCase()) >= 0;\n };\n const initPager = () => {\n pager.value = { page: 1, pageSize: 20, total: 0, totalPage: 0 };\n loadOptions([]);\n };\n\n const remoteQuery = (_keyword: string) => {\n const useServer = field.options.showSearch;\n if (!useServer) return;\n if (designState) {\n //设计状态不触发事件\n return;\n }\n\n // if (!!field.options.onRemoteQuery) {\n initPager();\n keyword.value.val = _keyword;\n initOptionItems();\n };\n // initPager();\n const selectOps = computed(() => {\n const showSearch = true; //field.options.showSearch;\n const useServer = field?.options?.showSearch;\n return {\n loading: loading.value,\n fieldNames: fieldNames.value,\n showSearch,\n onPopupScroll: onPopupScroll,\n onSearch: showSearch ? remoteQuery : void 0,\n filterOption: !useServer && filterOption,\n listHeight: 240\n };\n });\n\n /**\n * 加载选项,并清空字段值\n * @param options\n */\n const loadOptions = async options => {\n field.options.optionItems = translateOptionItems(\n options,\n field.type,\n field.options.labelKey || 'label',\n field.options.valueKey || 'value'\n );\n if (designState) {\n return;\n }\n };\n /**\n * 返回选择项\n * @returns {*}\n */\n const getOptionItems = () => {\n return field.options.optionItems;\n };\n\n /**\n * 获取当前选中的选项\n */\n const getSelectedItem = () => {\n const list = getOptionItems();\n if (isArray(fieldModel.value)) {\n return list.filter(item => findInArray(fieldModel.value, item[valueKey.value]) !== -1);\n }\n return list.find(item => item[valueKey.value] == fieldModel.value);\n };\n\n const optionLabel = computed(() => {\n if (fieldModel.value === null) {\n return '';\n } else {\n let resultContent = '';\n\n const { valueKey, labelKey } = field.options;\n field.options.optionItems.forEach((oItem: any) => {\n if (\n oItem[valueKey] === fieldModel.value ||\n findInArray(fieldModel.value, oItem[valueKey]) !== -1\n ) {\n resultContent =\n resultContent === ''\n ? oItem[labelKey]\n : resultContent + ' ' + oItem[labelKey];\n }\n });\n\n return resultContent;\n }\n });\n\n /**\n * 清空选项项\n */\n const clearOptionItems = () => {\n if (field.options.dsEnabled) {\n field.options.optionItems.splice(0, field.options.optionItems.length); // 清空原有选项\n }\n };\n\n /**\n * 禁用列表中的选项\n * @param optionList 选项列表\n * @param optionValue 选项值\n */\n const disableOption = (optionValue: any) => {\n const optionList = field.options.optionItems;\n if (optionList && optionList.length > 0) {\n optionList.forEach(opt => {\n if (opt.value === optionValue) {\n opt.disabled = true;\n }\n });\n }\n };\n\n /**\n * 启用列表中的选项\n * @param optionList 选项列表\n * @param optionValue 选项值\n */\n const enableOption = (optionValue: any) => {\n const optionList = field.options.optionItems;\n if (optionList && optionList.length > 0) {\n optionList.forEach(opt => {\n if (opt.value === optionValue) {\n opt.disabled = false;\n }\n });\n }\n };\n\n return {\n selectDefineExpose: {\n loadOptions,\n initOptionItems,\n getSelectedItem,\n disableOption,\n clearOptionItems,\n enableOption,\n getOptionItems,\n keyword: unref(keyword)\n },\n disableOption,\n clearOptionItems,\n childrenKey,\n valueKey,\n labelKey,\n optionLabel,\n loadOptions,\n filterOption,\n keyword,\n pager,\n loading,\n fieldNames,\n selectOps,\n initOptionItems,\n getOptionItems\n };\n}\n"],"names":["valueKey","labelKey"],"mappings":"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"}
@@ -1,5 +1,4 @@
1
1
  import { defineComponent, computed, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle } from "vue";
2
- /* empty css */
3
2
  import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
4
3
  import { useField } from "../../../core/src/hooks/useField.js";
5
4
  const _hoisted_1 = ["innerHTML"];
@@ -1 +1 @@
1
- {"version":3,"file":"html-text-widget.vue2.js","sources":["../../../../src/components/field-widget/html-text-widget.vue"],"sourcesContent":["<template>\n <div\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :style=\"displayStyle\"\n class=\"htmlContent\"\n v-html=\"field.options.htmlContent\"\n ></div>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.htmlText,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n const displayStyle = computed(() => field.options.bodyStyle || {});\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .htmlContent {\n // v-bind(field.options.bodyStyle)\n }\n</style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAEjF,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,aAAa,EAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAzBUA,MAAA,YAAA,kBADXC,mBAMO,OAAA;AAAA;iBAJC;AAAA,QAAJ,KAAI;AAAA,QACH,sBAAO,aAAA,KAAY;AAAA,QACpB,OAAM;AAAA,QACN,WAAQD,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;;;;"}
1
+ {"version":3,"file":"html-text-widget.vue2.js","sources":["../../../../src/components/field-widget/html-text-widget.vue"],"sourcesContent":["<template>\n <div\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :style=\"displayStyle\"\n class=\"htmlContent\"\n v-html=\"field.options.htmlContent\"\n ></div>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.htmlText,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n const displayStyle = computed(() => field.options.bodyStyle || {});\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .htmlContent {\n // v-bind(field.options.bodyStyle)\n }\n</style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAEjF,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,aAAa,EAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAzBUA,MAAA,YAAA,kBADXC,mBAMO,OAAA;AAAA;iBAJC;AAAA,QAAJ,KAAI;AAAA,QACH,sBAAO,aAAA,KAAY;AAAA,QACpB,OAAM;AAAA,QACN,WAAQD,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;;;;"}
@@ -1,5 +1,4 @@
1
1
  import { defineAsyncComponent } from "vue";
2
- /* empty css */
3
2
  import { getFileName } from "../../../core/src/utils/getFileName.js";
4
3
  const comps = {};
5
4
  const modules = /* @__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-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-widget.vue": () => import("./vue-render-widget.vue.js") });