@kp-ui/lowcode-pc 1.0.0 → 1.0.1

package/core/src/components/common/render/useFormContext.js

@@ -0,0 +1,262 @@
+import { useTemplateRef, ref, computed, watchEffect, onMounted, nextTick } from "vue";
+import { set, cloneDeep } from "lodash-es";
+import { message } from "ant-design-vue";
+import { getUuidKey } from "@kp-ui/tool";
+import { useRef, useExecFunction } from "tmgc2-share";
+import { useEmitter } from "../../../utils/useEmitter.js";
+import { useAppRef } from "../../../hooks/useAppRef.js";
+import { useFormValidation } from "../../../hooks/useFormValidation.js";
+import { getContainerWidgetByName, cloneFormConfigWithoutEventHandler, insertCustomCssToHead, insertGlobalFunctionsToHtml, generateId } from "../../../utils/util.js";
+import { useI18n } from "../../../utils/i18n.js";
+const useFormContext = ({ renderForm, props }) => {
+  const { formJson } = props;
+  const dynamicDialogRef = useTemplateRef("dynamicDialogRef");
+  const { i18nt } = useI18n();
+  const [readModeFlag, setReadMode] = useRef(false);
+  const emitter = useEmitter();
+  const formJsonObj = ref();
+  const formDataModel = ref({});
+  const isLoading = ref(false);
+  const widgetRefList = ref(/* @__PURE__ */ new Map());
+  const dialogProps = ref({});
+  const childFormRef = ref();
+  const formWidgetId = Symbol("formWidget");
+  const dialogOrDrawerRef = ref();
+  const { executeFunction, context, execHttpFunction } = useExecFunction();
+  const { getFormRef, getWidgetRef, registerToRefList } = useAppRef(widgetRefList, formWidgetId);
+  const formConfig = computed(() => {
+    var _a;
+    return ((_a = formJsonObj.value) == null ? void 0 : _a.formConfig) || {};
+  });
+  const widgetList = computed(() => {
+    var _a;
+    return ((_a = formJsonObj.value) == null ? void 0 : _a.widgetList) || [];
+  });
+  const labelPosition = computed(() => {
+    var _a;
+    return ((_a = formConfig.value) == null ? void 0 : _a.labelPosition) || "horizontal";
+  });
+  const setChildFormRef = (chid) => {
+    childFormRef.value = chid;
+  };
+  const labelWidth = computed(() => {
+    var _a;
+    return ((_a = formConfig.value) == null ? void 0 : _a.labelWidth) ? `${formConfig.value.labelWidth}px` : "80px";
+  });
+  const customClass = computed(() => {
+    var _a;
+    return ((_a = formConfig.value) == null ? void 0 : _a.customClass) || "";
+  });
+  let formValidator = useFormValidation(renderForm);
+  watchEffect(() => {
+    formValidator = useFormValidation(renderForm);
+  });
+  const setFormJson = async (json) => {
+    formJsonObj.value = json || { widgetList: [], formConfig: {} };
+    formDataModel.value = {};
+    insertCustomCode();
+    await nextTick();
+    handleOnMounted();
+  };
+  const getFormData = () => {
+    return formDataModel.value || {};
+  };
+  const setFormData = (data) => {
+    if (!data) return;
+    Object.keys(data).forEach((key) => {
+      if (Object.prototype.hasOwnProperty.call(formDataModel.value, key)) {
+        formDataModel.value[key] = data[key];
+      }
+    });
+  };
+  const setLoading = (loading) => {
+    isLoading.value = loading;
+  };
+  const resetValidation = () => {
+    formValidator.resetValidation();
+  };
+  const clearValidate = () => {
+    formValidator.clearValidate();
+  };
+  const setDialogOrDrawerRef = (ddRef) => {
+    dialogOrDrawerRef.value = ddRef;
+  };
+  const getTopFormRef = () => {
+    if (!props.parentForm) {
+      return getFormRef();
+    }
+    let topFormRef = props.parentForm;
+    while (topFormRef.parentForm) {
+      topFormRef = topFormRef.parentForm;
+    }
+    return topFormRef;
+  };
+  const showDialog = (dialogName, formData = {}, extraData = {}) => {
+    var _a, _b;
+    const topFormRef = getTopFormRef();
+    const dialogCon = getContainerWidgetByName((topFormRef == null ? void 0 : topFormRef.widgetList) || [], dialogName) || getContainerWidgetByName(widgetList.value || [], dialogName);
+    if (dialogCon === null) {
+      message.error(i18nt("render.hint.refNotFound") + dialogName);
+      return;
+    }
+    if (!dialogName || dialogCon.type !== "vf-dialog") {
+      message.error(i18nt("render.hint.refNotFound") + dialogName);
+      return;
+    }
+    const dFormJson = {
+      widgetList: cloneDeep((dialogCon == null ? void 0 : dialogCon.widgetList) || []),
+      formConfig: cloneFormConfigWithoutEventHandler(((_a = topFormRef == null ? void 0 : topFormRef.formConfig) == null ? void 0 : _a.value) || {})
+    };
+    const wrapperDivId = getUuidKey();
+    dialogProps.value = {
+      options: dialogCon.options,
+      formJson: dFormJson,
+      formData: { ...formData },
+      optionData: topFormRef.optionData,
+      parentFormRef: context.value,
+      extraData,
+      wrapperId: wrapperDivId,
+      vfCtx: { ...formData }
+    };
+    (_b = dynamicDialogRef.value) == null ? void 0 : _b.show();
+  };
+  const getParentFormRef = () => {
+    return props.parentForm;
+  };
+  const getChildFormRef = () => {
+    var _a;
+    return (_a = dynamicDialogRef.value) == null ? void 0 : _a.getFormRef();
+  };
+  const fieldChangeEventHandler = () => {
+    emitter.off$("fieldChange");
+    emitter.on$("fieldChange", ({ fieldName, value }) => {
+      if (fieldName) {
+        set(formDataModel.value, fieldName, value);
+      }
+    });
+  };
+  const onFormDetail = async () => {
+    const serveList = formConfig.value.serveList;
+    const res = await execHttpFunction(serveList.vformDetail, {
+      vfCtx: props.vfCtx
+    });
+    console.log("res: ", res);
+    return res;
+  };
+  const onFormUpdate = async () => {
+    const valid = await formValidator.validate();
+    if (!valid) throw new Error(i18nt("表单验证失败"));
+    const serveList = formConfig.value.serveList;
+    const res = await execHttpFunction(serveList.vformUpdate, {
+      data: formDataModel.value,
+      vfCtx: props.vfCtx
+    });
+    console.log("res: ", res);
+    return res;
+  };
+  const handleOnMounted = () => {
+    var _a, _b;
+    if ((_a = formConfig.value) == null ? void 0 : _a.onFormMounted) {
+      console.log("onFormMounted: ");
+      executeFunction({
+        functionBody: (_b = formConfig.value) == null ? void 0 : _b.onFormMounted
+      });
+    }
+  };
+  const insertCustomCode = () => {
+    const formId = "vfRender" + generateId();
+    const { cssCode, functions } = formConfig.value;
+    console.log({ cssCode });
+    if (cssCode) {
+      insertCustomCssToHead(cssCode, formId || "");
+    }
+    if (functions) {
+      insertGlobalFunctionsToHtml(functions, formId || "");
+    }
+  };
+  const reload = () => {
+    var _a;
+    const router = (_a = context.value) == null ? void 0 : _a.$router;
+    router == null ? void 0 : router.replace({
+      query: {
+        ...router.currentRoute.value.query,
+        _t: Date.now()
+      }
+    });
+  };
+  const goBack = (reloadStatus, cb) => {
+    var _a, _b;
+    const goBack2 = (_a = getFormRef().vfCtx) == null ? void 0 : _a.goBack;
+    if (typeof goBack2 === "function") {
+      goBack2(reloadStatus, cb);
+    } else {
+      const router = (_b = context.value) == null ? void 0 : _b.$router;
+      router == null ? void 0 : router.go(-1);
+    }
+  };
+  const getFieldValue = (field) => {
+    return formDataModel.value[field];
+  };
+  const getVfCtx = () => {
+    return props.vfCtx;
+  };
+  onMounted(() => {
+    if (formJson) {
+      setFormJson(formJson);
+    }
+    fieldChangeEventHandler();
+  });
+  const expose = {
+    context,
+    i18nt,
+    goBack,
+    reload,
+    formValidator,
+    getFieldValue,
+    resetValidation,
+    clearValidate,
+    getVfCtx,
+    getParentFormRef,
+    getFormRef,
+    getWidgetRef,
+    showDialog,
+    getFormData,
+    getChildFormRef,
+    setFormData,
+    setReadMode,
+    setFormJson,
+    setLoading,
+    onFormDetail,
+    onFormUpdate,
+    formDataModel,
+    isLoading,
+    vfCtx: props.vfCtx,
+    // 计算属性
+    formConfig,
+    dynamicDialogRef,
+    setChildFormRef,
+    setDialogOrDrawerRef
+  };
+  return {
+    formWidgetId,
+    registerToRefList,
+    dialogOrDrawerRef,
+    emitter,
+    // 状态
+    formJsonObj,
+    readModeFlag,
+    // 引用
+    widgetRefList,
+    widgetList,
+    labelPosition,
+    labelWidth,
+    customClass,
+    dialogProps,
+    expose,
+    ...expose
+  };
+};
+export {
+  useFormContext
+};
+//# sourceMappingURL=useFormContext.js.map

package/core/src/components/common/render/useFormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormContext.js","sources":["../../../../../../../core/src/components/common/render/useFormContext.ts"],"sourcesContent":["import { computed, nextTick, onMounted, provide, ref, useTemplateRef, watchEffect } from 'vue';\nimport {\n    useFormValidation,\n    FormConfig,\n    Widget,\n    cloneFormConfigWithoutEventHandler,\n    generateId,\n    getContainerWidgetByName,\n    insertCustomCssToHead,\n    insertGlobalFunctionsToHtml\n} from '@kp-ui/lowcode-core';\nimport { cloneDeep, set } from 'lodash-es';\nimport { message } from 'ant-design-vue';\nimport { getUuidKey } from '@kp-ui/tool';\nimport { routerReloadStatus, useComRef, useExecFunction, useRef } from 'tmgc2-share';\nimport { useEmitter } from '@kp-ui/lowcode-core/src/utils/useEmitter';\nimport { useI18n, useAppRef } from '@kp-ui/lowcode-core';\n\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    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 dynamicDialogRef = useTemplateRef<any>('dynamicDialogRef');\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    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    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);\n\n    // 监听 widgetList 变化，重新初始化验证器\n    watchEffect(() => {\n        formValidator = useFormValidation(renderForm);\n    });\n\n    /**\n     * 设置表单JSON数据\n     */\n    const setFormJson = async (json: any) => {\n        formJsonObj.value = json || { widgetList: [], formConfig: {} };\n\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            parentFormRef: context.value,\n            extraData: extraData,\n            wrapperId: wrapperDivId,\n            vfCtx: { ...formData }\n        };\n\n        dynamicDialogRef.value?.show();\n    };\n    /**\n     * 获取父级VFormRender组件实例\n     * @returns {object}\n     */\n    const getParentFormRef = () => {\n        return props.parentForm;\n    };\n\n    const getChildFormRef = () => {\n        return dynamicDialogRef.value?.getFormRef();\n    };\n\n    /**\n     * 字段值变化事件处理器\n     */\n    const fieldChangeEventHandler = () => {\n        emitter.off$('fieldChange');\n        emitter.on$('fieldChange', ({ fieldName, value }) => {\n            if (fieldName) {\n                // 过滤掉错误值\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    const getFieldValue = (field: string) => {\n        return formDataModel.value[field];\n    };\n\n    const getVfCtx = () => {\n        return props.vfCtx;\n    };\n\n    onMounted(() => {\n        if (formJson) {\n            setFormJson(formJson);\n        }\n        fieldChangeEventHandler();\n    });\n\n    const expose = {\n        context,\n        i18nt,\n        goBack,\n        reload,\n        formValidator,\n        getFieldValue,\n        resetValidation,\n        clearValidate,\n        getVfCtx,\n        getParentFormRef,\n        getFormRef,\n        getWidgetRef,\n        showDialog,\n        getFormData,\n        getChildFormRef,\n        setFormData,\n        setReadMode,\n        setFormJson,\n        setLoading,\n        onFormDetail,\n        onFormUpdate,\n        formDataModel,\n        isLoading,\n        vfCtx: props.vfCtx,\n        // 计算属性\n        formConfig,\n        dynamicDialogRef,\n        setChildFormRef,\n        setDialogOrDrawerRef\n    };\n\n    return {\n        formWidgetId,\n        registerToRefList,\n        dialogOrDrawerRef,\n\n        emitter,\n        // 状态\n        formJsonObj,\n        readModeFlag,\n        // 引用\n        widgetRefList,\n\n        widgetList,\n        labelPosition,\n        labelWidth,\n        customClass,\n        dialogProps,\n\n        expose,\n        ...expose\n    };\n};\n"],"names":["goBack"],"mappings":"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"}

package/core/src/components/contextMenu/WidgetContextMenu.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./WidgetContextMenu.vue2.js";
+/* empty css                       */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const WidgetContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8adfdf56"]]);
+export {
+  WidgetContextMenu as default
+};
+//# sourceMappingURL=WidgetContextMenu.vue.js.map

package/core/src/components/contextMenu/WidgetContextMenu.vue.js.map

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

package/core/src/components/contextMenu/WidgetContextMenu.vue2.js

@@ -0,0 +1,125 @@
+import { defineComponent, mergeModels, useModel, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, createVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createSlots, createTextVNode, toDisplayString, resolveDynamicComponent } from "vue";
+import { useWidgetContextMenu } from "./useWidgetContextMenu.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "WidgetContextMenu"
+  },
+  __name: "WidgetContextMenu",
+  props: /* @__PURE__ */ mergeModels({
+    widget: {},
+    index: {},
+    visible: { type: Boolean },
+    x: {},
+    y: {},
+    parentWidget: {}
+  }, {
+    "list": { default: () => [] },
+    "listModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:visible"], ["update:list"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const list = useModel(__props, "list");
+    const emit = __emit;
+    const handleVisibleChange = (val) => {
+      emit("update:visible", val);
+    };
+    const { menuConfigs } = useWidgetContextMenu({
+      widget: props.widget,
+      index: props.index,
+      parentWidget: props.parentWidget,
+      list,
+      onClose: () => handleVisibleChange(false)
+    });
+    return (_ctx, _cache) => {
+      const _component_a_menu_divider = resolveComponent("a-menu-divider");
+      const _component_a_menu_item = resolveComponent("a-menu-item");
+      const _component_a_sub_menu = resolveComponent("a-sub-menu");
+      const _component_a_menu = resolveComponent("a-menu");
+      const _component_a_dropdown = resolveComponent("a-dropdown");
+      return openBlock(), createBlock(_component_a_dropdown, {
+        open: _ctx.visible,
+        "onUpdate:open": handleVisibleChange,
+        trigger: ["click"]
+      }, {
+        overlay: withCtx(() => [
+          createVNode(_component_a_menu, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuConfigs), (item) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: item.key
+                }, [
+                  item.divider ? (openBlock(), createBlock(_component_a_menu_divider, { key: 0 })) : !item.hidden ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    item.children ? (openBlock(), createBlock(_component_a_sub_menu, {
+                      key: 0,
+                      title: item.label
+                    }, createSlots({
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (sub) => {
+                          return openBlock(), createBlock(_component_a_menu_item, {
+                            key: sub.key,
+                            onClick: sub.onClick
+                          }, createSlots({
+                            default: withCtx(() => [
+                              createTextVNode(" " + toDisplayString(sub.label), 1)
+                            ]),
+                            _: 2
+                          }, [
+                            sub.icon ? {
+                              name: "icon",
+                              fn: withCtx(() => [
+                                (openBlock(), createBlock(resolveDynamicComponent(sub.icon)))
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1032, ["onClick"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, [
+                      item.icon ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["title"])) : (openBlock(), createBlock(_component_a_menu_item, {
+                      onClick: item.onClick,
+                      key: item.key
+                    }, createSlots({
+                      default: withCtx(() => [
+                        createTextVNode(" " + toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, [
+                      item.icon ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["onClick"]))
+                  ], 64)) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "context-menu-trigger",
+            style: normalizeStyle({ position: "fixed", left: _ctx.x + "px", top: _ctx.y + "px" })
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=WidgetContextMenu.vue2.js.map

package/core/src/components/contextMenu/WidgetContextMenu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContextMenu.vue2.js","sources":["../../../../../../core/src/components/contextMenu/WidgetContextMenu.vue"],"sourcesContent":["<template>\n    <a-dropdown :open=\"visible\" @update:open=\"handleVisibleChange\" :trigger=\"['click']\">\n        <div\n            class=\"context-menu-trigger\"\n            :style=\"{ position: 'fixed', left: x + 'px', top: y + 'px' }\"\n        ></div>\n        <template #overlay>\n            <a-menu>\n                <template v-for=\"item in menuConfigs\" :key=\"item.key\">\n                    <a-menu-divider v-if=\"item.divider\" />\n                    <template v-else-if=\"!item.hidden\">\n                        <a-sub-menu v-if=\"item.children\" :title=\"item.label\">\n                            <template #icon v-if=\"item.icon\">\n                                <component :is=\"item.icon\" />\n                            </template>\n                            <a-menu-item\n                                v-for=\"sub in item.children\"\n                                :key=\"sub.key\"\n                                @click=\"sub.onClick\"\n                            >\n                                <template #icon v-if=\"sub.icon\">\n                                    <component :is=\"sub.icon\" />\n                                </template>\n                                {{ sub.label }}\n                            </a-menu-item>\n                        </a-sub-menu>\n                        <a-menu-item v-else @click=\"item.onClick\" :key=\"item.key\">\n                            <template #icon v-if=\"item.icon\">\n                                <component :is=\"item.icon\" />\n                            </template>\n                            {{ item.label }}\n                        </a-menu-item>\n                    </template>\n                </template>\n            </a-menu>\n        </template>\n    </a-dropdown>\n</template>\n\n<script lang=\"ts\" setup>\n    import { Widget } from '@kp-ui/lowcode-core/src/types/schema';\n    import { useWidgetContextMenu } from './useWidgetContextMenu';\n\n    defineOptions({\n        name: 'WidgetContextMenu'\n    });\n\n    const props = defineProps<{\n        widget: Widget | null;\n        index: number;\n        visible: boolean;\n        x: number;\n        y: number;\n        parentWidget?: any;\n    }>();\n    const list = defineModel<Widget[]>('list', { default: () => [] });\n\n    const emit = defineEmits<{\n        (e: 'update:visible', visible: boolean): void;\n    }>();\n\n    const handleVisibleChange = (val: boolean) => {\n        emit('update:visible', val);\n    };\n\n    const { menuConfigs } = useWidgetContextMenu({\n        widget: props.widget as Widget,\n        index: props.index,\n        parentWidget: props.parentWidget,\n        list: list,\n        onClose: () => handleVisibleChange(false)\n    });\n</script>\n\n<style scoped>\n    .context-menu-trigger {\n        width: 1px;\n        height: 1px;\n        z-index: 9999;\n    }\n</style>\n"],"names":["_useModel","_createBlock","visible","_createVNode","_createElementBlock","_Fragment","_renderList","_unref","_openBlock","_toDisplayString","_resolveDynamicComponent","_createElementVNode","_normalizeStyle","x","y"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+CI,UAAM,QAAQ;AAQd,UAAM,OAAOA,SAAqB,SAAC,MAA6B;AAEhE,UAAM,OAAO;AAIb,UAAM,sBAAsB,CAAC,QAAiB;AAC1C,WAAK,kBAAkB,GAAG;AAAA,IAC9B;AAEA,UAAM,EAAE,YAAA,IAAgB,qBAAqB;AAAA,MACzC,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,cAAc,MAAM;AAAA,MACpB;AAAA,MACA,SAAS,MAAM,oBAAoB,KAAK;AAAA,IAAA,CAC3C;;;;;;;0BAtEDC,YAmCa,uBAAA;AAAA,QAnCA,MAAMC,KAAAA;AAAAA,QAAU,iBAAa;AAAA,QAAsB,SAAS,CAAA,OAAA;AAAA,MAAA;QAK1D,iBACP,MA2BS;AAAA,UA3BTC,YA2BS,mBAAA,MAAA;AAAA,6BA1BK,MAA2B;AAAA,gCAArCC,mBAyBWC,UAAA,MAAAC,WAzBcC,MAAA,WAAA,GAAW,CAAnB,SAAI;;kBAAuB,KAAA,KAAK;AAAA,gBAAA;kBACvB,KAAK,wBAA3BN,YAAsC,2BAAA,EAAA,KAAA,EAAA,CAAA,KAChB,CAAA,KAAK,uBAA3BG,mBAsBWC,UAAA,EAAA,KAAA,KAAA;AAAA,oBArBW,KAAK,yBAAvBJ,YAca,uBAAA;AAAA;sBAdqB,OAAO,KAAK;AAAA,oBAAA;uCAKtC,MAA4B;AAAA,yBADhCO,UAAA,IAAA,GAAAJ,mBAScC,UAAA,MAAAC,WARI,KAAK,WAAZ,QAAG;8CADdL,YASc,wBAAA;AAAA,4BAPT,KAAK,IAAI;AAAA,4BACT,SAAO,IAAI;AAAA,0BAAA;6CAID,MACX;AAAA,8CADW,MACXQ,gBAAG,IAAI,KAAK,GAAA,CAAA;AAAA,4BAAA;;;4BAHU,IAAI;oCAAf;AAAA,0CACP,MAA4B;AAAA,8CAA5BR,YAA4BS,wBAAZ,IAAI,IAAI,CAAA;AAAA,8BAAA;;;;;;;;sBATV,KAAK;8BAAhB;AAAA,oCACP,MAA6B;AAAA,wCAA7BT,YAA6BS,wBAAb,KAAK,IAAI,CAAA;AAAA,wBAAA;;;0DAajCT,YAKc,wBAAA;AAAA,sBALO,SAAO,KAAK;AAAA,sBAAU,KAAK,KAAK;AAAA,oBAAA;uCAGtC,MACX;AAAA,wCADW,MACXQ,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,sBAAA;;;sBAHS,KAAK;8BAAhB;AAAA,oCACP,MAA6B;AAAA,wCAA7BR,YAA6BS,wBAAb,KAAK,IAAI,CAAA;AAAA,wBAAA;;;;;;;;;;;yBA1BjD,MAGO;AAAA,UAHPC,mBAGO,OAAA;AAAA,YAFH,OAAM;AAAA,YACL,OAAKC,eAAA,EAAA,UAAA,SAAA,MAA6BC,KAAAA,IAAC,MAAA,KAAcC,KAAAA,IAAC,MAAA;AAAA,UAAA;;;;;;;"}

package/core/src/components/contextMenu/useWidgetContextMenu.js

@@ -0,0 +1,165 @@
+import { computed } from "vue";
+import { RollbackOutlined, UnlockOutlined, LockOutlined, VerticalAlignTopOutlined, VerticalAlignBottomOutlined, ArrowUpOutlined, ArrowDownOutlined, AppstoreOutlined, CopyOutlined, DeleteOutlined } from "@ant-design/icons-vue";
+import { useDesigner } from "../../hooks/useDesigner.js";
+import { useI18n } from "../../utils/i18n.js";
+function useWidgetContextMenu(props) {
+  const { designer, isBI } = useDesigner();
+  const { i18nt } = useI18n();
+  const moveUpWidget = () => {
+    designer.value.moveUpWidget(props.list.value, props.index);
+    designer.value.emitHistoryChange();
+  };
+  const moveDownWidget = () => {
+    designer.value.moveDownWidget(props.list.value, props.index);
+    designer.value.emitHistoryChange();
+  };
+  const cloneWidget = () => {
+    const list = props.list.value;
+    if (!list) return;
+    const cloned = designer.value.copyWidget(props.widget);
+    list.splice(props.index + 1, 0, cloned);
+    designer.value.setSelected(cloned);
+    designer.value.emitHistoryChange();
+  };
+  const removeWidget = () => {
+    designer.value.removeWidget(props.list.value, props.index, props.parentWidget);
+  };
+  const selectParentWidget = () => {
+    var _a;
+    if ((_a = props.parentWidget) == null ? void 0 : _a.id) {
+      designer.value.setSelected(props.parentWidget);
+    } else {
+      designer.value.clearSelected();
+    }
+  };
+  const handleAction = (action) => {
+    action();
+    props.onClose();
+  };
+  const handleLock = () => {
+    props.widget.options.locked = !props.widget.options.locked;
+    props.onClose();
+  };
+  const handleLayer = (type) => {
+    const widget = props.widget;
+    const zIndex = widget.options.zIndex || 0;
+    const list = designer.value.widgetList;
+    switch (type) {
+      case "top":
+        const maxZ = Math.max(...list.map((w) => w.options.zIndex || 0));
+        widget.options.zIndex = maxZ + 1;
+        break;
+      case "bottom":
+        const minZ = Math.min(...list.map((w) => w.options.zIndex || 0));
+        widget.options.zIndex = minZ - 1;
+        break;
+      case "up":
+        widget.options.zIndex = zIndex + 1;
+        break;
+      case "down":
+        widget.options.zIndex = zIndex - 1;
+        break;
+    }
+    props.onClose();
+  };
+  const menuConfigs = computed(() => {
+    var _a;
+    const configs = [];
+    if ((_a = props.parentWidget) == null ? void 0 : _a.id) {
+      configs.push({
+        key: "selectParent",
+        label: i18nt("designer.hint.selectParentWidget"),
+        icon: RollbackOutlined,
+        onClick: () => handleAction(selectParentWidget)
+      });
+      configs.push({ key: "d1", divider: true });
+    }
+    if (isBI.value) {
+      configs.push({
+        key: "lock",
+        label: props.widget.options.locked ? i18nt("designer.hint.unlock") : i18nt("designer.hint.lock"),
+        icon: props.widget.options.locked ? UnlockOutlined : LockOutlined,
+        onClick: handleLock
+      });
+      configs.push({
+        key: "layer",
+        label: i18nt("designer.hint.layer"),
+        icon: AppstoreOutlined,
+        children: [
+          {
+            key: "bringToFront",
+            label: i18nt("designer.hint.bringToFront"),
+            icon: VerticalAlignTopOutlined,
+            onClick: () => handleLayer("top")
+          },
+          {
+            key: "sendToBack",
+            label: i18nt("designer.hint.sendToBack"),
+            icon: VerticalAlignBottomOutlined,
+            onClick: () => handleLayer("bottom")
+          },
+          {
+            key: "bringForward",
+            label: i18nt("designer.hint.bringForward"),
+            icon: ArrowUpOutlined,
+            onClick: () => handleLayer("up")
+          },
+          {
+            key: "sendBackward",
+            label: i18nt("designer.hint.sendBackward"),
+            icon: ArrowDownOutlined,
+            onClick: () => handleLayer("down")
+          }
+        ]
+      });
+      configs.push({
+        key: "clone",
+        label: i18nt("designer.hint.cloneWidget"),
+        icon: CopyOutlined,
+        onClick: () => handleAction(cloneWidget)
+      });
+      configs.push({ key: "d2", divider: true });
+    } else {
+      configs.push({
+        key: "moveUp",
+        label: i18nt("designer.hint.moveUpWidget"),
+        icon: ArrowUpOutlined,
+        onClick: () => handleAction(moveUpWidget),
+        hidden: props.index <= 0
+      });
+      configs.push({
+        key: "moveDown",
+        label: i18nt("designer.hint.moveDownWidget"),
+        icon: ArrowDownOutlined,
+        onClick: () => handleAction(moveDownWidget),
+        hidden: props.index >= props.list.value.length - 1
+      });
+      configs.push({
+        key: "clone",
+        label: i18nt("designer.hint.cloneWidget"),
+        icon: CopyOutlined,
+        onClick: () => handleAction(cloneWidget)
+      });
+      configs.push({ key: "d3", divider: true });
+    }
+    configs.push({
+      key: "delete",
+      label: i18nt("designer.hint.remove"),
+      icon: DeleteOutlined,
+      onClick: () => handleAction(removeWidget)
+    });
+    return configs.filter((item) => !item.hidden);
+  });
+  return {
+    menuConfigs,
+    moveUpWidget,
+    moveDownWidget,
+    cloneWidget,
+    removeWidget,
+    selectParentWidget
+  };
+}
+export {
+  useWidgetContextMenu
+};
+//# sourceMappingURL=useWidgetContextMenu.js.map

package/core/src/components/contextMenu/useWidgetContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetContextMenu.js","sources":["../../../../../../core/src/components/contextMenu/useWidgetContextMenu.ts"],"sourcesContent":["import { Component, computed, Ref } from 'vue';\nimport { Widget } from '@kp-ui/lowcode-core/src/types/schema';\nimport {\n    DeleteOutlined,\n    LockOutlined,\n    UnlockOutlined,\n    VerticalAlignTopOutlined,\n    VerticalAlignBottomOutlined,\n    ArrowUpOutlined,\n    ArrowDownOutlined,\n    AppstoreOutlined,\n    CopyOutlined,\n    RollbackOutlined\n} from '@ant-design/icons-vue';\nimport { useDesigner } from '@kp-ui/lowcode-core';\nimport { useI18n } from '@kp-ui/lowcode-core';\n\nexport interface MenuItem {\n    key: string;\n    label?: string;\n    icon?: Component;\n    onClick?: () => void;\n    divider?: boolean;\n    children?: MenuItem[];\n    hidden?: boolean;\n}\n\nexport function useWidgetContextMenu(props: {\n    widget: Widget;\n    index: number;\n    parentWidget?: Widget;\n    onClose: () => void;\n    list: Ref<Widget[]>;\n}) {\n    const { designer, isBI } = useDesigner();\n    const { i18nt } = useI18n();\n\n    // 上移组件\n    const moveUpWidget = () => {\n        designer.value.moveUpWidget(props.list.value, props.index);\n        designer.value.emitHistoryChange();\n    };\n\n    // 下移组件\n    const moveDownWidget = () => {\n        designer.value.moveDownWidget(props.list.value, props.index);\n        designer.value.emitHistoryChange();\n    };\n\n    // 复制组件\n    const cloneWidget = () => {\n        const list = props.list.value;\n        if (!list) return;\n        const cloned = designer.value.copyWidget(props.widget);\n        list.splice(props.index + 1, 0, cloned);\n        designer.value.setSelected(cloned);\n        designer.value.emitHistoryChange();\n    };\n\n    // 删除组件\n    const removeWidget = () => {\n        designer.value.removeWidget(props.list.value, props.index, props.parentWidget);\n    };\n\n    // 选择父组件\n    const selectParentWidget = () => {\n        if (props.parentWidget?.id) {\n            designer.value.setSelected(props.parentWidget);\n        } else {\n            designer.value.clearSelected();\n        }\n    };\n\n    const handleAction = (action: () => void) => {\n        action();\n        props.onClose();\n    };\n\n    const handleLock = () => {\n        props.widget.options.locked = !props.widget.options.locked;\n        props.onClose();\n    };\n\n    const handleLayer = (type: 'top' | 'bottom' | 'up' | 'down') => {\n        const widget = props.widget;\n        const zIndex = widget.options.zIndex || 0;\n        const list = designer.value.widgetList;\n        switch (type) {\n            case 'top':\n                const maxZ = Math.max(...list.map(w => w.options.zIndex || 0));\n                widget.options.zIndex = maxZ + 1;\n                break;\n            case 'bottom':\n                const minZ = Math.min(...list.map(w => w.options.zIndex || 0));\n                widget.options.zIndex = minZ - 1;\n                break;\n            case 'up':\n                widget.options.zIndex = zIndex + 1;\n                break;\n            case 'down':\n                widget.options.zIndex = zIndex - 1;\n                break;\n        }\n        props.onClose();\n    };\n\n    const menuConfigs = computed<MenuItem[]>(() => {\n        const configs: MenuItem[] = [];\n\n        // 选择父组件\n        if (props.parentWidget?.id) {\n            configs.push({\n                key: 'selectParent',\n                label: i18nt('designer.hint.selectParentWidget'),\n                icon: RollbackOutlined,\n                onClick: () => handleAction(selectParentWidget)\n            });\n            configs.push({ key: 'd1', divider: true });\n        }\n\n        if (isBI.value) {\n            // BI 模式特有：锁定\n            configs.push({\n                key: 'lock',\n                label: props.widget.options.locked\n                    ? i18nt('designer.hint.unlock')\n                    : i18nt('designer.hint.lock'),\n                icon: props.widget.options.locked ? UnlockOutlined : LockOutlined,\n                onClick: handleLock\n            });\n\n            // BI 模式特有：图层\n            configs.push({\n                key: 'layer',\n                label: i18nt('designer.hint.layer'),\n                icon: AppstoreOutlined,\n                children: [\n                    {\n                        key: 'bringToFront',\n                        label: i18nt('designer.hint.bringToFront'),\n                        icon: VerticalAlignTopOutlined,\n                        onClick: () => handleLayer('top')\n                    },\n                    {\n                        key: 'sendToBack',\n                        label: i18nt('designer.hint.sendToBack'),\n                        icon: VerticalAlignBottomOutlined,\n                        onClick: () => handleLayer('bottom')\n                    },\n                    {\n                        key: 'bringForward',\n                        label: i18nt('designer.hint.bringForward'),\n                        icon: ArrowUpOutlined,\n                        onClick: () => handleLayer('up')\n                    },\n                    {\n                        key: 'sendBackward',\n                        label: i18nt('designer.hint.sendBackward'),\n                        icon: ArrowDownOutlined,\n                        onClick: () => handleLayer('down')\n                    }\n                ]\n            });\n\n            configs.push({\n                key: 'clone',\n                label: i18nt('designer.hint.cloneWidget'),\n                icon: CopyOutlined,\n                onClick: () => handleAction(cloneWidget)\n            });\n\n            configs.push({ key: 'd2', divider: true });\n        } else {\n            // 非 BI 模式：上移/下移/复制\n            configs.push({\n                key: 'moveUp',\n                label: i18nt('designer.hint.moveUpWidget'),\n                icon: ArrowUpOutlined,\n                onClick: () => handleAction(moveUpWidget),\n                hidden: props.index <= 0\n            });\n            configs.push({\n                key: 'moveDown',\n                label: i18nt('designer.hint.moveDownWidget'),\n                icon: ArrowDownOutlined,\n                onClick: () => handleAction(moveDownWidget),\n                hidden: props.index >= props.list.value.length - 1\n            });\n\n            configs.push({\n                key: 'clone',\n                label: i18nt('designer.hint.cloneWidget'),\n                icon: CopyOutlined,\n                onClick: () => handleAction(cloneWidget)\n            });\n\n            configs.push({ key: 'd3', divider: true });\n        }\n\n        // 删除\n        configs.push({\n            key: 'delete',\n            label: i18nt('designer.hint.remove'),\n            icon: DeleteOutlined,\n            onClick: () => handleAction(removeWidget)\n        });\n\n        return configs.filter(item => !item.hidden);\n    });\n\n    return {\n        menuConfigs,\n        moveUpWidget,\n        moveDownWidget,\n        cloneWidget,\n        removeWidget,\n        selectParentWidget\n    };\n}\n"],"names":[],"mappings":"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"}

package/core/src/constants/LayoutTypeEnum.js

@@ -0,0 +1,10 @@
+var LayoutTypeEnum = /* @__PURE__ */ ((LayoutTypeEnum2) => {
+  LayoutTypeEnum2["PC"] = "PC";
+  LayoutTypeEnum2["H5"] = "H5";
+  LayoutTypeEnum2["BI"] = "BI";
+  return LayoutTypeEnum2;
+})(LayoutTypeEnum || {});
+export {
+  LayoutTypeEnum
+};
+//# sourceMappingURL=LayoutTypeEnum.js.map

package/core/src/constants/LayoutTypeEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTypeEnum.js","sources":["../../../../../core/src/constants/LayoutTypeEnum.ts"],"sourcesContent":["export enum LayoutTypeEnum {\n    PC = 'PC',\n    H5 = 'H5',\n    BI = 'BI'\n}\n"],"names":["LayoutTypeEnum"],"mappings":"AAAO,IAAK,mCAAAA,oBAAL;AACHA,kBAAA,IAAA,IAAK;AACLA,kBAAA,IAAA,IAAK;AACLA,kBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}