@kp-ui/lowcode-pc 1.0.0 → 1.0.1

package/core/src/constants/WidgetTypeEnum.js

@@ -0,0 +1,64 @@
+var WidgetTypeEnum = /* @__PURE__ */ ((WidgetTypeEnum2) => {
+  WidgetTypeEnum2["input"] = "input-widget";
+  WidgetTypeEnum2["inputField"] = "input-field-widget";
+  WidgetTypeEnum2["textarea"] = "textarea-widget";
+  WidgetTypeEnum2["number"] = "number-widget";
+  WidgetTypeEnum2["select"] = "select-widget";
+  WidgetTypeEnum2["radio"] = "radio-widget";
+  WidgetTypeEnum2["checkbox"] = "checkbox-widget";
+  WidgetTypeEnum2["time"] = "time-widget";
+  WidgetTypeEnum2["timeRange"] = "time-range-widget";
+  WidgetTypeEnum2["date"] = "date-widget";
+  WidgetTypeEnum2["dateRange"] = "date-range-widget";
+  WidgetTypeEnum2["rate"] = "rate-widget";
+  WidgetTypeEnum2["switch"] = "switch-widget";
+  WidgetTypeEnum2["slider"] = "slider-widget";
+  WidgetTypeEnum2["color"] = "color-widget";
+  WidgetTypeEnum2["htmlText"] = "html-text-widget";
+  WidgetTypeEnum2["staticText"] = "static-text-widget";
+  WidgetTypeEnum2["buttonList"] = "button-list-widget";
+  WidgetTypeEnum2["dropdown"] = "dropdown-widget";
+  WidgetTypeEnum2["button"] = "button-widget";
+  WidgetTypeEnum2["divider"] = "divider-widget";
+  WidgetTypeEnum2["cascader"] = "cascader-widget";
+  WidgetTypeEnum2["tree"] = "tree-widget";
+  WidgetTypeEnum2["treeSelect"] = "tree-select-widget";
+  WidgetTypeEnum2["richEditor"] = "rich-editor-widget";
+  WidgetTypeEnum2["codeEditor"] = "code-editor-widget";
+  WidgetTypeEnum2["fileUpload"] = "file-upload-widget";
+  WidgetTypeEnum2["bpmnEditor"] = "bpmn-editor-widget";
+  WidgetTypeEnum2["vueRender"] = "vue-render-widget";
+  WidgetTypeEnum2["diyCompontent"] = "diy-compontent-widget";
+  WidgetTypeEnum2["cell"] = "cell-widget";
+  WidgetTypeEnum2["tabs"] = "tabs-widget";
+  return WidgetTypeEnum2;
+})(WidgetTypeEnum || {});
+var ContainerTypeEnum = /* @__PURE__ */ ((ContainerTypeEnum2) => {
+  ContainerTypeEnum2["grid"] = "grid-widget";
+  ContainerTypeEnum2["GridColWidget"] = "grid-col-widget";
+  ContainerTypeEnum2["VfCollapseWidget"] = "vf-collapse-widget";
+  ContainerTypeEnum2["VfBoxWidget"] = "vf-box-widget";
+  ContainerTypeEnum2["VfDialogWidget"] = "vf-dialog-widget";
+  ContainerTypeEnum2["Tab"] = "tab-widget";
+  ContainerTypeEnum2["DataTable"] = "data-table-widget";
+  ContainerTypeEnum2["GridSubFormWidget"] = "grid-sub-form-widget";
+  ContainerTypeEnum2["box"] = "box-widget";
+  return ContainerTypeEnum2;
+})(ContainerTypeEnum || {});
+var ComponentNameEnum = /* @__PURE__ */ ((ComponentNameEnum2) => {
+  ComponentNameEnum2["VFormRender"] = "VFormRender";
+  ComponentNameEnum2["VFormDesigner"] = "VFormDesigner";
+  ComponentNameEnum2["ContainerWidget"] = "ContainerWidget";
+  ComponentNameEnum2["VfBoxWidget"] = "VfBoxWidget";
+  ComponentNameEnum2["VfDialogWidget"] = "VfDialogWidget";
+  ComponentNameEnum2["FieldWidget"] = "FieldWidget";
+  ComponentNameEnum2["PropertyEditor"] = "PropertyEditor";
+  ComponentNameEnum2["OnSubFormRowAddEditor"] = "OnSubFormRowAddEditor";
+  return ComponentNameEnum2;
+})(ComponentNameEnum || {});
+export {
+  ComponentNameEnum,
+  ContainerTypeEnum,
+  WidgetTypeEnum
+};
+//# sourceMappingURL=WidgetTypeEnum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTypeEnum.js","sources":["../../../../../core/src/constants/WidgetTypeEnum.ts"],"sourcesContent":["export enum WidgetTypeEnum {\n    input = 'input-widget',\n    inputField = 'input-field-widget',\n    textarea = 'textarea-widget',\n    number = 'number-widget',\n    select = 'select-widget',\n    radio = 'radio-widget',\n    checkbox = 'checkbox-widget',\n    time = 'time-widget',\n    timeRange = 'time-range-widget',\n    date = 'date-widget',\n    dateRange = 'date-range-widget',\n    rate = 'rate-widget',\n    switch = 'switch-widget',\n    slider = 'slider-widget',\n    color = 'color-widget',\n    htmlText = 'html-text-widget',\n    staticText = 'static-text-widget',\n    buttonList = 'button-list-widget',\n    dropdown = 'dropdown-widget',\n    button = 'button-widget',\n    divider = 'divider-widget',\n    cascader = 'cascader-widget',\n    tree = 'tree-widget',\n    treeSelect = 'tree-select-widget',\n    richEditor = 'rich-editor-widget',\n    codeEditor = 'code-editor-widget',\n    fileUpload = 'file-upload-widget',\n    bpmnEditor = 'bpmn-editor-widget',\n    vueRender = 'vue-render-widget',\n    diyCompontent = 'diy-compontent-widget',\n    cell = 'cell-widget',\n    tabs = 'tabs-widget'\n}\n\nexport enum ContainerTypeEnum {\n    grid = 'grid-widget',\n    GridColWidget = 'grid-col-widget',\n    VfCollapseWidget = 'vf-collapse-widget',\n    VfBoxWidget = 'vf-box-widget',\n    VfDialogWidget = 'vf-dialog-widget',\n    Tab = 'tab-widget',\n    DataTable = 'data-table-widget',\n    GridSubFormWidget = 'grid-sub-form-widget',\n    box = 'box-widget'\n}\n\nexport enum BIWidgetTypeEnum {\n    echartBar = 'echart-bar-widget',\n    echartDIY = 'echart-diy-widget',\n    borderWidget = 'border-widget',\n    border01 = 'border-01',\n    border02 = 'border-02',\n    border03 = 'border-03',\n    border04 = 'border-04',\n    decorative01 = 'decorative-01',\n    decorative02 = 'decorative-02',\n    decorative03 = 'decorative-03',\n    decorative04 = 'decorative-04',\n    decorative05 = 'decorative-05'\n}\n\nexport enum ComponentNameEnum {\n    VFormRender = 'VFormRender',\n    VFormDesigner = 'VFormDesigner',\n    ContainerWidget = 'ContainerWidget',\n    VfBoxWidget = 'VfBoxWidget',\n    VfDialogWidget = 'VfDialogWidget',\n    FieldWidget = 'FieldWidget',\n    PropertyEditor = 'PropertyEditor',\n    OnSubFormRowAddEditor = 'OnSubFormRowAddEditor'\n}\n"],"names":["WidgetTypeEnum","ContainerTypeEnum","ComponentNameEnum"],"mappings":"AAAO,IAAK,mCAAAA,oBAAL;AACHA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,YAAA,IAAa;AACbA,kBAAA,UAAA,IAAW;AACXA,kBAAA,QAAA,IAAS;AACTA,kBAAA,QAAA,IAAS;AACTA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,UAAA,IAAW;AACXA,kBAAA,MAAA,IAAO;AACPA,kBAAA,WAAA,IAAY;AACZA,kBAAA,MAAA,IAAO;AACPA,kBAAA,WAAA,IAAY;AACZA,kBAAA,MAAA,IAAO;AACPA,kBAAA,QAAA,IAAS;AACTA,kBAAA,QAAA,IAAS;AACTA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,UAAA,IAAW;AACXA,kBAAA,YAAA,IAAa;AACbA,kBAAA,YAAA,IAAa;AACbA,kBAAA,UAAA,IAAW;AACXA,kBAAA,QAAA,IAAS;AACTA,kBAAA,SAAA,IAAU;AACVA,kBAAA,UAAA,IAAW;AACXA,kBAAA,MAAA,IAAO;AACPA,kBAAA,YAAA,IAAa;AACbA,kBAAA,YAAA,IAAa;AACbA,kBAAA,YAAA,IAAa;AACbA,kBAAA,YAAA,IAAa;AACbA,kBAAA,YAAA,IAAa;AACbA,kBAAA,WAAA,IAAY;AACZA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,MAAA,IAAO;AACPA,kBAAA,MAAA,IAAO;AAhCC,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAmCL,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,MAAA,IAAO;AACPA,qBAAA,eAAA,IAAgB;AAChBA,qBAAA,kBAAA,IAAmB;AACnBA,qBAAA,aAAA,IAAc;AACdA,qBAAA,gBAAA,IAAiB;AACjBA,qBAAA,KAAA,IAAM;AACNA,qBAAA,WAAA,IAAY;AACZA,qBAAA,mBAAA,IAAoB;AACpBA,qBAAA,KAAA,IAAM;AATE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AA2BL,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,aAAA,IAAc;AACdA,qBAAA,eAAA,IAAgB;AAChBA,qBAAA,iBAAA,IAAkB;AAClBA,qBAAA,aAAA,IAAc;AACdA,qBAAA,gBAAA,IAAiB;AACjBA,qBAAA,aAAA,IAAc;AACdA,qBAAA,gBAAA,IAAiB;AACjBA,qBAAA,uBAAA,IAAwB;AARhB,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;"}

package/core/src/constants/index.js

@@ -0,0 +1,9 @@
+var ButtonPositionEnum = /* @__PURE__ */ ((ButtonPositionEnum2) => {
+  ButtonPositionEnum2[ButtonPositionEnum2["CURRENT"] = 0] = "CURRENT";
+  ButtonPositionEnum2[ButtonPositionEnum2["DIY"] = 1] = "DIY";
+  return ButtonPositionEnum2;
+})(ButtonPositionEnum || {});
+export {
+  ButtonPositionEnum
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../core/src/constants/index.ts"],"sourcesContent":["export const PREVIEW_FILE_URL = 'tmgc2-filesystem/fileObject/getPreviewFileUrl?fileCode=';\n\nexport enum ButtonPositionEnum {\n    CURRENT = 0,\n    DIY = 1\n}\n\nexport const BUTTON_POSITION = [\n    {\n        label: '当前位置',\n        value: 0\n    },\n    {\n        label: '自定义位置',\n        value: 1\n    }\n];\n\nexport * from './LayoutTypeEnum';\nexport * from './EditorTypeEnum';\nexport * from './WidgetTypeEnum';\n"],"names":["ButtonPositionEnum"],"mappings":"AAEO,IAAK,uCAAAA,wBAAL;AACHA,sBAAAA,oBAAA,aAAU,CAAA,IAAV;AACAA,sBAAAA,oBAAA,SAAM,CAAA,IAAN;AAFQ,SAAAA;AAAA,GAAA,sBAAA,CAAA,CAAA;"}

package/core/src/hooks/useAppRef.js

@@ -0,0 +1,57 @@
+import { message } from "ant-design-vue";
+import { inject, ref, getCurrentInstance, computed } from "vue";
+import { useI18n } from "../utils/i18n.js";
+function useAppRef(widgetRefList, formWidgetId) {
+  const { i18nt } = useI18n();
+  const isRoot = formWidgetId !== void 0;
+  if (!isRoot) {
+    formWidgetId = inject("formWidgetId", "");
+  }
+  const refList = inject("refList", widgetRefList || ref(/* @__PURE__ */ new Map()));
+  const instance = getCurrentInstance();
+  const widgetId = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = instance == null ? void 0 : instance.exposed) == null ? void 0 : _a.field) == null ? void 0 : _b.options) == null ? void 0 : _c.name;
+  });
+  const initRefList = () => {
+    registerToRefList();
+  };
+  const getWidgetRef = (widgetName, showError) => {
+    const list = isRoot ? widgetRefList == null ? void 0 : widgetRefList.value : refList.value;
+    const foundRef = list.get(widgetName);
+    if (!foundRef && !!showError) {
+      message.error(i18nt("render.hint.refNotFound") + widgetName);
+    }
+    return foundRef;
+  };
+  const registerToRefList = (widgetName) => {
+    console.log({ widgetName, widgetId: widgetId.value });
+    const list = isRoot ? widgetRefList == null ? void 0 : widgetRefList.value : refList.value;
+    list.set(widgetName || widgetId.value, {
+      instance,
+      proxy: instance == null ? void 0 : instance.proxy,
+      ...instance == null ? void 0 : instance.appContext.config.globalProperties,
+      ...instance == null ? void 0 : instance.exposed
+    });
+  };
+  const unregisterFromRefList = () => {
+    var _a, _b, _c, _d;
+    const widgetId2 = (_c = (_b = (_a = instance == null ? void 0 : instance.exposed) == null ? void 0 : _a.field) == null ? void 0 : _b.options) == null ? void 0 : _c.name;
+    (_d = refList == null ? void 0 : refList.value) == null ? void 0 : _d.delete(widgetId2);
+  };
+  const getFormRef = () => {
+    return getWidgetRef(formWidgetId);
+  };
+  return {
+    refList,
+    getFormRef,
+    registerToRefList,
+    unregisterFromRefList,
+    initRefList,
+    getWidgetRef
+  };
+}
+export {
+  useAppRef
+};
+//# sourceMappingURL=useAppRef.js.map

package/core/src/hooks/useAppRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppRef.js","sources":["../../../../../core/src/hooks/useAppRef.ts"],"sourcesContent":["import { useI18n } from '@kp-ui/lowcode-core';\nimport { message } from 'ant-design-vue';\nimport { computed, getCurrentInstance, inject, ref, Ref } from 'vue';\n\nexport function useAppRef(widgetRefList?: Ref<Map<string, any>>, formWidgetId?: any) {\n    const { i18nt } = useI18n();\n    const isRoot = formWidgetId !== undefined;\n\n    if (!isRoot) {\n        formWidgetId = inject('formWidgetId', '');\n    }\n\n    const refList = inject<Ref<Map<string, any>>>('refList', widgetRefList || ref(new Map()));\n\n    const instance = getCurrentInstance();\n\n    const widgetId = computed(() => instance?.exposed?.field?.options?.name as string);\n\n    const initRefList = () => {\n        registerToRefList();\n    };\n\n    const getWidgetRef = (widgetName, showError?: boolean) => {\n        const list = isRoot ? (widgetRefList?.value as Map<any, any>) : refList.value;\n        const foundRef = list.get(widgetName);\n        if (!foundRef && !!showError) {\n            message.error(i18nt('render.hint.refNotFound') + widgetName);\n        }\n        return foundRef;\n    };\n\n    /* 该方法用于组件重名检查！！ */\n    const registerToRefList = (widgetName?: symbol | string) => {\n        console.log({ widgetName, widgetId: widgetId.value });\n\n        const list = isRoot ? (widgetRefList?.value as Map<any, any>) : refList.value;\n        list.set(widgetName || widgetId.value, {\n            instance,\n            proxy: instance?.proxy,\n            ...instance?.appContext.config.globalProperties,\n            ...instance?.exposed\n        });\n    };\n\n    /**\n     * 从引用列表中注销\n     */\n    const unregisterFromRefList = () => {\n        const widgetId = instance?.exposed?.field?.options?.name;\n        refList?.value?.delete(widgetId);\n    };\n\n    const getFormRef = () => {\n        return getWidgetRef(formWidgetId);\n    };\n\n    return {\n        refList,\n        getFormRef,\n        registerToRefList,\n        unregisterFromRefList,\n        initRefList,\n        getWidgetRef\n    };\n}\n"],"names":["widgetId"],"mappings":";;;AAIO,SAAS,UAAU,eAAuC,cAAoB;AACjF,QAAM,EAAE,MAAA,IAAU,QAAA;AAClB,QAAM,SAAS,iBAAiB;AAEhC,MAAI,CAAC,QAAQ;AACT,mBAAe,OAAO,gBAAgB,EAAE;AAAA,EAC5C;AAEA,QAAM,UAAU,OAA8B,WAAW,iBAAiB,IAAI,oBAAI,IAAA,CAAK,CAAC;AAExF,QAAM,WAAW,mBAAA;AAEjB,QAAM,WAAW,SAAS,MAAA;;AAAM,kEAAU,YAAV,mBAAmB,UAAnB,mBAA0B,YAA1B,mBAAmC;AAAA,GAAc;AAEjF,QAAM,cAAc,MAAM;AACtB,sBAAA;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC,YAAY,cAAwB;AACtD,UAAM,OAAO,SAAU,+CAAe,QAA0B,QAAQ;AACxE,UAAM,WAAW,KAAK,IAAI,UAAU;AACpC,QAAI,CAAC,YAAY,CAAC,CAAC,WAAW;AAC1B,cAAQ,MAAM,MAAM,yBAAyB,IAAI,UAAU;AAAA,IAC/D;AACA,WAAO;AAAA,EACX;AAGA,QAAM,oBAAoB,CAAC,eAAiC;AACxD,YAAQ,IAAI,EAAE,YAAY,UAAU,SAAS,OAAO;AAEpD,UAAM,OAAO,SAAU,+CAAe,QAA0B,QAAQ;AACxE,SAAK,IAAI,cAAc,SAAS,OAAO;AAAA,MACnC;AAAA,MACA,OAAO,qCAAU;AAAA,MACjB,GAAG,qCAAU,WAAW,OAAO;AAAA,MAC/B,GAAG,qCAAU;AAAA,IAAA,CAChB;AAAA,EACL;AAKA,QAAM,wBAAwB,MAAM;;AAChC,UAAMA,aAAW,sDAAU,YAAV,mBAAmB,UAAnB,mBAA0B,YAA1B,mBAAmC;AACpD,6CAAS,UAAT,mBAAgB,OAAOA;AAAAA,EAC3B;AAEA,QAAM,aAAa,MAAM;AACrB,WAAO,aAAa,YAAY;AAAA,EACpC;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/core/src/hooks/useDataHttp.js

@@ -0,0 +1,65 @@
+import { ref } from "vue";
+import { useExecFunction } from "tmgc2-share";
+import { useI18n } from "../utils/i18n.js";
+function useDataHttp({ props }) {
+  const { http, dataHandlerCode, dataReqHandlerCode } = props.field.options;
+  const { i18nt } = useI18n();
+  const isLoading = ref(false);
+  const { execHttpFunction } = useExecFunction();
+  const pagintion = ref({
+    ...props.widget.options.pagination,
+    onShowSizeChange: (current, pageSize) => {
+      props.field.options.pagination.pageSize = pageSize;
+      props.field.options.pagination.current = 1;
+      pagintion.value.current = 1;
+    },
+    showTotal: (total) => i18nt("designer.showTotal", { total })
+  });
+  const loadataSource = async () => {
+    try {
+      isLoading.value = true;
+      const data = await execHttpFunction(
+        {
+          http,
+          dataHandlerCode,
+          dataReqHandlerCode
+        },
+        {}
+      );
+      return data;
+    } catch (error) {
+      console.error(error);
+      return {};
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const getPagination = () => {
+    return pagintion.value;
+  };
+  const setPagination = (pagination) => {
+    if ((pagination == null ? void 0 : pagination.current) !== void 0) {
+      pagintion.value.current = pagination.current;
+      props.field.options.pagination.current = pagination.current;
+    }
+    if ((pagination == null ? void 0 : pagination.page) !== void 0) {
+      pagintion.value.current = pagination.page;
+      props.field.options.pagination.current = pagination.page;
+    }
+    if ((pagination == null ? void 0 : pagination.total) !== void 0) {
+      pagintion.value.total = pagination.total;
+      props.field.options.pagination.total = pagination.total;
+    }
+  };
+  return {
+    pagintion,
+    setPagination,
+    getPagination,
+    loadataSource,
+    isLoading
+  };
+}
+export {
+  useDataHttp
+};
+//# sourceMappingURL=useDataHttp.js.map

package/core/src/hooks/useDataHttp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataHttp.js","sources":["../../../../../core/src/hooks/useDataHttp.ts"],"sourcesContent":["import { ref } from 'vue';\nimport { PaginationProps } from 'ant-design-vue';\nimport { useI18n, WidgetProps } from '@kp-ui/lowcode-core';\nimport { useExecFunction } from 'tmgc2-share';\n\nexport function useDataHttp({ props }: { props: WidgetProps<any> }) {\n    const { http, dataHandlerCode, dataReqHandlerCode } = props.field.options;\n\n    const { i18nt } = useI18n();\n    const isLoading = ref(false);\n\n    const { execHttpFunction } = useExecFunction();\n    const pagintion = ref<PaginationProps>({\n        ...(props.widget.options.pagination as any),\n        onShowSizeChange: (current, pageSize) => {\n            props.field.options.pagination.pageSize = pageSize;\n            props.field.options.pagination.current = 1;\n            pagintion.value.current = 1;\n        },\n        showTotal: total => i18nt('designer.showTotal', { total })\n    });\n\n    const loadataSource = async (): Promise<any> => {\n        try {\n            isLoading.value = true;\n            const data = await execHttpFunction(\n                {\n                    http,\n                    dataHandlerCode,\n                    dataReqHandlerCode\n                },\n                {}\n            );\n            return data;\n        } catch (error) {\n            console.error(error);\n            return {};\n        } finally {\n            isLoading.value = false;\n        }\n    };\n\n    const getPagination = () => {\n        return pagintion.value;\n    };\n\n    /**\n     * 设置表格分页\n     * @param pagination\n     */\n    const setPagination = pagination => {\n        if (pagination?.current !== undefined) {\n            pagintion.value.current = pagination.current;\n            props.field.options.pagination.current = pagination.current;\n        }\n\n        if (pagination?.page !== undefined) {\n            pagintion.value.current = pagination.page;\n            props.field.options.pagination.current = pagination.page;\n        }\n\n        if (pagination?.total !== undefined) {\n            pagintion.value.total = pagination.total;\n            props.field.options.pagination.total = pagination.total;\n        }\n    };\n\n    return {\n        pagintion,\n        setPagination,\n        getPagination,\n        loadataSource,\n        isLoading\n    };\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,YAAY,EAAE,SAAsC;AAChE,QAAM,EAAE,MAAM,iBAAiB,mBAAA,IAAuB,MAAM,MAAM;AAElE,QAAM,EAAE,MAAA,IAAU,QAAA;AAClB,QAAM,YAAY,IAAI,KAAK;AAE3B,QAAM,EAAE,iBAAA,IAAqB,gBAAA;AAC7B,QAAM,YAAY,IAAqB;AAAA,IACnC,GAAI,MAAM,OAAO,QAAQ;AAAA,IACzB,kBAAkB,CAAC,SAAS,aAAa;AACrC,YAAM,MAAM,QAAQ,WAAW,WAAW;AAC1C,YAAM,MAAM,QAAQ,WAAW,UAAU;AACzC,gBAAU,MAAM,UAAU;AAAA,IAC9B;AAAA,IACA,WAAW,CAAA,UAAS,MAAM,sBAAsB,EAAE,OAAO;AAAA,EAAA,CAC5D;AAED,QAAM,gBAAgB,YAA0B;AAC5C,QAAI;AACA,gBAAU,QAAQ;AAClB,YAAM,OAAO,MAAM;AAAA,QACf;AAAA,UACI;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEJ,CAAA;AAAA,MAAC;AAEL,aAAO;AAAA,IACX,SAAS,OAAO;AACZ,cAAQ,MAAM,KAAK;AACnB,aAAO,CAAA;AAAA,IACX,UAAA;AACI,gBAAU,QAAQ;AAAA,IACtB;AAAA,EACJ;AAEA,QAAM,gBAAgB,MAAM;AACxB,WAAO,UAAU;AAAA,EACrB;AAMA,QAAM,gBAAgB,CAAA,eAAc;AAChC,SAAI,yCAAY,aAAY,QAAW;AACnC,gBAAU,MAAM,UAAU,WAAW;AACrC,YAAM,MAAM,QAAQ,WAAW,UAAU,WAAW;AAAA,IACxD;AAEA,SAAI,yCAAY,UAAS,QAAW;AAChC,gBAAU,MAAM,UAAU,WAAW;AACrC,YAAM,MAAM,QAAQ,WAAW,UAAU,WAAW;AAAA,IACxD;AAEA,SAAI,yCAAY,WAAU,QAAW;AACjC,gBAAU,MAAM,QAAQ,WAAW;AACnC,YAAM,MAAM,QAAQ,WAAW,QAAQ,WAAW;AAAA,IACtD;AAAA,EACJ;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/core/src/hooks/useDesigner.js

@@ -0,0 +1,60 @@
+import { inject, ref, computed } from "vue";
+import { LayoutTypeEnum } from "../constants/LayoutTypeEnum.js";
+function useDesigner() {
+  const designer = inject("designer", ref({}));
+  const designState = inject("designState", false);
+  const getWidget = inject("getWidget", (widget) => {
+  });
+  const formConfig = inject("formConfig", ref({}));
+  const formData = inject("formData", ref({}));
+  const layoutType = inject("layoutType", ref(LayoutTypeEnum.PC));
+  const isPc = computed(
+    () => layoutType.value === LayoutTypeEnum.PC || layoutType.value === LayoutTypeEnum.H5
+  );
+  const isH5 = computed(() => layoutType.value === LayoutTypeEnum.H5);
+  const isBI = computed(() => layoutType.value === LayoutTypeEnum.BI);
+  const onDragAdd = ({ newIndex }, widgetList) => {
+    const newWidget = widgetList[newIndex];
+    if (newWidget) {
+      designer.value.setSelected(newWidget);
+    } else {
+      designer.value.setSelected(widgetList[newIndex - 1]);
+    }
+  };
+  const onDragUpdate = () => {
+    designer.value.emitHistoryChange();
+  };
+  const selectWidget = (widget) => {
+    if (designState) {
+      designer.value.setSelected(widget);
+    }
+  };
+  const selectedWidget = computed(() => designer.value.selectedWidget);
+  const selected = (widgetId) => {
+    return designer.value.selectedId === widgetId;
+  };
+  const onWidgetClick = (widget) => {
+    designer.value.setSelected(widget);
+  };
+  return {
+    selectedWidget,
+    getWidget,
+    selected,
+    isPc,
+    isH5,
+    isBI,
+    designState,
+    formData,
+    formConfig,
+    designer,
+    layoutType,
+    onWidgetClick,
+    selectWidget,
+    onDragAdd,
+    onDragUpdate
+  };
+}
+export {
+  useDesigner
+};
+//# sourceMappingURL=useDesigner.js.map

package/core/src/hooks/useDesigner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDesigner.js","sources":["../../../../../core/src/hooks/useDesigner.ts"],"sourcesContent":["import { FormConfig, Widget } from '@kp-ui/lowcode-core/src/types/schema';\nimport { FormDesigner } from '@kp-ui/lowcode-core/src/types/designer';\nimport { LayoutTypeEnum } from '@kp-ui/lowcode-core';\nimport { computed, inject, nextTick, ref, Ref, watchEffect } from 'vue';\n\nexport function useDesigner() {\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n    const designState = inject('designState', false);\n    const getWidget = inject('getWidget', (widget: Widget) => {});\n    const formConfig = inject<Ref<FormConfig>>('formConfig', ref({} as FormConfig));\n    const formData = inject('formData', ref({}));\n\n    const layoutType = inject('layoutType', ref(LayoutTypeEnum.PC));\n    const isPc = computed(\n        () => layoutType.value === LayoutTypeEnum.PC || layoutType.value === LayoutTypeEnum.H5\n    );\n    const isH5 = computed(() => layoutType.value === LayoutTypeEnum.H5);\n\n    const isBI = computed(() => layoutType.value === LayoutTypeEnum.BI);\n\n    const onDragAdd = ({ newIndex }, widgetList: Widget[]) => {\n        const newWidget = widgetList[newIndex];\n        if (newWidget) {\n            designer.value.setSelected(newWidget);\n        } else {\n            designer.value.setSelected(widgetList[newIndex - 1]);\n        }\n    };\n\n    const onDragUpdate = () => {\n        designer.value.emitHistoryChange();\n    };\n\n    /**\n     * 选择子组件\n     * @param widget 组件配置\n     */\n    const selectWidget = widget => {\n        if (designState) {\n            designer.value.setSelected(widget);\n        }\n    };\n\n    const selectedWidget = computed(() => designer.value.selectedWidget);\n\n    const selected = (widgetId: string) => {\n        return designer.value.selectedId === widgetId;\n    };\n\n    const onWidgetClick = (widget: Widget) => {\n        designer.value.setSelected(widget);\n    };\n\n    return {\n        selectedWidget,\n        getWidget,\n        selected,\n        isPc,\n        isH5,\n        isBI,\n        designState,\n        formData,\n        formConfig,\n        designer,\n        layoutType,\n        onWidgetClick,\n        selectWidget,\n        onDragAdd,\n        onDragUpdate\n    };\n}\n"],"names":[],"mappings":";;AAKO,SAAS,cAAc;AAC1B,QAAM,WAAW,OAA0B,YAAY,IAAI,CAAA,CAAkB,CAAC;AAC9E,QAAM,cAAc,OAAO,eAAe,KAAK;AAC/C,QAAM,YAAY,OAAO,aAAa,CAAC,WAAmB;AAAA,EAAC,CAAC;AAC5D,QAAM,aAAa,OAAwB,cAAc,IAAI,CAAA,CAAgB,CAAC;AAC9E,QAAM,WAAW,OAAO,YAAY,IAAI,CAAA,CAAE,CAAC;AAE3C,QAAM,aAAa,OAAO,cAAc,IAAI,eAAe,EAAE,CAAC;AAC9D,QAAM,OAAO;AAAA,IACT,MAAM,WAAW,UAAU,eAAe,MAAM,WAAW,UAAU,eAAe;AAAA,EAAA;AAExF,QAAM,OAAO,SAAS,MAAM,WAAW,UAAU,eAAe,EAAE;AAElE,QAAM,OAAO,SAAS,MAAM,WAAW,UAAU,eAAe,EAAE;AAElE,QAAM,YAAY,CAAC,EAAE,SAAA,GAAY,eAAyB;AACtD,UAAM,YAAY,WAAW,QAAQ;AACrC,QAAI,WAAW;AACX,eAAS,MAAM,YAAY,SAAS;AAAA,IACxC,OAAO;AACH,eAAS,MAAM,YAAY,WAAW,WAAW,CAAC,CAAC;AAAA,IACvD;AAAA,EACJ;AAEA,QAAM,eAAe,MAAM;AACvB,aAAS,MAAM,kBAAA;AAAA,EACnB;AAMA,QAAM,eAAe,CAAA,WAAU;AAC3B,QAAI,aAAa;AACb,eAAS,MAAM,YAAY,MAAM;AAAA,IACrC;AAAA,EACJ;AAEA,QAAM,iBAAiB,SAAS,MAAM,SAAS,MAAM,cAAc;AAEnE,QAAM,WAAW,CAAC,aAAqB;AACnC,WAAO,SAAS,MAAM,eAAe;AAAA,EACzC;AAEA,QAAM,gBAAgB,CAAC,WAAmB;AACtC,aAAS,MAAM,YAAY,MAAM;AAAA,EACrC;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/{assets/useField.mjs → core/src/hooks/useField.js}

@@ -1,7 +1,11 @@
 import { inject, ref, getCurrentInstance, computed, toRaw, onMounted, onBeforeUnmount } from "vue";
 import { get, eq, isArray } from "lodash-es";
 import { useExecFunction } from "tmgc2-share";
-import { a as useAppRef, b as useEmitter, c as useI18n, F as FormValidators, d as deepClone } from "./install.mjs";
+import FormValidators from "../utils/validators.js";
+import { useAppRef } from "./useAppRef.js";
+import { useEmitter } from "../utils/useEmitter.js";
+import { useI18n } from "../utils/i18n.js";
+import { deepClone } from "../utils/util.js";
 function useField(props, isInitModelValue = true) {
   const formConfig = inject("formConfig", ref({}));
   const formModel = inject("formData", ref({}));
@@ -34,7 +38,7 @@ function useField(props, isInitModelValue = true) {
   });
   const fieldModel = computed({
     get() {
-      return get(formModel.value, getPropName.value);
+      return get((formModel == null ? void 0 : formModel.value) || {}, getPropName.value);
     },
     set(value) {
       syncUpdateFormModel(value);
@@ -288,7 +292,19 @@ function useField(props, isInitModelValue = true) {
     }
     if (props.field.options.onAppendButtonClick) {
       executeFunction({
-        functionBody: props.field.options.onAppendButtonClick
+        functionBody: options.value.onAppendButtonClick
+      });
+    }
+  };
+  const executeWidgetEventFunction = async (eventName, params, keys = ["params"]) => {
+    if (designState) {
+      return;
+    }
+    if (options.value[eventName]) {
+      await asyncExecuteFunction({
+        functionBody: options.value[eventName],
+        params: { params },
+        keys
       });
     }
   };
@@ -410,7 +426,8 @@ function useField(props, isInitModelValue = true) {
     getFormRef().clearValidate(getPropName.value);
   };
   const getVfCtx = () => {
-    return getFormRef().vfCtx;
+    var _a;
+    return ((_a = getFormRef()) == null ? void 0 : _a.vfCtx) || {};
   };
   const setLabel = (newLabel) => {
     props.field.options.label = newLabel;
@@ -486,6 +503,7 @@ function useField(props, isInitModelValue = true) {
     unregisterFromRefList();
   });
   const defineExposed = {
+    subFormRowIndex: computed(() => props.subFormRowIndex),
     i18nt,
     options,
     proxy: instance == null ? void 0 : instance.proxy,
@@ -515,6 +533,7 @@ function useField(props, isInitModelValue = true) {
     focus
   };
   return {
+    executeWidgetEventFunction,
     asyncExecuteFunction,
     executeFunction,
     options,
@@ -569,5 +588,6 @@ function useField(props, isInitModelValue = true) {
   };
 }
 export {
-  useField as u
+  useField
 };
+//# sourceMappingURL=useField.js.map

package/core/src/hooks/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../../../../core/src/hooks/useField.ts"],"sourcesContent":["import {\n    ref,\n    computed,\n    inject,\n    onMounted,\n    onBeforeUnmount,\n    getCurrentInstance,\n    Ref,\n    toRaw,\n    toRefs\n} from 'vue';\nimport { isArray, eq, get } from 'lodash-es';\nimport { FormConfig, FormValidators, Widget } from '@kp-ui/lowcode-core';\nimport { useEmitter, deepClone, useAppRef, useI18n } from '@kp-ui/lowcode-core';\nimport { useExecFunction } from 'tmgc2-share';\n\nexport type FieldProps<T = Widget> = {\n    widget: T;\n    field: T;\n    designer?: any;\n    parentWidget?: Widget | null;\n    parentList?: T[] | null;\n    indexOfParentList?: number;\n    subFormRowIndex?: number;\n    subFormRowId?: string;\n    subFormColIndex?: number;\n};\n\n/**\n * 表单字段 Hook，提供表单字段的通用功能\n * @returns 表单字段相关的状态和方法\n */\nexport function useField<T extends Widget>(props: FieldProps<T>, isInitModelValue = true) {\n    // 注入依赖\n    const formConfig = inject<Ref<FormConfig>>('formConfig', ref({} as FormConfig));\n    const formModel = inject<Ref<any>>('formData', ref({}));\n    const getReadMode = inject('getReadMode', () => false);\n    const isSubFormField = inject('isSubFormField', false);\n\n    const getSubFormName = inject('getSubFormName', () => '');\n    const designState = inject('designState', false);\n\n    const { registerToRefList, getWidgetRef, getFormRef, unregisterFromRefList } = useAppRef();\n    const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n    const { i18nt, i18n2t } = useI18n();\n    const { field } = props;\n\n    const fieldEditor = ref<InstanceType<any>>(null);\n    // 状态\n    const oldFieldValue = ref<any>(null);\n    const fieldReadonlyFlag = ref<boolean>(false);\n    const loading = ref<boolean>(false);\n    const rules = ref<any[]>([]);\n    const uploadData = ref<Record<string, any>>({});\n    const customToolbar = ref<any>(null);\n    const instance = getCurrentInstance();\n    const { dispatch } = useEmitter();\n\n    const size = computed(() => {\n        if (field?.options?.size) {\n            return field.options.size;\n        }\n        return formConfig.value.size || 'middle';\n    });\n\n    const subFormName = computed(() => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const fieldModel = computed({\n        get() {\n            return get(formModel?.value || {}, getPropName.value);\n        },\n        set(value) {\n            syncUpdateFormModel(value);\n        }\n    });\n\n    const subFormData = computed(() => formModel.value[subFormName.value]);\n\n    const isReadMode = computed(() => {\n        return getReadMode() ? true : fieldReadonlyFlag.value;\n    });\n\n    /**\n     * 处理字段隐藏逻辑\n     * @returns 是否隐藏\n     */\n    const handleHidden = computed(() => {\n        if (designState) {\n            return false;\n        }\n        const { onHidden, hidden } = props.field.options;\n\n        if (hidden) return true;\n        if (onHidden) {\n            try {\n                const result = executeFunction({\n                    functionBody: onHidden\n                });\n                if (typeof result === 'boolean') {\n                    return result;\n                } else {\n                    return false;\n                }\n            } catch {\n                return false;\n            }\n        }\n        return false;\n    });\n\n    /**\n     * 处理字段禁用逻辑\n     * @returns 是否禁用\n     */\n    const handleDisabled = computed(() => {\n        if (designState) {\n            return false;\n        }\n        const { onDisabled, disabled } = props.field.options;\n        if (disabled) return true;\n        if (onDisabled) {\n            try {\n                const result = executeFunction({\n                    functionBody: onDisabled\n                });\n                if (typeof result === 'boolean') {\n                    return result;\n                } else {\n                    return false;\n                }\n            } catch (error) {\n                console.log({ error });\n                return false;\n            }\n        }\n        return false;\n    });\n\n    /**\n     * 在数组中查找元素\n     * @param arrayObject 数组对象\n     * @param element 要查找的元素\n     * @returns 找到的索引，未找到返回-1\n     */\n    const findInArray = (arrayObject: any[], element: any) => {\n        if (!Array.isArray(arrayObject)) {\n            return -1;\n        }\n\n        let foundIdx = -1;\n        arrayObject.forEach((aItem, aIdx) => {\n            if (aItem === element) {\n                foundIdx = aIdx;\n            }\n        });\n\n        return foundIdx;\n    };\n\n    /**\n     * 获取属性名称\n     * @returns 属性名称\n     */\n    const getPropName = computed(() => {\n        if (isSubFormField && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else {\n            return props.field.options.name;\n        }\n    });\n\n    /**\n     * 处理组件创建事件\n     */\n    async function handleOnCreated() {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (props.field.options.onCreated) {\n            await asyncExecuteFunction({\n                functionBody: props.field.options.onCreated\n            });\n        }\n    }\n\n    /**\n     * 处理组件挂载事件\n     */\n    async function handleOnMounted() {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n        if (props.field.options.onMounted) {\n            await asyncExecuteFunction({\n                functionBody: props.field.options.onMounted\n            });\n        }\n    }\n\n    /**\n     * 刷新默认值\n     */\n    const refreshDefaultValue = () => {\n        fieldModel.value = props.field.options.defaultValue;\n    };\n\n    /**\n     * 清除字段规则\n     */\n    const clearFieldRules = () => {\n        if (!props.field.formItemFlag) {\n            return;\n        }\n\n        rules.value.splice(0, rules.value.length); // 清空已有\n    };\n\n    /**\n     * 构建字段规则\n     */\n    const buildFieldRules = () => {\n        if (!props?.field.formItemFlag || props?.field.options.hidden) {\n            return;\n        }\n\n        rules.value.splice(0, rules.value.length); // 清空已有\n        if (props.field.options.required) {\n            rules.value.push({\n                required: true,\n                // trigger: ['blur', 'change'],\n                trigger: [\n                    'blur'\n                ] /* 去掉change事件触发校验，change事件触发时formModel数据尚未更新，导致radio/checkbox必填校验出错！！ */,\n                message: props.field.options.requiredHint || i18nt('render.hint.fieldRequired')\n            });\n        }\n\n        if (props.field.options.validation) {\n            const vldName = props.field.options.validation;\n            if (FormValidators[vldName]) {\n                rules.value.push({\n                    validator: FormValidators[vldName],\n                    trigger: ['blur', 'change'],\n                    label: props.field.options.label,\n                    errorMsg: props.field.options.validationHint\n                });\n            } else {\n                rules.value.push({\n                    validator: FormValidators['regExp'],\n                    trigger: ['blur', 'change'],\n                    regExp: vldName,\n                    label: props.field.options.label,\n                    errorMsg: props.field.options.validationHint\n                });\n            }\n        }\n\n        if (props.field.options.onValidate) {\n            const customFn = (rule: any, value: any) => {\n                return executeFunction({\n                    functionBody: props.field.options.onValidate,\n                    params: { rule, value },\n                    keys: ['rule', 'value']\n                });\n            };\n            rules.value.push({\n                validator: customFn,\n                trigger: ['blur'],\n                label: props.field.options.label\n            });\n        }\n    };\n\n    /**\n     * 禁用字段值变动触发表单校验\n     */\n    const disableChangeValidate = () => {\n        if (!rules.value) {\n            return;\n        }\n\n        rules.value.forEach(rule => {\n            if (rule.trigger) {\n                rule.trigger.splice(0, rule.trigger.length);\n            }\n        });\n    };\n\n    /**\n     * 启用字段值变动触发表单校验\n     */\n    const enableChangeValidate = () => {\n        if (!rules.value) {\n            return;\n        }\n\n        rules.value.forEach(rule => {\n            if (rule.trigger) {\n                rule.trigger.push('blur');\n                rule.trigger.push('change');\n            }\n        });\n    };\n\n    /**\n     * 禁用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const disableOptionOfList = (optionList: any[], optionValue: any) => {\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = true;\n                }\n            });\n        }\n    };\n\n    /**\n     * 启用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const enableOptionOfList = (optionList: any[], optionValue: any) => {\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = false;\n                }\n            });\n        }\n    };\n\n    /**\n     * 发送字段数据变更事件\n     * @param newValue 新值\n     * @param oldValue 旧值\n     */\n    const emitFieldDataChange = (newValue: any, oldValue: any) => {\n        if (newValue) {\n            newValue = newValue.target ? newValue.target.value : newValue;\n        }\n\n        if (!instance) return;\n\n        /* 必须用dispatch向指定父组件派发消息！！ */\n        dispatch('VFormRender', 'fieldChange', [\n            props.field.options.name,\n            newValue,\n            oldValue,\n            subFormName.value,\n            props.subFormRowIndex\n        ]);\n    };\n\n    /**\n     * 同步更新表单模型\n     * @param value 值\n     */\n\n    const syncUpdateFormModel = value => {\n        if (designState) {\n            dispatch('VFormDesigner', 'fieldChange', {\n                fieldName: getPropName.value,\n                value,\n                field: field\n            });\n            //设计状态不触发事件\n            return;\n        }\n        /* 主动触发表单的单个字段校验，用于清除字段可能存在的校验错误提示 */\n        dispatch('VFormRender', 'fieldValidation', [getPropName.value]);\n        const oldValue = toRaw(fieldModel.value);\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value,\n            oldValue: oldValue,\n            field: field\n        });\n        handleOnChange(value, oldValue);\n    };\n\n    /**\n     * 处理焦点自定义事件\n     * @param event 事件对象\n     */\n    const handleFocusCustomEvent = (event: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        oldFieldValue.value = deepClone(fieldModel.value); // 保存修改change之前的值\n\n        if (props.field.options.onFocus) {\n            executeFunction({\n                functionBody: props.field.options.onFocus,\n                params: { event },\n                keys: ['event']\n            });\n        }\n    };\n\n    /**\n     * 处理失焦自定义事件\n     * @param event 事件对象\n     */\n    const handleBlurCustomEvent = (event: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (props.field.options.onBlur) {\n            executeFunction({\n                functionBody: props.field.options.onBlur,\n                params: { event },\n                keys: ['event']\n            });\n        }\n    };\n\n    /**\n     * 发送附加按钮点击事件\n     */\n    const emitAppendButtonClick = () => {\n        if (designState) {\n            // 设计状态不触发点击事件\n            return;\n        }\n\n        if (props.field.options.onAppendButtonClick) {\n            executeFunction({\n                functionBody: options.value.onAppendButtonClick\n            });\n        }\n    };\n\n    const executeWidgetEventFunction = async (\n        eventName: string,\n        params: any,\n        keys = ['params']\n    ) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (options.value[eventName]) {\n            await asyncExecuteFunction({\n                functionBody: options.value[eventName],\n                params: { params },\n                keys: keys\n            });\n        }\n    };\n\n    /**\n     * 处理变更事件\n     * @param val 新值\n     * @param oldVal 旧值\n     * @param ops 选项\n     */\n    const handleOnChange = (val: any, oldVal: any) => {\n        // 自定义onChange事件\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (props.field.options.onChange) {\n            executeFunction({\n                functionBody: props.field.options.onChange,\n                params: {\n                    value: val,\n                    oldValue: oldVal,\n                    subFormData: subFormData.value,\n                    rowId: props.subFormRowId\n                },\n                keys: ['value', 'oldValue', 'subFormData', 'rowId']\n            });\n        }\n    };\n\n    /**\n     * 处理点击事件\n     */\n    const onClick = async () => {\n        if (designState) {\n            // 设计状态不触发点击事件\n            return;\n        }\n\n        if (props.field.options.onClick) {\n            return await asyncExecuteFunction({\n                functionBody: props.field.options.onClick\n            });\n        }\n    };\n\n    /**\n     * 处理图标点击事件\n     */\n    const handleClickIcon = async () => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n        if (handleDisabled.value) {\n            return;\n        }\n        if (field.options.onClickIcon) {\n            await asyncExecuteFunction({\n                functionBody: field.options.onClickIcon\n            });\n        }\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return fieldEditor.value;\n    };\n\n    /**\n     * 显示文件列表\n     * @param list 文件列表\n     * @returns 格式化后的文件列表\n     */\n    const showFileList = (list: any) => {\n        if (typeof list === 'string') {\n            list = JSON.parse(list);\n        }\n        if (!isArray(list)) return [];\n        const res = list.map((item: any, uid: number) => ({\n            ...item,\n            name: item.fileName,\n            uid\n        }));\n        return res;\n    };\n\n    /**\n     * 设置值\n     * @param newValue 新值\n     * @param disableChangeEvent 是否禁用变更事件\n     */\n    const setValue = (newValue: any, disableChangeEvent = false) => {\n        if (newValue) {\n            newValue = newValue.target ? newValue.target.value : newValue;\n        }\n        if (eq(fieldModel.value, newValue)) return;\n\n        const oldValue = deepClone(fieldModel.value);\n        if (props.field.type === 'file-upload') {\n            newValue = showFileList(newValue || []);\n            // TODO\n        } else if (props.field.type === 'code-editor') {\n            const fieldEditor = getFieldEditor();\n            if (fieldEditor) {\n                fieldEditor.setValue(newValue);\n            }\n        }\n        fieldModel.value = newValue;\n        if (!disableChangeEvent) {\n            emitFieldDataChange(newValue, oldValue);\n        }\n    };\n\n    /**\n     * 获取值\n     * @returns 字段值\n     */\n    const getValue = () => {\n        return fieldModel.value;\n    };\n\n    /**\n     * 重置字段\n     */\n    const resetField = () => {\n        const defaultValue = props.field.options.defaultValue;\n        setValue(defaultValue);\n\n        // 清空上传组件文件列表\n        if (props.field.type === 'picture-upload' || props.field.type === 'file-upload') {\n            fieldModel.value.splice(0, fieldModel.value.length);\n            // handleChangeEvent(fieldModel.value);\n        }\n    };\n\n    /**\n     * 设置只读\n     * @param flag 是否只读\n     */\n    const setReadonly = (flag: boolean) => {\n        props.field.options.readonly = flag;\n    };\n\n    /**\n     * 设置禁用\n     * @param flag 是否禁用\n     */\n    const setDisabled = (flag: boolean) => {\n        props.field.options.disabled = flag;\n    };\n\n    /**\n     * 设置附加按钮可见性\n     * @param flag 是否可见\n     */\n    const setAppendButtonVisible = (flag: boolean) => {\n        props.field.options.appendButton = flag;\n    };\n\n    /**\n     * 设置附加按钮禁用状态\n     * @param flag 是否禁用\n     */\n    const setAppendButtonDisabled = (flag: boolean) => {\n        props.field.options.appendButtonDisabled = flag;\n    };\n\n    /**\n     * 设置隐藏\n     * @param flag 是否隐藏\n     */\n    const setHidden = (flag: boolean) => {\n        props.field.options.hidden = flag;\n\n        if (flag) {\n            // 清除组件校验规则\n            clearFieldRules();\n        } else {\n            // 重建组件校验规则\n            buildFieldRules();\n        }\n    };\n\n    /**\n     * 设置必填\n     * @param flag 是否必填\n     */\n    const setRequired = (flag: boolean) => {\n        props.field.options.required = flag;\n        buildFieldRules();\n\n        if (!designState && !flag) {\n            // 清除必填校验提示\n            clearValidate();\n        }\n    };\n\n    /**\n     * 清除字段校验提示\n     */\n    const clearValidate = () => {\n        if (designState) {\n            return;\n        }\n\n        getFormRef().clearValidate(getPropName.value);\n    };\n\n    /**\n     * 获取VForm上下文\n     * @returns VForm上下文\n     */\n    const getVfCtx = () => {\n        return getFormRef()?.vfCtx || {};\n    };\n\n    /**\n     * 设置标签\n     * @param newLabel 新标签\n     */\n    const setLabel = (newLabel: string) => {\n        props.field.options.label = newLabel;\n    };\n\n    /**\n     * 聚焦\n     */\n    const focus = () => {\n        const fieldEditor = getFieldEditor();\n        if (fieldEditor && fieldEditor.focus) {\n            fieldEditor.focus();\n        }\n    };\n\n    /**\n     * 设置上传数据\n     * @param name 名称\n     * @param value 值\n     */\n    const setUploadData = (name: string, value: any) => {\n        uploadData.value[name] = value;\n    };\n\n    /**\n     * 设置或取消设置字段只读查看模式\n     * @param readonlyFlag 只读标志\n     */\n    const setReadMode = (readonlyFlag = true) => {\n        fieldReadonlyFlag.value = readonlyFlag;\n    };\n\n    /**\n     * 动态增加自定义css样式\n     * @param className 类名\n     */\n    const addCssClass = (className: string) => {\n        if (!props.field.options.customClass) {\n            props.field.options.customClass = [className];\n        } else {\n            props.field.options.customClass.push(className);\n        }\n    };\n    const customClass = computed(() => props.field.options.customClass);\n\n    /**\n     * 动态移除自定义css样式\n     * @param className 类名\n     */\n    const removeCssClass = (className: string) => {\n        if (!props.field.options.customClass) {\n            return;\n        }\n\n        let foundIdx = -1;\n        props.field.options.customClass.map((cc: string, idx: number) => {\n            if (cc === className) {\n                foundIdx = idx;\n            }\n        });\n        if (foundIdx > -1) {\n            props.field.options.customClass.splice(foundIdx, 1);\n        }\n    };\n\n    const getEl = () => {\n        return fieldEditor.value?.$el;\n    };\n\n    /**\n     * 设置组件选项\n     * @param optionName 选项名称\n     * @param optionValue 选项值\n     */\n    const setWidgetOption = (optionName: string, optionValue: any) => {\n        // 通用组件选项修改API\n        props.field.options[optionName] = optionValue;\n    };\n\n    const options = computed({\n        get() {\n            return props.field.options;\n        },\n        set(value) {\n            props.field.options = value;\n        }\n    });\n\n    const initFieldModel = () => {\n        const defaultValue =\n            typeof props.field.options.defaultValue === 'undefined'\n                ? ''\n                : props.field.options.defaultValue;\n\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value: defaultValue,\n            oldValue: toRaw(fieldModel.value),\n            field: field\n        });\n    };\n\n    // 生命周期钩子\n    onMounted(async () => {\n        if (isInitModelValue) {\n            initFieldModel();\n        }\n        await registerToRefList();\n\n        await handleOnCreated();\n\n        await handleOnMounted();\n        buildFieldRules();\n    });\n\n    onBeforeUnmount(() => {\n        unregisterFromRefList();\n    });\n\n    const defineExposed = {\n        subFormRowIndex: computed(() => props.subFormRowIndex),\n        i18nt,\n        options,\n        proxy: instance?.proxy,\n        field,\n        widget: field,\n        fieldModel,\n        fieldEditor,\n        isReadMode,\n        setWidgetOption,\n        setReadonly,\n        setDisabled,\n        getVfCtx,\n        setLabel,\n        getEl,\n        setReadMode,\n        resetField,\n        setValue,\n        getValue,\n        getFieldEditor,\n        getFormRef,\n        getWidgetRef,\n        setHidden,\n        addCssClass,\n        removeCssClass,\n        setRequired,\n        clearValidate,\n        focus\n    };\n\n    return {\n        executeWidgetEventFunction,\n        asyncExecuteFunction,\n        executeFunction,\n        options,\n        customClass,\n        fieldEditor,\n        // 状态\n        fieldModel,\n        oldFieldValue,\n        fieldReadonlyFlag,\n        loading,\n        rules,\n        uploadData,\n        designState,\n        customToolbar,\n        i18nt,\n        i18n2t,\n        size,\n        field,\n        // 计算属性\n        formConfig,\n        subFormName,\n\n        formModel,\n        isReadMode,\n\n        // 方法\n        handleHidden,\n        handleDisabled,\n        findInArray,\n        getPropName,\n        refreshDefaultValue,\n        clearFieldRules,\n        buildFieldRules,\n        disableChangeValidate,\n        enableChangeValidate,\n        disableOptionOfList,\n        enableOptionOfList,\n        emitFieldDataChange,\n        syncUpdateFormModel,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        emitAppendButtonClick,\n        handleOnChange,\n        onClick,\n        handleClickIcon,\n        getFieldEditor,\n        showFileList,\n\n        setAppendButtonVisible,\n        setAppendButtonDisabled,\n\n        focus,\n        setUploadData,\n\n        isSubFormField,\n        defineExposed\n    };\n}\n"],"names":["fieldEditor"],"mappings":"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"}

package/core/src/hooks/useFormValidation.js

@@ -0,0 +1,112 @@
+import { ref } from "vue";
+const useFormValidation = (formRef) => {
+  const validationErrors = ref({});
+  const getFieldValidationRules = (widget) => {
+    if (!widget || !widget.options) return [];
+    const rules = [];
+    const options = widget.options;
+    if (options.required) {
+      rules.push({
+        required: true,
+        message: options.requiredMessage || `${options.label}不能为空`,
+        trigger: options.validateTrigger || ["blur", "change"]
+      });
+    }
+    if (options.regList && options.regList.length > 0) {
+      options.regList.forEach((reg) => {
+        if (reg.pattern) {
+          rules.push({
+            pattern: new RegExp(reg.pattern),
+            message: reg.message,
+            trigger: options.validateTrigger || ["blur", "change"]
+          });
+        }
+      });
+    }
+    if (options.customValidator) {
+      try {
+        const validatorFunc = (rule, value, callback) => {
+          try {
+            const customFunc = new Function(
+              "rule",
+              "value",
+              "callback",
+              options.customValidator
+            );
+            return customFunc(rule, value, callback);
+          } catch (e) {
+            console.error("自定义验证函数执行错误:", e);
+            callback(new Error("验证失败"));
+          }
+        };
+        rules.push({
+          validator: validatorFunc,
+          trigger: options.validateTrigger || ["blur", "change"]
+        });
+      } catch (e) {
+        console.error("自定义验证函数解析错误:", e);
+      }
+    }
+    return rules;
+  };
+  const validate = () => {
+    return new Promise((resolve) => {
+      if (!formRef.value) {
+        resolve(true);
+        return;
+      }
+      formRef.value.validate().then(() => {
+        validationErrors.value = {};
+        resolve(true);
+      }).catch((errors) => {
+        var _a;
+        (_a = formRef.value) == null ? void 0 : _a.scrollToField(errors.errorFields[0].name);
+        validationErrors.value = errors || {};
+        resolve(false);
+      });
+    });
+  };
+  const validateField = (fieldName) => {
+    return new Promise((resolve) => {
+      if (!formRef.value) {
+        resolve(true);
+        return;
+      }
+      formRef.value.validateFields([fieldName]).then(() => {
+        if (validationErrors.value[fieldName]) {
+          delete validationErrors.value[fieldName];
+        }
+        resolve(true);
+      }).catch((error) => {
+        if (error && error[fieldName]) {
+          validationErrors.value[fieldName] = error[fieldName];
+        }
+        resolve(false);
+      });
+    });
+  };
+  const resetValidation = () => {
+    if (formRef.value) {
+      formRef.value.resetFields();
+    }
+    validationErrors.value = {};
+  };
+  const clearValidate = () => {
+    if (formRef.value) {
+      formRef.value.clearValidate();
+    }
+    validationErrors.value = {};
+  };
+  return {
+    validate,
+    validateField,
+    resetValidation,
+    clearValidate,
+    validationErrors,
+    getFieldValidationRules
+  };
+};
+export {
+  useFormValidation
+};
+//# sourceMappingURL=useFormValidation.js.map

package/core/src/hooks/useFormValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValidation.js","sources":["../../../../../core/src/hooks/useFormValidation.ts"],"sourcesContent":["import { Ref, ref } from 'vue';\n\nimport { type FormInstance } from 'ant-design-vue';\nimport { Widget } from '@kp-ui/lowcode-core/src/types/schema';\n/**\n * 表单验证器接口\n */\nexport interface FormValidator {\n    /**\n     * 验证表单\n     * @returns 是否验证通过\n     */\n    validate(): Promise<boolean>;\n\n    /**\n     * 验证特定字段\n     * @param fieldName 字段名称\n     * @returns 是否验证通过\n     */\n    validateField(fieldName: string): Promise<boolean>;\n\n    /**\n     * 重置表单验证\n     */\n    resetValidation(): void;\n\n    /**\n     * 清除表单验证\n     */\n    clearValidate(): void;\n}\n\n/**\n * 表单验证规则\n */\nexport interface ValidationRule {\n    required?: boolean;\n    message?: string;\n    trigger?: string | string[];\n    min?: number;\n    max?: number;\n    type?: string;\n    pattern?: RegExp | string;\n    validator?: (rule: any, value: any, callback: any) => void;\n}\n\n/**\n * 创建表单验证器\n * @param formRef 表单引用\n * @param widgetList 组件列表\n * @returns 表单验证器\n */\nexport const useFormValidation = (formRef: Ref<FormInstance>) => {\n    const validationErrors = ref<Record<string, string[]>>({});\n\n    /**\n     * 获取字段验证规则\n     * @param widget 组件配置\n     * @returns 验证规则数组\n     */\n    const getFieldValidationRules = (widget: Widget): ValidationRule[] => {\n        if (!widget || !widget.options) return [];\n\n        const rules: ValidationRule[] = [];\n        const options = widget.options;\n\n        // 必填验证\n        if (options.required) {\n            rules.push({\n                required: true,\n                message: options.requiredMessage || `${options.label}不能为空`,\n                trigger: options.validateTrigger || ['blur', 'change']\n            });\n        }\n\n        // 正则表达式验证\n        if (options.regList && options.regList.length > 0) {\n            options.regList.forEach((reg: any) => {\n                if (reg.pattern) {\n                    rules.push({\n                        pattern: new RegExp(reg.pattern),\n                        message: reg.message,\n                        trigger: options.validateTrigger || ['blur', 'change']\n                    });\n                }\n            });\n        }\n\n        // 自定义验证函数\n        if (options.customValidator) {\n            try {\n                // 创建一个符合验证器函数签名的包装函数\n                const validatorFunc = (rule: any, value: any, callback: any) => {\n                    try {\n                        const customFunc = new Function(\n                            'rule',\n                            'value',\n                            'callback',\n                            options.customValidator\n                        );\n                        return customFunc(rule, value, callback);\n                    } catch (e) {\n                        console.error('自定义验证函数执行错误:', e);\n                        callback(new Error('验证失败'));\n                    }\n                };\n\n                rules.push({\n                    validator: validatorFunc,\n                    trigger: options.validateTrigger || ['blur', 'change']\n                });\n            } catch (e) {\n                console.error('自定义验证函数解析错误:', e);\n            }\n        }\n\n        return rules;\n    };\n\n    /**\n     * 验证表单\n     * @returns 是否验证通过的Promise\n     */\n    const validate = (): Promise<boolean> => {\n        return new Promise(resolve => {\n            if (!formRef.value) {\n                resolve(true);\n                return;\n            }\n            formRef.value\n                .validate()\n                .then(() => {\n                    validationErrors.value = {};\n                    resolve(true);\n                })\n                .catch((errors: any) => {\n                    formRef.value?.scrollToField(errors.errorFields[0].name);\n                    validationErrors.value = errors || {};\n                    resolve(false);\n                });\n        });\n    };\n\n    /**\n     * 验证特定字段\n     * @param fieldName 字段名称\n     * @returns 是否验证通过的Promise\n     */\n    const validateField = (fieldName: string): Promise<boolean> => {\n        return new Promise(resolve => {\n            if (!formRef.value) {\n                resolve(true);\n                return;\n            }\n\n            formRef.value\n                .validateFields([fieldName])\n                .then(() => {\n                    if (validationErrors.value[fieldName]) {\n                        delete validationErrors.value[fieldName];\n                    }\n                    resolve(true);\n                })\n                .catch((error: any) => {\n                    if (error && error[fieldName]) {\n                        validationErrors.value[fieldName] = error[fieldName];\n                    }\n                    resolve(false);\n                });\n        });\n    };\n\n    /**\n     * 重置表单验证\n     */\n    const resetValidation = () => {\n        if (formRef.value) {\n            formRef.value.resetFields();\n        }\n        validationErrors.value = {};\n    };\n\n    /**\n     * 清除表单验证\n     */\n    const clearValidate = () => {\n        if (formRef.value) {\n            formRef.value.clearValidate();\n        }\n        validationErrors.value = {};\n    };\n\n    return {\n        validate,\n        validateField,\n        resetValidation,\n        clearValidate,\n        validationErrors,\n        getFieldValidationRules\n    };\n};\n"],"names":[],"mappings":"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"}