@kp-ui/lowcode-pc 1.0.0-alpha.9 → 1.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetTypeEnum.js","sources":["../../../../../core/src/constants/WidgetTypeEnum.ts"],"sourcesContent":["export enum WidgetTypeEnum {\n    input = 'input-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,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;AA/BC,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAkCL,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;"}
+{"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/hooks/useAppRef.js

@@ -25,6 +25,7 @@ function useAppRef(widgetRefList, formWidgetId) {
     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,

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

@@ -1 +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        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,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;"}
+{"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

@@ -38,15 +38,15 @@ function useDataHttp({ props }) {
     return pagintion.value;
   };
   const setPagination = (pagination) => {
-    if (pagination.current !== void 0) {
+    if ((pagination == null ? void 0 : pagination.current) !== void 0) {
       pagintion.value.current = pagination.current;
       props.field.options.pagination.current = pagination.current;
     }
-    if (pagination.page !== void 0) {
+    if ((pagination == null ? void 0 : pagination.page) !== void 0) {
       pagintion.value.current = pagination.page;
       props.field.options.pagination.current = pagination.page;
     }
-    if (pagination.total !== void 0) {
+    if ((pagination == null ? void 0 : pagination.total) !== void 0) {
       pagintion.value.total = pagination.total;
       props.field.options.pagination.total = pagination.total;
     }

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

@@ -1 +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,QAAI,WAAW,YAAY,QAAW;AAClC,gBAAU,MAAM,UAAU,WAAW;AACrC,YAAM,MAAM,QAAQ,WAAW,UAAU,WAAW;AAAA,IACxD;AAEA,QAAI,WAAW,SAAS,QAAW;AAC/B,gBAAU,MAAM,UAAU,WAAW;AACrC,YAAM,MAAM,QAAQ,WAAW,UAAU,WAAW;AAAA,IACxD;AAEA,QAAI,WAAW,UAAU,QAAW;AAChC,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;"}
+{"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

@@ -25,7 +25,9 @@ function useDesigner() {
     designer.value.emitHistoryChange();
   };
   const selectWidget = (widget) => {
-    designer.value.setSelected(widget);
+    if (designState) {
+      designer.value.setSelected(widget);
+    }
   };
   const selectedWidget = computed(() => designer.value.selectedWidget);
   const selected = (widgetId) => {

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

@@ -1 +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 } 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        designer.value.setSelected(widget);\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,aAAS,MAAM,YAAY,MAAM;AAAA,EACrC;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;"}
+{"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/core/src/hooks/useField.js

@@ -1,7 +1,7 @@
 import { inject, ref, getCurrentInstance, computed, toRaw, onMounted, onBeforeUnmount } from "vue";
-import FormValidators from "../utils/validators.js";
-import { get, eq, isArray, cloneDeep } from "lodash-es";
+import { get, eq, isArray } from "lodash-es";
 import { useExecFunction } from "tmgc2-share";
+import FormValidators from "../utils/validators.js";
 import { useAppRef } from "./useAppRef.js";
 import { useEmitter } from "../utils/useEmitter.js";
 import { useI18n } from "../utils/i18n.js";
@@ -16,7 +16,7 @@ function useField(props, isInitModelValue = true) {
   const { registerToRefList, getWidgetRef, getFormRef, unregisterFromRefList } = useAppRef();
   const { executeFunction, asyncExecuteFunction } = useExecFunction();
   const { i18nt, i18n2t } = useI18n();
-  const field = props.field;
+  const { field } = props;
   const fieldEditor = ref(null);
   const oldFieldValue = ref(null);
   const fieldReadonlyFlag = ref(false);
@@ -28,8 +28,8 @@ function useField(props, isInitModelValue = true) {
   const { dispatch } = useEmitter();
   const size = computed(() => {
     var _a;
-    if ((_a = options.value) == null ? void 0 : _a.size) {
-      return options.value.size;
+    if ((_a = field == null ? void 0 : field.options) == null ? void 0 : _a.size) {
+      return field.options.size;
     }
     return formConfig.value.size || "middle";
   });
@@ -52,7 +52,7 @@ function useField(props, isInitModelValue = true) {
     if (designState) {
       return false;
     }
-    const { onHidden, hidden } = options.value;
+    const { onHidden, hidden } = props.field.options;
     if (hidden) return true;
     if (onHidden) {
       try {
@@ -71,7 +71,10 @@ function useField(props, isInitModelValue = true) {
     return false;
   });
   const handleDisabled = computed(() => {
-    const { onDisabled, disabled } = options.value;
+    if (designState) {
+      return false;
+    }
+    const { onDisabled, disabled } = props.field.options;
     if (disabled) return true;
     if (onDisabled) {
       try {
@@ -104,18 +107,18 @@ function useField(props, isInitModelValue = true) {
   };
   const getPropName = computed(() => {
     if (isSubFormField && !designState) {
-      return subFormName.value + "." + props.subFormRowIndex + "." + options.value.name;
+      return subFormName.value + "." + props.subFormRowIndex + "." + props.field.options.name;
     } else {
-      return options.value.name;
+      return props.field.options.name;
     }
   });
   async function handleOnCreated() {
     if (designState) {
       return;
     }
-    if (options.value.onCreated) {
+    if (props.field.options.onCreated) {
       await asyncExecuteFunction({
-        functionBody: options.value.onCreated
+        functionBody: props.field.options.onCreated
       });
     }
   }
@@ -123,59 +126,59 @@ function useField(props, isInitModelValue = true) {
     if (designState) {
       return;
     }
-    if (options.value.onMounted) {
+    if (props.field.options.onMounted) {
       await asyncExecuteFunction({
-        functionBody: options.value.onMounted
+        functionBody: props.field.options.onMounted
       });
     }
   }
   const refreshDefaultValue = () => {
-    fieldModel.value = options.value.defaultValue;
+    fieldModel.value = props.field.options.defaultValue;
   };
   const clearFieldRules = () => {
-    if (!field.formItemFlag) {
+    if (!props.field.formItemFlag) {
       return;
     }
     rules.value.splice(0, rules.value.length);
   };
   const buildFieldRules = () => {
-    if (!field.formItemFlag || options.value.hidden) {
+    if (!(props == null ? void 0 : props.field.formItemFlag) || (props == null ? void 0 : props.field.options.hidden)) {
       return;
     }
     rules.value.splice(0, rules.value.length);
-    if (options.value.required) {
+    if (props.field.options.required) {
       rules.value.push({
         required: true,
         // trigger: ['blur', 'change'],
         trigger: [
           "blur"
         ],
-        message: options.value.requiredHint || i18nt("render.hint.fieldRequired")
+        message: props.field.options.requiredHint || i18nt("render.hint.fieldRequired")
       });
     }
-    if (options.value.validation) {
-      const vldName = options.value.validation;
+    if (props.field.options.validation) {
+      const vldName = props.field.options.validation;
       if (FormValidators[vldName]) {
         rules.value.push({
           validator: FormValidators[vldName],
           trigger: ["blur", "change"],
-          label: options.value.label,
-          errorMsg: options.value.validationHint
+          label: props.field.options.label,
+          errorMsg: props.field.options.validationHint
         });
       } else {
         rules.value.push({
           validator: FormValidators["regExp"],
           trigger: ["blur", "change"],
           regExp: vldName,
-          label: options.value.label,
-          errorMsg: options.value.validationHint
+          label: props.field.options.label,
+          errorMsg: props.field.options.validationHint
         });
       }
     }
-    if (options.value.onValidate) {
+    if (props.field.options.onValidate) {
       const customFn = (rule, value) => {
         return executeFunction({
-          functionBody: options.value.onValidate,
+          functionBody: props.field.options.onValidate,
           params: { rule, value },
           keys: ["rule", "value"]
         });
@@ -183,7 +186,7 @@ function useField(props, isInitModelValue = true) {
       rules.value.push({
         validator: customFn,
         trigger: ["blur"],
-        label: options.value.label
+        label: props.field.options.label
       });
     }
   };
@@ -232,7 +235,7 @@ function useField(props, isInitModelValue = true) {
     }
     if (!instance) return;
     dispatch("VFormRender", "fieldChange", [
-      options.value.name,
+      props.field.options.name,
       newValue,
       oldValue,
       subFormName.value,
@@ -262,10 +265,10 @@ function useField(props, isInitModelValue = true) {
     if (designState) {
       return;
     }
-    oldFieldValue.value = cloneDeep(fieldModel.value);
-    if (options.value.onFocus) {
+    oldFieldValue.value = deepClone(fieldModel.value);
+    if (props.field.options.onFocus) {
       executeFunction({
-        functionBody: options.value.onFocus,
+        functionBody: props.field.options.onFocus,
         params: { event },
         keys: ["event"]
       });
@@ -275,9 +278,9 @@ function useField(props, isInitModelValue = true) {
     if (designState) {
       return;
     }
-    if (options.value.onBlur) {
+    if (props.field.options.onBlur) {
       executeFunction({
-        functionBody: options.value.onBlur,
+        functionBody: props.field.options.onBlur,
         params: { event },
         keys: ["event"]
       });
@@ -287,13 +290,13 @@ function useField(props, isInitModelValue = true) {
     if (designState) {
       return;
     }
-    if (options.value.onAppendButtonClick) {
+    if (props.field.options.onAppendButtonClick) {
       executeFunction({
         functionBody: options.value.onAppendButtonClick
       });
     }
   };
-  const executeWidgetEventFunction = async (eventName, params) => {
+  const executeWidgetEventFunction = async (eventName, params, keys = ["params"]) => {
     if (designState) {
       return;
     }
@@ -301,7 +304,7 @@ function useField(props, isInitModelValue = true) {
       await asyncExecuteFunction({
         functionBody: options.value[eventName],
         params: { params },
-        keys: ["params"]
+        keys
       });
     }
   };
@@ -309,9 +312,9 @@ function useField(props, isInitModelValue = true) {
     if (designState) {
       return;
     }
-    if (options.value.onChange) {
+    if (props.field.options.onChange) {
       executeFunction({
-        functionBody: options.value.onChange,
+        functionBody: props.field.options.onChange,
         params: {
           value: val,
           oldValue: oldVal,
@@ -322,8 +325,28 @@ function useField(props, isInitModelValue = true) {
       });
     }
   };
+  const onClick = async () => {
+    if (designState) {
+      return;
+    }
+    if (props.field.options.onClick) {
+      return await asyncExecuteFunction({
+        functionBody: props.field.options.onClick
+      });
+    }
+  };
   const handleClickIcon = async () => {
-    await executeWidgetEventFunction("onClickIcon", {});
+    if (designState) {
+      return;
+    }
+    if (handleDisabled.value) {
+      return;
+    }
+    if (field.options.onClickIcon) {
+      await asyncExecuteFunction({
+        functionBody: field.options.onClickIcon
+      });
+    }
   };
   const getFieldEditor = () => {
     return fieldEditor.value;
@@ -346,9 +369,9 @@ function useField(props, isInitModelValue = true) {
     }
     if (eq(fieldModel.value, newValue)) return;
     const oldValue = deepClone(fieldModel.value);
-    if (field.type === "file-upload") {
+    if (props.field.type === "file-upload") {
       newValue = showFileList(newValue || []);
-    } else if (field.type === "code-editor") {
+    } else if (props.field.type === "code-editor") {
       const fieldEditor2 = getFieldEditor();
       if (fieldEditor2) {
         fieldEditor2.setValue(newValue);
@@ -363,26 +386,26 @@ function useField(props, isInitModelValue = true) {
     return fieldModel.value;
   };
   const resetField = () => {
-    const defaultValue = options.value.defaultValue;
+    const defaultValue = props.field.options.defaultValue;
     setValue(defaultValue);
-    if (field.type === "picture-upload" || field.type === "file-upload") {
+    if (props.field.type === "picture-upload" || props.field.type === "file-upload") {
       fieldModel.value.splice(0, fieldModel.value.length);
     }
   };
   const setReadonly = (flag) => {
-    options.value.readonly = flag;
+    props.field.options.readonly = flag;
   };
   const setDisabled = (flag) => {
-    options.value.disabled = flag;
+    props.field.options.disabled = flag;
   };
   const setAppendButtonVisible = (flag) => {
-    options.value.appendButton = flag;
+    props.field.options.appendButton = flag;
   };
   const setAppendButtonDisabled = (flag) => {
-    options.value.appendButtonDisabled = flag;
+    props.field.options.appendButtonDisabled = flag;
   };
   const setHidden = (flag) => {
-    options.value.hidden = flag;
+    props.field.options.hidden = flag;
     if (flag) {
       clearFieldRules();
     } else {
@@ -390,7 +413,7 @@ function useField(props, isInitModelValue = true) {
     }
   };
   const setRequired = (flag) => {
-    options.value.required = flag;
+    props.field.options.required = flag;
     buildFieldRules();
     if (!designState && !flag) {
       clearValidate();
@@ -403,10 +426,11 @@ 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) => {
-    options.value.label = newLabel;
+    props.field.options.label = newLabel;
   };
   const focus = () => {
     const fieldEditor2 = getFieldEditor();
@@ -421,25 +445,25 @@ function useField(props, isInitModelValue = true) {
     fieldReadonlyFlag.value = readonlyFlag;
   };
   const addCssClass = (className) => {
-    if (!options.value.customClass) {
-      options.value.customClass = [className];
+    if (!props.field.options.customClass) {
+      props.field.options.customClass = [className];
     } else {
-      options.value.customClass.push(className);
+      props.field.options.customClass.push(className);
     }
   };
-  const customClass = computed(() => options.value.customClass);
+  const customClass = computed(() => props.field.options.customClass);
   const removeCssClass = (className) => {
-    if (!options.value.customClass) {
+    if (!props.field.options.customClass) {
       return;
     }
     let foundIdx = -1;
-    options.value.customClass.map((cc, idx) => {
+    props.field.options.customClass.map((cc, idx) => {
       if (cc === className) {
         foundIdx = idx;
       }
     });
     if (foundIdx > -1) {
-      options.value.customClass.splice(foundIdx, 1);
+      props.field.options.customClass.splice(foundIdx, 1);
     }
   };
   const getEl = () => {
@@ -447,7 +471,7 @@ function useField(props, isInitModelValue = true) {
     return (_a = fieldEditor.value) == null ? void 0 : _a.$el;
   };
   const setWidgetOption = (optionName, optionValue) => {
-    options.value[optionName] = optionValue;
+    props.field.options[optionName] = optionValue;
   };
   const options = computed({
     get() {
@@ -458,7 +482,7 @@ function useField(props, isInitModelValue = true) {
     }
   });
   const initFieldModel = () => {
-    const defaultValue = typeof options.value.defaultValue === "undefined" ? "" : options.value.defaultValue;
+    const defaultValue = typeof props.field.options.defaultValue === "undefined" ? "" : props.field.options.defaultValue;
     dispatch("VFormRender", "fieldChange", {
       fieldName: getPropName.value,
       value: defaultValue,
@@ -479,11 +503,12 @@ function useField(props, isInitModelValue = true) {
     unregisterFromRefList();
   });
   const defineExposed = {
+    subFormRowIndex: computed(() => props.subFormRowIndex),
     i18nt,
     options,
     proxy: instance == null ? void 0 : instance.proxy,
     field,
-    widget: computed(() => props.field),
+    widget: field,
     fieldModel,
     fieldEditor,
     isReadMode,
@@ -505,14 +530,17 @@ function useField(props, isInitModelValue = true) {
     removeCssClass,
     setRequired,
     clearValidate,
-    focus,
-    executeWidgetEventFunction
+    focus
   };
   return {
+    executeWidgetEventFunction,
     asyncExecuteFunction,
     executeFunction,
+    options,
     customClass,
+    fieldEditor,
     // 状态
+    fieldModel,
     oldFieldValue,
     fieldReadonlyFlag,
     loading,
@@ -520,12 +548,15 @@ function useField(props, isInitModelValue = true) {
     uploadData,
     designState,
     customToolbar,
+    i18nt,
     i18n2t,
     size,
+    field,
     // 计算属性
     formConfig,
     subFormName,
     formModel,
+    isReadMode,
     // 方法
     handleHidden,
     handleDisabled,
@@ -544,13 +575,15 @@ function useField(props, isInitModelValue = true) {
     handleBlurCustomEvent,
     emitAppendButtonClick,
     handleOnChange,
+    onClick,
     handleClickIcon,
+    getFieldEditor,
     showFileList,
     setAppendButtonVisible,
     setAppendButtonDisabled,
+    focus,
     setUploadData,
     isSubFormField,
-    ...defineExposed,
     defineExposed
   };
 }