@kp-ui/lowcode-pc 1.0.6 → 1.0.7
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.
- package/assets/styles/style.css +54 -54
- package/core/src/components/common/RenderWidgetList.vue.js +1 -1
- package/core/src/components/common/RenderWidgetList.vue2.js +13 -2
- package/core/src/components/common/RenderWidgetList.vue2.js.map +1 -1
- package/core/src/components/common/render/Debugger.vue.js +1 -1
- package/core/src/components/common/render/Debugger.vue2.js +1 -12
- package/core/src/components/common/render/Debugger.vue2.js.map +1 -1
- package/core/src/hooks/useAppRef.js +1 -0
- package/core/src/hooks/useAppRef.js.map +1 -1
- package/core/src/hooks/useDesigner.js +4 -0
- package/core/src/hooks/useDesigner.js.map +1 -1
- package/core/src/hooks/useField.js +7 -4
- package/core/src/hooks/useField.js.map +1 -1
- package/core/src/hooks/useWebMCP.js +73 -0
- package/core/src/hooks/useWebMCP.js.map +1 -1
- package/core/src/lang/en-US.js +5 -0
- package/core/src/lang/en-US.js.map +1 -1
- package/core/src/lang/zh-CN.js +6 -0
- package/core/src/lang/zh-CN.js.map +1 -1
- package/package.json +36 -36
- package/src/components/desginer/form-widget/container-widget/data-table-widget.vue.js +1 -1
- package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js +15 -3
- package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/tab-widget.vue.js +1 -1
- package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js +9 -7
- package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/useTableWidget.js +24 -5
- package/src/components/desginer/form-widget/container-widget/useTableWidget.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js +2 -3
- package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js.map +1 -1
- package/src/components/desginer/widget-panel/advanced/data-table.js +7 -0
- package/src/components/desginer/widget-panel/advanced/data-table.js.map +1 -1
- package/src/components/field-widget/bpmn-editor-widget.vue2.js +0 -1
- package/src/components/field-widget/bpmn-editor-widget.vue2.js.map +1 -1
- package/src/components/field-widget/button-list-widget.vue2.js +1 -2
- package/src/components/field-widget/button-list-widget.vue2.js.map +1 -1
- package/src/components/field-widget/button-widget.vue2.js +0 -1
- package/src/components/field-widget/button-widget.vue2.js.map +1 -1
- package/src/components/field-widget/cascader-widget.vue2.js +0 -1
- package/src/components/field-widget/cascader-widget.vue2.js.map +1 -1
- package/src/components/field-widget/checkbox-widget.vue2.js +0 -1
- package/src/components/field-widget/checkbox-widget.vue2.js.map +1 -1
- package/src/components/field-widget/code-editor-widget.vue2.js +0 -1
- package/src/components/field-widget/code-editor-widget.vue2.js.map +1 -1
- package/src/components/field-widget/color-widget.vue2.js +0 -1
- package/src/components/field-widget/color-widget.vue2.js.map +1 -1
- package/src/components/field-widget/date-range-widget.vue2.js +0 -1
- package/src/components/field-widget/date-range-widget.vue2.js.map +1 -1
- package/src/components/field-widget/date-widget.vue2.js +0 -1
- package/src/components/field-widget/date-widget.vue2.js.map +1 -1
- package/src/components/field-widget/divider-widget.vue2.js +0 -1
- package/src/components/field-widget/divider-widget.vue2.js.map +1 -1
- package/src/components/field-widget/diy-compontent-widget.vue2.js +12 -4
- package/src/components/field-widget/diy-compontent-widget.vue2.js.map +1 -1
- package/src/components/field-widget/dropdown-widget.vue2.js +0 -1
- package/src/components/field-widget/dropdown-widget.vue2.js.map +1 -1
- package/src/components/field-widget/file-upload-widget.vue2.js +0 -1
- package/src/components/field-widget/file-upload-widget.vue2.js.map +1 -1
- package/src/components/field-widget/form-item-wrapper.vue.js +1 -1
- package/src/components/field-widget/form-item-wrapper.vue2.js +2 -2
- package/src/components/field-widget/form-item-wrapper.vue2.js.map +1 -1
- package/src/components/field-widget/html-text-widget.vue2.js +0 -1
- package/src/components/field-widget/html-text-widget.vue2.js.map +1 -1
- package/src/components/field-widget/input-widget.vue2.js +0 -1
- package/src/components/field-widget/input-widget.vue2.js.map +1 -1
- package/src/components/field-widget/number-widget.vue2.js +0 -1
- package/src/components/field-widget/number-widget.vue2.js.map +1 -1
- package/src/components/field-widget/radio-widget.vue2.js +0 -1
- package/src/components/field-widget/radio-widget.vue2.js.map +1 -1
- package/src/components/field-widget/rate-widget.vue2.js +0 -1
- package/src/components/field-widget/rate-widget.vue2.js.map +1 -1
- package/src/components/field-widget/rich-editor-widget.vue2.js +0 -1
- package/src/components/field-widget/rich-editor-widget.vue2.js.map +1 -1
- package/src/components/field-widget/select-widget.vue2.js +0 -1
- package/src/components/field-widget/select-widget.vue2.js.map +1 -1
- package/src/components/field-widget/slider-widget.vue2.js +0 -1
- package/src/components/field-widget/slider-widget.vue2.js.map +1 -1
- package/src/components/field-widget/static-text-widget.vue2.js +0 -1
- package/src/components/field-widget/static-text-widget.vue2.js.map +1 -1
- package/src/components/field-widget/switch-widget.vue2.js +0 -1
- package/src/components/field-widget/switch-widget.vue2.js.map +1 -1
- package/src/components/field-widget/textarea-widget.vue2.js +0 -1
- package/src/components/field-widget/textarea-widget.vue2.js.map +1 -1
- package/src/components/field-widget/time-range-widget.vue2.js +0 -1
- package/src/components/field-widget/time-range-widget.vue2.js.map +1 -1
- package/src/components/field-widget/time-widget.vue2.js +0 -1
- package/src/components/field-widget/time-widget.vue2.js.map +1 -1
- package/src/components/field-widget/tree-widget.vue2.js +0 -1
- package/src/components/field-widget/tree-widget.vue2.js.map +1 -1
- package/src/components/field-widget/treeSelect-widget.vue2.js +0 -1
- package/src/components/field-widget/treeSelect-widget.vue2.js.map +1 -1
- package/src/components/field-widget/vue-render-widget.vue2.js +0 -1
- package/src/components/field-widget/vue-render-widget.vue2.js.map +1 -1
- package/src/components/form-render/RenderWigetList.vue2.js +7 -6
- package/src/components/form-render/RenderWigetList.vue2.js.map +1 -1
- package/src/components/form-render/container-items/data-table-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/data-table-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/grid-col-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/grid-col-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/grid-sub-form-widget.vue.js +1 -1
- package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js +2 -6
- package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/grid-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/grid-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/tab-widget.vue.js +1 -1
- package/src/components/form-render/container-items/tab-widget.vue2.js +10 -4
- package/src/components/form-render/container-items/tab-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/vf-box-widget.vue.js +1 -1
- package/src/components/form-render/container-items/vf-box-widget.vue2.js +4 -6
- package/src/components/form-render/container-items/vf-box-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/vf-collapse-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/vf-collapse-widget.vue2.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue.js +50 -127
- package/src/components/public/ActionButtonListRender.vue.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue2.js +130 -0
- package/src/components/public/{ActionButtonListRender.vue3.js.map → ActionButtonListRender.vue2.js.map} +1 -1
- package/src/components/public/ConfigView/CustomPageRender.vue.js +1 -1
- package/src/components/public/CustomerModal/CustomerModal.vue2.js +1 -1
- package/src/components/public/DynamicDialog.vue.js +1 -1
- package/src/components/render/index.vue2.js +1 -1
- package/stats.html +1 -1
- package/src/components/public/ActionButtonListRender.vue3.js +0 -53
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-widget.vue2.js","sources":["../../../../src/components/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-textarea\n type=\"textarea\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :size=\"size\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :readonly=\"field.options.readonly\"\n :placeholder=\"field.options.placeholder\"\n :rows=\"field.options.rows\"\n :minlength=\"field.options.minLength\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-else=\"isReadMode\">\n <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.textarea,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n field,\n fieldModel,\n isReadMode,\n size,\n\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 .readonly-mode-field {\n display: inline-block;\n white-space: pre-wrap;\n line-height: 1.5;\n max-height: 100px;\n overflow-y: auto;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock"],"mappings":"
|
|
1
|
+
{"version":3,"file":"textarea-widget.vue2.js","sources":["../../../../src/components/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-textarea\n type=\"textarea\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :size=\"size\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :readonly=\"field.options.readonly\"\n :placeholder=\"field.options.placeholder\"\n :rows=\"field.options.rows\"\n :minlength=\"field.options.minLength\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-else=\"isReadMode\">\n <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.textarea,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n field,\n fieldModel,\n isReadMode,\n size,\n\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 .readonly-mode-field {\n display: inline-block;\n white-space: pre-wrap;\n line-height: 1.5;\n max-height: 100px;\n overflow-y: auto;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDuDA,MAAA,YAAA,KAAxDC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAgBE;AAAA,WAZSA,MAAA,UAAA,kBAJXE,YAgBE,uBAAA;AAAA;YAfE,MAAK;AAAA,YACL,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,MAAMA,MAAA,IAAA;AAAA,YACN,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACxB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA,yKAGPI,mBAA2D,OAAA;AAAA;YAAtD,WAAQJ,MAAA,UAAA;AAAA,YAAY,OAAM;AAAA,UAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-range-widget.vue2.js","sources":["../../../../src/components/field-widget/time-range-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time-range' : ''\n ]\"\n >\n <a-time-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :inputReadOnly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"[\n field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n ]\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { computed } from 'vue';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.timeRange,\n componentName: ComponentNameEnum.FieldWidget\n });\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 handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) {\n return '--';\n } else {\n return fieldModel.value?.join('-');\n }\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time-range {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-range-widget.vue2.js","sources":["../../../../src/components/field-widget/time-range-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time-range' : ''\n ]\"\n >\n <a-time-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :inputReadOnly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"[\n field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n ]\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { computed } from 'vue';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.timeRange,\n componentName: ComponentNameEnum.FieldWidget\n });\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 handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) {\n return '--';\n } else {\n return fieldModel.value?.join('-');\n }\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time-range {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2CI,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,OAAO;AACH,gBAAO,gBAAW,UAAX,mBAAkB,KAAK;AAAA,MAClC;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArEwCA,MAAA,YAAA,KAAzCC,aAAAC,YA6BoB,iBA7BpBC,WA6BoB,EAAA,KAAA,EAAA,GA7BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA2BM;AAAA,UA3BNI,mBA2BM,OAAA;AAAA,YA1BD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,6BAAA;AAAA,YAAA;;YAK5GM,YAiBE,gCAAA;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMN,MAAA,IAAA;AAAA,cACC,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,qBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,cAAA;AAAA,cACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAW;AAAA,gBAAwBA,MAAA,KAAA,EAAM,QAAQ,oBAAoBA,MAAA,KAAA,EAAK,kCAAA;AAAA,gBAA0DA,MAAA,KAAA,EAAM,QAAQ,kBAAkBA,MAAA,KAAA,EAAK,gCAAA;AAAA,cAAA;AAAA,cAIzK,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-widget.vue2.js","sources":["../../../../src/components/field-widget/time-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time' : ''\n ]\"\n >\n <a-time-picker\n :size=\"size\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled\"\n :inputReadOnly=\"field.options.readonly\"\n :readonly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\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 defineOptions({\n name: WidgetTypeEnum.time,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\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<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-widget.vue2.js","sources":["../../../../src/components/field-widget/time-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time' : ''\n ]\"\n >\n <a-time-picker\n :size=\"size\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled\"\n :inputReadOnly=\"field.options.readonly\"\n :readonly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\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 defineOptions({\n name: WidgetTypeEnum.time,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\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<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsCI,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,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAyBoB,iBAzBpBC,WAyBoB,EAAA,KAAA,EAAA,GAzBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAuBM;AAAA,UAvBNI,mBAuBM,OAAA;AAAA,YAtBD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,uBAAA;AAAA,YAAA;;YAK5GM,YAaE,0BAAA;AAAA,cAZG,MAAMN,MAAA,IAAA;AAAA,cACP,KAAI;AAAA,cACI,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,6BAAA;AAAA,cAC/C,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAyD,QAAzD,YAAyDC,gBAApBR,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-widget.vue2.js","sources":["../../../../src/components/field-widget/tree-widget.vue"],"sourcesContent":["<template>\n <FormItemWrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"full-width-input\">\n <Tree\n :size=\"size\"\n :show-line=\"field.options.showLine\"\n :showIcon=\"field.options.showIcon\"\n :treeData=\"treeData || []\"\n :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n :checkable=\"field.options.checkable\"\n ref=\"fieldEditor\"\n :fieldNames=\"{ key: valueKey, title: labelKey, children: childrenKey }\"\n :multiple=\"field.options.multiple\"\n :selectable=\"field.options.selectable\"\n @check=\"onCheck\"\n />\n </div>\n </FormItemWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { Tree } from 'ant-design-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 { ref, watchEffect } from 'vue';\n import { TreeWidget } from '../../widget-panel/advanced/tree';\n defineOptions({\n name: WidgetTypeEnum.cascader,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps<TreeWidget>>(), {});\n\n const {\n rules,\n executeFunction,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n defineExposed\n } = useField(props);\n\n const { labelKey, valueKey, childrenKey } = useSelect({\n field,\n fieldModel,\n designState\n });\n\n const treeData = ref<any[]>([]);\n\n const onCheck = (checkedKeys, e) => {\n if (!field.options.onCheck) {\n return;\n }\n executeFunction({\n functionBody: field.options.onCheck,\n params: { checkedKeys, e },\n keys: ['checkedKeys', 'e'],\n errorCallback: error => {\n console.error('Custom render error:', error);\n }\n });\n };\n\n watchEffect(() => {\n if (props.field.options.dsEnabled) {\n } else {\n treeData.value = props.field.options.treeData || [];\n }\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n :deep(.ant-tree) {\n background: transparent;\n .ant-tree-checkbox {\n margin-block-start: 0;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_createVNode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tree-widget.vue2.js","sources":["../../../../src/components/field-widget/tree-widget.vue"],"sourcesContent":["<template>\n <FormItemWrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"full-width-input\">\n <Tree\n :size=\"size\"\n :show-line=\"field.options.showLine\"\n :showIcon=\"field.options.showIcon\"\n :treeData=\"treeData || []\"\n :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n :checkable=\"field.options.checkable\"\n ref=\"fieldEditor\"\n :fieldNames=\"{ key: valueKey, title: labelKey, children: childrenKey }\"\n :multiple=\"field.options.multiple\"\n :selectable=\"field.options.selectable\"\n @check=\"onCheck\"\n />\n </div>\n </FormItemWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { Tree } from 'ant-design-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 { ref, watchEffect } from 'vue';\n import { TreeWidget } from '../../widget-panel/advanced/tree';\n defineOptions({\n name: WidgetTypeEnum.cascader,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps<TreeWidget>>(), {});\n\n const {\n rules,\n executeFunction,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n defineExposed\n } = useField(props);\n\n const { labelKey, valueKey, childrenKey } = useSelect({\n field,\n fieldModel,\n designState\n });\n\n const treeData = ref<any[]>([]);\n\n const onCheck = (checkedKeys, e) => {\n if (!field.options.onCheck) {\n return;\n }\n executeFunction({\n functionBody: field.options.onCheck,\n params: { checkedKeys, e },\n keys: ['checkedKeys', 'e'],\n errorCallback: error => {\n console.error('Custom render error:', error);\n }\n });\n };\n\n watchEffect(() => {\n if (props.field.options.dsEnabled) {\n } else {\n treeData.value = props.field.options.treeData || [];\n }\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n :deep(.ant-tree) {\n background: transparent;\n .ant-tree-checkbox {\n margin-block-start: 0;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,UAAU,UAAU,YAAA,IAAgB,UAAU;AAAA,MAClD;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,WAAW,IAAW,EAAE;AAE9B,UAAM,UAAU,CAAC,aAAa,MAAM;AAChC,UAAI,CAAC,MAAM,QAAQ,SAAS;AACxB;AAAA,MACJ;AACA,sBAAgB;AAAA,QACZ,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,aAAa,EAAA;AAAA,QACvB,MAAM,CAAC,eAAe,GAAG;AAAA,QACzB,eAAe,CAAA,UAAS;AACpB,kBAAQ,MAAM,wBAAwB,KAAK;AAAA,QAC/C;AAAA,MAAA,CACH;AAAA,IACL;AAEA,gBAAY,MAAM;AACd,UAAI,MAAM,MAAM,QAAQ,UAAW;AAAA,WAC5B;AACH,iBAAS,QAAQ,MAAM,MAAM,QAAQ,YAAY,CAAA;AAAA,MACrD;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA7EsCA,MAAA,YAAA,KAAvCC,aAAAC,YAgBkB,iBAhBlBC,WAgBkB,EAAA,KAAA,EAAA,GAhBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC9D,MAcM;AAAA,UAdNI,mBAcM,OAdN,YAcM;AAAA,YAbFC,YAYEL,MAAA,IAAA,GAAA;AAAA,cAXG,MAAMA,MAAA,IAAA;AAAA,cACN,aAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACzB,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,UAAU,SAAA,SAAQ,CAAA;AAAA,cAClB,2BAAyBA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvC,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,uBACtB;AAAA,cAAJ,KAAI;AAAA,cACH,YAAU,EAAA,KAASA,MAAA,QAAA,GAAQ,OAASA,MAAA,QAAA,aAAoBA,MAAA,WAAA,EAAA;AAAA,cACxD,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B;AAAA,YAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"treeSelect-widget.vue2.js","sources":["../../../../src/components/field-widget/treeSelect-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n <a-tree-select\n v-show=\"!isReadMode\"\n :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n ref=\"fieldEditor\"\n :size=\"size\"\n :treeData=\"field.options.optionItems\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n :multiple=\"field.options.multiple\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { type FieldProps, useField } 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\n defineOptions({\n name: WidgetTypeEnum.treeSelect,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n fieldEditor,\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: props.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(props.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","_normalizeClass","_createVNode","field","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"treeSelect-widget.vue2.js","sources":["../../../../src/components/field-widget/treeSelect-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n <a-tree-select\n v-show=\"!isReadMode\"\n :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n ref=\"fieldEditor\"\n :size=\"size\"\n :treeData=\"field.options.optionItems\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n :multiple=\"field.options.multiple\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { type FieldProps, useField } 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\n defineOptions({\n name: WidgetTypeEnum.treeSelect,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n fieldEditor,\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: props.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(props.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","_normalizeClass","_createVNode","field","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,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,EAAE,UAAU,UAAU,aAAa,gBAAA,IAAoB,UAAU;AAAA,MACnE,OAAO,MAAM;AAAA,MACb;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,MAAM,QAAQ,aAAa,WAAW,OAAO;AAAA,QAC1E,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,OAAA;AAAA,YAnBD,OAAKC,eAAA,CAAC,oBAAkB,EAAA,0BAAqCL,MAAA,UAAA,GAAU,CAAA;AAAA,UAAA;2BACxEM,YAcE,0BAAA;AAAA,cAZG,2BAAyBC,KAAAA,MAAM,QAAQ;AAAA,uBACpC;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMP,MAAA,IAAA;AAAA,cACN,UAAUO,KAAAA,MAAM,QAAQ;AAAA,cACjB,OAAOP,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYO,KAAAA,MAAM,QAAQ;AAAA,cAC1B,aAAaA,KAAAA,MAAM,QAAQ,eAAeP,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWA,MAAA,QAAA,GAAQ,OAASA,MAAA,QAAA,aAAoBA,MAAA,WAAA,EAAA;AAAA,cAC1D,UAAUO,KAAAA,MAAM,QAAQ;AAAA,cACxB,SAAOP,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;uBAZEA,MAAA,UAAA,CAAU;AAAA,YAAA;YAcPA,MAAA,UAAA,kBACZQ,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vue-render-widget.vue2.js","sources":["../../../../src/components/field-widget/vue-render-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 { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { toRefs } from 'vue';\n\n defineOptions({\n name: WidgetTypeEnum.vueRender,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n useField(props);\n\n const renderCompont = () => {\n if (field.options.template) {\n const sfcString = field.options.template;\n const templateMatch = sfcString.match(/<template>([\\s\\S]*)<\\/template>/);\n const scriptMatch = sfcString.match(/<script.*?>([\\s\\S]*)<\\/script>/);\n const styleMatch = sfcString.match(/<style.*?>([\\s\\S]*)<\\/style>/);\n\n const template = templateMatch ? templateMatch[1] : '';\n let scriptContent = scriptMatch ? scriptMatch[1] : 'export default {}';\n const style = styleMatch ? styleMatch[1] : '';\n\n // Handle style\n if (style) {\n const styleId = `vue-render-style-${field.options.name}`;\n if (!document.getElementById(styleId)) {\n const styleTag = document.createElement('style');\n styleTag.id = styleId;\n styleTag.textContent = style;\n document.head.appendChild(styleTag);\n }\n }\n\n // Handle script\n // Replace export default with return to make it evaluatable\n scriptContent = scriptContent.replace('export default', 'return');\n\n try {\n const getOptions = new Function(scriptContent);\n const componentOptions = getOptions() || {};\n\n return {\n template,\n ...componentOptions,\n props: ['data'], // Ensure data prop is available if not defined\n setup(props, ctx) {\n // Call original setup if it exists\n const originalSetup = componentOptions.setup\n ? componentOptions.setup(props, ctx)\n : {};\n return {\n ...toRefs(props),\n ...originalSetup\n };\n }\n };\n } catch (e) {\n console.error('Failed to parse component script', e);\n return { template: '<div>Error parsing component</div>' };\n }\n }\n // Assuming executeFunction and fieldModel are defined elsewhere or will be added.\n // This part of the code was provided in the instruction, but its dependencies are not in the original snippet.\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":["props","_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"vue-render-widget.vue2.js","sources":["../../../../src/components/field-widget/vue-render-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 { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { toRefs } from 'vue';\n\n defineOptions({\n name: WidgetTypeEnum.vueRender,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n useField(props);\n\n const renderCompont = () => {\n if (field.options.template) {\n const sfcString = field.options.template;\n const templateMatch = sfcString.match(/<template>([\\s\\S]*)<\\/template>/);\n const scriptMatch = sfcString.match(/<script.*?>([\\s\\S]*)<\\/script>/);\n const styleMatch = sfcString.match(/<style.*?>([\\s\\S]*)<\\/style>/);\n\n const template = templateMatch ? templateMatch[1] : '';\n let scriptContent = scriptMatch ? scriptMatch[1] : 'export default {}';\n const style = styleMatch ? styleMatch[1] : '';\n\n // Handle style\n if (style) {\n const styleId = `vue-render-style-${field.options.name}`;\n if (!document.getElementById(styleId)) {\n const styleTag = document.createElement('style');\n styleTag.id = styleId;\n styleTag.textContent = style;\n document.head.appendChild(styleTag);\n }\n }\n\n // Handle script\n // Replace export default with return to make it evaluatable\n scriptContent = scriptContent.replace('export default', 'return');\n\n try {\n const getOptions = new Function(scriptContent);\n const componentOptions = getOptions() || {};\n\n return {\n template,\n ...componentOptions,\n props: ['data'], // Ensure data prop is available if not defined\n setup(props, ctx) {\n // Call original setup if it exists\n const originalSetup = componentOptions.setup\n ? componentOptions.setup(props, ctx)\n : {};\n return {\n ...toRefs(props),\n ...originalSetup\n };\n }\n };\n } catch (e) {\n console.error('Failed to parse component script', e);\n return { template: '<div>Error parsing component</div>' };\n }\n }\n // Assuming executeFunction and fieldModel are defined elsewhere or will be added.\n // This part of the code was provided in the instruction, but its dependencies are not in the original snippet.\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":["props","_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,OAAO,YAAY,cAAc,eAAe,gBAAA,IAC3D,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,UAAI,MAAM,QAAQ,UAAU;AACxB,cAAM,YAAY,MAAM,QAAQ;AAChC,cAAM,gBAAgB,UAAU,MAAM,iCAAiC;AACvE,cAAM,cAAc,UAAU,MAAM,gCAAgC;AACpE,cAAM,aAAa,UAAU,MAAM,8BAA8B;AAEjE,cAAM,WAAW,gBAAgB,cAAc,CAAC,IAAI;AACpD,YAAI,gBAAgB,cAAc,YAAY,CAAC,IAAI;AACnD,cAAM,QAAQ,aAAa,WAAW,CAAC,IAAI;AAG3C,YAAI,OAAO;AACP,gBAAM,UAAU,oBAAoB,MAAM,QAAQ,IAAI;AACtD,cAAI,CAAC,SAAS,eAAe,OAAO,GAAG;AACnC,kBAAM,WAAW,SAAS,cAAc,OAAO;AAC/C,qBAAS,KAAK;AACd,qBAAS,cAAc;AACvB,qBAAS,KAAK,YAAY,QAAQ;AAAA,UACtC;AAAA,QACJ;AAIA,wBAAgB,cAAc,QAAQ,kBAAkB,QAAQ;AAEhE,YAAI;AACA,gBAAM,aAAa,IAAI,SAAS,aAAa;AAC7C,gBAAM,mBAAmB,WAAA,KAAgB,CAAA;AAEzC,iBAAO;AAAA,YACH;AAAA,YACA,GAAG;AAAA,YACH,OAAO,CAAC,MAAM;AAAA;AAAA,YACd,MAAMA,QAAO,KAAK;AAEd,oBAAM,gBAAgB,iBAAiB,QACjC,iBAAiB,MAAMA,QAAO,GAAG,IACjC,CAAA;AACN,qBAAO;AAAA,gBACH,GAAG,OAAOA,MAAK;AAAA,gBACf,GAAG;AAAA,cAAA;AAAA,YAEX;AAAA,UAAA;AAAA,QAER,SAAS,GAAG;AACR,kBAAQ,MAAM,oCAAoC,CAAC;AACnD,iBAAO,EAAE,UAAU,qCAAA;AAAA,QACvB;AAAA,MACJ;AAGA,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;;cArFwCC,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,EAApC,KAAI,cAAA,GAAa,MAAA,GAAA;AAAA,UAAA;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, inject, createElementBlock, openBlock, Fragment, renderList, createBlock, resolveDynamicComponent, unref, createSlots, withCtx, renderSlot, mergeProps } from "vue";
|
|
1
|
+
import { defineComponent, inject, provide, toRef, createElementBlock, openBlock, Fragment, renderList, createBlock, resolveDynamicComponent, unref, createSlots, withCtx, renderSlot, mergeProps } from "vue";
|
|
2
2
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
3
|
...{
|
|
4
4
|
inheritAttrs: false,
|
|
@@ -7,7 +7,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
7
7
|
__name: "RenderWigetList",
|
|
8
8
|
props: {
|
|
9
9
|
subFormRowIndex: { default: void 0 },
|
|
10
|
-
subFormRowId: { default: void 0 },
|
|
11
10
|
widgetList: { default: () => [] },
|
|
12
11
|
parentWidget: { default: null }
|
|
13
12
|
},
|
|
@@ -15,6 +14,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
15
14
|
const getWidget = inject("getWidget", () => {
|
|
16
15
|
return () => null;
|
|
17
16
|
});
|
|
17
|
+
const props = __props;
|
|
18
|
+
if (typeof props.subFormRowIndex === "number") {
|
|
19
|
+
provide("subFormRowIndex", toRef(props.subFormRowIndex));
|
|
20
|
+
}
|
|
18
21
|
return (_ctx, _cache) => {
|
|
19
22
|
return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widgetList, (widget, index) => {
|
|
20
23
|
return openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
|
|
@@ -23,9 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
26
|
widget,
|
|
24
27
|
"parent-list": _ctx.widgetList,
|
|
25
28
|
"index-of-parent-list": index,
|
|
26
|
-
"parent-widget": widget
|
|
27
|
-
"sub-form-row-index": _ctx.subFormRowIndex,
|
|
28
|
-
"sub-form-row-id": _ctx.subFormRowId
|
|
29
|
+
"parent-widget": widget
|
|
29
30
|
}, createSlots({ _: 2 }, [
|
|
30
31
|
renderList(Object.keys(_ctx.$slots), (slot) => {
|
|
31
32
|
return {
|
|
@@ -35,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
35
36
|
])
|
|
36
37
|
};
|
|
37
38
|
})
|
|
38
|
-
]), 1032, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget"
|
|
39
|
+
]), 1032, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget"]);
|
|
39
40
|
}), 128);
|
|
40
41
|
};
|
|
41
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderWigetList.vue2.js","sources":["../../../../src/components/form-render/RenderWigetList.vue"],"sourcesContent":["<template>\n <component\n v-for=\"(widget, index) in widgetList\"\n :is=\"getWidget(widget)\"\n :field=\"widget\"\n :key=\"widget.id\"\n :widget=\"widget\"\n :parent-list=\"widgetList\"\n :index-of-parent-list=\"index\"\n :parent-widget=\"widget\"\n
|
|
1
|
+
{"version":3,"file":"RenderWigetList.vue2.js","sources":["../../../../src/components/form-render/RenderWigetList.vue"],"sourcesContent":["<template>\n <component\n v-for=\"(widget, index) in widgetList\"\n :is=\"getWidget(widget)\"\n :field=\"widget\"\n :key=\"widget.id\"\n :widget=\"widget\"\n :parent-list=\"widgetList\"\n :index-of-parent-list=\"index\"\n :parent-widget=\"widget\"\n >\n <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n <slot :name=\"slot\" v-bind=\"scope\"></slot>\n </template>\n </component>\n</template>\n\n<script lang=\"ts\" setup>\n import type { Widget } from '@kp-ui/lowcode-core';\n import { inject, provide, toRef } from 'vue';\n defineOptions({\n inheritAttrs: false,\n name: 'RenderWigetList'\n });\n\n const getWidget = inject<(widget: Widget) => any>('getWidget', () => {\n return () => null;\n });\n\n const props = withDefaults(\n defineProps<{\n subFormRowIndex?: number | undefined;\n widgetList: Widget[] | null;\n parentWidget: Widget | null;\n }>(),\n {\n parentWidget: null,\n widgetList: () => [],\n subFormRowIndex: undefined\n }\n );\n\n if (typeof props.subFormRowIndex === 'number') {\n provide('subFormRowIndex', toRef(props.subFormRowIndex));\n }\n</script>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","widgetList","_createBlock","_resolveDynamicComponent","_unref","$slots","_withCtx","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;AAyBI,UAAM,YAAY,OAAgC,aAAa,MAAM;AACjE,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,QAAQ;AAad,QAAI,OAAO,MAAM,oBAAoB,UAAU;AAC3C,cAAQ,mBAAmB,MAAM,MAAM,eAAe,CAAC;AAAA,IAC3D;;AA3CA,aAAAA,UAAA,IAAA,GAAAC,mBAaYC,UAAA,MAAAC,WAZkBC,KAAAA,YAAU,CAA5B,QAAQ,UAAK;4BADzBC,YAaYC,wBAXHC,MAAA,SAAA,EAAU,MAAM,CAAA,GAAA;AAAA,UACpB,OAAO;AAAA,UACP,KAAK,OAAO;AAAA,UACZ;AAAA,UACA,eAAaH,KAAAA;AAAAA,UACb,wBAAsB;AAAA,UACtB,iBAAe;AAAA,QAAA;UAESD,WAAA,OAAO,KAAKK,KAAAA,MAAM,IAA1B,SAAI;;oBAAgC;AAAA,cACjD,IAAAC,QAAA,CADyD,UAAK;AAAA,gBAC9DC,WAAyC,KAAA,QAA5B,MAAbC,WAAyC,mBAAd,KAAK,CAAA;AAAA,cAAA;;;;;;;;"}
|
|
@@ -19,9 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
widget: {},
|
|
20
20
|
field: {},
|
|
21
21
|
parentWidget: {},
|
|
22
|
-
indexOfParentList: {},
|
|
23
22
|
subFormRowIndex: {},
|
|
24
|
-
|
|
23
|
+
indexOfParentList: {}
|
|
25
24
|
},
|
|
26
25
|
setup(__props, { expose: __expose }) {
|
|
27
26
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\" v-if=\"!handleHidden\">\n <div class=\"table-toolbar t-flex t-justify-end\" v-if=\"showColumnManager\">\n <SvgIcon @click=\"openColumnDialog\" size=\"22\" type=\"icon-weizhi\" cursor shadow />\n </div>\n <Table\n @register=\"register\"\n :tableProps=\"tableProps\"\n :loading=\"isLoading\"\n :pagination=\"pagintion\"\n />\n <!-- 列管理弹窗 -->\n <DataTableColumnDialog\n v-model:visible=\"columnDialogVisible\"\n :columns=\"columnList\"\n :page-code=\"props.field.options.name\"\n :table-id=\"widget.id\"\n @update=\"handleUpdateColumns\"\n ref=\"columnDialogRef\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, onMounted, watchEffect } from 'vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useVxeTable, Table, SvgIcon } from 'tmgc2-share';\n import { useI18n } from '@kp-ui/i18n';\n import { useField } from '@kp-ui/lowcode-core';\n import { useTableWidget } from '../../desginer/form-widget/container-widget/useTableWidget';\n import { DataTableWidget } from '../../desginer/widget-panel/advanced';\n import DataTableColumnDialog from '../../public/DataTableColumnDialog.vue';\n\n const props = defineProps<WidgetProps<DataTableWidget>>();\n const { widget } = props;\n defineOptions({\n name: ContainerTypeEnum.DataTable,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const { t } = useI18n();\n const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n const {\n columns,\n isLoading,\n tableProps,\n tableWidth,\n pagintion,\n showColumnManager,\n setPagination,\n setTableRef,\n initTableSoureData,\n handleTableChange,\n onRunEvent,\n onSortChange,\n onCheckboxChange,\n tableDefinExpoed,\n // 列管理相关\n columnList,\n initColumnList,\n handleUpdateColumns\n } = useTableWidget({\n props,\n fieldModel,\n designState: false\n });\n\n watchEffect(() => {\n if (!props.field.options.showPagination) {\n setPagination({\n total: 0\n });\n }\n });\n\n pagintion.value.onChange = (current, pageSize) => {\n initTableSoureData();\n };\n\n // 打开列管理弹窗\n const openColumnDialog = () => {\n columnDialogVisible.value = true;\n };\n\n // 列管理弹窗\n const columnDialogVisible = ref(false);\n\n const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n props: {\n rowKey: props.field.options.rowKey,\n hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n clickRowCheck: props.field.options.colorRow\n },\n events: {\n dataChange: params => handleTableChange({ sorts: sorts.value }),\n cellDblclick: params => onRunEvent(params, 'onDblclick'),\n cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n },\n callbacks: {\n onCheckboxChange,\n onSortChange,\n cellClick: params => onRunEvent(params, 'onClick')\n }\n });\n\n const getSelectedRowKeys = () => {\n const selectRows = tableRef.value?.getCheckboxRecords() || [];\n return selectRows.map(item => item[props.field.options.rowKey]);\n };\n\n const getSelectedRows = () => {\n // return selectedRowInfo.value.selectedRows;\n return tableRef.value?.getCheckboxRecords(true);\n };\n\n /**\n * 获取字段编辑器\n * @returns 字段编辑器\n */\n const getFieldEditor = () => {\n // 获取内置的el表单组件\n return tableRef.value;\n };\n\n watchEffect(() => {\n if (tableRef.value) {\n setTableRef(tableRef.value);\n }\n });\n\n onMounted(() => {\n initTableSoureData();\n initColumnList();\n });\n\n defineExpose({\n ...defineExposed,\n ...tableDefinExpoed,\n delSelectRow,\n getFieldEditor,\n selectRow,\n getSelectedRowKeys,\n getSelectedRows,\n setPagination,\n sorts,\n selectedRowInfo,\n loadDataTableDataSource: initTableSoureData,\n fieldEditor: tableRef\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .talbe-wrapper {\n width: 100%;\n\n .table-toolbar {\n padding: 8px 0;\n margin-bottom: 8px;\n }\n\n .vxe-grid {\n width: 100%;\n }\n\n &__pagination {\n margin-top: 10px;\n display: flex;\n justify-content: end;\n }\n }\n</style>\n"],"names":["_a","_unref","_createElementBlock","_openBlock","_createVNode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\" v-if=\"!handleHidden\">\n <div class=\"table-toolbar t-flex t-justify-end\" v-if=\"showColumnManager\">\n <SvgIcon @click=\"openColumnDialog\" size=\"22\" type=\"icon-weizhi\" cursor shadow />\n </div>\n <Table\n @register=\"register\"\n :tableProps=\"tableProps\"\n :loading=\"isLoading\"\n :pagination=\"pagintion\"\n />\n <!-- 列管理弹窗 -->\n <DataTableColumnDialog\n v-model:visible=\"columnDialogVisible\"\n :columns=\"columnList\"\n :page-code=\"props.field.options.name\"\n :table-id=\"widget.id\"\n @update=\"handleUpdateColumns\"\n ref=\"columnDialogRef\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, onMounted, watchEffect } from 'vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useVxeTable, Table, SvgIcon } from 'tmgc2-share';\n import { useI18n } from '@kp-ui/i18n';\n import { useField } from '@kp-ui/lowcode-core';\n import { useTableWidget } from '../../desginer/form-widget/container-widget/useTableWidget';\n import { DataTableWidget } from '../../desginer/widget-panel/advanced';\n import DataTableColumnDialog from '../../public/DataTableColumnDialog.vue';\n\n const props = defineProps<WidgetProps<DataTableWidget>>();\n const { widget } = props;\n defineOptions({\n name: ContainerTypeEnum.DataTable,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const { t } = useI18n();\n const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n const {\n columns,\n isLoading,\n tableProps,\n tableWidth,\n pagintion,\n showColumnManager,\n setPagination,\n setTableRef,\n initTableSoureData,\n handleTableChange,\n onRunEvent,\n onSortChange,\n onCheckboxChange,\n tableDefinExpoed,\n // 列管理相关\n columnList,\n initColumnList,\n handleUpdateColumns\n } = useTableWidget({\n props,\n fieldModel,\n designState: false\n });\n\n watchEffect(() => {\n if (!props.field.options.showPagination) {\n setPagination({\n total: 0\n });\n }\n });\n\n pagintion.value.onChange = (current, pageSize) => {\n initTableSoureData();\n };\n\n // 打开列管理弹窗\n const openColumnDialog = () => {\n columnDialogVisible.value = true;\n };\n\n // 列管理弹窗\n const columnDialogVisible = ref(false);\n\n const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n props: {\n rowKey: props.field.options.rowKey,\n hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n clickRowCheck: props.field.options.colorRow\n },\n events: {\n dataChange: params => handleTableChange({ sorts: sorts.value }),\n cellDblclick: params => onRunEvent(params, 'onDblclick'),\n cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n },\n callbacks: {\n onCheckboxChange,\n onSortChange,\n cellClick: params => onRunEvent(params, 'onClick')\n }\n });\n\n const getSelectedRowKeys = () => {\n const selectRows = tableRef.value?.getCheckboxRecords() || [];\n return selectRows.map(item => item[props.field.options.rowKey]);\n };\n\n const getSelectedRows = () => {\n // return selectedRowInfo.value.selectedRows;\n return tableRef.value?.getCheckboxRecords(true);\n };\n\n /**\n * 获取字段编辑器\n * @returns 字段编辑器\n */\n const getFieldEditor = () => {\n // 获取内置的el表单组件\n return tableRef.value;\n };\n\n watchEffect(() => {\n if (tableRef.value) {\n setTableRef(tableRef.value);\n }\n });\n\n onMounted(() => {\n initTableSoureData();\n initColumnList();\n });\n\n defineExpose({\n ...defineExposed,\n ...tableDefinExpoed,\n delSelectRow,\n getFieldEditor,\n selectRow,\n getSelectedRowKeys,\n getSelectedRows,\n setPagination,\n sorts,\n selectedRowInfo,\n loadDataTableDataSource: initTableSoureData,\n fieldEditor: tableRef\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .talbe-wrapper {\n width: 100%;\n\n .table-toolbar {\n padding: 8px 0;\n margin-bottom: 8px;\n }\n\n .vxe-grid {\n width: 100%;\n }\n\n &__pagination {\n margin-top: 10px;\n display: flex;\n justify-content: end;\n }\n }\n</style>\n"],"names":["_a","_unref","_createElementBlock","_openBlock","_createVNode"],"mappings":"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"}
|
|
@@ -13,9 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
13
13
|
widget: {},
|
|
14
14
|
field: {},
|
|
15
15
|
parentWidget: {},
|
|
16
|
-
indexOfParentList: {},
|
|
17
16
|
subFormRowIndex: {},
|
|
18
|
-
|
|
17
|
+
indexOfParentList: {},
|
|
19
18
|
colHeight: { default: null }
|
|
20
19
|
},
|
|
21
20
|
setup(__props, { expose: __expose }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-col-widget.vue"],"sourcesContent":["<template>\n <a-col v-if=\"!handleHidden\" class=\"grid-cell\" v-bind=\"layoutProps\" :style=\"colHeightStyle\">\n <RenderWigetList :widgetList=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n </a-col>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed, ref } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n defineOptions({\n name: ContainerTypeEnum.GridColWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n const props = withDefaults(defineProps<WidgetProps & { colHeight: number | null }>(), {\n colHeight: null\n });\n\n const colHeightStyle = computed(() => {\n return props.colHeight ? { height: props.colHeight } : {};\n });\n\n const layoutProps = ref({\n span: props.widget.options.span || 12,\n offset: props.widget.options.offset || 0,\n push: props.widget.options.push || 0,\n pull: props.widget.options.pull || 0\n });\n\n const { handleHidden, defineExposed } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-cell {\n padding: 3px;\n position: relative;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","RenderWigetList","widget"],"mappings":"
|
|
1
|
+
{"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-col-widget.vue"],"sourcesContent":["<template>\n <a-col v-if=\"!handleHidden\" class=\"grid-cell\" v-bind=\"layoutProps\" :style=\"colHeightStyle\">\n <RenderWigetList :widgetList=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n </a-col>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderWigetList from '../RenderWigetList.vue';\n import { computed, ref } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n defineOptions({\n name: ContainerTypeEnum.GridColWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n const props = withDefaults(defineProps<WidgetProps & { colHeight: number | null }>(), {\n colHeight: null\n });\n\n const colHeightStyle = computed(() => {\n return props.colHeight ? { height: props.colHeight } : {};\n });\n\n const layoutProps = ref({\n span: props.widget.options.span || 12,\n offset: props.widget.options.offset || 0,\n push: props.widget.options.push || 0,\n pull: props.widget.options.pull || 0\n });\n\n const { handleHidden, defineExposed } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-cell {\n padding: 3px;\n position: relative;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","RenderWigetList","widget"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBI,UAAM,QAAQ;AAId,UAAM,iBAAiB,SAAS,MAAM;AAClC,aAAO,MAAM,YAAY,EAAE,QAAQ,MAAM,UAAA,IAAc,CAAA;AAAA,IAC3D,CAAC;AAED,UAAM,cAAc,IAAI;AAAA,MACpB,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,QAAQ,MAAM,OAAO,QAAQ,UAAU;AAAA,MACvC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,MAAM,MAAM,OAAO,QAAQ,QAAQ;AAAA,IAAA,CACtC;AAED,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cApCaA,MAAA,YAAA,KAAdC,aAAAC,YAEQ,kBAFRC,WAEQ;AAAA;QAFoB,OAAM;AAAA,MAAA,GAAoB,YAAA,OAAW,EAAG,OAAO,eAAA,MAAA,CAAc,GAAA;AAAA,yBACrF,MAAgF;AAAA,UAAhFC,YAAgFC,aAAA;AAAA,YAA9D,YAAYC,KAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,KAAAA;AAAAA,UAAAA;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./grid-sub-form-widget.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79efc207"]]);
|
|
5
5
|
export {
|
|
6
6
|
GridSubFormWidget as default
|
|
7
7
|
};
|
|
@@ -24,9 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
24
24
|
widget: {},
|
|
25
25
|
field: {},
|
|
26
26
|
parentWidget: {},
|
|
27
|
-
indexOfParentList: {},
|
|
28
27
|
subFormRowIndex: {},
|
|
29
|
-
|
|
28
|
+
indexOfParentList: {}
|
|
30
29
|
},
|
|
31
30
|
setup(__props, { expose: __expose }) {
|
|
32
31
|
provide("isSubFormField", true);
|
|
@@ -64,12 +63,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
64
63
|
}
|
|
65
64
|
};
|
|
66
65
|
const addSubFormRow = () => {
|
|
67
|
-
console.log(443243);
|
|
68
66
|
const oldSubFormData = fieldModel.value || [];
|
|
69
67
|
oldSubFormData.push(createNewRowData());
|
|
70
|
-
|
|
71
|
-
fieldModel.value = oldSubFormData;
|
|
72
|
-
}
|
|
68
|
+
fieldModel.value = oldSubFormData;
|
|
73
69
|
nextTick(() => {
|
|
74
70
|
if (props.widget.options.onSubFormRowAdd) {
|
|
75
71
|
executeFunction({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n <div v-for=\"(item, sfrIdx) in listData\" class=\"sub-form-row\" :key=\"item.__id || sfrIdx\">\n <div class=\"row-no-column\">\n <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n </div>\n <div class=\"grid-sub-form-data-row\">\n <RenderWigetList\n :widgetList=\"widget.widgetList || []\"\n :parentWidget=\"widget\"\n :subFormRowIndex=\"sfrIdx\"\n />\n </div>\n <div class=\"sub-form-action-column hide-label\">\n <div class=\"action-button-column\" v-show=\"!isReadMode\">\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.insertSubFormRow')\"\n :disabled=\"actionDisabled || insertDisabled\"\n @click=\"insertSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <PlusOutlined />\n </template>\n </a-button>\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.deleteSubFormRow')\"\n :disabled=\"actionDisabled || deleteDisabled\"\n v-show=\"!onSubFormRowDeleteHide || !onSubFormRowDeleteHide(sfrIdx)\"\n @click=\"deleteSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <DeleteOutlined />\n </template>\n </a-button>\n </div>\n </div>\n </div>\n <div class=\"header-row\">\n <a-button\n block\n v-if=\"!isReadMode\"\n :disabled=\"actionDisabled || insertDisabled\"\n shape=\"round\"\n type=\"dashed\"\n size=\"small\"\n class=\"action-button\"\n @click=\"addSubFormRow\"\n :title=\"i18nt('render.hint.subFormAddActionHint')\"\n >\n <template #icon>\n <svg-icon icon-class=\"icon-el-plus\" />\n </template>\n {{ i18nt('render.hint.subFormAddAction') }}\n </a-button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, provide, onMounted, nextTick, computed } from 'vue';\n import { deepClone, traverseFieldWidgetsOfContainer } from '@kp-ui/lowcode-core/src/utils/util';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TpfDelConfirm, SvgIcon } from 'tmgc2-share';\n import {\n useI18n,\n useField,\n ComponentNameEnum,\n ContainerTypeEnum,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\n import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n defineOptions({\n name: ContainerTypeEnum.GridSubFormWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n provide('isSubFormField', true);\n provide('getSubFormName', () => props.widget.options.name);\n\n const { i18nt } = useI18n();\n const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n const fieldWidgetList = ref<any[]>([]);\n const insertDisabled = ref(false);\n const deleteDisabled = ref(false);\n const actionDisabled = ref(false);\n\n const { fieldModel, isReadMode, handleHidden, executeFunction, defineExposed } =\n useField(props);\n\n const listData = computed(() => (fieldModel.value || []) as any[]);\n\n const extractFieldWidgetList = () => {\n fieldWidgetList.value = [];\n traverseFieldWidgetsOfContainer(props.widget, (fw: any) => {\n fieldWidgetList.value.push(fw);\n });\n };\n\n const createNewRowData = () => {\n const newRow: Record<string, any> = {};\n fieldWidgetList.value.forEach(item => {\n if (item?.formItemFlag) {\n newRow[item.options.name] = item.options.defaultValue;\n }\n });\n return newRow;\n };\n\n const callSubFormRowChange = (subFormData: any) => {\n if (props.widget.options.onSubFormRowChange) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowChange,\n keys: ['subFormData'],\n params: { subFormData }\n });\n }\n };\n\n const addSubFormRow = () => {\n console.log(443243);\n\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.push(createNewRowData());\n if (!fieldModel.value) {\n fieldModel.value = oldSubFormData;\n }\n nextTick(() => {\n if (props.widget.options.onSubFormRowAdd) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowAdd,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const insertSubFormRow = (index: number) => {\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.splice(index, 0, createNewRowData());\n if (!fieldModel.value) {\n fieldModel.value = oldSubFormData;\n }\n nextTick(() => {\n if (props.widget.options.onSubFormRowInsert) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowInsert,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const deleteSubFormRow = (index: number) => {\n TpfDelConfirm({\n type: 'confirm',\n content: i18nt('render.hint.deleteSubFormRow') + '?',\n title: i18nt('render.hint.prompt'),\n okText: i18nt('render.hint.confirm'),\n cancelText: i18nt('render.hint.cancel')\n }).then(() => {\n const oldSubFormData = fieldModel.value || [];\n const deletedDataRow = deepClone(oldSubFormData[index]);\n oldSubFormData.splice(index, 1);\n nextTick(() => {\n if (props.widget.options.onSubFormRowDelete) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowDelete,\n params: { subFormData: oldSubFormData, deletedDataRow },\n keys: ['subFormData', 'deletedDataRow']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n });\n };\n\n const onSubFormRowDeleteHide = (index: number) => {\n const result = executeFunction({\n functionBody: props.widget.options.onSubFormRowDeleteHide,\n params: { subFormData: fieldModel.value, index },\n keys: ['subFormData', 'index']\n });\n return result === true;\n };\n\n const initSubForm = () => {\n extractFieldWidgetList();\n if (props.widget.options.showBlankRow && !fieldModel.value?.length) {\n addSubFormRow();\n }\n if (fieldModel.value?.length > 0) {\n callSubFormRowChange(fieldModel.value);\n }\n };\n\n initSubForm();\n\n defineExpose({\n ...defineExposed,\n insertDisabled,\n deleteDisabled,\n actionDisabled,\n setInsertDisabled: (flag: boolean) => {\n insertDisabled.value = flag;\n },\n setDeleteDisabled: (flag: boolean) => {\n deleteDisabled.value = flag;\n },\n setActionDisabled: (flag: boolean) => {\n actionDisabled.value = flag;\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .sub-form-container {\n margin-bottom: 16px;\n text-align: left;\n background: #fafafa;\n border-radius: 8px;\n padding: 10px;\n\n .header-row {\n margin-top: 15px;\n :deep(.action-button) {\n height: 35px;\n }\n }\n\n .sub-form-row {\n display: flex;\n align-items: center;\n background: white;\n margin: 8px 0;\n border-radius: 6px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n .row-number-span {\n margin-left: 16px;\n }\n }\n }\n\n .sub-form-action-column {\n display: inline-block;\n align-items: center;\n text-align: center;\n padding: 8px;\n }\n\n .grid-sub-form-data-row {\n display: inline-block;\n flex: 1;\n padding: 10px;\n position: relative;\n &:before,\n &:after {\n content: '';\n display: inline-block;\n width: 1px;\n height: 60%;\n background: #e1e2e3;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n &:before {\n left: 0;\n }\n &:after {\n right: 0;\n }\n :deep(.ant-form-item) {\n margin-bottom: 0;\n }\n }\n\n .row-no-column {\n display: flex;\n align-items: center;\n width: 50px;\n border-radius: 10px;\n background: #f1f2f3;\n padding: 5px 0;\n margin: 0 6px;\n font-size: 14px;\n color: #666;\n }\n\n .action-button-column {\n width: 140px;\n }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n <div v-for=\"(item, sfrIdx) in listData\" class=\"sub-form-row\" :key=\"item.__id || sfrIdx\">\n <div class=\"row-no-column\">\n <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n </div>\n <div class=\"grid-sub-form-data-row\">\n <RenderWigetList\n :widgetList=\"widget.widgetList || []\"\n :parentWidget=\"widget\"\n :subFormRowIndex=\"sfrIdx\"\n />\n </div>\n <div class=\"sub-form-action-column hide-label\">\n <div class=\"action-button-column\" v-show=\"!isReadMode\">\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.insertSubFormRow')\"\n :disabled=\"actionDisabled || insertDisabled\"\n @click=\"insertSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <PlusOutlined />\n </template>\n </a-button>\n <a-button\n type=\"link\"\n :title=\"i18nt('render.hint.deleteSubFormRow')\"\n :disabled=\"actionDisabled || deleteDisabled\"\n v-show=\"!onSubFormRowDeleteHide || !onSubFormRowDeleteHide(sfrIdx)\"\n @click=\"deleteSubFormRow(sfrIdx)\"\n >\n <template #icon>\n <DeleteOutlined />\n </template>\n </a-button>\n </div>\n </div>\n </div>\n <div class=\"header-row\">\n <a-button\n block\n v-if=\"!isReadMode\"\n :disabled=\"actionDisabled || insertDisabled\"\n shape=\"round\"\n type=\"dashed\"\n size=\"small\"\n class=\"action-button\"\n @click=\"addSubFormRow\"\n :title=\"i18nt('render.hint.subFormAddActionHint')\"\n >\n <template #icon>\n <svg-icon icon-class=\"icon-el-plus\" />\n </template>\n {{ i18nt('render.hint.subFormAddAction') }}\n </a-button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, provide, onMounted, nextTick, computed } from 'vue';\n import { deepClone, traverseFieldWidgetsOfContainer } from '@kp-ui/lowcode-core/src/utils/util';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TpfDelConfirm, SvgIcon } from 'tmgc2-share';\n import {\n useI18n,\n useField,\n ComponentNameEnum,\n ContainerTypeEnum,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\n import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n defineOptions({\n name: ContainerTypeEnum.GridSubFormWidget,\n componentName: ComponentNameEnum.ContainerWidget,\n inheritAttrs: false\n });\n\n provide('isSubFormField', true);\n provide('getSubFormName', () => props.widget.options.name);\n\n const { i18nt } = useI18n();\n const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n const fieldWidgetList = ref<any[]>([]);\n const insertDisabled = ref(false);\n const deleteDisabled = ref(false);\n const actionDisabled = ref(false);\n\n const { fieldModel, isReadMode, handleHidden, executeFunction, defineExposed } =\n useField(props);\n\n const listData = computed(() => (fieldModel.value || []) as any[]);\n\n const extractFieldWidgetList = () => {\n fieldWidgetList.value = [];\n traverseFieldWidgetsOfContainer(props.widget, (fw: any) => {\n fieldWidgetList.value.push(fw);\n });\n };\n\n const createNewRowData = () => {\n const newRow: Record<string, any> = {};\n fieldWidgetList.value.forEach(item => {\n if (item?.formItemFlag) {\n newRow[item.options.name] = item.options.defaultValue;\n }\n });\n return newRow;\n };\n\n const callSubFormRowChange = (subFormData: any) => {\n if (props.widget.options.onSubFormRowChange) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowChange,\n keys: ['subFormData'],\n params: { subFormData }\n });\n }\n };\n\n const addSubFormRow = () => {\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.push(createNewRowData());\n fieldModel.value = oldSubFormData;\n nextTick(() => {\n if (props.widget.options.onSubFormRowAdd) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowAdd,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const insertSubFormRow = (index: number) => {\n const oldSubFormData = fieldModel.value || [];\n oldSubFormData.splice(index, 0, createNewRowData());\n if (!fieldModel.value) {\n fieldModel.value = oldSubFormData;\n }\n nextTick(() => {\n if (props.widget.options.onSubFormRowInsert) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowInsert,\n params: { subFormData: oldSubFormData, newRowId: '' },\n keys: ['subFormData', 'newRowId']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n };\n\n const deleteSubFormRow = (index: number) => {\n TpfDelConfirm({\n type: 'confirm',\n content: i18nt('render.hint.deleteSubFormRow') + '?',\n title: i18nt('render.hint.prompt'),\n okText: i18nt('render.hint.confirm'),\n cancelText: i18nt('render.hint.cancel')\n }).then(() => {\n const oldSubFormData = fieldModel.value || [];\n const deletedDataRow = deepClone(oldSubFormData[index]);\n oldSubFormData.splice(index, 1);\n nextTick(() => {\n if (props.widget.options.onSubFormRowDelete) {\n executeFunction({\n functionBody: props.widget.options.onSubFormRowDelete,\n params: { subFormData: oldSubFormData, deletedDataRow },\n keys: ['subFormData', 'deletedDataRow']\n });\n }\n callSubFormRowChange(oldSubFormData);\n });\n });\n };\n\n const onSubFormRowDeleteHide = (index: number) => {\n const result = executeFunction({\n functionBody: props.widget.options.onSubFormRowDeleteHide,\n params: { subFormData: fieldModel.value, index },\n keys: ['subFormData', 'index']\n });\n return result === true;\n };\n\n const initSubForm = () => {\n extractFieldWidgetList();\n if (props.widget.options.showBlankRow && !fieldModel.value?.length) {\n addSubFormRow();\n }\n if (fieldModel.value?.length > 0) {\n callSubFormRowChange(fieldModel.value);\n }\n };\n\n initSubForm();\n\n defineExpose({\n ...defineExposed,\n insertDisabled,\n deleteDisabled,\n actionDisabled,\n setInsertDisabled: (flag: boolean) => {\n insertDisabled.value = flag;\n },\n setDeleteDisabled: (flag: boolean) => {\n deleteDisabled.value = flag;\n },\n setActionDisabled: (flag: boolean) => {\n actionDisabled.value = flag;\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .sub-form-container {\n margin-bottom: 16px;\n text-align: left;\n background: #fafafa;\n border-radius: 8px;\n padding: 10px;\n\n .header-row {\n margin-top: 15px;\n :deep(.action-button) {\n height: 35px;\n }\n }\n\n .sub-form-row {\n display: flex;\n align-items: center;\n background: white;\n margin: 8px 0;\n border-radius: 6px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n .row-number-span {\n margin-left: 16px;\n }\n }\n }\n\n .sub-form-action-column {\n display: inline-block;\n align-items: center;\n text-align: center;\n padding: 8px;\n }\n\n .grid-sub-form-data-row {\n display: inline-block;\n flex: 1;\n padding: 10px;\n position: relative;\n &:before,\n &:after {\n content: '';\n display: inline-block;\n width: 1px;\n height: 60%;\n background: #e1e2e3;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n &:before {\n left: 0;\n }\n &:after {\n right: 0;\n }\n :deep(.ant-form-item) {\n margin-bottom: 0;\n }\n }\n\n .row-no-column {\n display: flex;\n align-items: center;\n width: 50px;\n border-radius: 10px;\n background: #f1f2f3;\n padding: 5px 0;\n margin: 0 6px;\n font-size: 14px;\n color: #666;\n }\n\n .action-button-column {\n width: 140px;\n }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}
|
|
@@ -16,9 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
16
16
|
widget: {},
|
|
17
17
|
field: {},
|
|
18
18
|
parentWidget: {},
|
|
19
|
-
indexOfParentList: {},
|
|
20
19
|
subFormRowIndex: {},
|
|
21
|
-
|
|
20
|
+
indexOfParentList: {},
|
|
22
21
|
designer: {}
|
|
23
22
|
},
|
|
24
23
|
setup(__props, { expose: __expose }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n <div class=\"grid-container\" v-if=\"!handleHidden\">\n <a-row\n :gutter=\"widget.options.gutter\"\n :justify=\"options.gridJustify ?? 'start'\"\n :align=\"options.gridAlign ?? 'top'\"\n :wrap=\"options.gridWrap ?? true\"\n >\n <GridColWidget\n v-for=\"(colWidget, colIdx) in widget.cols\"\n :key=\"colWidget.id\"\n :field=\"colWidget\"\n :widget=\"colWidget\"\n :parent-list=\"widget.cols || []\"\n :index-of-parent-list=\"colIdx\"\n :parent-widget=\"widget\"\n :col-height=\"widget.options.colHeight\"\n />\n </a-row>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { GridWidget } from '../../desginer/widget-panel/containers';\n import GridColWidget from './grid-col-widget.vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n defineOptions({\n name: ContainerTypeEnum.grid,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const { handleHidden, defineExposed, options } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-container {\n }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_Fragment","_createBlock"],"mappings":"
|
|
1
|
+
{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n <div class=\"grid-container\" v-if=\"!handleHidden\">\n <a-row\n :gutter=\"widget.options.gutter\"\n :justify=\"options.gridJustify ?? 'start'\"\n :align=\"options.gridAlign ?? 'top'\"\n :wrap=\"options.gridWrap ?? true\"\n >\n <GridColWidget\n v-for=\"(colWidget, colIdx) in widget.cols\"\n :key=\"colWidget.id\"\n :field=\"colWidget\"\n :widget=\"colWidget\"\n :parent-list=\"widget.cols || []\"\n :index-of-parent-list=\"colIdx\"\n :parent-widget=\"widget\"\n :col-height=\"widget.options.colHeight\"\n />\n </a-row>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { GridWidget } from '../../desginer/widget-panel/containers';\n import GridColWidget from './grid-col-widget.vue';\n import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n import { useField } from '@kp-ui/lowcode-core';\n\n const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n defineOptions({\n name: ContainerTypeEnum.grid,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const { handleHidden, defineExposed, options } = useField(props, false);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .grid-container {\n }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAMd,UAAM,EAAE,cAAc,eAAe,YAAY,SAAS,OAAO,KAAK;AAEtE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCkCA,MAAA,YAAA,KAAnCC,aAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBFC,YAgBQ,kBAAA;AAAA,UAfH,QAAQC,KAAAA,OAAO,QAAQ;AAAA,UACvB,SAASJ,MAAA,OAAA,EAAQ,eAAW;AAAA,UAC5B,OAAOA,MAAA,OAAA,EAAQ,aAAS;AAAA,UACxB,MAAMA,MAAA,OAAA,EAAQ,YAAQ;AAAA,QAAA;2BAGnB,MAA0C;AAAA,aAD9CC,UAAA,IAAA,GAAAC,mBASEG,2BARgCD,KAAAA,OAAO,MAAI,CAAjC,WAAW,WAAM;kCAD7BE,YASE,eAAA;AAAA,gBAPG,KAAK,UAAU;AAAA,gBACf,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,eAAaF,KAAAA,OAAO,QAAI,CAAA;AAAA,gBACxB,wBAAsB;AAAA,gBACtB,iBAAeA,KAAAA;AAAAA,gBACf,cAAYA,KAAAA,OAAO,QAAQ;AAAA,cAAA;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./tab-widget.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7dd195c1"]]);
|
|
5
5
|
export {
|
|
6
6
|
TabWidget as default
|
|
7
7
|
};
|
|
@@ -13,13 +13,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
13
13
|
widget: {},
|
|
14
14
|
field: {},
|
|
15
15
|
parentWidget: {},
|
|
16
|
-
indexOfParentList: {},
|
|
17
16
|
subFormRowIndex: {},
|
|
18
|
-
|
|
17
|
+
indexOfParentList: {}
|
|
19
18
|
},
|
|
20
|
-
setup(__props) {
|
|
19
|
+
setup(__props, { expose: __expose }) {
|
|
21
20
|
const props = __props;
|
|
22
|
-
const { asyncExecuteFunction } = useField(props, false);
|
|
21
|
+
const { asyncExecuteFunction, defineExposed } = useField(props, false);
|
|
23
22
|
const onTabClick = (key) => {
|
|
24
23
|
props.widget.options.activeTab = key;
|
|
25
24
|
asyncExecuteFunction({
|
|
@@ -28,6 +27,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
27
|
keys: ["tab"]
|
|
29
28
|
});
|
|
30
29
|
};
|
|
30
|
+
const setValue = (key) => {
|
|
31
|
+
props.widget.options.activeTab = key;
|
|
32
|
+
};
|
|
33
|
+
__expose({
|
|
34
|
+
...defineExposed,
|
|
35
|
+
setValue
|
|
36
|
+
});
|
|
31
37
|
return (_ctx, _cache) => {
|
|
32
38
|
const _component_a_tab_pane = resolveComponent("a-tab-pane");
|
|
33
39
|
const _component_a_tabs = resolveComponent("a-tabs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n <a-tabs\n :type=\"widget.options.type\"\n :tabBarGutter=\"widget.options.tabBarGutter\"\n :tabPosition=\"widget.options.tabPosition\"\n v-model:activeKey=\"widget.options.activeTab\"\n @tab-click=\"onTabClick\"\n >\n <a-tab-pane\n v-for=\"tab in widget.tabs\"\n :tab=\"tab.options.label\"\n :key=\"tab.options.label\"\n >\n <div class=\"tab-content-wrapper\">\n <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n </div>\n </a-tab-pane>\n </a-tabs>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {\n ComponentNameEnum,\n ContainerTypeEnum,\n useField,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TabWidget } from '../../desginer/widget-panel/containers';\n defineOptions({\n name: ContainerTypeEnum.Tab,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<TabWidget>>();\n const { asyncExecuteFunction } = useField(props, false);\n\n const onTabClick = (key: string) => {\n props.widget.options.activeTab = key;\n asyncExecuteFunction({\n functionBody: props.field.options.onTabClick,\n params: { tab: key },\n keys: ['tab']\n });\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .tab-container {\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.ant-tabs) {\n &.ant-tabs-bottom .ant-tabs-nav-wrap,\n &.ant-tabs-top .ant-tabs-nav-wrap {\n padding-left: 26px;\n }\n }\n :deep(.tab-content-wrapper) {\n min-height: 100px;\n }\n }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n <a-tabs\n :type=\"widget.options.type\"\n :tabBarGutter=\"widget.options.tabBarGutter\"\n :tabPosition=\"widget.options.tabPosition\"\n v-model:activeKey=\"widget.options.activeTab\"\n @tab-click=\"onTabClick\"\n >\n <a-tab-pane\n v-for=\"tab in widget.tabs\"\n :tab=\"tab.options.label\"\n :key=\"tab.options.label\"\n >\n <div class=\"tab-content-wrapper\">\n <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n </div>\n </a-tab-pane>\n </a-tabs>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {\n ComponentNameEnum,\n ContainerTypeEnum,\n useField,\n WidgetProps\n } from '@kp-ui/lowcode-core';\n import RenderWigetList from '../RenderWigetList.vue';\n import { TabWidget } from '../../desginer/widget-panel/containers';\n defineOptions({\n name: ContainerTypeEnum.Tab,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<TabWidget>>();\n const { asyncExecuteFunction, defineExposed } = useField(props, false);\n\n const onTabClick = (key: string) => {\n props.widget.options.activeTab = key;\n asyncExecuteFunction({\n functionBody: props.field.options.onTabClick,\n params: { tab: key },\n keys: ['tab']\n });\n };\n\n const setValue = key => {\n props.widget.options.activeTab = key;\n };\n\n defineExpose({\n ...defineExposed,\n setValue\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .tab-container {\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.ant-tabs) {\n &.ant-tabs-bottom .ant-tabs-nav-wrap,\n &.ant-tabs-top .ant-tabs-nav-wrap {\n padding-left: 26px;\n }\n }\n :deep(.tab-content-wrapper) {\n min-height: 100px;\n }\n }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;AAoCI,UAAM,QAAQ;AACd,UAAM,EAAE,sBAAsB,cAAA,IAAkB,SAAS,OAAO,KAAK;AAErE,UAAM,aAAa,CAAC,QAAgB;AAChC,YAAM,OAAO,QAAQ,YAAY;AACjC,2BAAqB;AAAA,QACjB,cAAc,MAAM,MAAM,QAAQ;AAAA,QAClC,QAAQ,EAAE,KAAK,IAAA;AAAA,QACf,MAAM,CAAC,KAAK;AAAA,MAAA,CACf;AAAA,IACL;AAEA,UAAM,WAAW,CAAA,QAAO;AACpB,YAAM,OAAO,QAAQ,YAAY;AAAA,IACrC;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,MACH;AAAA,IAAA,CACH;;;;0BAtDDA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAA0EM,aAAA;AAAA,sBAAxD,YAAY,IAAI,cAAU,CAAA;AAAA,sBAAS,cAAc;AAAA,oBAAA;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./vf-box-widget.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const VfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const VfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f18f5a7"]]);
|
|
5
5
|
export {
|
|
6
6
|
VfBoxWidget as default
|
|
7
7
|
};
|
|
@@ -12,13 +12,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
12
12
|
widget: {},
|
|
13
13
|
field: {},
|
|
14
14
|
parentWidget: {},
|
|
15
|
-
indexOfParentList: {},
|
|
16
15
|
subFormRowIndex: {},
|
|
17
|
-
|
|
16
|
+
indexOfParentList: {}
|
|
18
17
|
},
|
|
19
18
|
setup(__props, { expose: __expose }) {
|
|
20
19
|
const props = __props;
|
|
21
|
-
const { handleHidden, defineExposed } = useField(props, false);
|
|
20
|
+
const { handleHidden, defineExposed, subFormRowIndex } = useField(props, false);
|
|
22
21
|
const boxStyle = computed(() => {
|
|
23
22
|
const boxModel = props.widget.options.boxModel || {};
|
|
24
23
|
const style = {};
|
|
@@ -44,11 +43,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
44
43
|
style: normalizeStyle(boxStyle.value)
|
|
45
44
|
}, [
|
|
46
45
|
createVNode(_sfc_main$1, {
|
|
47
|
-
subFormRowIndex:
|
|
48
|
-
subFormRowId: _ctx.subFormRowId,
|
|
46
|
+
subFormRowIndex: unref(subFormRowIndex),
|
|
49
47
|
widgetList: _ctx.widget.widgetList || [],
|
|
50
48
|
parentWidget: _ctx.widget
|
|
51
|
-
}, null, 8, ["subFormRowIndex", "
|
|
49
|
+
}, null, 8, ["subFormRowIndex", "widgetList", "parentWidget"])
|
|
52
50
|
], 4)) : createCommentVNode("", true);
|
|
53
51
|
};
|
|
54
52
|
}
|