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

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

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

Files changed (216) hide show

package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"boxModel-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue"],"sourcesContent":["<template>\n <div class=\"box-model-container\">\n <a-divider class=\"custom-divider\">{{ i18nt('盒模型配置') }}</a-divider>\n\n <!-- Visual Box Model Editor -->\n <div class=\"visual-box-model\">\n <!-- Margin Box -->\n <div class=\"box-layer margin-box\">\n <span class=\"layer-label\">Margin</span>\n <div class=\"input-pos top\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginTop\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n <div class=\"input-pos right\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginRight\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n <div class=\"input-pos bottom\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginBottom\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n <div class=\"input-pos left\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginLeft\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n\n <!-- Border Box -->\n <div class=\"box-layer border-box\">\n <span class=\"layer-label\">Border</span>\n <div class=\"input-pos top\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.borderWidth\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n :disabled=\"!optionModel.boxModel.borderShow\"\n />\n </div>\n\n <!-- Padding Box -->\n <div class=\"box-layer padding-box\">\n <span class=\"layer-label\">Padding</span>\n <div class=\"input-pos top\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingTop\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n <div class=\"input-pos right\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingRight\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n <div class=\"input-pos bottom\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingBottom\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n <div class=\"input-pos left\">\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingLeft\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n size=\"small\"\n :controls=\"false\"\n />\n </div>\n\n <!-- Content Box -->\n <div class=\"box-layer content-box\">\n <span class=\"content-text\">Content</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Detailed Settings -->\n <div class=\"property-group border-group\">\n <div class=\"property-group-title\">{{ i18nt('designer.setting.border') }}</div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.showBorder') }}</div>\n <a-switch v-model:checked=\"optionModel.boxModel.borderShow\" />\n </div>\n <template v-if=\"optionModel.boxModel.borderShow\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderStyle') }}</div>\n <a-select v-model:value=\"optionModel.boxModel.borderStyle\" style=\"width: 100%\">\n <a-select-option value=\"solid\">\n {{ i18nt('designer.setting.solid') }}\n </a-select-option>\n <a-select-option value=\"dashed\">\n {{ i18nt('designer.setting.dashed') }}\n </a-select-option>\n <a-select-option value=\"dotted\">\n {{ i18nt('designer.setting.dotted') }}\n </a-select-option>\n <a-select-option value=\"double\">\n {{ i18nt('designer.setting.double') }}\n </a-select-option>\n </a-select>\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderWidth') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.borderWidth\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderColor') }}</div>\n <a-input\n v-model:value=\"optionModel.boxModel.borderColor\"\n type=\"color\"\n style=\"width: 100%\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderRadius') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.borderRadius\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </template>\n </div>\n\n <!-- 背景颜色设置 -->\n <div class=\"property-group border-group\">\n <div class=\"property-group-title\">{{ i18nt('designer.setting.backgroundColor') }}</div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.backgroundColor') }}</div>\n <a-input\n v-model:value=\"optionModel.boxModel.backgroundColor\"\n type=\"color\"\n style=\"width: 100%\"\n />\n </div>\n </div>\n\n <!-- 阴影设置 -->\n <div class=\"property-group border-group\">\n <div class=\"property-group-title\">{{ i18nt('designer.setting.shadow') }}</div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.enableShadow') }}</div>\n <a-switch v-model:checked=\"optionModel.boxModel.shadowShow\" />\n </div>\n <template v-if=\"optionModel.boxModel.shadowShow\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowOffsetX') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowOffsetX\"\n @input=\"inputNumberHandler\"\n :min=\"-100\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">\n {{ i18nt('designer.setting.shadowOffsetY') }}\n </div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowOffsetY\"\n @input=\"inputNumberHandler\"\n :min=\"-100\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowBlur') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowBlur\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowSpread') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowSpread\"\n @input=\"inputNumberHandler\"\n :min=\"-100\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowColor') }}</div>\n <a-input\n v-model:value=\"optionModel.boxModel.shadowColor\"\n type=\"color\"\n style=\"width: 100%\"\n />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { useEditor } from './useEditor';\n import { onMounted, watch } from 'vue';\n\n defineOptions({\n name: EditorTypeEnum.boxModelEditor\n });\n\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({ boxModel: {} })\n });\n\n const { i18nt } = useI18n();\n const { inputNumberHandler } = useEditor();\n\n watch(\n () => optionModel.value.boxModel.borderShow,\n val => {\n if (!val) {\n optionModel.value.boxModel = {\n ...optionModel.value.boxModel,\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: '#cccccc',\n borderRadius: 0\n };\n }\n }\n );\n\n onMounted(() => {\n // 初始化盒模型属性，确保所有必要的属性都存在\n if (!optionModel.value.boxModel) {\n optionModel.value.boxModel = {};\n }\n // 初始化内边距\n if (optionModel.value.boxModel.paddingTop === undefined)\n optionModel.value.boxModel.paddingTop = 0;\n if (optionModel.value.boxModel.paddingRight === undefined)\n optionModel.value.boxModel.paddingRight = 0;\n if (optionModel.value.boxModel.paddingBottom === undefined)\n optionModel.value.boxModel.paddingBottom = 0;\n if (optionModel.value.boxModel.paddingLeft === undefined)\n optionModel.value.boxModel.paddingLeft = 0;\n // 初始化外边距\n if (optionModel.value.boxModel.marginTop === undefined)\n optionModel.value.boxModel.marginTop = 0;\n if (optionModel.value.boxModel.marginRight === undefined)\n optionModel.value.boxModel.marginRight = 0;\n if (optionModel.value.boxModel.marginBottom === undefined)\n optionModel.value.boxModel.marginBottom = 0;\n if (optionModel.value.boxModel.marginLeft === undefined)\n optionModel.value.boxModel.marginLeft = 0;\n // 初始化边框\n if (optionModel.value.boxModel.borderShow === undefined)\n optionModel.value.boxModel.borderShow = false;\n if (optionModel.value.boxModel.borderStyle === undefined)\n optionModel.value.boxModel.borderStyle = 'solid';\n if (optionModel.value.boxModel.borderWidth === undefined)\n optionModel.value.boxModel.borderWidth = 1;\n if (optionModel.value.boxModel.borderColor === undefined)\n optionModel.value.boxModel.borderColor = '#cccccc';\n if (optionModel.value.boxModel.borderRadius === undefined)\n optionModel.value.boxModel.borderRadius = 0;\n // 初始化背景颜色\n if (optionModel.value.boxModel.backgroundColor === undefined)\n optionModel.value.boxModel.backgroundColor = '#ffffff';\n // 初始化阴影\n if (optionModel.value.boxModel.shadowShow === undefined)\n optionModel.value.boxModel.shadowShow = false;\n if (optionModel.value.boxModel.shadowOffsetX === undefined)\n optionModel.value.boxModel.shadowOffsetX = 0;\n if (optionModel.value.boxModel.shadowOffsetY === undefined)\n optionModel.value.boxModel.shadowOffsetY = 2;\n if (optionModel.value.boxModel.shadowBlur === undefined)\n optionModel.value.boxModel.shadowBlur = 4;\n if (optionModel.value.boxModel.shadowSpread === undefined)\n optionModel.value.boxModel.shadowSpread = 0;\n if (optionModel.value.boxModel.shadowColor === undefined)\n optionModel.value.boxModel.shadowColor = 'rgba(0,0,0,0.2)';\n });\n</script>\n\n<style scoped lang=\"less\">\n .box-model-container {\n padding: 12px;\n }\n\n .visual-box-model {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n font-size: 12px;\n }\n\n .box-layer {\n position: relative;\n border: 1px dashed #999;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s;\n\n &:hover {\n border-style: solid;\n }\n\n .layer-label {\n position: absolute;\n top: 2px;\n left: 4px;\n font-size: 10px;\n color: #999;\n pointer-events: none;\n }\n\n .input-pos {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.top {\n top: 2px;\n left: 50%;\n transform: translateX(-50%);\n }\n &.right {\n right: 2px;\n top: 50%;\n transform: translateY(-50%);\n }\n &.bottom {\n bottom: 2px;\n left: 50%;\n transform: translateX(-50%);\n }\n &.left {\n left: 2px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n :deep(.ant-input-number) {\n width: 40px;\n background: transparent;\n border: none;\n box-shadow: none;\n text-align: center;\n\n .ant-input-number-input {\n padding: 0;\n text-align: center;\n font-size: 12px;\n }\n }\n }\n }\n\n .margin-box {\n width: 280px;\n height: 180px;\n background-color: #f9cc9d; /* Orange-ish /\n border-color: #f9cc9d;\n }\n\n .border-box {\n width: 200px;\n height: 120px;\n background-color: #fceeb5; / Yellow-ish /\n border-color: #fceeb5;\n }\n\n .padding-box {\n width: 140px;\n height: 80px;\n background-color: #c3eec0; / Green-ish /\n border-color: #c3eec0;\n }\n\n .content-box {\n width: 80px;\n height: 40px;\n background-color: #b5d6fc; / Blue-ish /\n border-color: #b5d6fc;\n border-style: solid;\n\n .content-text {\n color: #666;\n }\n }\n\n / 属性组样式 /\n .property-group {\n margin-bottom: 16px;\n\n .property-label {\n min-width: 25px;\n flex-shrink: 0;\n color: #666;\n }\n &.border-group {\n .property-label {\n width: 80px;\n }\n }\n }\n\n .property-group-title {\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 8px;\n color: #333;\n }\n\n / 属性项样式 */\n .property-item {\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n }\n</style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","inputNumberHandler","useEditor","watch","val","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_a_divider","_unref","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_component_a_input_number","$event","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_toDisplayString","_hoisted_17","_hoisted_18","_component_a_switch","_Fragment","_hoisted_19","_hoisted_20","_component_a_select","_component_a_select_option","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_component_a_input","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44"],"mappings":"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"}
1	+ {"version":3,"file":"boxModel-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue"],"sourcesContent":["<template>\n <div class=\"box-model-container\">\n <a-divider class=\"custom-divider\">{{ i18nt('盒模型配置') }}</a-divider>\n\n <!-- 内边距设置 -->\n <div class=\"property-group\">\n <div class=\"property-group-title\">{{ i18nt('Padding') }}</div>\n <a-row :gutter=\"8\">\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.top') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingTop\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.right') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingRight\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n </a-row>\n <a-row :gutter=\"8\" style=\"margin-top: 8px\">\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.bottom') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingBottom\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.left') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.paddingLeft\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n </a-row>\n </div>\n\n <!-- 外边距设置 -->\n <div class=\"property-group\">\n <div class=\"property-group-title\">{{ i18nt('Margin') }}</div>\n <a-row :gutter=\"8\">\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.top') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginTop\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.right') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginRight\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n </a-row>\n <a-row :gutter=\"8\" style=\"margin-top: 8px\">\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.bottom') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginBottom\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n <a-col :span=\"12\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.left') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.marginLeft\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </a-col>\n </a-row>\n </div>\n\n <!-- 边框设置 -->\n <div class=\"property-group border-group\">\n <div class=\"property-group-title\">{{ i18nt('designer.setting.border') }}</div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.showBorder') }}</div>\n <a-switch v-model:checked=\"optionModel.boxModel.borderShow\" />\n </div>\n <template v-if=\"optionModel.boxModel.borderShow\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderStyle') }}</div>\n <a-select v-model:value=\"optionModel.boxModel.borderStyle\">\n <a-select-option value=\"solid\">\n {{ i18nt('designer.setting.solid') }}\n </a-select-option>\n <a-select-option value=\"dashed\">\n {{ i18nt('designer.setting.dashed') }}\n </a-select-option>\n <a-select-option value=\"dotted\">\n {{ i18nt('designer.setting.dotted') }}\n </a-select-option>\n <a-select-option value=\"double\">\n {{ i18nt('designer.setting.double') }}\n </a-select-option>\n </a-select>\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderWidth') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.borderWidth\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderColor') }}</div>\n <a-input\n v-model:value=\"optionModel.boxModel.borderColor\"\n type=\"color\"\n style=\"width: 100%\"\n />\n </div>\n </template>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.borderRadius') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.borderRadius\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n </div>\n\n <!-- 背景颜色设置 -->\n <div class=\"property-group border-group\">\n <div class=\"property-group-title\">{{ i18nt('designer.setting.backgroundColor') }}</div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.backgroundColor') }}</div>\n <a-input\n v-model:value=\"optionModel.boxModel.backgroundColor\"\n type=\"color\"\n style=\"width: 100%\"\n />\n </div>\n </div>\n\n <!-- 阴影设置 -->\n <div class=\"property-group border-group\">\n <div class=\"property-group-title\">{{ i18nt('designer.setting.shadow') }}</div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.enableShadow') }}</div>\n <a-switch v-model:checked=\"optionModel.boxModel.shadowShow\" />\n </div>\n <template v-if=\"optionModel.boxModel.shadowShow\">\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowOffsetX') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowOffsetX\"\n @input=\"inputNumberHandler\"\n :min=\"-100\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">\n {{ i18nt('designer.setting.shadowOffsetY') }}\n </div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowOffsetY\"\n @input=\"inputNumberHandler\"\n :min=\"-100\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowBlur') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowBlur\"\n @input=\"inputNumberHandler\"\n :min=\"0\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowSpread') }}</div>\n <a-input-number\n v-model:value=\"optionModel.boxModel.shadowSpread\"\n @input=\"inputNumberHandler\"\n :min=\"-100\"\n :max=\"100\"\n style=\"width: 100%\"\n addon-after=\"px\"\n />\n </div>\n <div class=\"property-item\">\n <div class=\"property-label\">{{ i18nt('designer.setting.shadowColor') }}</div>\n <a-input\n v-model:value=\"optionModel.boxModel.shadowColor\"\n type=\"color\"\n style=\"width: 100%\"\n />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { useEditor } from './useEditor';\n import { onMounted, watch } from 'vue';\n\n defineOptions({\n name: EditorTypeEnum.boxModelEditor\n });\n\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({ boxModel: {} })\n });\n\n const { i18nt } = useI18n();\n const { inputNumberHandler } = useEditor();\n\n watch(\n () => optionModel.value.boxModel.borderShow,\n val => {\n if (!val) {\n optionModel.value.boxModel = {\n ...optionModel.value.boxModel,\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: '#cccccc',\n borderRadius: 0\n };\n }\n }\n );\n\n onMounted(() => {\n // 初始化盒模型属性，确保所有必要的属性都存在\n if (!optionModel.value.boxModel) {\n optionModel.value.boxModel = {};\n }\n // 初始化内边距\n if (optionModel.value.boxModel.paddingTop === undefined)\n optionModel.value.boxModel.paddingTop = 0;\n if (optionModel.value.boxModel.paddingRight === undefined)\n optionModel.value.boxModel.paddingRight = 0;\n if (optionModel.value.boxModel.paddingBottom === undefined)\n optionModel.value.boxModel.paddingBottom = 0;\n if (optionModel.value.boxModel.paddingLeft === undefined)\n optionModel.value.boxModel.paddingLeft = 0;\n // 初始化外边距\n if (optionModel.value.boxModel.marginTop === undefined)\n optionModel.value.boxModel.marginTop = 0;\n if (optionModel.value.boxModel.marginRight === undefined)\n optionModel.value.boxModel.marginRight = 0;\n if (optionModel.value.boxModel.marginBottom === undefined)\n optionModel.value.boxModel.marginBottom = 0;\n if (optionModel.value.boxModel.marginLeft === undefined)\n optionModel.value.boxModel.marginLeft = 0;\n // 初始化边框\n if (optionModel.value.boxModel.borderShow === undefined)\n optionModel.value.boxModel.borderShow = false;\n if (optionModel.value.boxModel.borderStyle === undefined)\n optionModel.value.boxModel.borderStyle = 'solid';\n if (optionModel.value.boxModel.borderWidth === undefined)\n optionModel.value.boxModel.borderWidth = 1;\n if (optionModel.value.boxModel.borderColor === undefined)\n optionModel.value.boxModel.borderColor = '#cccccc';\n if (optionModel.value.boxModel.borderRadius === undefined)\n optionModel.value.boxModel.borderRadius = 0;\n // 初始化背景颜色\n if (optionModel.value.boxModel.backgroundColor === undefined)\n optionModel.value.boxModel.backgroundColor = '#ffffff';\n // 初始化阴影\n if (optionModel.value.boxModel.shadowShow === undefined)\n optionModel.value.boxModel.shadowShow = false;\n if (optionModel.value.boxModel.shadowOffsetX === undefined)\n optionModel.value.boxModel.shadowOffsetX = 0;\n if (optionModel.value.boxModel.shadowOffsetY === undefined)\n optionModel.value.boxModel.shadowOffsetY = 2;\n if (optionModel.value.boxModel.shadowBlur === undefined)\n optionModel.value.boxModel.shadowBlur = 4;\n if (optionModel.value.boxModel.shadowSpread === undefined)\n optionModel.value.boxModel.shadowSpread = 0;\n if (optionModel.value.boxModel.shadowColor === undefined)\n optionModel.value.boxModel.shadowColor = 'rgba(0,0,0,0.2)';\n });\n\n // export default {\n // name: 'boxModel-editor',\n // mixins: [i18n, propertyMixin],\n // props: {\n // designer: Object,\n // selectedWidget: Object,\n // optionModel: Object\n // },\n // watch: {\n // 'optionModel.boxModel.borderShow'(val) {\n // // 如果关闭边框显示，重置边框样式\n // if (!val) {\n // this.optionModel.boxModel.borderStyle = 'solid';\n // this.optionModel.boxModel.borderWidth = 1;\n // this.optionModel.boxModel.borderColor = '#cccccc';\n // this.optionModel.boxModel.borderRadius = 0;\n // }\n // }\n // },\n // created() {\n // // 初始化盒模型属性，确保所有必要的属性都存在\n // if (!this.optionModel.boxModel) {\n // this.optionModel.boxModel = {};\n // }\n\n // // 初始化内边距\n // if (this.optionModel.boxModel.paddingTop === undefined)\n // this.optionModel.boxModel.paddingTop = 0;\n // if (this.optionModel.boxModel.paddingRight === undefined)\n // this.optionModel.boxModel.paddingRight = 0;\n // if (this.optionModel.boxModel.paddingBottom === undefined)\n // this.optionModel.boxModel.paddingBottom = 0;\n // if (this.optionModel.boxModel.paddingLeft === undefined)\n // this.optionModel.boxModel.paddingLeft = 0;\n\n // // 初始化外边距\n // if (this.optionModel.boxModel.marginTop === undefined)\n // this.optionModel.boxModel.marginTop = 0;\n // if (this.optionModel.boxModel.marginRight === undefined)\n // this.optionModel.boxModel.marginRight = 0;\n // if (this.optionModel.boxModel.marginBottom === undefined)\n // this.optionModel.boxModel.marginBottom = 0;\n // if (this.optionModel.boxModel.marginLeft === undefined)\n // this.optionModel.boxModel.marginLeft = 0;\n\n // // 初始化边框\n // if (this.optionModel.boxModel.borderShow === undefined)\n // this.optionModel.boxModel.borderShow = false;\n // if (this.optionModel.boxModel.borderStyle === undefined)\n // this.optionModel.boxModel.borderStyle = 'solid';\n // if (this.optionModel.boxModel.borderWidth === undefined)\n // this.optionModel.boxModel.borderWidth = 1;\n // if (this.optionModel.boxModel.borderColor === undefined)\n // this.optionModel.boxModel.borderColor = '#cccccc';\n // if (this.optionModel.boxModel.borderRadius === undefined)\n // this.optionModel.boxModel.borderRadius = 0;\n\n // // 初始化背景颜色\n // if (this.optionModel.boxModel.backgroundColor === undefined)\n // this.optionModel.boxModel.backgroundColor = '#ffffff';\n\n // // 初始化阴影\n // if (this.optionModel.boxModel.shadowShow === undefined)\n // this.optionModel.boxModel.shadowShow = false;\n // if (this.optionModel.boxModel.shadowOffsetX === undefined)\n // this.optionModel.boxModel.shadowOffsetX = 0;\n // if (this.optionModel.boxModel.shadowOffsetY === undefined)\n // this.optionModel.boxModel.shadowOffsetY = 2;\n // if (this.optionModel.boxModel.shadowBlur === undefined)\n // this.optionModel.boxModel.shadowBlur = 4;\n // if (this.optionModel.boxModel.shadowSpread === undefined)\n // this.optionModel.boxModel.shadowSpread = 0;\n // if (this.optionModel.boxModel.shadowColor === undefined)\n // this.optionModel.boxModel.shadowColor = 'rgba(0,0,0,0.2)';\n // }\n // };\n</script>\n\n<style scoped lang=\"less\">\n // .hide-spin-button :deep(.ant-input-number-handler-wrap) {\n // display: none;\n // }\n\n /* 盒模型容器样式 /\n .box-model-container {\n padding: 12px;\n }\n\n / 标题样式 /\n .box-model-title {\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 16px;\n }\n\n / 属性组样式 /\n .property-group {\n margin-bottom: 16px;\n\n .property-label {\n min-width: 25px;\n flex-shrink: 0;\n color: #666;\n }\n &.border-group {\n .property-label {\n width: 80px;\n }\n }\n }\n\n .property-group-title {\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 8px;\n color: #333;\n }\n\n / 属性项样式 /\n .property-item {\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n }\n\n / 盒模型可视化样式 /\n / 盒模型容器样式 */\n .box-model-container {\n padding: 12px;\n }\n</style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","inputNumberHandler","useEditor","watch","val","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_a_divider","_unref","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_component_a_row","_component_a_col","_hoisted_4","_hoisted_5","_component_a_input_number","$event","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_component_a_switch","_Fragment","_hoisted_26","_hoisted_27","_component_a_select","_component_a_select_option","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_component_a_input","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","_hoisted_50","_hoisted_51"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js CHANGED Viewed

@@ -1,46 +1,52 @@
-import { defineComponent as _, ref as d, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as f, toDisplayString as m } from "vue";
-import { useI18n as w } from "../../../../utils/i18n.js";
-import { cloneDeep as x } from "lodash-es";
-import D from "../../../public/ActionButtonListDialog.vue.js";
-import { TpfModal as E } from "tmgc2-share";
-import { EditorTypeEnum as B } from "../../../../constants/EditorTypeEnum.js";
-const z = /* @__PURE__ */ _({
+import { defineComponent as _, ref as d, watch as h, resolveComponent as p, createElementBlock as L, openBlock as k, Fragment as w, createVNode as o, unref as n, withCtx as i, normalizeClass as x, createTextVNode as f, toDisplayString as m } from "vue";
+import { useI18n as D } from "../../../../utils/i18n.js";
+import { cloneDeep as E } from "lodash-es";
+import M from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as B } from "tmgc2-share";
+import { EditorTypeEnum as y } from "../../../../constants/EditorTypeEnum.js";
+const F = /* @__PURE__ */ _({
   inheritAttrs: !1,
-  name: B.buttonListEditor,
+  name: y.buttonListEditor,
   __name: "button-list-editor",
   props: {
     optionModel: {}
   },
   setup(c) {
-    const { i18nt: i } = w(), r = c, t = d([]), l = d(!1);
-    C(t, () => {
-      r.optionModel.buttonList = t.value;
+    const { i18nt: l } = D(), r = c, e = d([]), s = d(!1);
+    h(e, () => {
+      r.optionModel.buttonList = e.value;
     });
     const g = () => {
-      t.value = x(r.optionModel.buttonList), l.value = !0;
+      e.value = E(r.optionModel.buttonList), s.value = !0;
     }, b = () => {
-      l.value = !1;
+      s.value = !1;
     };
-    return (M, s) => {
-      const u = p("a-button"), v = p("a-form-item");
-      return h(), L(k, null, [
-        e(v, {
-          label: o(i)("designer.setting.buttonList")
+    return (v, a) => {
+      const u = p("a-button"), C = p("a-form-item");
+      return k(), L(w, null, [
+        o(C, {
+          label: n(l)("designer.setting.buttonListConfig")
         }, {
-          default: n(() => [
-            e(u, { onClick: g }, {
-              default: n(() => [
-                f(m(o(i)("designer.setting.buttonConfig")), 1)
-              ]),
-              _: 1
-            })
-          ]),
+          default: i(() => {
+            var t;
+            return [
+              o(u, {
+                class: x([(t = v.optionModel.buttonList) != null && t.length ? "button-text-highlight" : ""]),
+                onClick: g
+              }, {
+                default: i(() => [
+                  f(m(n(l)("designer.setting.buttonConfig")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ];
+          }),
           _: 1
         }, 8, ["label"]),
-        e(o(E), {
-          title: o(i)("designer.setting.buttonsColumnEdit"),
-          visible: l.value,
-          "onUpdate:visible": s[1] || (s[1] = (a) => l.value = a),
+        o(n(B), {
+          title: n(l)("designer.setting.buttonsColumnEdit"),
+          visible: s.value,
+          "onUpdate:visible": a[1] || (a[1] = (t) => s.value = t),
           "show-close": !0,
           dialogClass: "drag-dialog",
           "append-to-body": "",
@@ -49,21 +55,21 @@ const z = /* @__PURE__ */ _({
           width: "1050px",
           mask: !1
         }, {
-          footerRight: n(() => [
-            e(u, {
+          footerRight: i(() => [
+            o(u, {
               size: "default",
               onClick: b
             }, {
-              default: n(() => [
-                f(m(o(i)("designer.hint.closePreview")), 1)
+              default: i(() => [
+                f(m(n(l)("designer.hint.closePreview")), 1)
               ]),
               _: 1
             })
           ]),
-          default: n(() => [
-            e(D, {
-              data: t.value,
-              "onUpdate:data": s[0] || (s[0] = (a) => t.value = a)
+          default: i(() => [
+            o(M, {
+              data: e.value,
+              "onUpdate:data": a[0] || (a[0] = (t) => e.value = t)
             }, null, 8, ["data"])
           ]),
           _: 1
@@ -73,6 +79,6 @@ const z = /* @__PURE__ */ _({
   }
 });
 export {
-  z as default
+  F as default
 };
 //# sourceMappingURL=button-list-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.~~buttonList~~')\">\n <a-button @click=\"handleConfigBtn\">{{ i18nt('designer.setting.buttonConfig') }}</a-button>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"btnListConfigDialogVisible\"\n :show-close=\"true\"\n dialogClass=\"drag-dialog\"\n append-to-body\n :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\"\n width=\"1050px\"\n :mask=\"false\"\n >\n <ActionButtonListDialog v-model:data=\"buttonList\" />\n <template #footerRight>\n <a-button size=\"default\" @click=\"handleCloseDialog\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, watch } from 'vue';\n import { useI18n } from '@/utils/i18n';\n import { cloneDeep } from 'lodash-es';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n import { TpfModal } from 'tmgc2-share';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n const { i18nt } = useI18n();\n defineOptions({\n inheritAttrs: false,\n name: EditorTypeEnum.buttonListEditor\n });\n\n // 定义Props接口\n interface Props {\n optionModel: any;\n }\n\n // 定义按钮接口\n interface ButtonItem {\n key: string;\n label: string;\n type: string;\n danger: boolean;\n icon: string;\n onHidden: string;\n onDisabled: string;\n onClick: string;\n [key: string]: any; // 允许其他属性\n }\n\n const props = defineProps<Props>();\n\n // 响应式数据\n const buttonList = ref<ButtonItem[]>([]);\n const btnListConfigDialogVisible = ref(false);\n\n // 监听buttonList变化\n watch(buttonList, () => {\n props.optionModel.buttonList = buttonList.value;\n });\n\n const handleConfigBtn = () => {\n buttonList.value = cloneDeep(props.optionModel.buttonList);\n btnListConfigDialogVisible.value = true;\n };\n\n const handleCloseDialog = () => {\n btnListConfigDialogVisible.value = false;\n };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;~~AAgCI~~,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAwBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;~~QAzEAK~~,~~EAEcC~~,GAAA;AAAA,~~UAFA~~,OAAOC,EAAAb,CAAA,EAAK,~~6BAAA~~;AAAA,QAAA;qBACtB,~~MAA0F~~;AAAA,~~YAA1FW~~,~~EAA0FG~~,GAAA,~~EAA/E~~,~~SAAON~~,~~KAAe~~;AAAA,~~yBAAE~~,MAA4C;AAAA,~~oBAAzCK~~,EAAAb,CAAA,EAAK,+BAAA,CAAA,GAAA,CAAA;AAAA,~~cAAA;;;;;;QAE/CW~~,EAiBWE,~~EAAAE~~,CAAA,GAAA;AAAA,UAhBN,~~OAAOF~~,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,~~QAAAU~~;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,UACL,MAAM;AAAA,QAAA;UAGI,eACP,MAEW;AAAA,~~YAFXL~~,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,~~EAAoDM~~,GAAA;AAAA,cAApB,~~MAAMb~~,EAAA;AAAA,sDAAAA,EAAU,~~QAAAY~~;AAAA,YAAA;;;;;;;;"}
1	+ {"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.buttonListConfig')\">\n <a-button\n :class=\"[!!optionModel.buttonList?.length ? 'button-text-highlight' : '']\"\n @click=\"handleConfigBtn\"\n >{{ i18nt('designer.setting.buttonConfig') }}</a-button\n >\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"btnListConfigDialogVisible\"\n :show-close=\"true\"\n dialogClass=\"drag-dialog\"\n append-to-body\n :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\"\n width=\"1050px\"\n :mask=\"false\"\n >\n <ActionButtonListDialog v-model:data=\"buttonList\" />\n <template #footerRight>\n <a-button size=\"default\" @click=\"handleCloseDialog\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, watch } from 'vue';\n import { useI18n } from '@/utils/i18n';\n import { cloneDeep } from 'lodash-es';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n import { TpfModal } from 'tmgc2-share';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n\n const { i18nt } = useI18n();\n defineOptions({\n inheritAttrs: false,\n name: EditorTypeEnum.buttonListEditor\n });\n\n // 定义Props接口\n interface Props {\n optionModel: any;\n }\n\n // 定义按钮接口\n interface ButtonItem {\n key: string;\n label: string;\n type: string;\n danger: boolean;\n icon: string;\n onHidden: string;\n onDisabled: string;\n onClick: string;\n [key: string]: any; // 允许其他属性\n }\n\n const props = defineProps<Props>();\n\n // 响应式数据\n const buttonList = ref<ButtonItem[]>([]);\n const btnListConfigDialogVisible = ref(false);\n\n // 监听buttonList变化\n watch(buttonList, () => {\n props.optionModel.buttonList = buttonList.value;\n });\n\n const handleConfigBtn = () => {\n buttonList.value = cloneDeep(props.optionModel.buttonList);\n btnListConfigDialogVisible.value = true;\n };\n\n const handleCloseDialog = () => {\n btnListConfigDialogVisible.value = false;\n };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","_normalizeClass","optionModel","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;AAoCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAwBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;QA7EAK,EAMcC,GAAA;AAAA,UANA,OAAOC,EAAAb,CAAA,EAAK,mCAAA;AAAA,QAAA;qBACtB,MAAA;;AAIC;AAAA,cAJDW,EAICG,GAAA;AAAA,gBAHI,OAAKC,EAAA,EAAKC,IAAAA,EAAAA,YAAY,eAAZA,QAAAA,EAAwB,SAAM,0BAAA,EAAA,CAAA;AAAA,gBACxC,SAAOR;AAAA,cAAA;2BACP,MAA4C;AAAA,sBAAzCK,EAAAb,CAAA,EAAK,+BAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAGjBW,EAiBWE,EAAAI,CAAA,GAAA;AAAA,UAhBN,OAAOJ,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,QAAAY;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,UACL,MAAM;AAAA,QAAA;UAGI,eACP,MAEW;AAAA,YAFXP,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,EAAoDQ,GAAA;AAAA,cAApB,MAAMf,EAAA;AAAA,sDAAAA,EAAU,QAAAc;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { defineComponent as c, useModel as f, ref as r, computed as C, unref as
 import { useI18n as b } from "../../../../../utils/i18n.js";
 import { deepClone as w } from "../../../../../utils/util.js";
 import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as x } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as x } from "../../../form-widget/useFormDesigner.js";
 const P = /* @__PURE__ */ c({
   name: h.dataTableCustomClassEditor,
   componentName: "PropertyEditor",

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-customClass-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n <a-select\n v-model:value=\"optionModel.customClass\"\n allowClear\n mode=\"tags\"\n :options=\"cssClassList\"\n />\n </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import { deepClone, generateId, getDSByName } from '@/utils/util';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { type EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor';\n import { computed, onMounted, ref, unref, watchEffect } from 'vue';\n import { useDesigner } from '@/~~hooks~~/~~useDesigner~~';\n\n defineOptions({\n name: EditorTypeEnum.dataTableCustomClassEditor,\n componentName: 'PropertyEditor'\n });\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({ showPagination: Boolean, pagination: {} })\n });\n\n const { designer } = useDesigner();\n\n type DataSetType = {\n name: string;\n remark: string;\n };\n\n const { i18nt } = useI18n();\n\n const cssClassList = ref([]);\n const dataSetList = ref<DataSetType[]>([]);\n\n const loadDataSet = dsName => {\n dataSetList.value.length = 0;\n if (!dsName) {\n return;\n }\n\n const dsModel = getDSByName(unref(designer).formConfig, dsName) as any;\n if (!!dsModel && !!dsModel.dataSets) {\n dsModel.dataSets.forEach(dSet => {\n unref(dataSetList).push({\n name: dSet.name,\n remark: dSet.remark\n });\n });\n }\n };\n\n const dataSourceList = computed(() => {\n if (!unref(designer).formConfig \|\| !unref(designer).formConfig.dataSources) {\n return [];\n } else {\n return unref(designer).formConfig.dataSources;\n }\n });\n\n watchEffect(() => {\n if (designer?.value) {\n cssClassList.value = deepClone(unref(designer)?.getCssClassList?.());\n //监听表单css代码改动事件并重新加载！\n unref(designer).handleEvent('form-css-updated', classList => {\n cssClassList.value = classList;\n });\n }\n });\n</script>\n"],"names":["optionModel","_useModel","__props","designer","useDesigner","i18nt","useI18n","cssClassList","ref","computed","unref","watchEffect","deepClone","_b","_a","classList","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_select","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAOf,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAeC,EAAI,EAAE;AACP,WAAAA,EAAmB,CAAA,CAAE,GAmBlBC,EAAS,MACxB,CAACC,EAAMP,CAAQ,EAAE,cAAc,CAACO,EAAMP,CAAQ,EAAE,WAAW,cACpD,CAAA,IAEAO,EAAMP,CAAQ,EAAE,WAAW,WAEzC,GAEDQ,EAAY,MAAM;;AACd,MAAIR,KAAA,QAAAA,EAAU,UACVI,EAAa,QAAQK,GAAUC,KAAAC,IAAAJ,EAAMP,CAAQ,MAAd,gBAAAW,EAAiB,oBAAjB,gBAAAD,EAAA,KAAAC,EAAoC,GAEnEJ,EAAMP,CAAQ,EAAE,YAAY,oBAAoB,CAAAY,MAAa;AACzD,QAAAR,EAAa,QAAQQ;AAAA,MACzB,CAAC;AAAA,IAET,CAAC;;kBAzEDC,EAOcC,GAAA;AAAA,QAPA,OAAOC,EAAAb,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAKE;AAAA,UALFc,EAKEC,GAAA;AAAA,YAJU,OAAOpB,EAAA,MAAY;AAAA,YAAZ,kBAAAqB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAtB,EAAA,MAAY,cAAWsB;AAAA,YACtC,YAAA;AAAA,YACA,MAAK;AAAA,YACJ,SAASf,EAAA;AAAA,UAAA;;;;;;;"}
1	+ {"version":3,"file":"data-table-customClass-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n <a-select\n v-model:value=\"optionModel.customClass\"\n allowClear\n mode=\"tags\"\n :options=\"cssClassList\"\n />\n </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import { deepClone, generateId, getDSByName } from '@/utils/util';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { type EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor';\n import { computed, onMounted, ref, unref, watchEffect } from 'vue';\n import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n defineOptions({\n name: EditorTypeEnum.dataTableCustomClassEditor,\n componentName: 'PropertyEditor'\n });\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({ showPagination: Boolean, pagination: {} })\n });\n\n const { designer } = useDesigner();\n\n type DataSetType = {\n name: string;\n remark: string;\n };\n\n const { i18nt } = useI18n();\n\n const cssClassList = ref([]);\n const dataSetList = ref<DataSetType[]>([]);\n\n const loadDataSet = dsName => {\n dataSetList.value.length = 0;\n if (!dsName) {\n return;\n }\n\n const dsModel = getDSByName(unref(designer).formConfig, dsName) as any;\n if (!!dsModel && !!dsModel.dataSets) {\n dsModel.dataSets.forEach(dSet => {\n unref(dataSetList).push({\n name: dSet.name,\n remark: dSet.remark\n });\n });\n }\n };\n\n const dataSourceList = computed(() => {\n if (!unref(designer).formConfig \|\| !unref(designer).formConfig.dataSources) {\n return [];\n } else {\n return unref(designer).formConfig.dataSources;\n }\n });\n\n watchEffect(() => {\n if (designer?.value) {\n cssClassList.value = deepClone(unref(designer)?.getCssClassList?.());\n //监听表单css代码改动事件并重新加载！\n unref(designer).handleEvent('form-css-updated', classList => {\n cssClassList.value = classList;\n });\n }\n });\n</script>\n"],"names":["optionModel","_useModel","__props","designer","useDesigner","i18nt","useI18n","cssClassList","ref","computed","unref","watchEffect","deepClone","_b","_a","classList","_createBlock","_component_a_form_item","_unref","_createVNode","_component_a_select","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAOf,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAeC,EAAI,EAAE;AACP,WAAAA,EAAmB,CAAA,CAAE,GAmBlBC,EAAS,MACxB,CAACC,EAAMP,CAAQ,EAAE,cAAc,CAACO,EAAMP,CAAQ,EAAE,WAAW,cACpD,CAAA,IAEAO,EAAMP,CAAQ,EAAE,WAAW,WAEzC,GAEDQ,EAAY,MAAM;;AACd,MAAIR,KAAA,QAAAA,EAAU,UACVI,EAAa,QAAQK,GAAUC,KAAAC,IAAAJ,EAAMP,CAAQ,MAAd,gBAAAW,EAAiB,oBAAjB,gBAAAD,EAAA,KAAAC,EAAoC,GAEnEJ,EAAMP,CAAQ,EAAE,YAAY,oBAAoB,CAAAY,MAAa;AACzD,QAAAR,EAAa,QAAQQ;AAAA,MACzB,CAAC;AAAA,IAET,CAAC;;kBAzEDC,EAOcC,GAAA;AAAA,QAPA,OAAOC,EAAAb,CAAA,EAAK,8BAAA;AAAA,MAAA;mBACtB,MAKE;AAAA,UALFc,EAKEC,GAAA;AAAA,YAJU,OAAOpB,EAAA,MAAY;AAAA,YAAZ,kBAAAqB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAtB,EAAA,MAAY,cAAWsB;AAAA,YACtC,YAAA;AAAA,YACA,MAAK;AAAA,YACJ,SAASf,EAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { EditorTypeEnum as O } from "../../../../../constants/EditorTypeEnum.js"
 import x from "../../../../http-editor/index.vue.js";
 import B from "../../../../code-editor/code-modal-editor.vue.js";
 import { message as T } from "ant-design-vue";
-import { useDesigner as A } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as A } from "../../../form-widget/useFormDesigner.js";
 const W = /* @__PURE__ */ M({
   name: O.dataTableDsEnabledEditor,
   inheritAttrs: !1,

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-dsEnabled-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.dsEnabled')\">\n <a-switch v-model:checked=\"optionModel.dsEnabled\" />\n </a-form-item>\n <a-form-item v-if=\"!optionModel.dsEnabled\" :label=\"i18nt('designer.setting.tableDataEdit')\">\n <a-button type=\"primary\" shape=\"round\" @click=\"openTableDataEdit\">\n {{ i18nt('designer.setting.editAction') }}\n </a-button>\n </a-form-item>\n\n <CodeModalEditor\n ref=\"CodeModalEditorRef\"\n mode=\"json\"\n :readonly=\"false\"\n :isShowEventHeader=\"false\"\n :title=\"i18nt('designer.setting.tableDataEdit')\"\n @save=\"handleUpdate\"\n />\n <HttpEditor\n :label=\"i18nt('designer.setting.editAPIConfig')\"\n v-if=\"!!optionModel.dsEnabled\"\n :selected-widget=\"selectedWidget\"\n :optionModel=\"optionModel\"\n />\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { computed, ref, unref } from 'vue';\n import HttpEditor from '@/components/http-editor/index.vue';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import { message } from 'ant-design-vue';\n import { type EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor';\n import { useDesigner } from '@/~~hooks~~/~~useDesigner~~';\n\n defineOptions({\n name: EditorTypeEnum.dataTableDsEnabledEditor,\n inheritAttrs: false\n });\n const { designer } = useDesigner();\n const { selectedWidget } = defineProps<EditorPros>();\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({ showPagination: Boolean, pagination: {} })\n });\n\n const { i18nt } = useI18n();\n\n const tableDataOptions = ref('');\n const CodeModalEditorRef = ref<InstanceType<typeof CodeModalEditor> \| null>(null);\n\n const handleUpdate = value => {\n try {\n optionModel.value.dataSource = JSON.parse(value);\n } catch (ex: any) {\n message.error(i18nt('designer.hint.invalidOptionsData') + ex.message);\n }\n };\n\n const openTableDataEdit = () => {\n tableDataOptions.value = JSON.stringify(unref(optionModel).dataSource, null, ' ');\n CodeModalEditorRef.value && CodeModalEditorRef.value.open(unref(tableDataOptions));\n };\n // export default {\n // name: 'data-table-dsEnabled-editor',\n // mixins: [i18n],\n // inheritAttrs: false,\n // components: { HttpEditor, CodeModalEditor },\n // props: {\n // designer: Object,\n // selectedWidget: Object,\n // optionModel: Object\n // },\n // data() {\n // return {\n // tableDataOptions: ''\n // };\n // },\n // methods: {\n // handleUpdate(value) {\n // try {\n // this.optionModel.dataSource = JSON.parse(value);\n // } catch (ex) {\n // this.$message.error(\n // this.i18nt('designer.hint.invalidOptionsData') + ex.message\n // );\n // }\n // },\n // openTableDataEdit() {\n // this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, ' ');\n // this.$refs.CodeModalEditorRef.open(this.tableDataOptions);\n // }\n // }\n // };\n</script>\n"],"names":["useDesigner","optionModel","_useModel","__props","i18nt","useI18n","tableDataOptions","ref","CodeModalEditorRef","handleUpdate","value","ex","message","openTableDataEdit","unref","_createVNode","_component_a_form_item","_unref","_component_a_switch","_cache","$event","_createBlock","_component_a_button","CodeModalEditor","HttpEditor","selectedWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwCyB,IAAAA,EAAA;AAErB,UAAMC,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAmBC,EAAI,EAAE,GACzBC,IAAqBD,EAAiD,IAAI,GAE1EE,IAAe,CAAAC,MAAS;AAC1B,UAAI;AACA,QAAAT,EAAY,MAAM,aAAa,KAAK,MAAMS,CAAK;AAAA,MACnD,SAASC,GAAS;AACd,QAAAC,EAAQ,MAAMR,EAAM,kCAAkC,IAAIO,EAAG,OAAO;AAAA,MACxE;AAAA,IACJ,GAEME,IAAoB,MAAM;AAC5B,MAAAP,EAAiB,QAAQ,KAAK,UAAUQ,EAAMb,CAAW,EAAE,YAAY,MAAM,IAAI,GACjFO,EAAmB,SAASA,EAAmB,MAAM,KAAKM,EAAMR,CAAgB,CAAC;AAAA,IACrF;;;;QA/DAS,EAEcC,GAAA;AAAA,UAFA,OAAOC,EAAAb,CAAA,EAAK,4BAAA;AAAA,QAAA;qBACtB,MAAoD;AAAA,YAApDW,EAAoDG,GAAA;AAAA,cAAlC,SAASjB,EAAA,MAAY;AAAA,cAAZ,oBAAAkB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAnB,EAAA,MAAY,YAASmB;AAAA,YAAA;;;;QAEhCnB,EAAA,MAAY,8BAAhCoB,EAIcL,GAAA;AAAA;UAJ8B,OAAOC,EAAAb,CAAA,EAAK,gCAAA;AAAA,QAAA;qBACpD,MAEW;AAAA,YAFXW,EAEWO,GAAA;AAAA,cAFD,MAAK;AAAA,cAAU,OAAM;AAAA,cAAS,SAAOT;AAAA,YAAA;yBAC3C,MAA0C;AAAA,oBAAvCI,EAAAb,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;QAIhBW,EAOEQ,GAAA;AAAA,mBANM;AAAA,UAAJ,KAAIf;AAAA,UACJ,MAAK;AAAA,UACJ,UAAU;AAAA,UACV,mBAAmB;AAAA,UACnB,OAAOS,EAAAb,CAAA,EAAK,gCAAA;AAAA,UACZ,QAAMK;AAAA,QAAA;QAICR,EAAA,MAAY,kBAFxBoB,EAKEG,GAAA;AAAA;UAJG,OAAOP,EAAAb,CAAA,EAAK,gCAAA;AAAA,UAEZ,mBAAiBqB,EAAAA;AAAAA,UACjB,aAAaxB,EAAA;AAAA,QAAA;;;;;"}
1	+ {"version":3,"file":"data-table-dsEnabled-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.dsEnabled')\">\n <a-switch v-model:checked=\"optionModel.dsEnabled\" />\n </a-form-item>\n <a-form-item v-if=\"!optionModel.dsEnabled\" :label=\"i18nt('designer.setting.tableDataEdit')\">\n <a-button type=\"primary\" shape=\"round\" @click=\"openTableDataEdit\">\n {{ i18nt('designer.setting.editAction') }}\n </a-button>\n </a-form-item>\n\n <CodeModalEditor\n ref=\"CodeModalEditorRef\"\n mode=\"json\"\n :readonly=\"false\"\n :isShowEventHeader=\"false\"\n :title=\"i18nt('designer.setting.tableDataEdit')\"\n @save=\"handleUpdate\"\n />\n <HttpEditor\n :label=\"i18nt('designer.setting.editAPIConfig')\"\n v-if=\"!!optionModel.dsEnabled\"\n :selected-widget=\"selectedWidget\"\n :optionModel=\"optionModel\"\n />\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { computed, ref, unref } from 'vue';\n import HttpEditor from '@/components/http-editor/index.vue';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import { message } from 'ant-design-vue';\n import { type EditorPros } from '@/components/form-designer/setting-panel/property-editor/useEditor';\n import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n defineOptions({\n name: EditorTypeEnum.dataTableDsEnabledEditor,\n inheritAttrs: false\n });\n const { designer } = useDesigner();\n const { selectedWidget } = defineProps<EditorPros>();\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({ showPagination: Boolean, pagination: {} })\n });\n\n const { i18nt } = useI18n();\n\n const tableDataOptions = ref('');\n const CodeModalEditorRef = ref<InstanceType<typeof CodeModalEditor> \| null>(null);\n\n const handleUpdate = value => {\n try {\n optionModel.value.dataSource = JSON.parse(value);\n } catch (ex: any) {\n message.error(i18nt('designer.hint.invalidOptionsData') + ex.message);\n }\n };\n\n const openTableDataEdit = () => {\n tableDataOptions.value = JSON.stringify(unref(optionModel).dataSource, null, ' ');\n CodeModalEditorRef.value && CodeModalEditorRef.value.open(unref(tableDataOptions));\n };\n // export default {\n // name: 'data-table-dsEnabled-editor',\n // mixins: [i18n],\n // inheritAttrs: false,\n // components: { HttpEditor, CodeModalEditor },\n // props: {\n // designer: Object,\n // selectedWidget: Object,\n // optionModel: Object\n // },\n // data() {\n // return {\n // tableDataOptions: ''\n // };\n // },\n // methods: {\n // handleUpdate(value) {\n // try {\n // this.optionModel.dataSource = JSON.parse(value);\n // } catch (ex) {\n // this.$message.error(\n // this.i18nt('designer.hint.invalidOptionsData') + ex.message\n // );\n // }\n // },\n // openTableDataEdit() {\n // this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, ' ');\n // this.$refs.CodeModalEditorRef.open(this.tableDataOptions);\n // }\n // }\n // };\n</script>\n"],"names":["useDesigner","optionModel","_useModel","__props","i18nt","useI18n","tableDataOptions","ref","CodeModalEditorRef","handleUpdate","value","ex","message","openTableDataEdit","unref","_createVNode","_component_a_form_item","_unref","_component_a_switch","_cache","$event","_createBlock","_component_a_button","CodeModalEditor","HttpEditor","selectedWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwCyB,IAAAA,EAAA;AAErB,UAAMC,IAAcC,EAAWC,GAAC,aAI/B,GAEK,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAmBC,EAAI,EAAE,GACzBC,IAAqBD,EAAiD,IAAI,GAE1EE,IAAe,CAAAC,MAAS;AAC1B,UAAI;AACA,QAAAT,EAAY,MAAM,aAAa,KAAK,MAAMS,CAAK;AAAA,MACnD,SAASC,GAAS;AACd,QAAAC,EAAQ,MAAMR,EAAM,kCAAkC,IAAIO,EAAG,OAAO;AAAA,MACxE;AAAA,IACJ,GAEME,IAAoB,MAAM;AAC5B,MAAAP,EAAiB,QAAQ,KAAK,UAAUQ,EAAMb,CAAW,EAAE,YAAY,MAAM,IAAI,GACjFO,EAAmB,SAASA,EAAmB,MAAM,KAAKM,EAAMR,CAAgB,CAAC;AAAA,IACrF;;;;QA/DAS,EAEcC,GAAA;AAAA,UAFA,OAAOC,EAAAb,CAAA,EAAK,4BAAA;AAAA,QAAA;qBACtB,MAAoD;AAAA,YAApDW,EAAoDG,GAAA;AAAA,cAAlC,SAASjB,EAAA,MAAY;AAAA,cAAZ,oBAAAkB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAnB,EAAA,MAAY,YAASmB;AAAA,YAAA;;;;QAEhCnB,EAAA,MAAY,8BAAhCoB,EAIcL,GAAA;AAAA;UAJ8B,OAAOC,EAAAb,CAAA,EAAK,gCAAA;AAAA,QAAA;qBACpD,MAEW;AAAA,YAFXW,EAEWO,GAAA;AAAA,cAFD,MAAK;AAAA,cAAU,OAAM;AAAA,cAAS,SAAOT;AAAA,YAAA;yBAC3C,MAA0C;AAAA,oBAAvCI,EAAAb,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;QAIhBW,EAOEQ,GAAA;AAAA,mBANM;AAAA,UAAJ,KAAIf;AAAA,UACJ,MAAK;AAAA,UACJ,UAAU;AAAA,UACV,mBAAmB;AAAA,UACnB,OAAOS,EAAAb,CAAA,EAAK,gCAAA;AAAA,UACZ,QAAMK;AAAA,QAAA;QAICR,EAAA,MAAY,kBAFxBoB,EAKEG,GAAA;AAAA;UAJG,OAAOP,EAAAb,CAAA,EAAK,gCAAA;AAAA,UAEZ,mBAAiBqB,EAAAA;AAAAA,UACjB,aAAaxB,EAAA;AAAA,QAAA;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import o from "./data-table-showButtonsColumn-editor.vue2.js";
 /* empty css                                         */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a6551319"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10575cc9"]]);
 export {
-  p as default
+  c as default
 };
 //# sourceMappingURL=data-table-showButtonsColumn-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-showButtonsColumn-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.showButtonsColumn')\">\n <a-space>\n <a-switch v-model:checked=\"optionModel.showButtonsColumn\" />\n\n <a-button\n v-if=\"!!optionModel.showButtonsColumn\"\n type=\"primary\"\n shape=\"round\"\n @click=\"editButtonsColumn\"\n >\n {{ i18nt('designer.setting.editAction') }}\n </a-button>\n </a-space>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"showButtonsEditDialog\"\n :show-close=\"true\"\n dialogClass=\"drag-dialog\"\n append-to-body\n :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\"\n :destroy-on-close=\"true\"\n width=\"1250px\"\n :mask=\"false\"\n >\n <a-row :gutter=\"8\">\n <a-col :span=\"11\">\n <a-form-item\n name=\"buttonsColumnTitle\"\n :label=\"i18nt('designer.setting.buttonsColumnTitle')\"\n >\n <a-input v-model:value=\"optionModel.buttonsColumnTitle\" />\n </a-form-item>\n </a-col>\n <a-col :span=\"6\">\n <a-form-item\n name=\"buttonsColumnWidth\"\n :label=\"i18nt('designer.setting.buttonsColumnWidth')\"\n >\n <a-input-number v-model:value=\"optionModel.buttonsColumnWidth\" />\n </a-form-item>\n </a-col>\n <a-col :span=\"5\">\n <a-form-item\n name=\"buttonsColumnFixed\"\n :label=\"i18nt('designer.setting.fixedColumn')\"\n >\n <a-select\n v-model:value=\"optionModel.buttonsColumnFixed\"\n allowClear\n style=\"width: 100%\"\n >\n <a-select-option value=\"left\">left</a-select-option>\n <a-select-option value=\"right\">right</a-select-option>\n </a-select>\n </a-form-item>\n </a-col>\n </a-row>\n\n <ActionButtonListDialog v-model:data=\"optionModel.operationButtons\" parmas=\"scope\" />\n\n <template #footer>\n <div class=\"dialog-footer\">\n <a-button size=\"default\" @click=\"showButtonsEditDialog = false\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </div>\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n import { TpfModal } from 'tmgc2-share';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { ref } from 'vue';\n\n defineOptions({\n name: EditorTypeEnum.showButtonsColumnEditor,\n inheritAttrs: false\n });\n\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({\n buttonsColumnTitle: '',\n buttonsColumnWidth: '',\n buttonsColumnFixed: '',\n operationButtons: ''\n })\n });\n\n const { i18nt } = useI18n();\n\n const showButtonsEditDialog = ref(false);\n\n const editButtonsColumn = () => {\n showButtonsEditDialog.value = true;\n };\n // export default {\n // name: 'showButtonsColumn-editor',\n // inheritAttrs: false,\n // mixins: [i18n],\n // components: { ActionButtonListDialog, TpfModal },\n // props: {\n // designer: Object,\n // selectedWidget: Object,\n // optionModel: Object\n // },\n // data() {\n // return {\n // showButtonsEditDialog: false\n // };\n // },\n // methods: {\n // editButtonsColumn() {\n // this.showButtonsEditDialog = true;\n // }\n // }\n // };\n</script>\n\n<style lang=\"less\" scoped>\n .button-row {\n border-bottom: 1px solid #e1e2e3;\n margin-bottom: 12px;\n }\n .drag-sort-col {\n padding-top: 8px;\n cursor: move;\n }\n</style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","showButtonsEditDialog","ref","editButtonsColumn","_createVNode","_component_a_form_item","_unref","_component_a_space","_component_a_switch","_cache","$event","_createBlock","_component_a_button","TpfModal","_createElementVNode","_hoisted_1","_component_a_row","_component_a_col","_component_a_input","_component_a_input_number","_component_a_select","_component_a_select_option","ActionButtonListDialog"],"mappings":"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"}
1	+ {"version":3,"file":"data-table-showButtonsColumn-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.showButtonsColumn')\">\n <a-space>\n <a-switch v-model:checked=\"optionModel.showButtonsColumn\" />\n\n <a-button\n v-if=\"!!optionModel.showButtonsColumn\"\n type=\"primary\"\n shape=\"round\"\n @click=\"editButtonsColumn\"\n >\n {{ i18nt('designer.setting.editAction') }}\n </a-button>\n </a-space>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"showButtonsEditDialog\"\n :show-close=\"true\"\n dialogClass=\"drag-dialog\"\n append-to-body\n :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\"\n :destroy-on-close=\"true\"\n width=\"1250px\"\n :mask=\"false\"\n >\n <a-row :gutter=\"8\">\n <a-col :span=\"11\">\n <a-form-item\n name=\"buttonsColumnTitle\"\n :label=\"i18nt('designer.setting.buttonsColumnTitle')\"\n >\n <a-input v-model:value=\"optionModel.buttonsColumnTitle\" />\n </a-form-item>\n </a-col>\n <a-col :span=\"6\">\n <a-form-item\n name=\"buttonsColumnWidth\"\n :label=\"i18nt('designer.setting.buttonsColumnWidth')\"\n >\n <a-input-number v-model:value=\"optionModel.buttonsColumnWidth\" />\n </a-form-item>\n </a-col>\n <a-col :span=\"5\">\n <a-form-item\n name=\"buttonsColumnFixed\"\n :label=\"i18nt('designer.setting.fixedColumn')\"\n >\n <a-select\n v-model:value=\"optionModel.buttonsColumnFixed\"\n allowClear\n style=\"width: 100%\"\n >\n <a-select-option value=\"left\">left</a-select-option>\n <a-select-option value=\"right\">right</a-select-option>\n </a-select>\n </a-form-item>\n </a-col>\n </a-row>\n\n <ActionButtonListDialog v-model:data=\"optionModel.operationButtons\" parmas=\"scope\" />\n\n <template #footer>\n <div class=\"dialog-footer\">\n <a-button size=\"default\" @click=\"showButtonsEditDialog = false\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </div>\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { useI18n } from '@/utils/i18n';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n import { TpfModal } from 'tmgc2-share';\n import { EditorTypeEnum } from '@/constants/EditorTypeEnum';\n import { ref } from 'vue';\n\n defineOptions({\n name: EditorTypeEnum.showButtonsColumnEditor,\n inheritAttrs: false\n });\n\n const optionModel = defineModel('optionModel', {\n type: Object,\n required: true,\n default: () => ({\n buttonsColumnTitle: '',\n buttonsColumnWidth: '',\n buttonsColumnFixed: '',\n operationButtons: ''\n })\n });\n\n const { i18nt } = useI18n();\n\n const showButtonsEditDialog = ref(false);\n\n const editButtonsColumn = () => {\n showButtonsEditDialog.value = true;\n };\n</script>\n\n<style lang=\"less\" scoped>\n .button-row {\n border-bottom: 1px solid #e1e2e3;\n margin-bottom: 12px;\n }\n .drag-sort-col {\n padding-top: 8px;\n cursor: move;\n }\n</style>\n"],"names":["optionModel","_useModel","__props","i18nt","useI18n","showButtonsEditDialog","ref","editButtonsColumn","_createVNode","_component_a_form_item","_unref","_component_a_space","_component_a_switch","_cache","$event","_createBlock","_component_a_button","TpfModal","_createElementVNode","_hoisted_1","_component_a_row","_component_a_col","_component_a_input","_component_a_input_number","_component_a_select","_component_a_select_option","ActionButtonListDialog"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import o from "./data-table-tableColumns-editor.vue2.js";
 /* empty css                                    */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8eb0f5c4"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dc411d64"]]);
 export {
   m as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js CHANGED Viewed

@@ -4,7 +4,7 @@ import $ from "../../../../code-editor/code-modal-editor.vue.js";
 import { cloneDeep as q } from "lodash-es";
 import { useVxeTable as K, TpfModal as P, Table as G } from "tmgc2-share";
 import { message as H } from "ant-design-vue";
-import { useDesigner as J } from "../../../../../hooks/useDesigner.js";
+import { useDesigner as J } from "../../../form-widget/useFormDesigner.js";
 const Q = {
   class: "add-btn t-flex t-justify-center t-mt-[10px]"
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-tableColumns-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.tableColEdit')\">\n <a-button type=\"primary\" shape=\"round\" @click=\"openSetting\">\n {{ i18nt('designer.setting.editAction') }}\n </a-button>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.tableColEdit')\"\n v-model:visible=\"dialogVisible\"\n width=\"1280px\"\n height=\"70vh\"\n >\n <Table :table-props=\"tableProps\" id=\"tableColumns-editor\" @register=\"register\" />\n <div class=\"add-btn t-flex t-justify-center t-mt-[10px]\">\n <a-button\n :title=\"i18nt('designer.setting.addTableColumn')\"\n type=\"primary\"\n size=\"medium\"\n @click=\"addCol()\"\n >\n {{ i18nt('designer.setting.addTableColumn') }}\n </a-button>\n </div>\n <template #footerRight>\n <a-button size=\"default\" @click=\"dialogVisible = false\">\n {{ i18nt('designer.hint.cancel') }}\n </a-button>\n <a-button size=\"default\" type=\"primary\" @click=\"colSubmit\">\n {{ i18nt('designer.hint.confirm') }}\n </a-button>\n </template>\n </TpfModal>\n\n <CodeModalEditor\n @save=\"saveColumnRender\"\n ref=\"CodeModalEditorRef\"\n :title=\"i18nt('designer.setting.renderFunction')\"\n fn-params=\"scope\"\n />\n</template>\n\n<script setup lang=\"tsx\">\n defineOptions({\n name: 'tableColumns-editor',\n inheritAttrs: false\n });\n\n import { computed, ref, nextTick } from 'vue';\n import { useI18n } from '@/utils/i18n';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import { cloneDeep } from 'lodash-es';\n import { TpfModal, Table, useVxeTable, ImeTableProps } from 'tmgc2-share';\n import { VxeGridPropTypes } from 'vxe-table';\n import { message } from 'ant-design-vue';\n import { useDesigner } from '@/hooks/useDesigner';\n\n const { formConfig, designer } = useDesigner();\n\n // 定义Props接口\n interface Props {\n selectedWidget: any;\n }\n\n // 定义表格列接口\n interface TableColumn {\n columnId: number;\n dataIndex: string;\n title: string;\n width: number;\n isAutoWidth: boolean;\n show: boolean;\n sorter: boolean;\n resizable: boolean;\n ellipsis?: boolean;\n fixed?: string;\n align: string;\n customRender: string;\n showSorterTooltip?: boolean;\n titleSuffix?: boolean;\n titleSuffixContent?: string;\n }\n\n const { i18nt } = useI18n();\n const props = defineProps<Props>();\n\n // Refs\n const CodeModalEditorRef = ref<InstanceType<typeof CodeModalEditor> \| null>(null);\n const dialogVisible = ref(false);\n const currentRecord = ref<TableColumn>();\n const optionModel = defineModel<{\n tableColumns: TableColumn[];\n }>('optionModel', {\n default: () => ({\n tableColumns: () => []\n })\n });\n\n // 对齐选项\n const alignOptions = [\n { value: 'left', label: 'left' },\n { value: 'center', label: 'center' },\n { value: 'right', label: 'right' }\n ];\n\n // Columns configuration using VXE Table format with TSX\n const columns: VxeGridPropTypes.Columns = [\n {\n field: 'seq',\n type: 'seq',\n title: '序号',\n width: 80,\n dragSort: true,\n fixed: 'left'\n },\n {\n field: 'dataIndex',\n title: i18nt('designer.setting.columnName'),\n width: 150,\n slots: {\n default({ row }) {\n return (\n <a-input\n v-model:value={row.dataIndex}\n placeholder={i18nt('designer.setting.columnName')}\n />\n );\n }\n }\n },\n {\n field: 'title',\n title: i18nt('designer.setting.columnLabel'),\n width: 120,\n slots: {\n default({ row }) {\n return (\n <a-input\n v-model:value={row.title}\n placeholder={i18nt('designer.setting.columnLabel')}\n />\n );\n }\n }\n },\n {\n field: 'titleSuffix',\n title: i18nt('designer.setting.titleSuffix'),\n width: 100,\n slots: {\n default({ row }) {\n return (\n <div class=\"t-flex t-flex-col t-items-center\">\n <a-switch v-model:checked={row.titleSuffix} />\n {row.titleSuffix && (\n <a-input\n v-model:value={row.titleSuffixContent}\n style=\"margin-top: 5px\"\n />\n )}\n </div>\n );\n }\n }\n },\n {\n field: 'width',\n title: i18nt('designer.setting.columnWidth'),\n width: 100,\n slots: {\n default({ row }) {\n return (\n <div class=\"t-flex t-flex-col t-items-center\">\n <a-switch\n checked-children={i18nt('designer.setting.autoWidth')}\n v-model:checked={row.isAutoWidth}\n />\n {!row.isAutoWidth && (\n <a-input v-model:value={row.width} style=\"margin-top: 5px\" />\n )}\n </div>\n );\n }\n }\n },\n {\n field: 'show',\n title: i18nt('designer.setting.visibleColumn'),\n width: 90,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.show} />;\n }\n }\n },\n {\n field: 'sorter',\n title: i18nt('designer.setting.sortableColumn'),\n width: 90,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.sorter} />;\n }\n }\n },\n {\n field: 'resizable',\n title: i18nt('designer.setting.resizableColumn'),\n width: 100,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.resizable} />;\n }\n }\n },\n {\n field: 'ellipsis',\n title: i18nt('designer.setting.ellipsisColumn'),\n width: 140,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.ellipsis} />;\n }\n }\n },\n {\n field: 'fixed',\n title: i18nt('designer.setting.fixedColumn'),\n width: 120,\n slots: {\n default({ row }) {\n return (\n <a-radio-group v-model:value={row.fixed}>\n <a-radio-button value=\"left\">\n {i18nt('designer.setting.fixedLeft')}\n </a-radio-button>\n <a-radio-button value={null}>\n {i18nt('designer.setting.fixedNull')}\n </a-radio-button>\n <a-radio-button value=\"right\">\n {i18nt('designer.setting.fixedRight')}\n </a-radio-button>\n </a-radio-group>\n );\n }\n }\n },\n {\n field: 'align',\n title: i18nt('designer.setting.alignTypeOfColumn'),\n width: 100,\n slots: {\n default({ row }) {\n return (\n <a-radio-group v-model:value={row.align}>\n <a-radio-button value=\"left\">\n {i18nt('designer.setting.fixedLeft')}\n </a-radio-button>\n <a-radio-button value={null}>\n {i18nt('designer.setting.fixedNull')}\n </a-radio-button>\n <a-radio-button value=\"right\">\n {i18nt('designer.setting.fixedRight')}\n </a-radio-button>\n </a-radio-group>\n // <a-select\n // v-model:value={row.align}\n // options={alignOptions}\n // style=\"width: 100%\"\n // />\n );\n }\n }\n },\n {\n field: 'customRender',\n title: i18nt('designer.setting.customRender'),\n width: 100,\n align: 'center',\n fixed: 'right',\n slots: {\n default({ row, rowIndex }) {\n return (\n <a-button\n class={[{ 'button-text-highlight': !!row.customRender }]}\n onClick={() => showRenderDialog(row)}\n size=\"small\"\n shape=\"round\"\n >\n {i18nt('designer.setting.edit')}\n </a-button>\n );\n }\n }\n },\n {\n field: 'action',\n title: i18nt('designer.setting.actionColumn'),\n width: 80,\n fixed: 'right',\n align: 'center',\n slots: {\n default({ row }) {\n return (\n <a-button type=\"link\" onClick={() => handleDelete(row)} size=\"small\">\n {i18nt('designer.setting.delete')}\n </a-button>\n );\n }\n }\n }\n ];\n\n const tableProps = computed(() => {\n return {\n columnConfig: {\n resizable: true\n },\n rowConfig: {\n drag: true,\n useKey: true,\n keyField: 'columnId'\n },\n cellConfig: {\n height: 50\n },\n size: 'mini',\n columns: columns,\n clickRowCheck: false\n } as ImeTableProps;\n });\n\n const { tableRef, register, setTableValue, getFullData } = useVxeTable<TableColumn>({\n props: {\n rowKey: 'columnId',\n clickRowCheck: false\n },\n callbacks: {}\n });\n\n // Methods\n const showRenderDialog = (record: TableColumn) => {\n currentRecord.value = record;\n CodeModalEditorRef.value?.open(record.customRender \|\| '');\n };\n\n const saveColumnRender = (value: string) => {\n if (currentRecord.value) {\n currentRecord.value.customRender = value;\n }\n };\n\n const addCol = async () => {\n const newRow: TableColumn = {\n isAutoWidth: true,\n columnId: new Date().getTime(),\n show: true,\n width: 150,\n sorter: false,\n customRender: '',\n fixed: '',\n align: 'left',\n title: '标题名',\n dataIndex: '',\n resizable: true,\n ellipsis: false,\n showSorterTooltip: false,\n titleSuffix: false,\n titleSuffixContent: ''\n };\n await tableRef.value?.insertAt(newRow, -1);\n await nextTick();\n console.log(tableRef.value?.getRowById(newRow.columnId));\n\n tableRef.value?.scrollToRow(tableRef.value?.getRowById(newRow.columnId));\n };\n\n const handleDelete = row => {\n if (getFullData().length === 1) {\n message.warning(i18nt('designer.setting.onlyOneColumnCannotBeDeleted'));\n return false;\n }\n tableRef.value?.remove(row);\n };\n\n // 确认表格列更改\n const colSubmit = () => {\n optionModel.value.tableColumns = getFullData();\n dialogVisible.value = false;\n };\n\n const openSetting = async () => {\n dialogVisible.value = true;\n await nextTick();\n\n setTimeout(() => {\n setTableValue(cloneDeep(optionModel.value.tableColumns));\n }, 100);\n };\n\n // 暴露方法给父组件\n defineExpose({\n openSetting\n });\n</script>\n\n<style lang=\"less\" scoped>\n .table-wrap {\n font-size: 12px;\n flex: 1;\n display: flex;\n flex-direction: column;\n\n .add-btn {\n margin-top: 10px;\n text-align: center;\n }\n }\n</style>\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","useDesigner","i18nt","useI18n","CodeModalEditorRef","ref","dialogVisible","currentRecord","optionModel","_useModel","__props","columns","field","type","title","width","dragSort","fixed","slots","default","row","_createVNode2","_resolveComponent2","dataIndex","$event","titleSuffix","titleSuffixContent","isAutoWidth","align","show","sorter","resizable","ellipsis","_slot","_slot2","_slot3","_slot4","_slot5","_slot6","rowIndex","_slot7","customRender","onClick","showRenderDialog","_slot8","handleDelete","tableProps","computed","columnConfig","rowConfig","drag","useKey","keyField","cellConfig","height","size","clickRowCheck","tableRef","register","setTableValue","getFullData","useVxeTable","props","rowKey","callbacks","record","value","open","saveColumnRender","addCol","newRow","columnId","Date","getTime","showSorterTooltip","insertAt","nextTick","console","log","getRowById","scrollToRow","length","message","warning","remove","colSubmit","tableColumns","openSetting","setTimeout","cloneDeep","__expose","_createVNode","_component_a_form_item","label","_unref","_component_a_button","shape","TpfModal","visible","footerRight","Table","id","onRegister","_createElementVNode","_hoisted_1","CodeModalEditor","onSave"],"mappings":";;;;;;;;;;AA+DI,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAK,EAAAL,CAAA;AAAA;;;;;;;;;;;;;;;;;;;AAPiCM,IAAAA,EAAW;AA0B5C,UAAM;AAAA,MAAEC,OAAAA;AAAAA,QAAUC,EAAO,GAInBC,IAAqBC,EAAiD,IAAI,GAC1EC,IAAgBD,EAAI,EAAK,GACzBE,IAAgBF,EAAG,GACnBG,IAAcC,EAElBC,GAAC,aAIF,GAUKC,IAAoC,CACtC;AAAA,MACIC,OAAO;AAAA,MACPC,MAAM;AAAA,MACNC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,OAAO;AAAA,IACX,GACA;AAAA,MACIL,OAAO;AAAA,MACPE,OAAOZ,EAAM,6BAA6B;AAAA,MAC1Ca,OAAO;AAAA,MACPG,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAAC,EAAA,SAAA,GAAA;AAAA,YAAA,OAEuBF,EAAIG;AAAAA,YAAS,kBAAAC,CAAAA,MAAbJ,EAAIG,YAASC;AAAAA,YAAA,aACftB,EAAM,6BAA6B;AAAA,UAAC,GAAA,IAAA;AAAA,QAG7D;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIU,OAAO;AAAA,MACPE,OAAOZ,EAAM,8BAA8B;AAAA,MAC3Ca,OAAO;AAAA,MACPG,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAAC,EAAA,SAAA,GAAA;AAAA,YAAA,OAEuBF,EAAIN;AAAAA,YAAK,kBAAAU,CAAAA,MAATJ,EAAIN,QAAKU;AAAAA,YAAA,aACXtB,EAAM,8BAA8B;AAAA,UAAC,GAAA,IAAA;AAAA,QAG9D;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIU,OAAO;AAAA,MACPE,OAAOZ,EAAM,8BAA8B;AAAA,MAC3Ca,OAAO;AAAA,MACPG,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAA,OAAA;AAAA,YAAA,OAAA;AAAA,aAAA,CAAAA,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,SAEmCF,EAAIK;AAAAA,YAAW,oBAAAD,CAAAA,MAAfJ,EAAIK,cAAWD;AAAAA,UAAA,GAAA,IAAA,GACzCJ,EAAIK,eAAWJ,EAAAC,EAAA,SAAA,GAAA;AAAA,YAAA,OAEOF,EAAIM;AAAAA,YAAkB,kBAAAF,CAAAA,MAAtBJ,EAAIM,qBAAkBF;AAAAA,YAAA,OAAA;AAAA,aAAA,IAAA,CAG5C,CAAA;AAAA,QAGb;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIZ,OAAO;AAAA,MACPE,OAAOZ,EAAM,8BAA8B;AAAA,MAC3Ca,OAAO;AAAA,MACPG,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAA,OAAA;AAAA,YAAA,OAAA;AAAA,aAAA,CAAAA,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,oBAG8BpB,EAAM,4BAA4B;AAAA,YAAC,SACpCkB,EAAIO;AAAAA,YAAW,oBAAAH,CAAAA,MAAfJ,EAAIO,cAAWH;AAAAA,UAAA,GAAA,IAAA,GAEnC,CAACJ,EAAIO,eAAWN,EAAAC,EAAA,SAAA,GAAA;AAAA,YAAA,OACWF,EAAIL;AAAAA,YAAK,kBAAAS,CAAAA,MAATJ,EAAIL,QAAKS;AAAAA,YAAA,OAAA;AAAA,aAAA,IAAA,CACpC,CAAA;AAAA,QAGb;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIZ,OAAO;AAAA,MACPE,OAAOZ,EAAM,gCAAgC;AAAA,MAC7Ca,OAAO;AAAA,MACPa,OAAO;AAAA,MACPV,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,SAAkCF,EAAIS;AAAAA,YAAI,oBAAAL,CAAAA,MAARJ,EAAIS,OAAIL;AAAAA,UAAA,GAAA,IAAA;AAAA,QAC9C;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIZ,OAAO;AAAA,MACPE,OAAOZ,EAAM,iCAAiC;AAAA,MAC9Ca,OAAO;AAAA,MACPa,OAAO;AAAA,MACPV,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,SAAkCF,EAAIU;AAAAA,YAAM,oBAAAN,CAAAA,MAAVJ,EAAIU,SAAMN;AAAAA,UAAA,GAAA,IAAA;AAAA,QAChD;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIZ,OAAO;AAAA,MACPE,OAAOZ,EAAM,kCAAkC;AAAA,MAC/Ca,OAAO;AAAA,MACPa,OAAO;AAAA,MACPV,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,SAAkCF,EAAIW;AAAAA,YAAS,oBAAAP,CAAAA,MAAbJ,EAAIW,YAASP;AAAAA,UAAA,GAAA,IAAA;AAAA,QACnD;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIZ,OAAO;AAAA,MACPE,OAAOZ,EAAM,iCAAiC;AAAA,MAC9Ca,OAAO;AAAA,MACPa,OAAO;AAAA,MACPV,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AACb,iBAAAC,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,SAAkCF,EAAIY;AAAAA,YAAQ,oBAAAR,CAAAA,MAAZJ,EAAIY,WAAQR;AAAAA,UAAA,GAAA,IAAA;AAAA,QAClD;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIZ,OAAO;AAAA,MACPE,OAAOZ,EAAM,8BAA8B;AAAA,MAC3Ca,OAAO;AAAA,MACPG,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AAAA,cAAAa,GAAAC,GAAAC;AACb,iBAAAd,EAAAC,EAAA,eAAA,GAAA;AAAA,YAAA,OACkCF,EAAIH;AAAAA,YAAK,kBAAAO,CAAAA,MAATJ,EAAIH,QAAKO;AAAAA,UAAA,GAAA;AAAA,YAAAL,SAAAA,MAAA,CAAAE,EAAAC,EAAA,gBAAA,GAAA;AAAA,cAAA,OAAA;AAAA,eAAA5B,EAAAuC,IAE9B/B,EAAM,4BAA4B,CAAC,IAAA+B,IAAA;AAAA,cAAAd,SAAAA,MAAA,CAAAc,CAAA;AAAA,aAAA,GAAAZ,EAAAC,EAAA,gBAAA,GAAA;AAAA,cAAA,OAEjB;AAAA,eAAI5B,EAAAwC,IACtBhC,EAAM,4BAA4B,CAAC,IAAAgC,IAAA;AAAA,cAAAf,SAAAA,MAAA,CAAAe,CAAA;AAAA,aAAA,GAAAb,EAAAC,EAAA,gBAAA,GAAA;AAAA,cAAA,OAAA;AAAA,eAAA5B,EAAAyC,IAGnCjC,EAAM,6BAA6B,CAAC,IAAAiC,IAAA;AAAA,cAAAhB,SAAAA,MAAA,CAAAgB,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAIrD;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACIvB,OAAO;AAAA,MACPE,OAAOZ,EAAM,oCAAoC;AAAA,MACjDa,OAAO;AAAA,MACPG,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AAAA,cAAAgB,GAAAC,GAAAC;AACb,iBAAAjB,EAAAC,EAAA,eAAA,GAAA;AAAA,YAAA,OACkCF,EAAIQ;AAAAA,YAAK,kBAAAJ,CAAAA,MAATJ,EAAIQ,QAAKJ;AAAAA,UAAA,GAAA;AAAA,YAAAL,SAAAA,MAAA,CAAAE,EAAAC,EAAA,gBAAA,GAAA;AAAA,cAAA,OAAA;AAAA,eAAA5B,EAAA0C,IAE9BlC,EAAM,4BAA4B,CAAC,IAAAkC,IAAA;AAAA,cAAAjB,SAAAA,MAAA,CAAAiB,CAAA;AAAA,aAAA,GAAAf,EAAAC,EAAA,gBAAA,GAAA;AAAA,cAAA,OAEjB;AAAA,eAAI5B,EAAA2C,IACtBnC,EAAM,4BAA4B,CAAC,IAAAmC,IAAA;AAAA,cAAAlB,SAAAA,MAAA,CAAAkB,CAAA;AAAA,aAAA,GAAAhB,EAAAC,EAAA,gBAAA,GAAA;AAAA,cAAA,OAAA;AAAA,eAAA5B,EAAA4C,IAGnCpC,EAAM,6BAA6B,CAAC,IAAAoC,IAAA;AAAA,cAAAnB,SAAAA,MAAA,CAAAmB,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,WAAA;AAAA,QASrD;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACI1B,OAAO;AAAA,MACPE,OAAOZ,EAAM,+BAA+B;AAAA,MAC5Ca,OAAO;AAAA,MACPa,OAAO;AAAA,MACPX,OAAO;AAAA,MACPC,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,UAAKmB,UAAAA;AAAAA,QAAS,GAAG;AAAA,cAAAC;AACvB,iBAAAnB,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,OAEe,CAAC;AAAA,cAAE,yBAAyB,CAAC,CAACF,EAAIqB;AAAAA,YAAa,CAAC;AAAA,YAAC,SAC/CC,MAAMC,EAAiBvB,CAAG;AAAA,YAAC,MAAA;AAAA,YAAA,OAAA;AAAA,aAAA1B,EAAA8C,IAInCtC,EAAM,uBAAuB,CAAC,IAAAsC,IAAA;AAAA,YAAArB,SAAAA,MAAA,CAAAqB,CAAA;AAAA,UAAA,CAAA;AAAA,QAG3C;AAAA,MACJ;AAAA,IACJ,GACA;AAAA,MACI5B,OAAO;AAAA,MACPE,OAAOZ,EAAM,+BAA+B;AAAA,MAC5Ca,OAAO;AAAA,MACPE,OAAO;AAAA,MACPW,OAAO;AAAA,MACPV,OAAO;AAAA,QACHC,QAAQ;AAAA,UAAEC,KAAAA;AAAAA,QAAI,GAAG;AAAA,cAAAwB;AACb,iBAAAvB,EAAAC,EAAA,UAAA,GAAA;AAAA,YAAA,MAAA;AAAA,YAAA,SACmCoB,MAAMG,EAAazB,CAAG;AAAA,YAAC,MAAA;AAAA,aAAA1B,EAAAkD,IACjD1C,EAAM,yBAAyB,CAAC,IAAA0C,IAAA;AAAA,YAAAzB,SAAAA,MAAA,CAAAyB,CAAA;AAAA,UAAA,CAAA;AAAA,QAG7C;AAAA,MACJ;AAAA,IACJ,CAAA,GAGEE,IAAaC,EAAS,OACjB;AAAA,MACHC,cAAc;AAAA,QACVjB,WAAW;AAAA;MAEfkB,WAAW;AAAA,QACPC,MAAM;AAAA,QACNC,QAAQ;AAAA,QACRC,UAAU;AAAA;MAEdC,YAAY;AAAA,QACRC,QAAQ;AAAA;MAEZC,MAAM;AAAA,MACN5C,SAASA;AAAAA,MACT6C,eAAe;AAAA,MAEtB,GAEK;AAAA,MAAEC,UAAAA;AAAAA,MAAUC,UAAAA;AAAAA,MAAUC,eAAAA;AAAAA,MAAeC,aAAAA;AAAAA,QAAgBC,EAAyB;AAAA,MAChFC,OAAO;AAAA,QACHC,QAAQ;AAAA,QACRP,eAAe;AAAA;MAEnBQ,WAAW,CAAA;AAAA,IACf,CAAC,GAGKrB,IAAoBsB,CAAAA,MAAwB;;AAC9C1D,MAAAA,EAAc2D,QAAQD,IACtB7D,IAAAA,EAAmB8D,UAAnB9D,QAAAA,EAA0B+D,KAAKF,EAAOxB,gBAAgB;AAAA,IAC1D,GAEM2B,IAAoBF,CAAAA,MAAkB;AACxC,MAAI3D,EAAc2D,UACd3D,EAAc2D,MAAMzB,eAAeyB;AAAAA,IAE3C,GAEMG,IAAS,YAAY;;AACvB,YAAMC,IAAsB;AAAA,QACxB3C,aAAa;AAAA,QACb4C,WAAU,oBAAIC,KAAI,GAAGC,QAAO;AAAA,QAC5B5C,MAAM;AAAA,QACNd,OAAO;AAAA,QACPe,QAAQ;AAAA,QACRW,cAAc;AAAA,QACdxB,OAAO;AAAA,QACPW,OAAO;AAAA,QACPd,OAAO;AAAA,QACPS,WAAW;AAAA,QACXQ,WAAW;AAAA,QACXC,UAAU;AAAA,QACV0C,mBAAmB;AAAA,QACnBjD,aAAa;AAAA,QACbC,oBAAoB;AAAA;AAExB,cAAM+B,IAAAA,EAASS,UAATT,gBAAAA,EAAgBkB,SAASL,GAAQ,MACvC,MAAMM,EAAQ,GACdC,QAAQC,KAAIrB,IAAAA,EAASS,UAATT,gBAAAA,EAAgBsB,WAAWT,EAAOC,SAAS,IAEvDd,IAAAA,EAASS,UAATT,QAAAA,EAAgBuB,aAAYvB,IAAAA,EAASS,UAATT,gBAAAA,EAAgBsB,WAAWT,EAAOC;AAAAA,IAClE,GAEM1B,IAAezB,CAAAA,MAAO;;AACxB,UAAIwC,EAAW,EAAGqB,WAAW;AACzBC,eAAAA,EAAQC,QAAQjF,EAAM,+CAA+C,CAAC,GAC/D;AAEXuD,OAAAA,IAAAA,EAASS,UAATT,QAAAA,EAAgB2B,OAAOhE;AAAAA,IAC3B,GAGMiE,IAAYA,MAAM;AACpB7E,MAAAA,EAAY0D,MAAMoB,eAAe1B,EAAW,GAC5CtD,EAAc4D,QAAQ;AAAA,IAC1B,GAEMqB,IAAc,YAAY;AAC5BjF,MAAAA,EAAc4D,QAAQ,IACtB,MAAMU,EAAQ,GAEdY,WAAW,MAAM;AACb7B,QAAAA,EAAc8B,EAAUjF,EAAY0D,MAAMoB,YAAY,CAAC;AAAA,MAC3D,GAAG,GAAG;AAAA,IACV;AAGAI,WAAAA,EAAa;AAAA,MACTH,aAAAA;AAAAA,IACJ,CAAC;;8BArZDI,EAIcC,GAAA;AAAA,QAJAC,OAAOC,EAAA5F,CAAA,EAAK,+BAAA;AAAA;mBACtB,MAEW,CAFXyF,EAEWI,GAAA;AAAA,UAFDlF,MAAK;AAAA,UAAUmF,OAAM;AAAA,UAAStD,SAAO6C;AAAAA;qBAC3C,MAA0C,KAAvCO,EAAA5F,CAAA,EAAK,6BAAA,CAAA,GAAA,CAAA,CAAA;;;;wBAGhByF,EAyBWG,EAAAG,CAAA,GAAA;AAAA,QAxBNnF,OAAOgF,EAAA5F,CAAA,EAAK,+BAAA;AAAA,QACLgG,SAAS5F,EAAA4D;AAAAA,mDAAA5D,EAAa4D,QAAA1C;AAAAA,QAC9BT,OAAM;AAAA,QACNuC,QAAO;AAAA;QAaI6C,eACP,MAEW,CAFXR,EAEWI,GAAA;AAAA,UAFDxC,MAAK;AAAA,UAAWb,gCAAOpC,EAAA4D,QAAa;AAAA;qBAC1C,MAAmC,KAAhC4B,EAAA5F,CAAA,EAAK,sBAAA,CAAA,GAAA,CAAA,CAAA;;YAEZyF,EAEWI,GAAA;AAAA,UAFDxC,MAAK;AAAA,UAAU1C,MAAK;AAAA,UAAW6B,SAAO2C;AAAAA;qBAC5C,MAAoC,KAAjCS,EAAA5F,CAAA,EAAK,uBAAA,CAAA,GAAA,CAAA,CAAA;;;mBAhBhB,MAAiF,CAAjFyF,EAAiFG,EAAAM,CAAA,GAAA;AAAA,UAAzE,eAAatD,EAAAoB;AAAAA,UAAYmC,IAAG;AAAA,UAAuBC,YAAUR,EAAApC,CAAA;AAAA,oDACrE6C,EASM,OATNC,GASM,CARFb,EAOWI,GAAA;AAAA,UANNjF,OAAOgF,EAAA5F,CAAA,EAAK,iCAAA;AAAA,UACbW,MAAK;AAAA,UACL0C,MAAK;AAAA,UACJb,gCAAO2B,EAAM;AAAA;qBAEd,MAA8C,KAA3CyB,EAAA5F,CAAA,EAAK,iCAAA,CAAA,GAAA,CAAA,CAAA;;;;mCAapByF,EAKEc,GAAA;AAAA,QAJGC,QAAMtC;AAAAA,iBACH;AAAA,QAAJ/D,KAAID;AAAAA,QACHU,OAAOgF,EAAA5F,CAAA,EAAK,iCAAA;AAAA,QACb,aAAU;AAAA;;;;"}
1	+ {"version":3,"file":"data-table-tableColumns-editor.vue2.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.tableColEdit')\">\n <a-button type=\"primary\" shape=\"round\" @click=\"openSetting\">\n {{ i18nt('designer.setting.editAction') }}\n </a-button>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.tableColEdit')\"\n v-model:visible=\"dialogVisible\"\n width=\"1280px\"\n height=\"70vh\"\n >\n <Table :table-props=\"tableProps\" id=\"tableColumns-editor\" @register=\"register\" />\n <div class=\"add-btn t-flex t-justify-center t-mt-[10px]\">\n <a-button\n :title=\"i18nt('designer.setting.addTableColumn')\"\n type=\"primary\"\n size=\"medium\"\n @click=\"addCol()\"\n >\n {{ i18nt('designer.setting.addTableColumn') }}\n </a-button>\n </div>\n <template #footerRight>\n <a-button size=\"default\" @click=\"dialogVisible = false\">\n {{ i18nt('designer.hint.cancel') }}\n </a-button>\n <a-button size=\"default\" type=\"primary\" @click=\"colSubmit\">\n {{ i18nt('designer.hint.confirm') }}\n </a-button>\n </template>\n </TpfModal>\n\n <CodeModalEditor\n @save=\"saveColumnRender\"\n ref=\"CodeModalEditorRef\"\n :title=\"i18nt('designer.setting.renderFunction')\"\n fn-params=\"scope\"\n />\n</template>\n\n<script setup lang=\"tsx\">\n defineOptions({\n name: 'tableColumns-editor',\n inheritAttrs: false\n });\n\n import { computed, ref, nextTick } from 'vue';\n import { useI18n } from '@/utils/i18n';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import { cloneDeep } from 'lodash-es';\n import { TpfModal, Table, useVxeTable, ImeTableProps } from 'tmgc2-share';\n import { VxeGridPropTypes } from 'vxe-table';\n import { message } from 'ant-design-vue';\n import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n\n const { formConfig, designer } = useDesigner();\n\n // 定义Props接口\n interface Props {\n selectedWidget: any;\n }\n\n // 定义表格列接口\n interface TableColumn {\n columnId: number;\n dataIndex: string;\n title: string;\n width: number;\n isAutoWidth: boolean;\n show: boolean;\n sorter: boolean;\n resizable: boolean;\n ellipsis?: boolean;\n fixed?: string;\n align: string;\n customRender: string;\n showSorterTooltip?: boolean;\n titleSuffix?: boolean;\n titleSuffixContent?: string;\n }\n\n const { i18nt } = useI18n();\n const props = defineProps<Props>();\n\n // Refs\n const CodeModalEditorRef = ref<InstanceType<typeof CodeModalEditor> \| null>(null);\n const dialogVisible = ref(false);\n const currentRecord = ref<TableColumn>();\n const optionModel = defineModel<{\n tableColumns: TableColumn[];\n }>('optionModel', {\n default: () => ({\n tableColumns: () => []\n })\n });\n\n // 对齐选项\n const alignOptions = [\n { value: 'left', label: 'left' },\n { value: 'center', label: 'center' },\n { value: 'right', label: 'right' }\n ];\n\n // Columns configuration using VXE Table format with TSX\n const columns: VxeGridPropTypes.Columns = [\n {\n field: 'seq',\n type: 'seq',\n title: '序号',\n width: 80,\n dragSort: true,\n fixed: 'left'\n },\n {\n field: 'dataIndex',\n title: i18nt('designer.setting.columnName'),\n width: 150,\n slots: {\n default({ row }) {\n return (\n <a-input\n v-model:value={row.dataIndex}\n placeholder={i18nt('designer.setting.columnName')}\n />\n );\n }\n }\n },\n {\n field: 'title',\n title: i18nt('designer.setting.columnLabel'),\n width: 120,\n slots: {\n default({ row }) {\n return (\n <a-input\n v-model:value={row.title}\n placeholder={i18nt('designer.setting.columnLabel')}\n />\n );\n }\n }\n },\n {\n field: 'titleSuffix',\n title: i18nt('designer.setting.titleSuffix'),\n width: 100,\n slots: {\n default({ row }) {\n return (\n <div class=\"t-flex t-flex-col t-items-center\">\n <a-switch v-model:checked={row.titleSuffix} />\n {row.titleSuffix && (\n <a-input\n v-model:value={row.titleSuffixContent}\n style=\"margin-top: 5px\"\n />\n )}\n </div>\n );\n }\n }\n },\n {\n field: 'width',\n title: i18nt('designer.setting.columnWidth'),\n width: 100,\n slots: {\n default({ row }) {\n return (\n <div class=\"t-flex t-flex-col t-items-center\">\n <a-switch\n checked-children={i18nt('designer.setting.autoWidth')}\n v-model:checked={row.isAutoWidth}\n />\n {!row.isAutoWidth && (\n <a-input v-model:value={row.width} style=\"margin-top: 5px\" />\n )}\n </div>\n );\n }\n }\n },\n {\n field: 'show',\n title: i18nt('designer.setting.visibleColumn'),\n width: 90,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.show} />;\n }\n }\n },\n {\n field: 'sorter',\n title: i18nt('designer.setting.sortableColumn'),\n width: 90,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.sorter} />;\n }\n }\n },\n {\n field: 'resizable',\n title: i18nt('designer.setting.resizableColumn'),\n width: 100,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.resizable} />;\n }\n }\n },\n {\n field: 'ellipsis',\n title: i18nt('designer.setting.ellipsisColumn'),\n width: 140,\n align: 'center',\n slots: {\n default({ row }) {\n return <a-switch v-model:checked={row.ellipsis} />;\n }\n }\n },\n {\n field: 'fixed',\n title: i18nt('designer.setting.fixedColumn'),\n width: 120,\n slots: {\n default({ row }) {\n return (\n <a-radio-group v-model:value={row.fixed}>\n <a-radio-button value=\"left\">\n {i18nt('designer.setting.fixedLeft')}\n </a-radio-button>\n <a-radio-button value={null}>\n {i18nt('designer.setting.fixedNull')}\n </a-radio-button>\n <a-radio-button value=\"right\">\n {i18nt('designer.setting.fixedRight')}\n </a-radio-button>\n </a-radio-group>\n );\n }\n }\n },\n {\n field: 'align',\n title: i18nt('designer.setting.alignTypeOfColumn'),\n width: 100,\n slots: {\n default({ row }) {\n return (\n <a-radio-group v-model:value={row.align}>\n <a-radio-button value=\"left\">\n {i18nt('designer.setting.fixedLeft')}\n </a-radio-button>\n <a-radio-button value={null}>\n {i18nt('designer.setting.fixedNull')}\n </a-radio-button>\n <a-radio-button value=\"right\">\n {i18nt('designer.setting.fixedRight')}\n </a-radio-button>\n </a-radio-group>\n // <a-select\n // v-model:value={row.align}\n // options={alignOptions}\n // style=\"width: 100%\"\n // />\n );\n }\n }\n },\n {\n field: 'customRender',\n title: i18nt('designer.setting.customRender'),\n width: 100,\n align: 'center',\n fixed: 'right',\n slots: {\n default({ row, rowIndex }) {\n return (\n <a-button\n class={[{ 'button-text-highlight': !!row.customRender }]}\n onClick={() => showRenderDialog(row)}\n size=\"small\"\n shape=\"round\"\n >\n {i18nt('designer.setting.edit')}\n </a-button>\n );\n }\n }\n },\n {\n field: 'action',\n title: i18nt('designer.setting.actionColumn'),\n width: 80,\n fixed: 'right',\n align: 'center',\n slots: {\n default({ row }) {\n return (\n <a-button type=\"link\" onClick={() => handleDelete(row)} size=\"small\">\n {i18nt('designer.setting.delete')}\n </a-button>\n );\n }\n }\n }\n ];\n\n const tableProps = computed(() => {\n return {\n columnConfig: {\n resizable: true\n },\n rowConfig: {\n drag: true,\n useKey: true,\n keyField: 'columnId'\n },\n cellConfig: {\n height: 50\n },\n size: 'mini',\n columns: columns,\n clickRowCheck: false\n } as ImeTableProps;\n });\n\n const { tableRef, register, setTableValue, getFullData } = useVxeTable<TableColumn>({\n props: {\n rowKey: 'columnId',\n clickRowCheck: false\n },\n callbacks: {}\n });\n\n // Methods\n const showRenderDialog = (record: TableColumn) => {\n currentRecord.value = record;\n CodeModalEditorRef.value?.open(record.customRender \|\| '');\n };\n\n const saveColumnRender = (value: string) => {\n if (currentRecord.value) {\n currentRecord.value.customRender = value;\n }\n };\n\n const addCol = async () => {\n const newRow: TableColumn = {\n isAutoWidth: true,\n columnId: new Date().getTime(),\n show: true,\n width: 150,\n sorter: false,\n customRender: '',\n fixed: '',\n align: 'left',\n title: '标题名',\n dataIndex: '',\n resizable: true,\n ellipsis: false,\n showSorterTooltip: false,\n titleSuffix: false,\n titleSuffixContent: ''\n };\n await tableRef.value?.insertAt(newRow, -1);\n await nextTick();\n console.log(tableRef.value?.getRowById(newRow.columnId));\n\n tableRef.value?.scrollToRow(tableRef.value?.getRowById(newRow.columnId));\n };\n\n const handleDelete = row => {\n if (getFullData().length === 1) {\n message.warning(i18nt('designer.setting.onlyOneColumnCannotBeDeleted'));\n return false;\n }\n tableRef.value?.remove(row);\n };\n\n // 确认表格列更改\n const colSubmit = () => {\n optionModel.value.tableColumns = getFullData();\n dialogVisible.value = false;\n };\n\n const openSetting = async () => {\n dialogVisible.value = true;\n await nextTick();\n\n setTimeout(() => {\n setTableValue(cloneDeep(optionModel.value.tableColumns));\n }, 100);\n };\n\n // 暴露方法给父组件\n defineExpose({\n openSetting\n });\n</script>\n\n<style lang=\"less\" scoped>\n .table-wrap {\n font-size: 12px;\n flex: 1;\n display: flex;\n flex-direction: column;\n\n .add-btn {\n margin-top: 10px;\n text-align: center;\n }\n }\n</style>\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","useDesigner","i18nt","useI18n","CodeModalEditorRef","ref","dialogVisible","currentRecord","optionModel","_useModel","__props","columns","field","type","title","width","dragSort","fixed","slots","default","row","_createVNode2","_resolveComponent2","dataIndex","$event","titleSuffix","titleSuffixContent","isAutoWidth","align","show","sorter","resizable","ellipsis","_slot","_slot2","_slot3","_slot4","_slot5","_slot6","rowIndex","_slot7","customRender","onClick","showRenderDialog","_slot8","handleDelete","tableProps","computed","columnConfig","rowConfig","drag","useKey","keyField","cellConfig","height","size","clickRowCheck","tableRef","register","setTableValue","getFullData","useVxeTable","props","rowKey","callbacks","record","value","open","saveColumnRender","addCol","newRow","columnId","Date","getTime","showSorterTooltip","insertAt","nextTick","console","log","getRowById","scrollToRow","length","message","warning","remove","colSubmit","tableColumns","openSetting","setTimeout","cloneDeep","__expose","_createVNode","_component_a_form_item","label","_unref","_component_a_button","shape","TpfModal","visible","footerRight","Table","id","onRegister","_createElementVNode","_hoisted_1","CodeModalEditor","onSave"],"mappings":"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"}