@kp-ui/lowcode 1.0.90 → 1.0.91

package/src/components/http-editor/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/components/http-editor/index.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"label\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            type=\"info\"\n            shape=\"round\"\n            @click=\"addDataSource\"\n            :class=\"['button-text-highlight']\"\n        >\n            {{ buttonName || label }}\n        </a-button>\n    </a-form-item>\n    <a-drawer\n        :title=\"drawerTitle || i18nt('designer.setting.dataSourceSetting')\"\n        v-model:visible=\"showDataSourceDialogFlag\"\n        :width=\"520\"\n        :z-index=\"800\"\n        :destroy-on-close=\"true\"\n        :append-to-body=\"true\"\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        custom-class=\"ds-setting-drawer header-small-mb\"\n    >\n        <a-form\n            :model=\"optionModel.http\"\n            :rules=\"formRules\"\n            ref=\"dsForm\"\n            label-width=\"160px\"\n            labelAlign=\"left\"\n            class=\"ds-form tpf-form\"\n        >\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestURL')\" name=\"url\">\n                <a-input v-model:value=\"optionModel.http.url\" />\n            </a-form-item>\n\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestMethod')\" name=\"method\">\n                <a-radio-group v-model:value=\"optionModel.http.method\">\n                    <a-radio-button value=\"get\">get</a-radio-button>\n                    <a-radio-button value=\"post\">post</a-radio-button>\n                    <a-radio-button value=\"put\">put</a-radio-button>\n                    <a-radio-button value=\"delete\">delete</a-radio-button>\n                </a-radio-group>\n            </a-form-item>\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestParams')\">\n                <a-row v-for=\"(rp, pIdx) in paramsList\" class=\"rd-row\" :gutter=\"8\" :key=\"pIdx\">\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'params.' + pIdx + '.name'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rp.name\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestNameInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'params.' + pIdx + '.value'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rp.value\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestValueInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"3\" :key=\"paramsList.length\">\n                        <a-button type=\"primary\" @click=\"deleteRequestParam(pIdx)\"> 删除 </a-button>\n                    </a-col>\n                </a-row>\n                <a-row>\n                    <a-col :span=\"6\">\n                        <a-button type=\"primary\" @click=\"addRequestParam\">\n                            {{ i18nt('designer.setting.addRequestParam') }}\n                        </a-button>\n                    </a-col>\n                </a-row>\n            </a-form-item>\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestData')\">\n                <a-row v-for=\"(rd, dIdx) of dataList\" class=\"rd-row\" :gutter=\"8\" :key=\"dIdx\">\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'data.' + dIdx + '.name'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rd.name\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestNameInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'data.' + dIdx + '.value'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rd.value\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestValueInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"3\" :key=\"dataList.length\">\n                        <a-button type=\"primary\" @click=\"deleteRequestData(dIdx)\"> 删除 </a-button>\n                    </a-col>\n                </a-row>\n                <a-row>\n                    <a-col :span=\"6\">\n                        <a-button type=\"primary\" @click=\"addRequestData\">\n                            {{ i18nt('designer.setting.addRequestData') }}\n                        </a-button>\n                    </a-col>\n                </a-row>\n            </a-form-item>\n            <a-form-item :label=\"`请求前数据处理`\">\n                <a-button\n                    type=\"info\"\n                    shape=\"round\"\n                    @click=\"editReqDataHandlerCode\"\n                    :class=\"[optionModel.dataReqHandlerCode ? 'button-text-highlight' : '']\"\n                >\n                    处理函数配置\n                </a-button>\n            </a-form-item>\n            <a-form-item :label=\"`接口响应数据处理`\">\n                <a-button\n                    type=\"info\"\n                    shape=\"round\"\n                    @click=\"editDataHandlerCode\"\n                    :class=\"[optionModel.dataHandlerCode ? 'button-text-highlight' : '']\"\n                >\n                    处理函数配置\n                </a-button>\n            </a-form-item>\n        </a-form>\n        <template #footer>\n            <a-space class=\"dialog-footer\">\n                <a-button @click=\"showDataSourceDialogFlag = false\">\n                    {{ i18nt('designer.hint.cancel') }}\n                </a-button>\n                <a-button type=\"primary\" @click=\"saveDataSource\">\n                    {{ i18nt('designer.hint.confirm') }}\n                </a-button>\n            </a-space>\n        </template>\n    </a-drawer>\n\n    <CodeModalEditor\n        ref=\"CodeReqModalEditorRef\"\n        fnParams=\"data\"\n        v-model=\"optionModel.dataReqHandlerCode\"\n    />\n    <CodeModalEditor\n        v-model=\"optionModel.dataHandlerCode\"\n        ref=\"CodeModalEditorRef\"\n        fnParams=\"data\"\n    />\n</template>\n\n<script lang=\"jsx\">\n    import i18n from '@/utils/i18n';\n    import CodeEditor from '@/components/code-editor/index';\n    import { isArray } from 'lodash-es';\n    import { getHttp } from '@/utils/request/http';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { replaceVars, getLocat } from '@kp-ui/tool';\n\n    export default {\n        name: 'http-editor',\n        inheritAttrs: false,\n        mixins: [i18n],\n        inject: ['getGlobalDsv'],\n        components: {\n            CodeEditor,\n            CodeModalEditor\n        },\n        props: {\n            optionModel: Object,\n            drawerTitle: {\n                type: String,\n                default: ''\n            },\n            buttonName: {\n                type: String,\n                default: ''\n            },\n            label: {\n                type: String,\n                default: '编辑接口配置'\n            }\n        },\n        data() {\n            return {\n                dataList: [],\n                paramsList: [],\n                formRules: {\n                    url: [\n                        {\n                            required: true,\n                            trigger: ['blur', 'change'],\n                            message: this.i18nt('designer.setting.fieldValueRequired')\n                        }\n                    ]\n                },\n                showDataSourceDialogFlag: false,\n                dsvJson: '{\\n  \\n}',\n                dsResultJson: ''\n            };\n        },\n        methods: {\n            editDataHandlerCode() {\n                this.$refs.CodeModalEditorRef.open(this.optionModel.dataHandlerCode);\n            },\n            editReqDataHandlerCode() {\n                this.$refs.CodeReqModalEditorRef.open(this.optionModel.dataReqHandlerCode);\n            },\n            addDataSource() {\n                this.showDataSourceDialogFlag = true;\n                this.dataList = Object.entries(this.optionModel.http.data).map(([name, value]) => ({\n                    name,\n                    value\n                }));\n                this.paramsList = Object.entries(this.optionModel.http.params).map(\n                    ([name, value]) => ({\n                        name,\n                        value\n                    })\n                );\n            },\n\n            saveHttpData() {\n                let data = {};\n                if (isArray(this.dataList) && this.dataList.length) {\n                    data = this.dataList.reduce((t, v) => {\n                        t[v.name] = v.value;\n                        return t;\n                    }, {});\n                }\n                this.optionModel.http.data = data;\n            },\n            saveHttpParams() {\n                let params = {};\n                if (isArray(this.paramsList) && this.paramsList.length) {\n                    params = this.paramsList.reduce((t, v) => {\n                        t[v.name] = v.value;\n                        return t;\n                    }, {});\n                }\n                this.optionModel.http.params = params;\n            },\n\n            saveDataSource() {\n                this.saveHttpData();\n                this.saveHttpParams();\n                this.showDataSourceDialogFlag = false;\n            },\n\n            addRequestParam() {\n                this.paramsList.push({ name: '', value: '' });\n            },\n\n            deleteRequestParam(idx) {\n                this.paramsList.splice(idx, 1);\n            },\n\n            addRequestData() {\n                this.dataList.push({ name: '', value: '' });\n            },\n\n            deleteRequestData(idx) {\n                this.dataList.splice(idx, 1);\n            },\n\n            async doDataSourceRequest() {\n                const { dataReqHandlerCode, dataHandlerCode } = this.optionModel;\n                try {\n                    let p = JSON.parse(this.dsvJson);\n                    if (dataReqHandlerCode) {\n                        const dataReqHandlerCodeFn = new Function('data', dataReqHandlerCode);\n                        p = dataReqHandlerCodeFn.call(this, p);\n                    }\n                    if (!p) return;\n                    // console.log('请求参数 ', p);\n\n                    let dsResult = await getHttp()(p);\n\n                    if (dataHandlerCode) {\n                        const dhFn = new Function('data', dataHandlerCode);\n                        dsResult = dhFn.call(this, dsResult);\n                    }\n                    this.$refs.dsResultEditor.setValue(JSON.stringify(dsResult, null, '  '));\n                } catch (error) {\n                    console.log('doDataSourceRequest: ', error);\n                    // this.$message.error(error);\n                }\n            },\n            clearRequestResult() {\n                this.$refs.dsResultEditor.setValue('');\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .dsv-json-editor {\n        margin-bottom: 12px;\n    }\n\n    .dsv-json-editor :deep(.ace-editor) {\n        border: 1px solid #e1e2e3;\n        min-height: 120px;\n    }\n\n    :deep(.ace-editor) {\n        border: 1px solid #e1e2e3;\n    }\n\n    .footer-button {\n        float: right;\n        margin-bottom: 12px;\n    }\n\n    .dialog-footer {\n        margin-top: 15px;\n        float: right;\n    }\n</style>\n"],"names":["_createVNode","_createTextVNode","_toDisplayString","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/components/http-editor/index.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"label\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button shape=\"round\" @click=\"addDataSource\" :class=\"['button-text-highlight']\">\n            {{ buttonName || label }}\n        </a-button>\n    </a-form-item>\n\n    <TpfModal\n        :title=\"drawerTitle || i18nt('designer.setting.dataSourceSetting')\"\n        v-model:visible=\"showDataSourceDialogFlag\"\n        width=\"800px\"\n        :destroy-on-close=\"true\"\n        :append-to-body=\"true\"\n    >\n        <TpfCodeEditor ref=\"CodeReqModalEditorRef\" fnParams=\"data\" @set-code=\"handeSaveCode\" />\n        <a-form\n            :model=\"optionModel.http\"\n            :rules=\"formRules\"\n            ref=\"dsForm\"\n            :label-col=\"{ span: 4 }\"\n            :wrapper-col=\"{ span: 16 }\"\n            labelAlign=\"left\"\n            class=\"ds-form tpf-form\"\n        >\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestURL')\" name=\"url\">\n                <a-input v-model:value=\"optionModel.http.url\" />\n            </a-form-item>\n\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestMethod')\" name=\"method\">\n                <a-radio-group v-model:value=\"optionModel.http.method\">\n                    <a-radio-button value=\"get\">get</a-radio-button>\n                    <a-radio-button value=\"post\">post</a-radio-button>\n                    <a-radio-button value=\"put\">put</a-radio-button>\n                    <a-radio-button value=\"delete\">delete</a-radio-button>\n                </a-radio-group>\n            </a-form-item>\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestParams')\">\n                <a-row v-for=\"(rp, pIdx) in paramsList\" class=\"t-mb-3\" :gutter=\"[8, 8]\" :key=\"pIdx\">\n                    <a-col :span=\"10\">\n                        <a-input\n                            v-model:value=\"rp.name\"\n                            :placeholder=\"i18nt('designer.setting.dsRequestNameInputPlaceholder')\"\n                        />\n                    </a-col>\n                    <a-col :span=\"10\">\n                        <a-input\n                            v-model:value=\"rp.value\"\n                            :placeholder=\"i18nt('designer.setting.dsRequestValueInputPlaceholder')\"\n                        />\n                    </a-col>\n                    <a-col :span=\"3\" :key=\"paramsList.length\">\n                        <a-button type=\"primary\" @click=\"deleteRequestParam(pIdx)\"> 删除 </a-button>\n                    </a-col>\n                </a-row>\n                <a-row>\n                    <a-col :span=\"6\">\n                        <a-button type=\"primary\" @click=\"addRequestParam\">\n                            {{ i18nt('designer.setting.addRequestParam') }}\n                        </a-button>\n                    </a-col>\n                </a-row>\n            </a-form-item>\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestData')\">\n                <a-row class=\"t-mb-3\" v-for=\"(rd, dIdx) of dataList\" :gutter=\"8\" :key=\"dIdx\">\n                    <a-col :span=\"10\">\n                        <a-input\n                            v-model:value=\"rd.name\"\n                            :placeholder=\"i18nt('designer.setting.dsRequestNameInputPlaceholder')\"\n                        />\n                    </a-col>\n                    <a-col :span=\"10\">\n                        <a-input\n                            v-model:value=\"rd.value\"\n                            :placeholder=\"i18nt('designer.setting.dsRequestValueInputPlaceholder')\"\n                        />\n                    </a-col>\n                    <a-col :span=\"3\" :key=\"dataList.length\">\n                        <a-button type=\"primary\" @click=\"deleteRequestData(dIdx)\"> 删除 </a-button>\n                    </a-col>\n                </a-row>\n                <a-row>\n                    <a-col :span=\"6\">\n                        <a-button type=\"primary\" @click=\"addRequestData\">\n                            {{ i18nt('designer.setting.addRequestData') }}\n                        </a-button>\n                    </a-col>\n                </a-row>\n            </a-form-item>\n            <a-form-item :label=\"`请求前数据处理`\">\n                <a-button\n                    shape=\"round\"\n                    @click=\"handleEditCode('dataReqHandlerCode')\"\n                    :class=\"[optionModel.dataReqHandlerCode?.length ? 'button-text-highlight' : '']\"\n                >\n                    处理函数配置\n                </a-button>\n            </a-form-item>\n            <a-form-item :label=\"`接口响应数据处理`\">\n                <a-button\n                    shape=\"round\"\n                    @click=\"handleEditCode('dataHandlerCode')\"\n                    :class=\"[optionModel.dataHandlerCode?.length ? 'button-text-highlight' : '']\"\n                >\n                    处理函数配置\n                </a-button>\n            </a-form-item>\n        </a-form>\n        <template #footerRight>\n            <a-button size=\"middle\" @click=\"showDataSourceDialogFlag = false\">\n                {{ i18nt('designer.hint.cancel') }}\n            </a-button>\n            <a-button size=\"middle\" type=\"primary\" @click=\"saveDataSource\">\n                {{ i18nt('designer.hint.confirm') }}\n            </a-button>\n        </template>\n    </TpfModal>\n</template>\n\n<script setup lang=\"ts\">\n    import { useI18n } from '@/utils/i18n';\n    import { isArray } from 'lodash-es';\n    import { ref } from 'vue';\n    import { TpfModal, TpfCodeEditor } from 'tmgc2-share';\n    import type { PropType } from 'vue';\n\n    export interface HttpConfig {\n        url: string;\n        method: 'get' | 'post' | 'put' | 'delete';\n        params: Record<string, any>;\n        data: Record<string, any>;\n    }\n\n    export interface HttpEditorOption {\n        http: HttpConfig;\n        dataReqHandlerCode?: string;\n        dataHandlerCode?: string;\n        [key: string]: any;\n    }\n\n    const { i18nt } = useI18n();\n\n    const props = defineProps({\n        optionModel: {\n            type: Object as PropType<HttpEditorOption>,\n            required: true,\n            default: () => ({\n                http: {\n                    url: '',\n                    method: 'get',\n                    params: {},\n                    data: {}\n                },\n                dataReqHandlerCode: '',\n                dataHandlerCode: ''\n            })\n        },\n        drawerTitle: {\n            type: String,\n            default: ''\n        },\n        buttonName: {\n            type: String,\n            default: ''\n        },\n        label: {\n            type: String,\n            default: '编辑接口配置'\n        }\n    });\n\n    const CodeReqModalEditorRef = ref();\n    const dsForm = ref();\n    const currentType = ref('dataHandlerCode');\n    const dataList = ref<{ name: string; value: any }[]>([]);\n    const paramsList = ref<{ name: string; value: any }[]>([]);\n    const showDataSourceDialogFlag = ref(false);\n    const dsvJson = ref('{\\n  \\n}');\n    const dsResultJson = ref('');\n\n    const formRules = {\n        url: [\n            {\n                required: true,\n                trigger: ['blur', 'change'],\n                message: i18nt('designer.setting.fieldValueRequired')\n            }\n        ]\n    };\n\n    const handleEditCode = (type: string) => {\n        currentType.value = type;\n        CodeReqModalEditorRef.value.open(\n            props.optionModel[type as keyof typeof props.optionModel] as string\n        );\n    };\n\n    const handeSaveCode = (code: string) => {\n        props.optionModel[currentType.value as keyof typeof props.optionModel] = code;\n    };\n\n    const addDataSource = () => {\n        showDataSourceDialogFlag.value = true;\n        dataList.value = Object.entries(props.optionModel.http.data || {}).map(([name, value]) => ({\n            name,\n            value\n        }));\n        paramsList.value = Object.entries(props.optionModel.http.params || {}).map(\n            ([name, value]) => ({\n                name,\n                value\n            })\n        );\n    };\n\n    const saveHttpData = () => {\n        let data = {};\n        if (isArray(dataList.value) && dataList.value.length) {\n            data = dataList.value.reduce((t, v) => {\n                t[v.name] = v.value;\n                return t;\n            }, {} as Record<string, any>);\n        }\n        props.optionModel.http.data = data;\n    };\n\n    const saveHttpParams = () => {\n        let params = {};\n        if (isArray(paramsList.value) && paramsList.value.length) {\n            params = paramsList.value.reduce((t, v) => {\n                t[v.name] = v.value;\n                return t;\n            }, {} as Record<string, any>);\n        }\n        props.optionModel.http.params = params;\n    };\n\n    const saveDataSource = () => {\n        saveHttpData();\n        saveHttpParams();\n        showDataSourceDialogFlag.value = false;\n    };\n\n    const addRequestParam = () => {\n        paramsList.value.push({ name: '', value: '' });\n    };\n\n    const deleteRequestParam = (idx: number) => {\n        paramsList.value.splice(idx, 1);\n    };\n\n    const addRequestData = () => {\n        dataList.value.push({ name: '', value: '' });\n    };\n\n    const deleteRequestData = (idx: number) => {\n        dataList.value.splice(idx, 1);\n    };\n</script>\n\n<style lang=\"less\" scoped></style>\n"],"names":["_createVNode","_createTextVNode","_toDisplayString","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_normalizeClass"],"mappings":"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"}

package/src/components/http-editor/index.vue2.js

@@ -1,137 +1,4 @@
-import i18n from "../../utils/i18n.js";
-import CodeEditor from "../code-editor/index.vue.js";
-import { isArray } from "lodash-es";
-import { getHttp } from "../../utils/request/http.js";
-import _sfc_main$1 from "../code-editor/code-modal-editor.vue.js";
-import "@kp-ui/tool";
-const _sfc_main = {
-  name: "http-editor",
-  inheritAttrs: false,
-  mixins: [i18n],
-  inject: ["getGlobalDsv"],
-  components: {
-    CodeEditor,
-    CodeModalEditor: _sfc_main$1
-  },
-  props: {
-    optionModel: Object,
-    drawerTitle: {
-      type: String,
-      default: ""
-    },
-    buttonName: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: "编辑接口配置"
-    }
-  },
-  data() {
-    return {
-      dataList: [],
-      paramsList: [],
-      formRules: {
-        url: [{
-          required: true,
-          trigger: ["blur", "change"],
-          message: this.i18nt("designer.setting.fieldValueRequired")
-        }]
-      },
-      showDataSourceDialogFlag: false,
-      dsvJson: "{\n  \n}",
-      dsResultJson: ""
-    };
-  },
-  methods: {
-    editDataHandlerCode() {
-      this.$refs.CodeModalEditorRef.open(this.optionModel.dataHandlerCode);
-    },
-    editReqDataHandlerCode() {
-      this.$refs.CodeReqModalEditorRef.open(this.optionModel.dataReqHandlerCode);
-    },
-    addDataSource() {
-      this.showDataSourceDialogFlag = true;
-      this.dataList = Object.entries(this.optionModel.http.data).map(([name, value]) => ({
-        name,
-        value
-      }));
-      this.paramsList = Object.entries(this.optionModel.http.params).map(([name, value]) => ({
-        name,
-        value
-      }));
-    },
-    saveHttpData() {
-      let data = {};
-      if (isArray(this.dataList) && this.dataList.length) {
-        data = this.dataList.reduce((t, v) => {
-          t[v.name] = v.value;
-          return t;
-        }, {});
-      }
-      this.optionModel.http.data = data;
-    },
-    saveHttpParams() {
-      let params = {};
-      if (isArray(this.paramsList) && this.paramsList.length) {
-        params = this.paramsList.reduce((t, v) => {
-          t[v.name] = v.value;
-          return t;
-        }, {});
-      }
-      this.optionModel.http.params = params;
-    },
-    saveDataSource() {
-      this.saveHttpData();
-      this.saveHttpParams();
-      this.showDataSourceDialogFlag = false;
-    },
-    addRequestParam() {
-      this.paramsList.push({
-        name: "",
-        value: ""
-      });
-    },
-    deleteRequestParam(idx) {
-      this.paramsList.splice(idx, 1);
-    },
-    addRequestData() {
-      this.dataList.push({
-        name: "",
-        value: ""
-      });
-    },
-    deleteRequestData(idx) {
-      this.dataList.splice(idx, 1);
-    },
-    async doDataSourceRequest() {
-      const {
-        dataReqHandlerCode,
-        dataHandlerCode
-      } = this.optionModel;
-      try {
-        let p = JSON.parse(this.dsvJson);
-        if (dataReqHandlerCode) {
-          const dataReqHandlerCodeFn = new Function("data", dataReqHandlerCode);
-          p = dataReqHandlerCodeFn.call(this, p);
-        }
-        if (!p) return;
-        let dsResult = await getHttp()(p);
-        if (dataHandlerCode) {
-          const dhFn = new Function("data", dataHandlerCode);
-          dsResult = dhFn.call(this, dsResult);
-        }
-        this.$refs.dsResultEditor.setValue(JSON.stringify(dsResult, null, "  "));
-      } catch (error) {
-        console.log("doDataSourceRequest: ", error);
-      }
-    },
-    clearRequestResult() {
-      this.$refs.dsResultEditor.setValue("");
-    }
-  }
-};
+import _sfc_main from "./index.vue.js";
 export {
   _sfc_main as default
 };

package/src/components/http-editor/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/http-editor/index.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"label\" labelAlign=\"left\" label-width=\"150px\">\n        <a-button\n            type=\"info\"\n            shape=\"round\"\n            @click=\"addDataSource\"\n            :class=\"['button-text-highlight']\"\n        >\n            {{ buttonName || label }}\n        </a-button>\n    </a-form-item>\n    <a-drawer\n        :title=\"drawerTitle || i18nt('designer.setting.dataSourceSetting')\"\n        v-model:visible=\"showDataSourceDialogFlag\"\n        :width=\"520\"\n        :z-index=\"800\"\n        :destroy-on-close=\"true\"\n        :append-to-body=\"true\"\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        custom-class=\"ds-setting-drawer header-small-mb\"\n    >\n        <a-form\n            :model=\"optionModel.http\"\n            :rules=\"formRules\"\n            ref=\"dsForm\"\n            label-width=\"160px\"\n            labelAlign=\"left\"\n            class=\"ds-form tpf-form\"\n        >\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestURL')\" name=\"url\">\n                <a-input v-model:value=\"optionModel.http.url\" />\n            </a-form-item>\n\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestMethod')\" name=\"method\">\n                <a-radio-group v-model:value=\"optionModel.http.method\">\n                    <a-radio-button value=\"get\">get</a-radio-button>\n                    <a-radio-button value=\"post\">post</a-radio-button>\n                    <a-radio-button value=\"put\">put</a-radio-button>\n                    <a-radio-button value=\"delete\">delete</a-radio-button>\n                </a-radio-group>\n            </a-form-item>\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestParams')\">\n                <a-row v-for=\"(rp, pIdx) in paramsList\" class=\"rd-row\" :gutter=\"8\" :key=\"pIdx\">\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'params.' + pIdx + '.name'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rp.name\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestNameInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'params.' + pIdx + '.value'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rp.value\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestValueInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"3\" :key=\"paramsList.length\">\n                        <a-button type=\"primary\" @click=\"deleteRequestParam(pIdx)\"> 删除 </a-button>\n                    </a-col>\n                </a-row>\n                <a-row>\n                    <a-col :span=\"6\">\n                        <a-button type=\"primary\" @click=\"addRequestParam\">\n                            {{ i18nt('designer.setting.addRequestParam') }}\n                        </a-button>\n                    </a-col>\n                </a-row>\n            </a-form-item>\n            <a-form-item :label=\"i18nt('designer.setting.dsRequestData')\">\n                <a-row v-for=\"(rd, dIdx) of dataList\" class=\"rd-row\" :gutter=\"8\" :key=\"dIdx\">\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'data.' + dIdx + '.name'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rd.name\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestNameInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"10\">\n                        <a-form-item :name=\"'data.' + dIdx + '.value'\" :label-width=\"0\">\n                            <a-input\n                                v-model:value=\"rd.value\"\n                                :placeholder=\"\n                                    i18nt('designer.setting.dsRequestValueInputPlaceholder')\n                                \"\n                            />\n                        </a-form-item>\n                    </a-col>\n                    <a-col :span=\"3\" :key=\"dataList.length\">\n                        <a-button type=\"primary\" @click=\"deleteRequestData(dIdx)\"> 删除 </a-button>\n                    </a-col>\n                </a-row>\n                <a-row>\n                    <a-col :span=\"6\">\n                        <a-button type=\"primary\" @click=\"addRequestData\">\n                            {{ i18nt('designer.setting.addRequestData') }}\n                        </a-button>\n                    </a-col>\n                </a-row>\n            </a-form-item>\n            <a-form-item :label=\"`请求前数据处理`\">\n                <a-button\n                    type=\"info\"\n                    shape=\"round\"\n                    @click=\"editReqDataHandlerCode\"\n                    :class=\"[optionModel.dataReqHandlerCode ? 'button-text-highlight' : '']\"\n                >\n                    处理函数配置\n                </a-button>\n            </a-form-item>\n            <a-form-item :label=\"`接口响应数据处理`\">\n                <a-button\n                    type=\"info\"\n                    shape=\"round\"\n                    @click=\"editDataHandlerCode\"\n                    :class=\"[optionModel.dataHandlerCode ? 'button-text-highlight' : '']\"\n                >\n                    处理函数配置\n                </a-button>\n            </a-form-item>\n        </a-form>\n        <template #footer>\n            <a-space class=\"dialog-footer\">\n                <a-button @click=\"showDataSourceDialogFlag = false\">\n                    {{ i18nt('designer.hint.cancel') }}\n                </a-button>\n                <a-button type=\"primary\" @click=\"saveDataSource\">\n                    {{ i18nt('designer.hint.confirm') }}\n                </a-button>\n            </a-space>\n        </template>\n    </a-drawer>\n\n    <CodeModalEditor\n        ref=\"CodeReqModalEditorRef\"\n        fnParams=\"data\"\n        v-model=\"optionModel.dataReqHandlerCode\"\n    />\n    <CodeModalEditor\n        v-model=\"optionModel.dataHandlerCode\"\n        ref=\"CodeModalEditorRef\"\n        fnParams=\"data\"\n    />\n</template>\n\n<script lang=\"jsx\">\n    import i18n from '@/utils/i18n';\n    import CodeEditor from '@/components/code-editor/index';\n    import { isArray } from 'lodash-es';\n    import { getHttp } from '@/utils/request/http';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { replaceVars, getLocat } from '@kp-ui/tool';\n\n    export default {\n        name: 'http-editor',\n        inheritAttrs: false,\n        mixins: [i18n],\n        inject: ['getGlobalDsv'],\n        components: {\n            CodeEditor,\n            CodeModalEditor\n        },\n        props: {\n            optionModel: Object,\n            drawerTitle: {\n                type: String,\n                default: ''\n            },\n            buttonName: {\n                type: String,\n                default: ''\n            },\n            label: {\n                type: String,\n                default: '编辑接口配置'\n            }\n        },\n        data() {\n            return {\n                dataList: [],\n                paramsList: [],\n                formRules: {\n                    url: [\n                        {\n                            required: true,\n                            trigger: ['blur', 'change'],\n                            message: this.i18nt('designer.setting.fieldValueRequired')\n                        }\n                    ]\n                },\n                showDataSourceDialogFlag: false,\n                dsvJson: '{\\n  \\n}',\n                dsResultJson: ''\n            };\n        },\n        methods: {\n            editDataHandlerCode() {\n                this.$refs.CodeModalEditorRef.open(this.optionModel.dataHandlerCode);\n            },\n            editReqDataHandlerCode() {\n                this.$refs.CodeReqModalEditorRef.open(this.optionModel.dataReqHandlerCode);\n            },\n            addDataSource() {\n                this.showDataSourceDialogFlag = true;\n                this.dataList = Object.entries(this.optionModel.http.data).map(([name, value]) => ({\n                    name,\n                    value\n                }));\n                this.paramsList = Object.entries(this.optionModel.http.params).map(\n                    ([name, value]) => ({\n                        name,\n                        value\n                    })\n                );\n            },\n\n            saveHttpData() {\n                let data = {};\n                if (isArray(this.dataList) && this.dataList.length) {\n                    data = this.dataList.reduce((t, v) => {\n                        t[v.name] = v.value;\n                        return t;\n                    }, {});\n                }\n                this.optionModel.http.data = data;\n            },\n            saveHttpParams() {\n                let params = {};\n                if (isArray(this.paramsList) && this.paramsList.length) {\n                    params = this.paramsList.reduce((t, v) => {\n                        t[v.name] = v.value;\n                        return t;\n                    }, {});\n                }\n                this.optionModel.http.params = params;\n            },\n\n            saveDataSource() {\n                this.saveHttpData();\n                this.saveHttpParams();\n                this.showDataSourceDialogFlag = false;\n            },\n\n            addRequestParam() {\n                this.paramsList.push({ name: '', value: '' });\n            },\n\n            deleteRequestParam(idx) {\n                this.paramsList.splice(idx, 1);\n            },\n\n            addRequestData() {\n                this.dataList.push({ name: '', value: '' });\n            },\n\n            deleteRequestData(idx) {\n                this.dataList.splice(idx, 1);\n            },\n\n            async doDataSourceRequest() {\n                const { dataReqHandlerCode, dataHandlerCode } = this.optionModel;\n                try {\n                    let p = JSON.parse(this.dsvJson);\n                    if (dataReqHandlerCode) {\n                        const dataReqHandlerCodeFn = new Function('data', dataReqHandlerCode);\n                        p = dataReqHandlerCodeFn.call(this, p);\n                    }\n                    if (!p) return;\n                    // console.log('请求参数 ', p);\n\n                    let dsResult = await getHttp()(p);\n\n                    if (dataHandlerCode) {\n                        const dhFn = new Function('data', dataHandlerCode);\n                        dsResult = dhFn.call(this, dsResult);\n                    }\n                    this.$refs.dsResultEditor.setValue(JSON.stringify(dsResult, null, '  '));\n                } catch (error) {\n                    console.log('doDataSourceRequest: ', error);\n                    // this.$message.error(error);\n                }\n            },\n            clearRequestResult() {\n                this.$refs.dsResultEditor.setValue('');\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .dsv-json-editor {\n        margin-bottom: 12px;\n    }\n\n    .dsv-json-editor :deep(.ace-editor) {\n        border: 1px solid #e1e2e3;\n        min-height: 120px;\n    }\n\n    :deep(.ace-editor) {\n        border: 1px solid #e1e2e3;\n    }\n\n    .footer-button {\n        float: right;\n        margin-bottom: 12px;\n    }\n\n    .dialog-footer {\n        margin-top: 15px;\n        float: right;\n    }\n</style>\n"],"names":["name","inheritAttrs","mixins","i18n","inject","components","CodeEditor","CodeModalEditor","props","optionModel","Object","drawerTitle","type","String","default","buttonName","label","data","dataList","paramsList","formRules","url","required","trigger","message","i18nt","showDataSourceDialogFlag","dsvJson","dsResultJson","methods","editDataHandlerCode","$refs","CodeModalEditorRef","open","dataHandlerCode","editReqDataHandlerCode","CodeReqModalEditorRef","dataReqHandlerCode","addDataSource","entries","http","map","value","params","saveHttpData","isArray","length","reduce","t","v","saveHttpParams","saveDataSource","addRequestParam","push","deleteRequestParam","idx","splice","addRequestData","deleteRequestData","doDataSourceRequest","p","JSON","parse","dataReqHandlerCodeFn","Function","call","dsResult","getHttp","dhFn","dsResultEditor","setValue","stringify","error","console","log","clearRequestResult"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/src/components/public/ActionButtonListDialog.vue.js

@@ -193,7 +193,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["onSave", "event-header"])
   ], 64);
 }
-const ActionButtonListDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3f544c19"]]);
+const ActionButtonListDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e01d7a29"]]);
 export {
   ActionButtonListDialog as default
 };

package/src/components/public/ActionButtonListDialog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListDialog.vue.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, index, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].type\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"primary\">primary</a-select-option>\n                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                    <a-select-option value=\"text\">text</a-select-option>\n                    <a-select-option value=\"link\">link</a-select-option>\n                    <a-select-option value=\"default\">default</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonSize'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                console.log(index);\n                buttonList.value.splice(index, 1);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["_createVNode","_withCtx","_openBlock","_createBlock","_createCommentVNode","_createTextVNode","_normalizeClass","_toDisplayString","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"ActionButtonListDialog.vue.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, index, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].type\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"primary\">primary</a-select-option>\n                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                    <a-select-option value=\"text\">text</a-select-option>\n                    <a-select-option value=\"link\">link</a-select-option>\n                    <a-select-option value=\"default\">default</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    import STable, { type ScrollPosition, setLicenseKey } from '@surely-vue/table';\n    setLicenseKey(\n        '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n    );\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor, STable },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonSize'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                console.log(index);\n                buttonList.value.splice(index, 1);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["_createVNode","_withCtx","_openBlock","_createBlock","_createCommentVNode","_createTextVNode","_normalizeClass","_toDisplayString","_createElementVNode"],"mappings":"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"}

package/src/components/public/ActionButtonListDialog.vue2.js

@@ -2,6 +2,10 @@ import { defineComponent, ref, computed, watch } from "vue";
 import i18n, { useI18n } from "../../utils/i18n.js";
 import _sfc_main$1 from "../code-editor/code-modal-editor.vue.js";
 import { generateId } from "../../utils/util.js";
+import STable, { setLicenseKey } from "@surely-vue/table";
+setLicenseKey(
+  "45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=="
+);
 const _sfc_main = defineComponent({
   name: "ActionButtonList",
   props: {
@@ -14,7 +18,7 @@ const _sfc_main = defineComponent({
       required: true
     }
   },
-  components: { CodeModalEditor: _sfc_main$1 },
+  components: { CodeModalEditor: _sfc_main$1, STable },
   mixins: [i18n],
   emits: ["update:data"],
   setup(props, { emit }) {

package/src/components/public/ActionButtonListDialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListDialog.vue2.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, index, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].type\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"primary\">primary</a-select-option>\n                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                    <a-select-option value=\"text\">text</a-select-option>\n                    <a-select-option value=\"link\">link</a-select-option>\n                    <a-select-option value=\"default\">default</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonSize'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                console.log(index);\n                buttonList.value.splice(index, 1);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["CodeModalEditor"],"mappings":";;;;AA0GI,MAAA,YAAe,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,MAAM;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ,YAAY,EAAA,iBAAEA,YAAA;AAAA,EACd,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO,CAAC,aAAa;AAAA,EACrB,MAAM,OAAO,EAAE,QAAQ;AACnB,UAAM,EAAE,MAAA,IAAU,QAAA;AAClB,UAAM,iBAAiB,IAAA;AACvB,UAAM,qBAAqB,IAAI,IAAI;AACnC,UAAM,sBAAsB,IAAA;AAC5B,UAAM,UAAU;AAAA,MACZ;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,uCAAuC;AAAA,QACpD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,yBAAyB;AAAA,QACtC,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,6BAA6B;AAAA,QAC1C,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,wCAAwC;AAAA,QACrD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,0CAA0C;AAAA,QACvD,OAAO;AAAA,MAAA;AAAA,MAEX,EAAE,WAAW,WAAW,OAAO,QAAQ,OAAO,IAAA;AAAA,MAC9C,EAAE,WAAW,UAAU,OAAO,MAAM,OAAO,GAAA;AAAA,IAAG;AAGlD,UAAM,aAAa,SAAS,MAAM,MAAM,IAAa;AAErD;AAAA,MACI,MAAM,WAAW;AAAA,MACjB,MAAM;AACF,aAAK,eAAe,WAAW,KAAK;AAAA,MAAA;AAAA,MAExC;AAAA,QACI,MAAM;AAAA,MAAA;AAAA,IACV;AAGJ,UAAM,wBAAwB,CAAC,UAAkB;AAC7C,cAAQ,IAAI,KAAK;AACjB,iBAAW,MAAM,OAAO,OAAO,CAAC;AAAA,IAAA;AAGpC,UAAM,iBAAiB,CAAC,MAAM,KAAK,iBAAiB;;AAChD,0BAAoB,QAAQ,aAAa,CAAC;AAC1C,qBAAe,QAAQ;AACvB,+BAAmB,UAAnB,mBAA0B,KAAK,IAAI,IAAI;AAAA,IAAC;AAG5C,UAAM,mBAAmB,CAAA,UAAS;AAC9B,cAAQ,IAAI,WAAW,OAAO,oBAAoB,OAAO,eAAe,KAAK;AAC7E,iBAAW,MAAM,oBAAoB,KAAK,EAAE,eAAe,KAAK,IAAI;AAAA,IAAA;AAGxE,UAAM,qBAAqB,MAAM;AAC7B,iBAAW,MAAM,KAAK;AAAA,QAClB,MAAM,QAAQ,WAAA;AAAA,QACd,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA;AAGL,WAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAER,CAAC;"}
+{"version":3,"file":"ActionButtonListDialog.vue2.js","sources":["../../../../src/components/public/ActionButtonListDialog.vue"],"sourcesContent":["<template>\n    <STable\n        deepWatchDataSource\n        :data-source=\"buttonList\"\n        :pagination=\"false\"\n        :resizable=\"true\"\n        :columns=\"columns\"\n        :row-key=\"record => record.name\"\n    >\n        <template #bodyCell=\"{ column, recordIndexs, index, record }\">\n            <template v-if=\"column.dataIndex === 'label'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].label\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'type'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].type\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonType')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"primary\">primary</a-select-option>\n                    <a-select-option value=\"ghost\">ghost</a-select-option>\n                    <a-select-option value=\"dashed\">dashed</a-select-option>\n                    <a-select-option value=\"text\">text</a-select-option>\n                    <a-select-option value=\"link\">link</a-select-option>\n                    <a-select-option value=\"default\">default</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'size'\">\n                <a-select\n                    v-model:value=\"buttonList[recordIndexs[0]].size\"\n                    :placeholder=\"i18nt('designer.setting.size')\"\n                    style=\"width: 100%\"\n                >\n                    <a-select-option value=\"default\">default</a-select-option>\n                    <a-select-option value=\"small\">small</a-select-option>\n                    <a-select-option value=\"large\">large</a-select-option>\n                </a-select>\n            </template>\n            <template v-if=\"column.dataIndex === 'icon'\">\n                <a-input\n                    v-model:value=\"buttonList[recordIndexs[0]].icon\"\n                    :placeholder=\"i18nt('designer.setting.operationButtonLabel')\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'danger'\">\n                <a-switch\n                    :checkedValue=\"1\"\n                    :unCheckedValue=\"0\"\n                    v-model:checked=\"buttonList[recordIndexs[0]].danger\"\n                />\n            </template>\n            <template v-if=\"column.dataIndex === 'onHidden'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onHidden }]\"\n                    @click=\"editClickEvent('onHidden', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonHidden') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onDisabled'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onDisabled }]\"\n                    @click=\"editClickEvent('onDisabled', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    {{ i18nt('designer.setting.operationButtonDisabled') }}\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'onClick'\">\n                <a-button\n                    :class=\"[{ 'button-text-highlight': !!record.onClick }]\"\n                    @click=\"editClickEvent('onClick', record, recordIndexs)\"\n                    size=\"small\"\n                >\n                    点击事件\n                </a-button>\n            </template>\n            <template v-if=\"column.dataIndex === 'action'\">\n                <a-button type=\"link\" @click=\"deleteOperationButton(index)\" size=\"small\">\n                    删除\n                </a-button>\n            </template>\n        </template>\n    </STable>\n    <div class=\"add-btn\">\n        <a-button type=\"primary\" size=\"default\" @click=\"addOperationButton\">\n            {{ i18nt('designer.setting.addOperationButton') }}\n        </a-button>\n    </div>\n\n    <CodeModalEditor\n        ref=\"codeModalEditorRef\"\n        @save=\"saveColumnRender\"\n        :event-header=\"`${currentEditBtn}(${parmas}){`\"\n    />\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, getCurrentInstance, ref, watch, watchEffect } from 'vue';\n    import i18n, { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n    import { generateId } from '@/utils/util';\n    import STable, { type ScrollPosition, setLicenseKey } from '@surely-vue/table';\n    setLicenseKey(\n        '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n    );\n    export default defineComponent({\n        name: 'ActionButtonList',\n        props: {\n            parmas: {\n                type: String,\n                default: ''\n            },\n            data: {\n                type: Array,\n                required: true\n            }\n        },\n        components: { CodeModalEditor, STable },\n        mixins: [i18n],\n        emits: ['update:data'],\n        setup(props, { emit }) {\n            const { i18nt } = useI18n();\n            const currentEditBtn = ref();\n            const codeModalEditorRef = ref(null);\n            const currentRecordIndexs = ref();\n            const columns = [\n                {\n                    dataIndex: 'label',\n                    title: i18nt('designer.setting.operationButtonLabel'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'type',\n                    title: i18nt('designer.setting.operationButtonType'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'size',\n                    title: i18nt('designer.setting.operationButtonSize'),\n                    width: 80\n                },\n                {\n                    dataIndex: 'danger',\n                    title: i18nt('designer.setting.danger'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'icon',\n                    title: i18nt('designer.setting.buttonIcon'),\n                    width: 120\n                },\n                {\n                    dataIndex: 'onHidden',\n                    title: i18nt('designer.setting.operationButtonHidden'),\n                    width: 100\n                },\n                {\n                    dataIndex: 'onDisabled',\n                    title: i18nt('designer.setting.operationButtonDisabled'),\n                    width: 100\n                },\n                { dataIndex: 'onClick', title: '点击事件', width: 100 },\n                { dataIndex: 'action', title: '操作', width: 80 }\n            ];\n\n            const buttonList = computed(() => props.data as any[]);\n\n            watch(\n                () => buttonList.value,\n                () => {\n                    emit('update:data', buttonList.value);\n                },\n                {\n                    deep: true\n                }\n            );\n\n            const deleteOperationButton = (index: number) => {\n                console.log(index);\n                buttonList.value.splice(index, 1);\n            };\n\n            const editClickEvent = (name, row, recordIndexs) => {\n                currentRecordIndexs.value = recordIndexs[0];\n                currentEditBtn.value = name;\n                codeModalEditorRef.value?.open(row[name]);\n            };\n\n            const saveColumnRender = value => {\n                console.log(buttonList.value, currentRecordIndexs.value, currentEditBtn.value);\n                buttonList.value[currentRecordIndexs.value][currentEditBtn.value] = value;\n            };\n\n            const addOperationButton = () => {\n                buttonList.value.push({\n                    name: 'btn' + generateId(),\n                    label: 'new btn',\n                    type: 'primary',\n                    size: 'small',\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                });\n            };\n\n            return {\n                addOperationButton,\n                saveColumnRender,\n                columns,\n                buttonList,\n                editClickEvent,\n                codeModalEditorRef,\n                currentEditBtn,\n                deleteOperationButton\n            };\n        }\n    });\n</script>\n<style lang=\"less\" scoped>\n    .add-btn {\n        margin-top: 10px;\n        text-align: center;\n    }\n</style>\n"],"names":["CodeModalEditor"],"mappings":";;;;;AA2GI;AAAA,EACI;AACJ;AACA,MAAA,YAAe,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,MAAM;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ,YAAY,EAAA,iBAAEA,aAAiB,OAAA;AAAA,EAC/B,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO,CAAC,aAAa;AAAA,EACrB,MAAM,OAAO,EAAE,QAAQ;AACnB,UAAM,EAAE,MAAA,IAAU,QAAA;AAClB,UAAM,iBAAiB,IAAA;AACvB,UAAM,qBAAqB,IAAI,IAAI;AACnC,UAAM,sBAAsB,IAAA;AAC5B,UAAM,UAAU;AAAA,MACZ;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,uCAAuC;AAAA,QACpD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,sCAAsC;AAAA,QACnD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,yBAAyB;AAAA,QACtC,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,6BAA6B;AAAA,QAC1C,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,wCAAwC;AAAA,QACrD,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,WAAW;AAAA,QACX,OAAO,MAAM,0CAA0C;AAAA,QACvD,OAAO;AAAA,MAAA;AAAA,MAEX,EAAE,WAAW,WAAW,OAAO,QAAQ,OAAO,IAAA;AAAA,MAC9C,EAAE,WAAW,UAAU,OAAO,MAAM,OAAO,GAAA;AAAA,IAAG;AAGlD,UAAM,aAAa,SAAS,MAAM,MAAM,IAAa;AAErD;AAAA,MACI,MAAM,WAAW;AAAA,MACjB,MAAM;AACF,aAAK,eAAe,WAAW,KAAK;AAAA,MAAA;AAAA,MAExC;AAAA,QACI,MAAM;AAAA,MAAA;AAAA,IACV;AAGJ,UAAM,wBAAwB,CAAC,UAAkB;AAC7C,cAAQ,IAAI,KAAK;AACjB,iBAAW,MAAM,OAAO,OAAO,CAAC;AAAA,IAAA;AAGpC,UAAM,iBAAiB,CAAC,MAAM,KAAK,iBAAiB;;AAChD,0BAAoB,QAAQ,aAAa,CAAC;AAC1C,qBAAe,QAAQ;AACvB,+BAAmB,UAAnB,mBAA0B,KAAK,IAAI,IAAI;AAAA,IAAC;AAG5C,UAAM,mBAAmB,CAAA,UAAS;AAC9B,cAAQ,IAAI,WAAW,OAAO,oBAAoB,OAAO,eAAe,KAAK;AAC7E,iBAAW,MAAM,oBAAoB,KAAK,EAAE,eAAe,KAAK,IAAI;AAAA,IAAA;AAGxE,UAAM,qBAAqB,MAAM;AAC7B,iBAAW,MAAM,KAAK;AAAA,QAClB,MAAM,QAAQ,WAAA;AAAA,QACd,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA;AAGL,WAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAER,CAAC;"}

package/src/components/public/methoad-item.vue.js

@@ -31,7 +31,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(_component_a_button, {
-            type: "info",
             plain: "",
             shape: "round",
             class: normalizeClass([_ctx.getFormEventHandled(_ctx.eventName) ? "button-text-highlight" : ""]),

package/src/components/public/methoad-item.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"methoad-item.vue.js","sources":["../../../../src/components/public/methoad-item.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"eventName\" label-width=\"150px\">\n        <a-button\n            type=\"info\"\n            plain\n            shape=\"round\"\n            :class=\"[getFormEventHandled(eventName) ? 'button-text-highlight' : '']\"\n            @click=\"editFormEventHandler()\"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}\n        </a-button>\n    </a-form-item>\n\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    const { i18nt } = useI18n();\n\n    const props = withDefaults(\n        defineProps<{\n            eventName: string;\n            eventParamsMap: Record<string, string>;\n            formConfig: Record<string, any>;\n            getFormEventHandled: (value) => string;\n        }>(),\n        {}\n    );\n    const emit = defineEmits<{\n        (e: 'click-item', value: any): void;\n    }>();\n\n    const editFormEventHandler = ()=>{\n        emit('click-item', {\n            eventName: props.eventName,\n            mode: 'javascript',\n            isShowEventHeader: true,\n            title: i18nt('designer.setting.editFormEventHandler'),\n            eventHeader:'form.' + props.eventParamsMap[props.eventName] \n        })\n    }\n</script>\n"],"names":["_createBlock","eventName","_createVNode","_normalizeClass","getFormEventHandled","_unref"],"mappings":";;;;;;;;;;;;AAiBI,UAAM,EAAE,MAAA,IAAU,QAAA;AAElB,UAAM,QAAQ;AASd,UAAM,OAAO;AAIb,UAAM,uBAAuB,MAAI;AAC7B,WAAK,cAAc;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,OAAO,MAAM,uCAAuC;AAAA,QACpD,aAAY,UAAU,MAAM,eAAe,MAAM,SAAS;AAAA,MAAA,CAC7D;AAAA,IAAA;;;;0BAtCLA,YAUc,wBAAA;AAAA,QAVA,OAAOC,KAAAA;AAAAA,QAAW,eAAY;AAAA,MAAA;yBACxC,MAQW;AAAA,UARXC,YAQW,qBAAA;AAAA,YAPP,MAAK;AAAA,YACL,OAAA;AAAA,YACA,OAAM;AAAA,YACL,OAAKC,eAAA,CAAGC,KAAAA,oBAAoBH,KAAAA,SAAS,IAAA,0BAAA,EAAA,CAAA;AAAA,YACrC,+CAAO,qBAAA;AAAA,UAAoB;6BAE5B,MAA+C;AAAA,8CAA5CI,MAAA,KAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"methoad-item.vue.js","sources":["../../../../src/components/public/methoad-item.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"eventName\" label-width=\"150px\">\n        <a-button\n            plain\n            shape=\"round\"\n            :class=\"[getFormEventHandled(eventName) ? 'button-text-highlight' : '']\"\n            @click=\"editFormEventHandler()\"\n        >\n            {{ i18nt('designer.setting.addEventHandler') }}\n        </a-button>\n    </a-form-item>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    const { i18nt } = useI18n();\n\n    const props = withDefaults(\n        defineProps<{\n            eventName: string;\n            eventParamsMap: Record<string, string>;\n            formConfig: Record<string, any>;\n            getFormEventHandled: (value) => string;\n        }>(),\n        {}\n    );\n    const emit = defineEmits<{\n        (e: 'click-item', value: any): void;\n    }>();\n\n    const editFormEventHandler = () => {\n        emit('click-item', {\n            eventName: props.eventName,\n            mode: 'javascript',\n            isShowEventHeader: true,\n            title: i18nt('designer.setting.editFormEventHandler'),\n            eventHeader: 'form.' + props.eventParamsMap[props.eventName]\n        });\n    };\n</script>\n"],"names":["_createBlock","eventName","_createVNode","_normalizeClass","getFormEventHandled","_unref"],"mappings":";;;;;;;;;;;;AAeI,UAAM,EAAE,MAAA,IAAU,QAAA;AAElB,UAAM,QAAQ;AASd,UAAM,OAAO;AAIb,UAAM,uBAAuB,MAAM;AAC/B,WAAK,cAAc;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,OAAO,MAAM,uCAAuC;AAAA,QACpD,aAAa,UAAU,MAAM,eAAe,MAAM,SAAS;AAAA,MAAA,CAC9D;AAAA,IAAA;;;;0BApCLA,YASc,wBAAA;AAAA,QATA,OAAOC,KAAAA;AAAAA,QAAW,eAAY;AAAA,MAAA;yBACxC,MAOW;AAAA,UAPXC,YAOW,qBAAA;AAAA,YANP,OAAA;AAAA,YACA,OAAM;AAAA,YACL,OAAKC,eAAA,CAAGC,KAAAA,oBAAoBH,KAAAA,SAAS,IAAA,0BAAA,EAAA,CAAA;AAAA,YACrC,+CAAO,qBAAA;AAAA,UAAoB;6BAE5B,MAA+C;AAAA,8CAA5CI,MAAA,KAAA,EAAK,kCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/src/components/svg-icon/index.vue.js

@@ -1,59 +1,7 @@
-import { createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "SvgIcon",
-  props: {
-    iconClass: {
-      type: String,
-      required: true
-    },
-    className: {
-      type: String
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: String,
-      default: "1.1em"
-    }
-  },
-  computed: {
-    iconName() {
-      return `#icon-${this.iconClass}`;
-    },
-    svgClass() {
-      if (this.className) {
-        return "svg-icon " + this.className;
-      } else {
-        return "svg-icon";
-      }
-    },
-    getStyle() {
-      return {
-        width: this.size,
-        height: this.size,
-        cursor: "pointer"
-        //cursor ? 'pointer' : move ? 'move' : ''
-      };
-    }
-  }
-};
-const _hoisted_1 = ["xlink:href"];
-const _hoisted_2 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", {
-    class: normalizeClass($options.svgClass),
-    "aria-hidden": "true",
-    style: normalizeStyle($options.getStyle)
-  }, [
-    createElementVNode("use", { "xlink:href": $options.iconName }, null, 8, _hoisted_1),
-    !!$props.title ? (openBlock(), createElementBlock("title", _hoisted_2, toDisplayString($props.title), 1)) : createCommentVNode("", true)
-  ], 6);
-}
-const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dfe46d5e"]]);
+const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0beca61f"]]);
 export {
   SvgIcon as default
 };

package/src/components/svg-icon/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/components/svg-icon/index.vue"],"sourcesContent":["<template>\n  <svg :class=\"svgClass\" aria-hidden=\"true\" :style=\"getStyle\">\n    <use :xlink:href=\"iconName\" />\n    <title v-if=\"!!title\">{{ title }}</title>\n  </svg>\n</template>\n\n<script>\n  export default {\n    name: 'SvgIcon',\n    props: {\n      iconClass: {\n        type: String,\n        required: true\n      },\n      className: {\n        type: String\n      },\n      title: {\n        type: String,\n        default: ''\n      },\n      size: {\n        type: String,\n        default: '1.1em'\n      }\n    },\n    computed: {\n      iconName() {\n        return `#icon-${this.iconClass}`;\n      },\n      svgClass() {\n        if (this.className) {\n          return 'svg-icon ' + this.className;\n        } else {\n          return 'svg-icon';\n        }\n      },\n      getStyle() {\n        return {\n          width: this.size,\n          height: this.size,\n          cursor: 'pointer' //cursor ? 'pointer' : move ? 'move' : ''\n        };\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .svg-icon {\n    width: 1.1em;\n    height: 1.1em;\n    margin-left: 0.35em;\n    margin-right: 0.35em;\n    vertical-align: -0.15em;\n    fill: currentColor;\n    overflow: hidden;\n  }\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_openBlock"],"mappings":";;;AAQE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;IAEZ,WAAW;AAAA,MACT,MAAM;AAAA;IAER,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;EAEF,UAAU;AAAA,IACR,WAAW;AACT,aAAO,SAAS,KAAK,SAAS;AAAA;IAEhC,WAAW;AACT,UAAI,KAAK,WAAW;AAClB,eAAO,cAAc,KAAK;AAAA,aACrB;AACL,eAAO;AAAA,MACT;AAAA;IAEF,WAAW;AACT,aAAO;AAAA,QACL,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,QAAQ;AAAA;AAAA;IAEZ;AAAA,EACF;;;;;sBA5CFA,mBAGM,OAAA;AAAA,IAHA,sBAAO,SAAA,QAAQ;AAAA,IAAE,eAAY;AAAA,IAAQ,sBAAO,SAAA,QAAQ;AAAA;IACxDC,mBAA8B,OAAA,EAAxB,cAAY,SAAA,YAAQ,MAAA,GAAA,UAAA;AAAA,MACX,OAAA,SAAfC,UAAA,GAAAF,mBAAyC,qCAAhB,OAAA,KAAK,GAAA,CAAA;;;;"}
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/src/components/svg-icon/index.vue2.js

@@ -0,0 +1,49 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+const _hoisted_1 = ["xlink:href"];
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SvgIcon"
+  },
+  __name: "index",
+  props: {
+    iconClass: {},
+    className: {},
+    title: { default: "" },
+    size: { default: "1.1em" }
+  },
+  setup(__props) {
+    const props = __props;
+    const iconName = computed(() => {
+      return `#icon-${props.iconClass}`;
+    });
+    const svgClass = computed(() => {
+      if (props.className) {
+        return "svg-icon " + props.className;
+      } else {
+        return "svg-icon";
+      }
+    });
+    const getStyle = computed(() => {
+      return {
+        width: props.size,
+        height: props.size,
+        cursor: "pointer"
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        class: normalizeClass(svgClass.value),
+        "aria-hidden": "true",
+        style: normalizeStyle(getStyle.value)
+      }, [
+        createElementVNode("use", { "xlink:href": iconName.value }, null, 8, _hoisted_1),
+        !!_ctx.title ? (openBlock(), createElementBlock("title", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/src/components/svg-icon/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/svg-icon/index.vue"],"sourcesContent":["<template>\n    <svg :class=\"svgClass\" aria-hidden=\"true\" :style=\"getStyle\">\n        <use :xlink:href=\"iconName\" />\n        <title v-if=\"!!title\">{{ title }}</title>\n    </svg>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import type { SvgIconProps } from './types';\n\n    // 保留组件名称\n    defineOptions({\n        name: 'SvgIcon'\n    });\n\n    // 使用 withDefaults 设置默认值\n    const props = withDefaults(defineProps<SvgIconProps>(), {\n        title: '',\n        size: '1.1em'\n    });\n\n    const iconName = computed(() => {\n        return `#icon-${props.iconClass}`;\n    });\n\n    const svgClass = computed(() => {\n        if (props.className) {\n            return 'svg-icon ' + props.className;\n        } else {\n            return 'svg-icon';\n        }\n    });\n\n    const getStyle = computed(() => {\n        return {\n            width: props.size,\n            height: props.size,\n            cursor: 'pointer'\n        };\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .svg-icon {\n        width: 1.1em;\n        height: 1.1em;\n        margin-left: 0.35em;\n        margin-right: 0.35em;\n        vertical-align: -0.15em;\n        fill: currentColor;\n        overflow: hidden;\n    }\n</style>\n"],"names":["_createElementBlock","_createElementVNode","title","_openBlock"],"mappings":";;;;;;;;;;;;;;;AAiBI,UAAM,QAAQ;AAKd,UAAM,WAAW,SAAS,MAAM;AAC5B,aAAO,SAAS,MAAM,SAAS;AAAA,IAAA,CAClC;AAED,UAAM,WAAW,SAAS,MAAM;AAC5B,UAAI,MAAM,WAAW;AACjB,eAAO,cAAc,MAAM;AAAA,MAAA,OACxB;AACH,eAAO;AAAA,MAAA;AAAA,IACX,CACH;AAED,UAAM,WAAW,SAAS,MAAM;AAC5B,aAAO;AAAA,QACH,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,QAAQ;AAAA,MAAA;AAAA,IACZ,CACH;;0BAvCDA,mBAGM,OAAA;AAAA,QAHA,sBAAO,SAAA,KAAQ;AAAA,QAAE,eAAY;AAAA,QAAQ,sBAAO,SAAA,KAAQ;AAAA,MAAA;QACtDC,mBAA8B,OAAA,EAAxB,cAAY,SAAA,SAAQ,MAAA,GAAA,UAAA;AAAA,UACXC,KAAAA,SAAfC,UAAA,GAAAH,mBAAyC,qCAAhBE,KAAAA,KAAK,GAAA,CAAA;;;;;"}

package/src/utils/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sources":["../../../src/utils/i18n.ts"],"sourcesContent":["import { createI18n } from './smart-vue-i18n';\n\nconst i18n = createI18n({\n    locale: localStorage.getItem('lowcode_local') || 'zh-CN'\n});\n\nexport const changeLocale = async function (langName) {\n    await i18n.setLang(langName);\n    localStorage.setItem('lowcode_local', langName);\n};\n\nexport const translate = function (key) {\n    return i18n.$st(key);\n};\n\nexport default {\n    methods: {\n        i18nt(key) {\n            return i18n.$st(key);\n        },\n\n        /* 如果key1不存在，则查找key2 */\n        i18n2t(key1, key2) {\n            return i18n.$st2(key1, key2);\n        }\n    }\n};\n\nexport function useI18n() {\n    const i18nt = key => {\n        return i18n.$st(key);\n    };\n    const i18n2t = (key1, key2) => {\n        return i18n.$st2(key1, key2);\n    };\n    return {\n        i18nt,\n        i18n2t\n    };\n}\n"],"names":[],"mappings":";AAEA,MAAM,OAAO,WAAW;AAAA,EACpB,QAAQ,aAAa,QAAQ,eAAe,KAAK;AACrD,CAAC;AAEM,MAAM,eAAe,eAAgB,UAAU;AAClD,QAAM,KAAK,QAAQ,QAAQ;AAC3B,eAAa,QAAQ,iBAAiB,QAAQ;AAClD;AAMA,MAAA,SAAe;AAAA,EACX,SAAS;AAAA,IACL,MAAM,KAAK;AACP,aAAO,KAAK,IAAI,GAAG;AAAA,IAAA;AAAA;AAAA,IAIvB,OAAO,MAAM,MAAM;AACf,aAAO,KAAK,KAAK,MAAM,IAAI;AAAA,IAAA;AAAA,EAC/B;AAER;AAEO,SAAS,UAAU;AACtB,QAAM,QAAQ,CAAA,QAAO;AACjB,WAAO,KAAK,IAAI,GAAG;AAAA,EAAA;AAEvB,QAAM,SAAS,CAAC,MAAM,SAAS;AAC3B,WAAO,KAAK,KAAK,MAAM,IAAI;AAAA,EAAA;AAE/B,SAAO;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAER;"}
+{"version":3,"file":"i18n.js","sources":["../../../src/utils/i18n.ts"],"sourcesContent":["import { createI18n } from './smart-vue-i18n';\n\nconst i18n = createI18n({\n    locale: localStorage.getItem('lowcode_local') || 'zh-CN'\n});\n\nexport const changeLocale = async function (langName: string) {\n    await i18n.setLang(langName);\n    localStorage.setItem('lowcode_local', langName);\n};\n\nexport const translate = function (key: string): string {\n    return i18n.$st(key);\n};\n\nexport default {\n    methods: {\n        i18nt(key: string): string {\n            return i18n.$st(key);\n        },\n\n        /* 如果key1不存在，则查找key2 */\n        i18n2t(key1: string, key2: string): string {\n            return i18n.$st2(key1, key2);\n        }\n    }\n};\n\nexport function useI18n() {\n    const i18nt = (key: string): string => {\n        return i18n.$st(key);\n    };\n    const i18n2t = (key1: string, key2: string): string => {\n        return i18n.$st2(key1, key2);\n    };\n    return {\n        i18nt,\n        i18n2t\n    };\n}\n"],"names":[],"mappings":";AAEA,MAAM,OAAO,WAAW;AAAA,EACpB,QAAQ,aAAa,QAAQ,eAAe,KAAK;AACrD,CAAC;AAEM,MAAM,eAAe,eAAgB,UAAkB;AAC1D,QAAM,KAAK,QAAQ,QAAQ;AAC3B,eAAa,QAAQ,iBAAiB,QAAQ;AAClD;AAMA,MAAA,SAAe;AAAA,EACX,SAAS;AAAA,IACL,MAAM,KAAqB;AACvB,aAAO,KAAK,IAAI,GAAG;AAAA,IAAA;AAAA;AAAA,IAIvB,OAAO,MAAc,MAAsB;AACvC,aAAO,KAAK,KAAK,MAAM,IAAI;AAAA,IAAA;AAAA,EAC/B;AAER;AAEO,SAAS,UAAU;AACtB,QAAM,QAAQ,CAAC,QAAwB;AACnC,WAAO,KAAK,IAAI,GAAG;AAAA,EAAA;AAEvB,QAAM,SAAS,CAAC,MAAc,SAAyB;AACnD,WAAO,KAAK,KAAK,MAAM,IAAI;AAAA,EAAA;AAE/B,SAAO;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAER;"}