@kp-ui/lowcode 2.15.0-beta.6 → 2.15.0-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.15.0-beta.6",
+  "version": "2.15.0-beta.7",
   "publishConfig": {
     "access": "public"
   },
@@ -13,6 +13,8 @@
     "clipboard": "^2.0.8",
     "core-js": "^3.6.5",
     "dayjs": "^1.11.10",
+    "echarts": "^5.6.0",
+    "es-drager": "^1.3.2",
     "file-saver": "^2.0.5",
     "json-bigint": "^1.0.0",
     "lodash-es": "^4.17.21",
@@ -25,7 +27,9 @@
     "vite": "6.3.3",
     "vite-plugin-lazy-import": "^1.0.7",
     "vue": "3.5.17",
-    "vue-router": "4.2.4"
+    "vue-echarts": "^8.0.1",
+    "vue-router": "4.2.4",
+    "vue3-sketch-ruler": "^2.3.3"
   },
   "main": "install.js",
   "types": "types/install.d.ts",

package/src/components/FormRender/useFormContext.js

@@ -1,6 +1,6 @@
-import { ref as l, provide as f, computed as m, watchEffect as le, onMounted as fe, nextTick as ce } from "vue";
+import { ref as l, provide as c, computed as m, watchEffect as le, onMounted as ce, nextTick as fe } from "vue";
 import { useFormValidation as V } from "./formValidation.js";
-import { insertCustomCssToHead as ue, insertGlobalFunctionsToHtml as me, getContainerWidgetByName as B, cloneFormConfigWithoutEventHandler as de, generateId as ve } from "../../utils/util.js";
+import { getContainerWidgetByName as B, cloneFormConfigWithoutEventHandler as ue, insertCustomCssToHead as me, insertGlobalFunctionsToHtml as de, generateId as ve } from "../../utils/util.js";
 import { set as ge, cloneDeep as pe } from "lodash-es";
 import { message as H } from "ant-design-vue";
 import { useI18n as Ce } from "../../utils/i18n.js";
@@ -12,12 +12,12 @@ import { useEmitter as xe } from "../../utils/useEmitter.js";
 import { useAppRef as ye } from "../form-designer/useAppRef.js";
 const Te = ({ renderForm: D, props: i }) => {
   const { formJson: x } = i, C = we(De), { i18nt: d } = Ce(), [y, J] = he(!1), F = xe(), v = l(), a = l({}), L = l(!1), w = l(/* @__PURE__ */ new Map()), b = l({}), P = l(), h = Symbol("formWidget");
-  f("refList", w), f("getFormConfig", () => o.value), f("formData", a), f("getReadMode", () => y.value), f("designState", !1);
+  c("refList", w), c("formData", a), c("getReadMode", () => y.value), c("designState", !1);
   const M = l(), { executeFunction: T, context: g, execHttpFunction: W } = Re(), { getFormRef: R, getWidgetRef: $, registerToRefList: k } = ye(w, h), o = m(() => {
     var e;
     return ((e = v.value) == null ? void 0 : e.formConfig) || {};
   });
-  f("formConfig", o), f("formWidgetId", h);
+  c("formConfig", o), c("formWidgetId", h);
   const p = m(() => {
     var e;
     return ((e = v.value) == null ? void 0 : e.widgetList) || [];
@@ -33,12 +33,12 @@ const Te = ({ renderForm: D, props: i }) => {
     var e;
     return ((e = o.value) == null ? void 0 : e.customClass) || "";
   });
-  let c = V(D, p.value || []);
+  let f = V(D, p.value || []);
   le(() => {
-    c = V(D, p.value || []);
+    f = V(D, p.value || []);
   });
   const E = async (e) => {
-    console.log({ json: e }), v.value = e || { widgetList: [], formConfig: {} }, a.value = {}, await ce(), ne();
+    console.log({ json: e }), v.value = e || { widgetList: [], formConfig: {} }, a.value = {}, re(), await fe(), ne();
   }, S = () => a.value || {}, z = (e) => {
     e && Object.keys(e).forEach((t) => {
       Object.prototype.hasOwnProperty.call(a.value, t) && (a.value[t] = e[t]);
@@ -46,9 +46,9 @@ const Te = ({ renderForm: D, props: i }) => {
   }, A = (e) => {
     L.value = e;
   }, G = () => {
-    c.resetValidation();
+    f.resetValidation();
   }, K = () => {
-    c.clearValidate();
+    f.clearValidate();
   }, Q = (e) => {
     M.value = e;
   }, X = () => {
@@ -71,7 +71,7 @@ const Te = ({ renderForm: D, props: i }) => {
     }
     const u = {
       widgetList: pe((s == null ? void 0 : s.widgetList) || []),
-      formConfig: de(((I = n == null ? void 0 : n.formConfig) == null ? void 0 : I.value) || {})
+      formConfig: ue(((I = n == null ? void 0 : n.formConfig) == null ? void 0 : I.value) || {})
     }, ie = Fe();
     b.value = {
       options: s.options,
@@ -97,7 +97,7 @@ const Te = ({ renderForm: D, props: i }) => {
     });
     return console.log("res: ", t), t;
   }, oe = async () => {
-    if (!await c.validate()) throw new Error(d("表单验证失败"));
+    if (!await f.validate()) throw new Error(d("表单验证失败"));
     const t = o.value.serveList, r = await W(t.vformUpdate, {
       data: a.value,
       vfCtx: i.vfCtx
@@ -110,7 +110,7 @@ const Te = ({ renderForm: D, props: i }) => {
     }));
   }, re = () => {
     const e = "vfRender" + ve(), { cssCode: t, functions: r } = o.value;
-    t && ue(t, e || ""), r && me(r, e || "");
+    console.log({ cssCode: t }), t && me(t, e || ""), r && de(r, e || "");
   }, se = () => {
     var t;
     const e = (t = g.value) == null ? void 0 : t.$router;
@@ -130,8 +130,8 @@ const Te = ({ renderForm: D, props: i }) => {
       u == null || u.go(-1);
     }
   };
-  return fe(() => {
-    x && E(x), ee(), re();
+  return ce(() => {
+    x && E(x), ee();
   }), {
     i18nt: d,
     goBack: ae,
@@ -162,7 +162,7 @@ const Te = ({ renderForm: D, props: i }) => {
     readModeFlag: y,
     // 引用
     widgetRefList: w,
-    formValidator: c,
+    formValidator: f,
     // 计算属性
     formConfig: o,
     widgetList: p,

package/src/components/FormRender/useFormContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormContext.js","sources":["../../../../src/components/FormRender/useFormContext.ts"],"sourcesContent":["import { computed, nextTick, onMounted, provide, ref, watchEffect } from 'vue';\nimport { useFormValidation } from './formValidation';\n\n/**\n * 表单上下文接口\n */\nimport { Widget } from '@/types/schema';\nimport {\n    cloneFormConfigWithoutEventHandler,\n    generateId,\n    getContainerWidgetByName,\n    insertCustomCssToHead,\n    insertGlobalFunctionsToHtml\n} from '@/utils/util';\nimport { cloneDeep, set } from 'lodash-es';\nimport { message } from 'ant-design-vue';\nimport { useI18n } from '@/utils/i18n';\nimport { getUuidKey } from '@kp-ui/tool';\nimport { routerReloadStatus, useComRef, useExecFunction, useRef } from 'tmgc2-share';\nimport DynamicDialog from '../form-render/dynamic-dialog.vue';\nimport { useEmitter } from '@/utils/useEmitter';\nimport { useAppRef } from '../form-designer/useAppRef';\nexport interface FormRenderProps {\n    vfCtx?: Record<string, any>;\n    formJson?: any;\n    formData?: Record<string, any>;\n    optionData?: Record<string, any>;\n    disabledMode?: boolean;\n    renderConfig?: {\n        languageName?: string;\n    };\n    globalDsv?: Record<string, any>;\n    parentForm?: any;\n    dynamicCreation?: boolean;\n    debug?: boolean;\n}\n\n/**\n * 表单上下文配置\n */\nexport interface FormContextOptions {\n    props: FormRenderProps;\n    renderForm: any;\n}\n\n/**\n * 创建表单上下文\n * @param options 表单上下文配置\n * @returns 表单上下文\n */\nexport const useFormContext = ({ renderForm, props }: FormContextOptions) => {\n    const { formJson } = props;\n    const dynamicDialgRef = useComRef(DynamicDialog);\n    const { i18nt } = useI18n();\n    const [readModeFlag, setReadMode] = useRef(false);\n\n    const emitter = useEmitter();\n\n    const formJsonObj = ref();\n    // 状态变量\n    const formDataModel = ref<Record<string, any>>({});\n    const isLoading = ref(false);\n    const widgetRefList = ref<Map<string, any>>(new Map());\n    const dialogProps = ref({});\n    const childFormRef = ref();\n\n    const formWidgetId = Symbol('formWidget');\n\n    // 提供给子组件的数据\n    provide('refList', widgetRefList);\n    provide('getFormConfig', () => formConfig.value);\n    provide('formData', formDataModel);\n    provide('getReadMode', () => readModeFlag.value);\n    provide('designState', false); // 设计态标识\n\n    const dialogOrDrawerRef = ref();\n\n    const { executeFunction, context, execHttpFunction } = useExecFunction();\n    const { getFormRef, getWidgetRef, registerToRefList } = useAppRef(widgetRefList, formWidgetId);\n\n    // 计算属性\n    const formConfig = computed(() => formJsonObj.value?.formConfig || {});\n\n    provide('formConfig', formConfig);\n    provide('formWidgetId', formWidgetId);\n\n    const widgetList = computed(() => formJsonObj.value?.widgetList || []);\n    const labelPosition = computed(() => {\n        return formConfig.value?.labelPosition || 'horizontal';\n    });\n\n    const setChildFormRef = chid => {\n        childFormRef.value = chid;\n    };\n\n    const labelWidth = computed(() => {\n        return formConfig.value?.labelWidth ? `${formConfig.value.labelWidth}px` : '80px';\n    });\n\n    const customClass = computed(() => {\n        return formConfig.value?.customClass || '';\n    });\n\n    // 初始化表单验证器\n    let formValidator = useFormValidation(renderForm, widgetList.value || []);\n\n    // 监听 widgetList 变化，重新初始化验证器\n    watchEffect(() => {\n        formValidator = useFormValidation(renderForm, widgetList.value || []);\n    });\n\n    /**\n     * 设置表单JSON数据\n     */\n    const setFormJson = async (json: any) => {\n        console.log({ json });\n\n        formJsonObj.value = json || { widgetList: [], formConfig: {} };\n        // 重新构建表单数据模型\n        formDataModel.value = {};\n\n        await nextTick();\n        handleOnMounted();\n    };\n\n    /**\n     * 获取表单数据\n     */\n    const getFormData = () => {\n        return formDataModel.value || {};\n    };\n\n    /**\n     * 设置表单数据\n     */\n    const setFormData = (data: Record<string, any>) => {\n        if (!data) return;\n        // 更新表单数据模型\n        Object.keys(data).forEach(key => {\n            if (Object.prototype.hasOwnProperty.call(formDataModel.value, key)) {\n                formDataModel.value[key] = data[key];\n            }\n        });\n    };\n\n    /**\n     * 设置加载状态\n     */\n    const setLoading = (loading: boolean) => {\n        isLoading.value = loading;\n    };\n\n    /**\n     * 重置表单验证\n     */\n    const resetValidation = () => {\n        formValidator.resetValidation();\n    };\n\n    /**\n     * 清除表单验证\n     */\n    const clearValidate = () => {\n        formValidator.clearValidate();\n    };\n\n    const setDialogOrDrawerRef = (ddRef: any) => {\n        dialogOrDrawerRef.value = ddRef;\n    };\n\n    /**\n     * 当显示多级嵌套弹窗或抽屉时，获取最顶层VFormRender组件实例\n     * @returns {object}\n     */\n    const getTopFormRef = () => {\n        if (!props.parentForm) {\n            return getFormRef();\n        }\n\n        let topFormRef = props.parentForm;\n        while (topFormRef.parentForm) {\n            topFormRef = topFormRef.parentForm;\n        }\n\n        return topFormRef;\n    };\n\n    /**\n     * 显示弹窗表单，动态创建v-form-render组件，option-data、global-dsv等属性继承父级表单\n     * @param dialogName\n     * @param formData\n     * @param extraData\n     */\n    const showDialog = (dialogName, formData = {}, extraData = {}) => {\n        const topFormRef = getTopFormRef();\n        const dialogCon = (getContainerWidgetByName(topFormRef?.widgetList || [], dialogName) ||\n            getContainerWidgetByName(widgetList.value || [], dialogName)) as Widget | null;\n\n        if (dialogCon === null) {\n            message.error(i18nt('render.hint.refNotFound') + dialogName);\n            return;\n        }\n\n        if (!dialogName || dialogCon.type !== 'vf-dialog') {\n            message.error(i18nt('render.hint.refNotFound') + dialogName);\n            return;\n        }\n        const dFormJson = {\n            widgetList: cloneDeep(dialogCon?.widgetList || []),\n            formConfig: cloneFormConfigWithoutEventHandler(topFormRef?.formConfig?.value || {})\n        };\n        const wrapperDivId = getUuidKey();\n        dialogProps.value = {\n            options: dialogCon.options,\n            formJson: dFormJson,\n            formData: { ...formData },\n            optionData: topFormRef.optionData,\n            globalDsv: topFormRef.globalDsv,\n            parentFormRef: context.value,\n            extraData: extraData,\n            wrapperId: wrapperDivId,\n            vfCtx: { ...formData }\n        };\n\n        dynamicDialgRef.value?.show();\n    };\n    /**\n     * 获取父级VFormRender组件实例\n     * @returns {object}\n     */\n    const getParentFormRef = () => {\n        return props.parentForm;\n    };\n\n    const getChildFormRef = () => {\n        return dynamicDialgRef.value?.getFormRef();\n    };\n\n    /**\n     * 字段值变化事件处理器\n     */\n    const fieldChangeEventHandler = () => {\n        emitter.off$('fieldChange');\n        emitter.on$('fieldChange', ({ fieldName, value }) => {\n            // 过滤掉错误值\n            if (typeof fieldName !== 'undefined' && typeof value !== 'undefined') {\n                set(formDataModel.value, fieldName, value);\n            }\n        });\n    };\n\n    const onFormDetail = async () => {\n        const serveList = formConfig.value.serveList;\n        const res = await execHttpFunction(serveList.vformDetail, {\n            vfCtx: props.vfCtx\n        });\n        console.log('res: ', res);\n        return res;\n    };\n\n    const onFormUpdate = async () => {\n        const valid = await formValidator.validate();\n        if (!valid) throw new Error(i18nt('表单验证失败'));\n\n        const serveList = formConfig.value.serveList;\n        const res = await execHttpFunction(serveList.vformUpdate, {\n            data: formDataModel.value,\n            vfCtx: props.vfCtx\n        });\n        console.log('res: ', res);\n        return res;\n    };\n\n    const handleOnMounted = () => {\n        if (formConfig.value?.onFormMounted) {\n            console.log('onFormMounted: ');\n            executeFunction({\n                functionBody: formConfig.value?.onFormMounted\n            });\n        }\n    };\n\n    /**\n     * 插入自定义样式和脚本\n     * @param cssCode CSS代码\n     * @param functions 自定义函数\n     * @param formId 表单ID\n     */\n    const insertCustomCode = () => {\n        const formId = 'vfRender' + generateId();\n        const { cssCode, functions } = formConfig.value;\n        if (cssCode) {\n            insertCustomCssToHead(cssCode, formId || '');\n        }\n        if (functions) {\n            insertGlobalFunctionsToHtml(functions, formId || '');\n        }\n    };\n\n    const reload = () => {\n        const router = context.value?.$router;\n        router?.replace({\n            query: {\n                ...router.currentRoute.value.query,\n                _t: Date.now()\n            }\n        });\n    };\n\n    const goBack = (reloadStatus?: routerReloadStatus, cb?: () => void) => {\n        const goBack = getFormRef().vfCtx?.goBack;\n        if (typeof goBack === 'function') {\n            goBack(reloadStatus, cb);\n        } else {\n            const router = context.value?.$router;\n            router?.go(-1);\n        }\n    };\n\n    onMounted(() => {\n        if (formJson) {\n            setFormJson(formJson);\n        }\n        fieldChangeEventHandler();\n        insertCustomCode();\n    });\n\n    return {\n        i18nt,\n        goBack,\n        reload,\n        formWidgetId,\n        vfCtx: props.vfCtx,\n        getParentFormRef,\n        getFormRef,\n        getWidgetRef,\n        registerToRefList,\n        dialogOrDrawerRef,\n        setDialogOrDrawerRef,\n        showDialog,\n        setFormData,\n        setReadMode,\n        setFormJson,\n        setLoading,\n        onFormDetail,\n        onFormUpdate,\n        emitter,\n        context,\n        getFormData,\n        getChildFormRef,\n        // 状态\n        formJsonObj,\n        formDataModel,\n        isLoading,\n        readModeFlag,\n\n        // 引用\n        widgetRefList,\n\n        formValidator,\n\n        // 计算属性\n        formConfig,\n        widgetList,\n        labelPosition,\n        labelWidth,\n        customClass,\n        dynamicDialgRef,\n        dialogProps,\n\n        setChildFormRef,\n        resetValidation,\n        clearValidate\n    };\n};\n"],"names":["useFormContext","renderForm","props","formJson","dynamicDialgRef","useComRef","DynamicDialog","i18nt","useI18n","readModeFlag","setReadMode","useRef","emitter","useEmitter","formJsonObj","ref","formDataModel","isLoading","widgetRefList","dialogProps","childFormRef","formWidgetId","provide","formConfig","dialogOrDrawerRef","executeFunction","context","execHttpFunction","useExecFunction","getFormRef","getWidgetRef","registerToRefList","useAppRef","computed","_a","widgetList","labelPosition","setChildFormRef","chid","labelWidth","customClass","formValidator","useFormValidation","watchEffect","setFormJson","json","nextTick","handleOnMounted","getFormData","setFormData","data","key","setLoading","loading","resetValidation","clearValidate","setDialogOrDrawerRef","ddRef","getTopFormRef","topFormRef","showDialog","dialogName","formData","extraData","dialogCon","getContainerWidgetByName","message","dFormJson","cloneDeep","cloneFormConfigWithoutEventHandler","wrapperDivId","getUuidKey","_b","getParentFormRef","getChildFormRef","fieldChangeEventHandler","fieldName","value","set","onFormDetail","serveList","res","onFormUpdate","insertCustomCode","formId","generateId","cssCode","functions","insertCustomCssToHead","insertGlobalFunctionsToHtml","reload","router","goBack","reloadStatus","cb","onMounted"],"mappings":"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"}
+{"version":3,"file":"useFormContext.js","sources":["../../../../src/components/FormRender/useFormContext.ts"],"sourcesContent":["import { computed, nextTick, onMounted, provide, ref, watchEffect } from 'vue';\nimport { useFormValidation } from './formValidation';\n\n/**\n * 表单上下文接口\n */\nimport { FormConfig, Widget } from '@/types/schema';\nimport {\n    cloneFormConfigWithoutEventHandler,\n    generateId,\n    getContainerWidgetByName,\n    insertCustomCssToHead,\n    insertGlobalFunctionsToHtml\n} from '@/utils/util';\nimport { cloneDeep, set } from 'lodash-es';\nimport { message } from 'ant-design-vue';\nimport { useI18n } from '@/utils/i18n';\nimport { getUuidKey } from '@kp-ui/tool';\nimport { routerReloadStatus, useComRef, useExecFunction, useRef } from 'tmgc2-share';\nimport DynamicDialog from '../form-render/dynamic-dialog.vue';\nimport { useEmitter } from '@/utils/useEmitter';\nimport { useAppRef } from '../form-designer/useAppRef';\nexport interface FormRenderProps {\n    vfCtx?: Record<string, any>;\n    formJson?: any;\n    formData?: Record<string, any>;\n    optionData?: Record<string, any>;\n    disabledMode?: boolean;\n    renderConfig?: {\n        languageName?: string;\n    };\n    globalDsv?: Record<string, any>;\n    parentForm?: any;\n    dynamicCreation?: boolean;\n    debug?: boolean;\n}\n\n/**\n * 表单上下文配置\n */\nexport interface FormContextOptions {\n    props: FormRenderProps;\n    renderForm: any;\n}\n\n/**\n * 创建表单上下文\n * @param options 表单上下文配置\n * @returns 表单上下文\n */\nexport const useFormContext = ({ renderForm, props }: FormContextOptions) => {\n    const { formJson } = props;\n    const dynamicDialgRef = useComRef(DynamicDialog);\n    const { i18nt } = useI18n();\n    const [readModeFlag, setReadMode] = useRef(false);\n\n    const emitter = useEmitter();\n\n    const formJsonObj = ref();\n    // 状态变量\n    const formDataModel = ref<Record<string, any>>({});\n    const isLoading = ref(false);\n    const widgetRefList = ref<Map<string, any>>(new Map());\n    const dialogProps = ref({});\n    const childFormRef = ref();\n\n    const formWidgetId = Symbol('formWidget');\n\n    // 提供给子组件的数据\n    provide('refList', widgetRefList);\n    provide('formData', formDataModel);\n    provide('getReadMode', () => readModeFlag.value);\n    provide('designState', false); // 设计态标识\n\n    const dialogOrDrawerRef = ref();\n\n    const { executeFunction, context, execHttpFunction } = useExecFunction();\n    const { getFormRef, getWidgetRef, registerToRefList } = useAppRef(widgetRefList, formWidgetId);\n\n    // 计算属性\n    const formConfig = computed<FormConfig>(() => formJsonObj.value?.formConfig || {});\n\n    provide('formConfig', formConfig);\n    provide('formWidgetId', formWidgetId);\n\n    const widgetList = computed(() => formJsonObj.value?.widgetList || []);\n    const labelPosition = computed(() => {\n        return formConfig.value?.labelPosition || 'horizontal';\n    });\n\n    const setChildFormRef = chid => {\n        childFormRef.value = chid;\n    };\n\n    const labelWidth = computed(() => {\n        return formConfig.value?.labelWidth ? `${formConfig.value.labelWidth}px` : '80px';\n    });\n\n    const customClass = computed(() => {\n        return formConfig.value?.customClass || '';\n    });\n\n    // 初始化表单验证器\n    let formValidator = useFormValidation(renderForm, widgetList.value || []);\n\n    // 监听 widgetList 变化，重新初始化验证器\n    watchEffect(() => {\n        formValidator = useFormValidation(renderForm, widgetList.value || []);\n    });\n\n    /**\n     * 设置表单JSON数据\n     */\n    const setFormJson = async (json: any) => {\n        console.log({ json });\n\n        formJsonObj.value = json || { widgetList: [], formConfig: {} };\n        // 重新构建表单数据模型\n        formDataModel.value = {};\n        insertCustomCode();\n        await nextTick();\n        handleOnMounted();\n    };\n\n    /**\n     * 获取表单数据\n     */\n    const getFormData = () => {\n        return formDataModel.value || {};\n    };\n\n    /**\n     * 设置表单数据\n     */\n    const setFormData = (data: Record<string, any>) => {\n        if (!data) return;\n        // 更新表单数据模型\n        Object.keys(data).forEach(key => {\n            if (Object.prototype.hasOwnProperty.call(formDataModel.value, key)) {\n                formDataModel.value[key] = data[key];\n            }\n        });\n    };\n\n    /**\n     * 设置加载状态\n     */\n    const setLoading = (loading: boolean) => {\n        isLoading.value = loading;\n    };\n\n    /**\n     * 重置表单验证\n     */\n    const resetValidation = () => {\n        formValidator.resetValidation();\n    };\n\n    /**\n     * 清除表单验证\n     */\n    const clearValidate = () => {\n        formValidator.clearValidate();\n    };\n\n    const setDialogOrDrawerRef = (ddRef: any) => {\n        dialogOrDrawerRef.value = ddRef;\n    };\n\n    /**\n     * 当显示多级嵌套弹窗或抽屉时，获取最顶层VFormRender组件实例\n     * @returns {object}\n     */\n    const getTopFormRef = () => {\n        if (!props.parentForm) {\n            return getFormRef();\n        }\n\n        let topFormRef = props.parentForm;\n        while (topFormRef.parentForm) {\n            topFormRef = topFormRef.parentForm;\n        }\n\n        return topFormRef;\n    };\n\n    /**\n     * 显示弹窗表单，动态创建v-form-render组件，option-data、global-dsv等属性继承父级表单\n     * @param dialogName\n     * @param formData\n     * @param extraData\n     */\n    const showDialog = (dialogName, formData = {}, extraData = {}) => {\n        const topFormRef = getTopFormRef();\n        const dialogCon = (getContainerWidgetByName(topFormRef?.widgetList || [], dialogName) ||\n            getContainerWidgetByName(widgetList.value || [], dialogName)) as Widget | null;\n\n        if (dialogCon === null) {\n            message.error(i18nt('render.hint.refNotFound') + dialogName);\n            return;\n        }\n\n        if (!dialogName || dialogCon.type !== 'vf-dialog') {\n            message.error(i18nt('render.hint.refNotFound') + dialogName);\n            return;\n        }\n        const dFormJson = {\n            widgetList: cloneDeep(dialogCon?.widgetList || []),\n            formConfig: cloneFormConfigWithoutEventHandler(topFormRef?.formConfig?.value || {})\n        };\n        const wrapperDivId = getUuidKey();\n        dialogProps.value = {\n            options: dialogCon.options,\n            formJson: dFormJson,\n            formData: { ...formData },\n            optionData: topFormRef.optionData,\n            globalDsv: topFormRef.globalDsv,\n            parentFormRef: context.value,\n            extraData: extraData,\n            wrapperId: wrapperDivId,\n            vfCtx: { ...formData }\n        };\n\n        dynamicDialgRef.value?.show();\n    };\n    /**\n     * 获取父级VFormRender组件实例\n     * @returns {object}\n     */\n    const getParentFormRef = () => {\n        return props.parentForm;\n    };\n\n    const getChildFormRef = () => {\n        return dynamicDialgRef.value?.getFormRef();\n    };\n\n    /**\n     * 字段值变化事件处理器\n     */\n    const fieldChangeEventHandler = () => {\n        emitter.off$('fieldChange');\n        emitter.on$('fieldChange', ({ fieldName, value }) => {\n            // 过滤掉错误值\n            if (typeof fieldName !== 'undefined' && typeof value !== 'undefined') {\n                set(formDataModel.value, fieldName, value);\n            }\n        });\n    };\n\n    const onFormDetail = async () => {\n        const serveList = formConfig.value.serveList;\n        const res = await execHttpFunction(serveList.vformDetail, {\n            vfCtx: props.vfCtx\n        });\n        console.log('res: ', res);\n        return res;\n    };\n\n    const onFormUpdate = async () => {\n        const valid = await formValidator.validate();\n        if (!valid) throw new Error(i18nt('表单验证失败'));\n\n        const serveList = formConfig.value.serveList;\n        const res = await execHttpFunction(serveList.vformUpdate, {\n            data: formDataModel.value,\n            vfCtx: props.vfCtx\n        });\n        console.log('res: ', res);\n        return res;\n    };\n\n    const handleOnMounted = () => {\n        if (formConfig.value?.onFormMounted) {\n            console.log('onFormMounted: ');\n            executeFunction({\n                functionBody: formConfig.value?.onFormMounted\n            });\n        }\n    };\n\n    /**\n     * 插入自定义样式和脚本\n     * @param cssCode CSS代码\n     * @param functions 自定义函数\n     * @param formId 表单ID\n     */\n    const insertCustomCode = () => {\n        const formId = 'vfRender' + generateId();\n        const { cssCode, functions } = formConfig.value;\n        console.log({ cssCode });\n\n        if (cssCode) {\n            insertCustomCssToHead(cssCode, formId || '');\n        }\n        if (functions) {\n            insertGlobalFunctionsToHtml(functions, formId || '');\n        }\n    };\n\n    const reload = () => {\n        const router = context.value?.$router;\n        router?.replace({\n            query: {\n                ...router.currentRoute.value.query,\n                _t: Date.now()\n            }\n        });\n    };\n\n    const goBack = (reloadStatus?: routerReloadStatus, cb?: () => void) => {\n        const goBack = getFormRef().vfCtx?.goBack;\n        if (typeof goBack === 'function') {\n            goBack(reloadStatus, cb);\n        } else {\n            const router = context.value?.$router;\n            router?.go(-1);\n        }\n    };\n\n    onMounted(() => {\n        if (formJson) {\n            setFormJson(formJson);\n        }\n        fieldChangeEventHandler();\n    });\n\n    return {\n        i18nt,\n        goBack,\n        reload,\n        formWidgetId,\n        vfCtx: props.vfCtx,\n        getParentFormRef,\n        getFormRef,\n        getWidgetRef,\n        registerToRefList,\n        dialogOrDrawerRef,\n        setDialogOrDrawerRef,\n        showDialog,\n        setFormData,\n        setReadMode,\n        setFormJson,\n        setLoading,\n        onFormDetail,\n        onFormUpdate,\n        emitter,\n        context,\n        getFormData,\n        getChildFormRef,\n        // 状态\n        formJsonObj,\n        formDataModel,\n        isLoading,\n        readModeFlag,\n\n        // 引用\n        widgetRefList,\n\n        formValidator,\n\n        // 计算属性\n        formConfig,\n        widgetList,\n        labelPosition,\n        labelWidth,\n        customClass,\n        dynamicDialgRef,\n        dialogProps,\n\n        setChildFormRef,\n        resetValidation,\n        clearValidate\n    };\n};\n"],"names":["useFormContext","renderForm","props","formJson","dynamicDialgRef","useComRef","DynamicDialog","i18nt","useI18n","readModeFlag","setReadMode","useRef","emitter","useEmitter","formJsonObj","ref","formDataModel","isLoading","widgetRefList","dialogProps","childFormRef","formWidgetId","provide","dialogOrDrawerRef","executeFunction","context","execHttpFunction","useExecFunction","getFormRef","getWidgetRef","registerToRefList","useAppRef","formConfig","computed","_a","widgetList","labelPosition","setChildFormRef","chid","labelWidth","customClass","formValidator","useFormValidation","watchEffect","setFormJson","json","insertCustomCode","nextTick","handleOnMounted","getFormData","setFormData","data","key","setLoading","loading","resetValidation","clearValidate","setDialogOrDrawerRef","ddRef","getTopFormRef","topFormRef","showDialog","dialogName","formData","extraData","dialogCon","getContainerWidgetByName","message","dFormJson","cloneDeep","cloneFormConfigWithoutEventHandler","wrapperDivId","getUuidKey","_b","getParentFormRef","getChildFormRef","fieldChangeEventHandler","fieldName","value","set","onFormDetail","serveList","res","onFormUpdate","formId","generateId","cssCode","functions","insertCustomCssToHead","insertGlobalFunctionsToHtml","reload","router","goBack","reloadStatus","cb","onMounted"],"mappings":";;;;;;;;;;;;AAkDO,MAAMA,KAAiB,CAAC,EAAE,YAAAC,GAAY,OAAAC,QAAgC;AACzE,QAAM,EAAE,UAAAC,MAAaD,GACfE,IAAkBC,GAAUC,EAAa,GACzC,EAAE,OAAAC,EAAA,IAAUC,GAAA,GACZ,CAACC,GAAcC,CAAW,IAAIC,GAAO,EAAK,GAE1CC,IAAUC,GAAA,GAEVC,IAAcC,EAAA,GAEdC,IAAgBD,EAAyB,EAAE,GAC3CE,IAAYF,EAAI,EAAK,GACrBG,IAAgBH,EAAsB,oBAAI,KAAK,GAC/CI,IAAcJ,EAAI,EAAE,GACpBK,IAAeL,EAAA,GAEfM,IAAe,OAAO,YAAY;AAGxC,EAAAC,EAAQ,WAAWJ,CAAa,GAChCI,EAAQ,YAAYN,CAAa,GACjCM,EAAQ,eAAe,MAAMb,EAAa,KAAK,GAC/Ca,EAAQ,eAAe,EAAK;AAE5B,QAAMC,IAAoBR,EAAA,GAEpB,EAAE,iBAAAS,GAAiB,SAAAC,GAAS,kBAAAC,EAAA,IAAqBC,GAAA,GACjD,EAAE,YAAAC,GAAY,cAAAC,GAAc,mBAAAC,MAAsBC,GAAUb,GAAeG,CAAY,GAGvFW,IAAaC,EAAqB,MAAA;;AAAM,aAAAC,IAAApB,EAAY,UAAZ,gBAAAoB,EAAmB,eAAc;GAAE;AAEjF,EAAAZ,EAAQ,cAAcU,CAAU,GAChCV,EAAQ,gBAAgBD,CAAY;AAEpC,QAAMc,IAAaF,EAAS,MAAA;;AAAM,aAAAC,IAAApB,EAAY,UAAZ,gBAAAoB,EAAmB,eAAc;GAAE,GAC/DE,IAAgBH,EAAS,MAAM;;AACjC,aAAOC,IAAAF,EAAW,UAAX,gBAAAE,EAAkB,kBAAiB;AAAA,EAC9C,CAAC,GAEKG,IAAkB,CAAAC,MAAQ;AAC5B,IAAAlB,EAAa,QAAQkB;AAAA,EACzB,GAEMC,IAAaN,EAAS,MAAM;;AAC9B,YAAOC,IAAAF,EAAW,UAAX,QAAAE,EAAkB,aAAa,GAAGF,EAAW,MAAM,UAAU,OAAO;AAAA,EAC/E,CAAC,GAEKQ,IAAcP,EAAS,MAAM;;AAC/B,aAAOC,IAAAF,EAAW,UAAX,gBAAAE,EAAkB,gBAAe;AAAA,EAC5C,CAAC;AAGD,MAAIO,IAAgBC,EAAkBzC,GAAYkC,EAAW,SAAS,CAAA,CAAE;AAGxE,EAAAQ,GAAY,MAAM;AACd,IAAAF,IAAgBC,EAAkBzC,GAAYkC,EAAW,SAAS,CAAA,CAAE;AAAA,EACxE,CAAC;AAKD,QAAMS,IAAc,OAAOC,MAAc;AACrC,YAAQ,IAAI,EAAE,MAAAA,GAAM,GAEpB/B,EAAY,QAAQ+B,KAAQ,EAAE,YAAY,CAAA,GAAI,YAAY,GAAC,GAE3D7B,EAAc,QAAQ,CAAA,GACtB8B,GAAA,GACA,MAAMC,GAAA,GACNC,GAAA;AAAA,EACJ,GAKMC,IAAc,MACTjC,EAAc,SAAS,CAAA,GAM5BkC,IAAc,CAACC,MAA8B;AAC/C,IAAKA,KAEL,OAAO,KAAKA,CAAI,EAAE,QAAQ,CAAAC,MAAO;AAC7B,MAAI,OAAO,UAAU,eAAe,KAAKpC,EAAc,OAAOoC,CAAG,MAC7DpC,EAAc,MAAMoC,CAAG,IAAID,EAAKC,CAAG;AAAA,IAE3C,CAAC;AAAA,EACL,GAKMC,IAAa,CAACC,MAAqB;AACrC,IAAArC,EAAU,QAAQqC;AAAA,EACtB,GAKMC,IAAkB,MAAM;AAC1B,IAAAd,EAAc,gBAAA;AAAA,EAClB,GAKMe,IAAgB,MAAM;AACxB,IAAAf,EAAc,cAAA;AAAA,EAClB,GAEMgB,IAAuB,CAACC,MAAe;AACzC,IAAAnC,EAAkB,QAAQmC;AAAA,EAC9B,GAMMC,IAAgB,MAAM;AACxB,QAAI,CAACzD,EAAM;AACP,aAAO0B,EAAA;AAGX,QAAIgC,IAAa1D,EAAM;AACvB,WAAO0D,EAAW;AACd,MAAAA,IAAaA,EAAW;AAG5B,WAAOA;AAAA,EACX,GAQMC,IAAa,CAACC,GAAYC,IAAW,CAAA,GAAIC,IAAY,OAAO;;AAC9D,UAAMJ,IAAaD,EAAA,GACbM,IAAaC,GAAyBN,KAAA,gBAAAA,EAAY,eAAc,CAAA,GAAIE,CAAU,KAChFI,EAAyB/B,EAAW,SAAS,CAAA,GAAI2B,CAAU;AAE/D,QAAIG,MAAc,MAAM;AACpB,MAAAE,EAAQ,MAAM5D,EAAM,yBAAyB,IAAIuD,CAAU;AAC3D;AAAA,IACJ;AAEA,QAAI,CAACA,KAAcG,EAAU,SAAS,aAAa;AAC/C,MAAAE,EAAQ,MAAM5D,EAAM,yBAAyB,IAAIuD,CAAU;AAC3D;AAAA,IACJ;AACA,UAAMM,IAAY;AAAA,MACd,YAAYC,IAAUJ,KAAA,gBAAAA,EAAW,eAAc,CAAA,CAAE;AAAA,MACjD,YAAYK,KAAmCpC,IAAA0B,KAAA,gBAAAA,EAAY,eAAZ,gBAAA1B,EAAwB,UAAS,CAAA,CAAE;AAAA,IAAA,GAEhFqC,KAAeC,GAAA;AACrB,IAAArD,EAAY,QAAQ;AAAA,MAChB,SAAS8C,EAAU;AAAA,MACnB,UAAUG;AAAA,MACV,UAAU,EAAE,GAAGL,EAAA;AAAA,MACf,YAAYH,EAAW;AAAA,MACvB,WAAWA,EAAW;AAAA,MACtB,eAAenC,EAAQ;AAAA,MACvB,WAAAuC;AAAA,MACA,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGR,EAAA;AAAA,IAAS,IAGzBU,IAAArE,EAAgB,UAAhB,QAAAqE,EAAuB;AAAA,EAC3B,GAKMC,IAAmB,MACdxE,EAAM,YAGXyE,IAAkB,MAAM;;AAC1B,YAAOzC,IAAA9B,EAAgB,UAAhB,gBAAA8B,EAAuB;AAAA,EAClC,GAKM0C,KAA0B,MAAM;AAClC,IAAAhE,EAAQ,KAAK,aAAa,GAC1BA,EAAQ,IAAI,eAAe,CAAC,EAAE,WAAAiE,GAAW,OAAAC,QAAY;AAEjD,MAAI,OAAOD,IAAc,OAAe,OAAOC,IAAU,OACrDC,GAAI/D,EAAc,OAAO6D,GAAWC,CAAK;AAAA,IAEjD,CAAC;AAAA,EACL,GAEME,KAAe,YAAY;AAC7B,UAAMC,IAAYjD,EAAW,MAAM,WAC7BkD,IAAM,MAAMxD,EAAiBuD,EAAU,aAAa;AAAA,MACtD,OAAO/E,EAAM;AAAA,IAAA,CAChB;AACD,mBAAQ,IAAI,SAASgF,CAAG,GACjBA;AAAA,EACX,GAEMC,KAAe,YAAY;AAE7B,QAAI,CADU,MAAM1C,EAAc,SAAA,EACtB,OAAM,IAAI,MAAMlC,EAAM,QAAQ,CAAC;AAE3C,UAAM0E,IAAYjD,EAAW,MAAM,WAC7BkD,IAAM,MAAMxD,EAAiBuD,EAAU,aAAa;AAAA,MACtD,MAAMjE,EAAc;AAAA,MACpB,OAAOd,EAAM;AAAA,IAAA,CAChB;AACD,mBAAQ,IAAI,SAASgF,CAAG,GACjBA;AAAA,EACX,GAEMlC,KAAkB,MAAM;;AAC1B,KAAId,IAAAF,EAAW,UAAX,QAAAE,EAAkB,kBAClB,QAAQ,IAAI,iBAAiB,GAC7BV,EAAgB;AAAA,MACZ,eAAciD,IAAAzC,EAAW,UAAX,gBAAAyC,EAAkB;AAAA,IAAA,CACnC;AAAA,EAET,GAQM3B,KAAmB,MAAM;AAC3B,UAAMsC,IAAS,aAAaC,GAAA,GACtB,EAAE,SAAAC,GAAS,WAAAC,EAAA,IAAcvD,EAAW;AAC1C,YAAQ,IAAI,EAAE,SAAAsD,GAAS,GAEnBA,KACAE,GAAsBF,GAASF,KAAU,EAAE,GAE3CG,KACAE,GAA4BF,GAAWH,KAAU,EAAE;AAAA,EAE3D,GAEMM,KAAS,MAAM;;AACjB,UAAMC,KAASzD,IAAAT,EAAQ,UAAR,gBAAAS,EAAe;AAC9B,IAAAyD,KAAA,QAAAA,EAAQ,QAAQ;AAAA,MACZ,OAAO;AAAA,QACH,GAAGA,EAAO,aAAa,MAAM;AAAA,QAC7B,IAAI,KAAK,IAAA;AAAA,MAAI;AAAA,IACjB;AAAA,EAER,GAEMC,KAAS,CAACC,GAAmCC,MAAoB;;AACnE,UAAMF,KAAS1D,IAAAN,IAAa,UAAb,gBAAAM,EAAoB;AACnC,QAAI,OAAO0D,KAAW;AAClBA,MAAAA,EAAOC,GAAcC,CAAE;AAAA,SACpB;AACH,YAAMH,KAASlB,IAAAhD,EAAQ,UAAR,gBAAAgD,EAAe;AAC9B,MAAAkB,KAAA,QAAAA,EAAQ,GAAG;AAAA,IACf;AAAA,EACJ;AAEA,SAAAI,GAAU,MAAM;AACZ,IAAI5F,KACAyC,EAAYzC,CAAQ,GAExByE,GAAA;AAAA,EACJ,CAAC,GAEM;AAAA,IACH,OAAArE;AAAA,IACA,QAAAqF;AAAA,IACA,QAAAF;AAAA,IACA,cAAArE;AAAA,IACA,OAAOnB,EAAM;AAAA,IACb,kBAAAwE;AAAA,IACA,YAAA9C;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAP;AAAA,IACA,sBAAAkC;AAAA,IACA,YAAAI;AAAA,IACA,aAAAX;AAAA,IACA,aAAAxC;AAAA,IACA,aAAAkC;AAAA,IACA,YAAAS;AAAA,IACA,cAAA2B;AAAA,IACA,cAAAG;AAAA,IACA,SAAAvE;AAAA,IACA,SAAAa;AAAA,IACA,aAAAwB;AAAA,IACA,iBAAA0B;AAAA;AAAA,IAEA,aAAA7D;AAAA,IACA,eAAAE;AAAA,IACA,WAAAC;AAAA,IACA,cAAAR;AAAA;AAAA,IAGA,eAAAS;AAAA,IAEA,eAAAuB;AAAA;AAAA,IAGA,YAAAT;AAAA,IACA,YAAAG;AAAA,IACA,eAAAC;AAAA,IACA,YAAAG;AAAA,IACA,aAAAC;AAAA,IACA,iBAAApC;AAAA,IACA,aAAAe;AAAA,IAEA,iBAAAkB;AAAA,IACA,iBAAAkB;AAAA,IACA,eAAAC;AAAA,EAAA;AAER;"}

package/src/components/bi-widget/echartBar/echart-bar-widget.vue.js

@@ -0,0 +1,8 @@
+import t from "./echart-bar-widget.vue2.js";
+/* empty css                       */
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-1b33e205"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=echart-bar-widget.vue.js.map

package/src/components/bi-widget/echartBar/echart-bar-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echart-bar-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/src/components/bi-widget/echartBar/echart-bar-widget.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as i, computed as n, createBlock as p, openBlock as d, unref as c } from "vue";
+import u from "../../../../node_modules/.pnpm/vue-echarts@8.0.1_echarts@5.6.0_vue@3.5.17_typescript@5.8.2_/node_modules/vue-echarts/dist/index.js";
+import "../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/index.js";
+const x = /* @__PURE__ */ i({
+  __name: "echart-bar-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(o) {
+    const r = o, a = n(() => {
+      const { xAxisData: t, seriesData: e, barWidth: s } = r.widget.options;
+      return {
+        xAxis: {
+          data: t || []
+        },
+        yAxis: {},
+        series: [
+          {
+            name: "sales",
+            type: "bar",
+            data: e || [],
+            barWidth: s || void 0
+          }
+        ]
+      };
+    });
+    return (t, e) => (d(), p(c(u), {
+      class: "chart",
+      option: a.value,
+      autoresize: ""
+    }, null, 8, ["option"]));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=echart-bar-widget.vue2.js.map

package/src/components/bi-widget/echartBar/echart-bar-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echart-bar-widget.vue2.js","sources":["../../../../../src/components/bi-widget/echartBar/echart-bar-widget.vue"],"sourcesContent":["<template>\n    <VChart class=\"chart\" :option=\"option\" autoresize />\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import VChart from 'vue-echarts';\n    // import { use } from 'echarts/core';\n    // import { BarChart } from 'echarts/charts';\n    // import { SVGRenderer } from 'echarts/renderers';\n    // import { DatasetComponent, GridComponent, TransformComponent } from 'echarts/components';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import 'echarts';\n\n    // use([BarChart, SVGRenderer, GridComponent, DatasetComponent, TransformComponent]);\n\n    const props = defineProps<WidgetProps>();\n\n    const option = computed(() => {\n        const { xAxisData, seriesData, barWidth } = props.widget.options;\n        return {\n            xAxis: {\n                data: xAxisData || []\n            },\n            yAxis: {},\n            series: [\n                {\n                    name: 'sales',\n                    type: 'bar',\n                    data: seriesData || [],\n                    barWidth: barWidth || undefined\n                }\n            ]\n        };\n    });\n</script>\n\n<style scoped>\n    .echart-bar-widget {\n        width: 100%;\n        height: 100%;\n    }\n    .chart {\n        height: 100%;\n        width: 100%;\n    }\n</style>\n"],"names":["props","__props","option","computed","xAxisData","seriesData","barWidth","_createBlock","_unref","VChart"],"mappings":";;;;;;;;;;;;;;;AAgBI,UAAMA,IAAQC,GAERC,IAASC,EAAS,MAAM;AAC1B,YAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaN,EAAM,OAAO;AACzD,aAAO;AAAA,QACH,OAAO;AAAA,UACH,MAAMI,KAAa,CAAA;AAAA,QAAC;AAAA,QAExB,OAAO,CAAA;AAAA,QACP,QAAQ;AAAA,UACJ;AAAA,YACI,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAMC,KAAc,CAAA;AAAA,YACpB,UAAUC,KAAY;AAAA,UAAA;AAAA,QAC1B;AAAA,MACJ;AAAA,IAER,CAAC;2BAjCDC,EAAoDC,EAAAC,CAAA,GAAA;AAAA,MAA5C,OAAM;AAAA,MAAS,QAAQP,EAAA;AAAA,MAAQ,YAAA;AAAA,IAAA;;;"}

package/src/components/bi-widget/echartBar/echart-bar.js

@@ -0,0 +1,35 @@
+import { BIWidgetTypeEnum as a } from "../../../constants/WidgetTypeEnum.js";
+const e = {
+  type: a.echartBar,
+  category: "bi",
+  icon: "data-table",
+  options: {
+    name: "",
+    label: "echart-bar",
+    hidden: !1,
+    width: 300,
+    height: 200,
+    left: 0,
+    top: 0,
+    zIndex: 1,
+    customClass: [],
+    dataSource: [],
+    http: {
+      url: "",
+      method: "get",
+      data: {},
+      params: {}
+    },
+    dataReqHandlerCode: "",
+    dataHandlerCode: "",
+    echartBar: {
+      xAxisData: ["shirt", "cardigan", "chiffon", "pants", "heels", "socks"],
+      seriesData: [5, 20, 36, 10, 10, 20],
+      barWidth: ""
+    }
+  }
+};
+export {
+  e as echartBar
+};
+//# sourceMappingURL=echart-bar.js.map

package/src/components/bi-widget/echartBar/echart-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echart-bar.js","sources":["../../../../../src/components/bi-widget/echartBar/echart-bar.ts"],"sourcesContent":["import { BIWidgetTypeEnum } from '@/constants/WidgetTypeEnum';\nimport { BiWidgetOptions, Widget } from '@/types/schema';\n\nexport interface EchartBarOptions extends BiWidgetOptions {\n    echartBar: {\n        xAxisData: string[];\n        seriesData: number[];\n        barWidth: string;\n    };\n}\n\nexport interface EchartBarWidget extends Widget<EchartBarOptions> {}\n\nexport const echartBar: EchartBarWidget = {\n    type: BIWidgetTypeEnum.echartBar,\n    category: 'bi',\n    icon: 'data-table',\n    options: {\n        name: '',\n        label: 'echart-bar',\n        hidden: false,\n        width: 300,\n        height: 200,\n        left: 0,\n        top: 0,\n        zIndex: 1,\n        customClass: [],\n        dataSource: [],\n        http: {\n            url: '',\n            method: 'get',\n            data: {},\n            params: {}\n        },\n        dataReqHandlerCode: '',\n        dataHandlerCode: '',\n\n        echartBar: {\n            xAxisData: ['shirt', 'cardigan', 'chiffon', 'pants', 'heels', 'socks'],\n            seriesData: [5, 20, 36, 10, 10, 20],\n            barWidth: ''\n        }\n    }\n};\n"],"names":["echartBar","BIWidgetTypeEnum"],"mappings":";AAaO,MAAMA,IAA6B;AAAA,EACtC,MAAMC,EAAiB;AAAA,EACvB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,CAAA;AAAA,IACb,YAAY,CAAA;AAAA,IACZ,MAAM;AAAA,MACF,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAA;AAAA,MACN,QAAQ,CAAA;AAAA,IAAC;AAAA,IAEb,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IAEjB,WAAW;AAAA,MACP,WAAW,CAAC,SAAS,YAAY,WAAW,SAAS,SAAS,OAAO;AAAA,MACrE,YAAY,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAClC,UAAU;AAAA,IAAA;AAAA,EACd;AAER;"}

package/src/components/bi-widget/index.js

@@ -0,0 +1,13 @@
+import { BIWidgetTypeEnum as o } from "../../constants/WidgetTypeEnum.js";
+import { defineAsyncComponent as t } from "vue";
+import { echartBar as r } from "./echartBar/echart-bar.js";
+const n = {
+  [o.echartBar]: t(
+    () => import("./echartBar/echart-bar-widget.vue.js")
+  )
+}, p = [r];
+export {
+  p as BiWidgetConfigs,
+  n as BiWidgets
+};
+//# sourceMappingURL=index.js.map

package/src/components/bi-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/bi-widget/index.ts"],"sourcesContent":["import { BIWidgetTypeEnum } from '@/constants/WidgetTypeEnum';\nimport { defineAsyncComponent } from 'vue';\nimport { echartBar } from './echartBar/echart-bar';\n\nexport const BiWidgets = {\n    [BIWidgetTypeEnum.echartBar]: defineAsyncComponent(\n        () => import('./echartBar/echart-bar-widget.vue')\n    )\n};\n\nexport const BiWidgetConfigs = [echartBar];\n"],"names":["BiWidgets","BIWidgetTypeEnum","defineAsyncComponent","BiWidgetConfigs","echartBar"],"mappings":";;;AAIO,MAAMA,IAAY;AAAA,EACrB,CAACC,EAAiB,SAAS,GAAGC;AAAA,IAC1B,MAAM,OAAO,sCAAmC;AAAA,EAAA;AAExD,GAEaC,IAAkB,CAACC,CAAS;"}

package/src/components/{form-designer/designer.js → designer.js}

@@ -1,37 +1,35 @@
 var D = Object.defineProperty;
-var b = (h, t, e) => t in h ? D(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var d = (h, t, e) => b(h, typeof t != "symbol" ? t + "" : t, e);
-import { deepClone as o, getDefaultFormConfig as c, overwriteObj as p, generateId as l } from "../../utils/util.js";
-import { containers as y, basicFields as f, advancedFields as m, customFields as C } from "./widget-panel/widgetsConfig.js";
-import u from "../../utils/event-bus.js";
+var b = (d, t, e) => t in d ? D(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
+var a = (d, t, e) => b(d, typeof t != "symbol" ? t + "" : t, e);
+import { deepClone as o, getDefaultFormConfig as c, generateId as g, overwriteObj as p } from "../utils/util.js";
+import { containers as y, basicFields as f, advancedFields as u, customFields as m } from "./form-designer/widget-panel/widgetsConfig.js";
+import C from "../utils/event-bus.js";
+import { LayoutTypeEnum as W } from "../constants/LayoutTypeEnum.js";
 class T {
   constructor(t) {
-    d(this, "widgetList", []);
-    d(this, "formConfig");
-    d(this, "selectedId", null);
-    d(this, "selectedWidget", null);
-    d(this, "selectedWidgetName", null);
-    d(this, "vueInstance");
-    d(this, "formWidget", null);
-    d(this, "cssClassList", []);
-    d(this, "historyData", {
+    a(this, "widgetList", []);
+    a(this, "formConfig");
+    a(this, "selectedId", null);
+    a(this, "selectedWidget", null);
+    a(this, "selectedWidgetName", null);
+    a(this, "vueInstance");
+    a(this, "cssClassList", []);
+    a(this, "layoutType", "PC");
+    a(this, "historyData", {
       index: -1,
       maxStep: 20,
       steps: []
     });
-    this.vueInstance = t, this.formConfig = o(c()), this.formConfig.layoutType || (this.formConfig.layoutType = "PC");
+    this.vueInstance = t, this.widgetList = [], this.formConfig = o(c()), this.formConfig.layoutType || (this.formConfig.layoutType = "PC");
   }
-  checkFieldMove(t) {
-    throw new Error("Method not implemented.");
+  generateWidgetId(t) {
+    return t.type.replace(/-/g, "") + g();
   }
   emitEvent(t, e) {
-    u.$emit(t, e);
+    C.$emit(t, e);
   }
   handleEvent(t, e) {
-    u.$on(t, (i) => e(i));
-  }
-  initDesigner(t) {
-    this.widgetList = [], this.formConfig = o(c()), t || this.initHistoryData();
+    C.$on(t, (i) => e(i));
   }
   clearDesigner(t) {
     const e = this.widgetList.length === 0;
@@ -44,7 +42,7 @@ class T {
     return this.formConfig.layoutType || "PC";
   }
   changeLayoutType(t) {
-    this.formConfig.layoutType = t;
+    this.formConfig.layoutType = t, this.layoutType = t;
   }
   getImportTemplate() {
     return {
@@ -70,10 +68,10 @@ class T {
     this.selectedId = null, this.selectedWidgetName = null, this.selectedWidget = null;
   }
   checkWidgetMove(t) {
-    var g;
-    if (!((g = t.draggedContext) != null && g.element) || !t.to)
+    var h;
+    if (!((h = t.draggedContext) != null && h.element) || !t.to)
       return !0;
-    const { category: e, type: i } = t.draggedContext.element, s = String(i), n = t.to.className, a = s === "vf-dialog" || s === "vf-drawer", r = [
+    const { category: e, type: i } = t.draggedContext.element, s = String(i), n = t.to.className, r = s === "vf-dialog" || s === "vf-drawer", l = [
       // 子表单表格不允许容器类组件
       {
         condition: n === "sub-form-table" && e === "container",
@@ -86,32 +84,32 @@ class T {
       },
       // 对话框和抽屉的放置限制
       {
-        condition: n === "vf-dialog-drop-zone" && a,
+        condition: n === "vf-dialog-drop-zone" && r,
         reason: "对话框放置区不允许嵌套对话框或抽屉"
       },
       {
-        condition: n === "vf-drawer-drop-zone" && a,
+        condition: n === "vf-drawer-drop-zone" && r,
         reason: "抽屉放置区不允许嵌套对话框或抽屉"
       },
       {
-        condition: n !== "form-widget-canvas" && a,
+        condition: n !== "form-widget-canvas" && r,
         reason: "对话框和抽屉只能拖入表单画布"
       }
     ];
-    for (const w of r)
+    for (const w of l)
       if (w.condition)
         return !1;
     return !0;
   }
   getContainerByType(t) {
-    const e = [...y, ...f, ...m, ...C];
+    const e = [...y, ...f, ...u, ...m];
     let i = null;
     return e.forEach((s) => {
       s.category && s.type && s.type === t && (i = s);
     }), i;
   }
   getFieldWidgetByType(t) {
-    const e = [...y, ...f, ...m, ...C];
+    const e = [...y, ...f, ...u, ...m];
     let i = null;
     return e.forEach((s) => {
       !s.category && s.type && s.type === t && (i = s);
@@ -135,25 +133,17 @@ class T {
   cloneGridCol(t, e) {
     const i = o(this.getContainerByType("grid-col"));
     i.options.span = t.options.span;
-    const s = l();
+    const s = g();
     i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e.cols && e.cols.push(i);
   }
   cloneContainer(t) {
-    var e, i;
+    var e;
     if (t.type === "grid") {
-      const s = o(this.getContainerByType("grid"));
-      return s.id = s.type + l(), s.options.name = s.id, (e = t.cols) == null || e.forEach((n) => {
-        const a = o(this.getContainerByType("grid-col")), r = l();
-        a.id = "grid-col-" + r, a.options.name = "gridCol" + r, a.options.span = n.options.span, s.cols.push(a);
-      }), s;
-    } else if (t.type === "table") {
-      const s = o(this.getContainerByType("table"));
-      return s.id = s.type + l(), s.options.name = s.id, (i = t.rows) == null || i.forEach((n) => {
-        const a = o(n);
-        a.id = "table-row-" + l(), a.cols.forEach((r) => {
-          r.id = "table-cell-" + l(), r.options.name = r.id, r.widgetList = [];
-        }), s.rows.push(a);
-      }), s;
+      const i = o(this.getContainerByType("grid"));
+      return i.id = i.type + g(), i.options.name = i.id, (e = t.cols) == null || e.forEach((s) => {
+        const n = o(this.getContainerByType("grid-col")), r = g();
+        n.id = "grid-col-" + r, n.options.name = "gridCol" + r, n.options.span = s.options.span, i.cols.push(n);
+      }), i;
     } else
       return null;
   }
@@ -181,56 +171,64 @@ class T {
       t.splice(e, 1), t.splice(e + 1, 0, i);
     }
   }
+  copyWidget(t) {
+    return t.category === "bi" ? this.copyBiWidget(t) : t.category === "container" ? this.copyNewContainerWidget(t) : this.copyNewFieldWidget(t);
+  }
   copyNewFieldWidget(t) {
-    const e = o(t), i = l();
-    return e.id = e.type.replace(/-/g, "") + i, e.options.name = e.id, e.options.label = e.options.label || e.type.toLowerCase(), delete e.displayName, e;
+    const e = o(t), i = this.generateWidgetId(e);
+    return e.id = i, e.options.name = i, e.options.label = e.options.label || e.type.toLowerCase(), e;
   }
   copyNewContainerWidget(t) {
-    const e = o(t);
-    if (e.id = e.type.replace(/-/g, "") + l(), e.options.name = e.id, e.type === "grid") {
-      let i = o(this.getContainerByType("grid-col")), s = l();
-      i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e.cols = e.cols || [], e.cols.push(i), i = o(i), s = l(), i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e.cols.push(i);
+    const e = o(t), i = this.generateWidgetId(e);
+    if (e.id = i, e.options.name = i, e.type === "grid") {
+      let s = o(this.getContainerByType("grid-col")), n = this.generateWidgetId(s);
+      s.id = n, s.options.name = n, e.cols = e.cols || [], e.cols.push(s), s = o(s), n = this.generateWidgetId(s), s.id = n, s.options.name = n, e.cols.push(s);
     } else if (e.type === "tab") {
-      const i = o(this.getContainerByType("tab-pane"));
-      i.id = "tab-pane-" + l(), i.options.name = "tab1", i.options.label = "tab 1", e.tabs = e.tabs || [], e.tabs.push(i);
+      const s = o(this.getContainerByType("tab-pane"));
+      s.id = this.generateWidgetId(s), s.options.name = "tab1", s.options.label = "tab 1", e.tabs = e.tabs || [], e.tabs.push(s);
     }
-    return delete e.displayName, e;
+    return delete e.displayName, this.layoutType === W.BI && (e.options.widget = "200px", e.options.height = "200px"), e;
+  }
+  copyBiWidget(t) {
+    const e = o(t), i = this.generateWidgetId(e);
+    return e.id = i, e.options.name = i, e.options.label = e.options.label || e.type.toLowerCase(), e;
   }
   addWidget(t) {
-    t.category === "container" ? this.addContainerByDbClick(t) : this.addFieldByDbClick(t);
+    let e;
+    t.category === "container" || t.category === "bi" ? e = this.addContainerByDbClick(t) : e = this.addFieldByDbClick(t), this.setSelected(e), this.emitHistoryChange();
   }
   addContainerByDbClick(t) {
-    const e = this.copyNewContainerWidget(t);
-    this.widgetList.push(e), this.setSelected(e);
+    const e = this.copyWidget(t);
+    return this.widgetList.push(e), e;
   }
   addFieldByDbClick(t) {
     var i;
-    const e = this.copyNewFieldWidget(t);
+    const e = this.copyWidget(t);
     if (this.selectedWidget && this.selectedWidget.type === "tab") {
       let s = this.selectedWidget.tabs ? this.selectedWidget.tabs[0] : null;
       (i = this.selectedWidget.tabs) == null || i.forEach((n) => {
         n.options.active && (s = n);
       }), s && s.widgetList && s.widgetList.push(e);
     } else this.selectedWidget && this.selectedWidget.widgetList ? this.selectedWidget.widgetList.push(e) : this.widgetList.push(e);
-    this.setSelected(e), this.emitHistoryChange();
+    return e;
   }
   deleteColOfGrid(t, e) {
     t && t.cols && t.cols.splice(e, 1);
   }
   addNewColOfGrid(t) {
-    var n, a;
-    const e = t.cols, i = o(this.getContainerByType("grid-col")), s = l();
-    if (i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e && e.length > 0) {
-      let r = 0;
-      e.forEach((g) => {
-        r += g.options.span || 0;
-      }), r >= 24 ? (console.log("列栅格之和超出24"), (n = t.cols) == null || n.push(i)) : (i.options.span = 24 - r > 12 ? 12 : 24 - r, (a = t.cols) == null || a.push(i));
+    var n, r;
+    const e = t.cols, i = o(this.getContainerByType("grid-col")), s = this.generateWidgetId(i);
+    if (i.id = s, i.options.name = s, e && e.length > 0) {
+      let l = 0;
+      e.forEach((h) => {
+        l += h.options.span || 0;
+      }), l >= 24 ? (console.log("列栅格之和超出24"), (n = t.cols) == null || n.push(i)) : (i.options.span = 24 - l > 12 ? 12 : 24 - l, (r = t.cols) == null || r.push(i));
     } else
       t.cols = [i];
   }
   addTabPaneOfTabs(t) {
-    const e = t.tabs, i = o(this.getContainerByType("tab-pane"));
-    i.id = "tab-pane-" + l(), i.options.name = i.id, i.options.label = "tab " + (((e == null ? void 0 : e.length) || 0) + 1), e == null || e.push(i);
+    const e = t.tabs, i = o(this.getContainerByType("tab-pane")), s = this.generateWidgetId(i);
+    i.id = s, i.options.name = s, i.options.label = "tab " + (((e == null ? void 0 : e.length) || 0) + 1), e == null || e.push(i);
   }
   deleteTabPaneOfTabs(t, e) {
     var i;
@@ -242,9 +240,6 @@ class T {
   getCssClassList() {
     return this.cssClassList;
   }
-  registerFormWidget(t) {
-    this.formWidget = t;
-  }
   initHistoryData() {
     this.loadFormContentFromStorage(), this.historyData.index++, this.historyData.steps[this.historyData.index] = {
       widgetList: o(this.widgetList),
@@ -281,11 +276,11 @@ class T {
   loadFormContentFromStorage() {
   }
 }
-function x(h) {
-  return new T(h);
+function B(d) {
+  return new T(d);
 }
 export {
   T as Designer,
-  x as createDesigner
+  B as createDesigner
 };
 //# sourceMappingURL=designer.js.map