@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.7

package/src/components/form-designer/form-widget/field-widget/time-widget.vue2.js

@@ -72,3 +72,4 @@ const P = {
 export {
   T as default
 };
+//# sourceMappingURL=time-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/time-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time' : ''\n            ]\"\n        >\n            <a-time-picker\n                :size=\"size\"\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :inputReadOnly=\"field.options.readonly\"\n                :readonly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    defineOptions({\n        name: WidgetTypeEnum.time,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["props","__props","rules","i18nt","field","fieldModel","isReadMode","size","handleHidden","handleDisabled","handleFocusCustomEvent","handleBlurCustomEvent","defineExposed","useField","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_picker","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASb,CAAK;AAElB,WAAAc,EAAa;AAAA,MACT,GAAGF;AAAA,IAAA,CACN;;aAvDwCG,EAAAP,CAAA,iBAAzCQ,KAAAC,EAyBoBC,GAzBpBC,EAyBoB,EAAA,KAAA,EAAA,GAzBOnB,GAAK,EAAwB,OAAOe,EAAAb,CAAA,EAAA,CAAK,GAAA;AAAA,mBAChE,MAuBM;AAAA,UAvBNkB,EAuBM,OAAA;AAAA,YAtBD,OAAKC,EAAA;AAAA,cAAsBN,EAAAX,CAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CW,EAAAT,CAAA,IAAU,uBAAA;AAAA,YAAA;;YAK5GgB,EAaEC,GAAA;AAAA,cAZG,MAAMR,EAAAR,CAAA;AAAA,cACP,KAAI;AAAA,cACI,OAAOQ,EAAAV,CAAA;AAAA,8DAAAA,EAAU,QAAAmB,IAAA;AAAA,cACxB,UAAUT,EAAAN,CAAA;AAAA,cACV,eAAeM,EAAAX,CAAA,EAAM,QAAQ;AAAA,cAC7B,UAAUW,EAAAX,CAAA,EAAM,QAAQ;AAAA,cACxB,YAAYW,EAAAX,CAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQW,EAAAX,CAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAaW,EAAAX,CAAA,EAAM,QAAQ,eAAeW,EAAAZ,CAAA,EAAK,6BAAA;AAAA,cAC/C,SAAOY,EAAAL,CAAA;AAAA,cACP,QAAMK,EAAAJ,CAAA;AAAA,YAAA;YAEKI,EAAAT,CAAA,UACZmB,EAAyD,QAAzDC,GAAyDC,EAApBZ,EAAAV,CAAA,CAAU,GAAA,CAAA;;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue.js

@@ -5,3 +5,4 @@ const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a0b2e3aa"]]);
 export {
   m as default
 };
+//# sourceMappingURL=tree-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue2.js

@@ -74,3 +74,4 @@ const R = { class: "full-width-input" }, j = /* @__PURE__ */ C({
 export {
   j as default
 };
+//# sourceMappingURL=tree-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/tree-widget.vue"],"sourcesContent":["<template>\n    <FormItemWrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"full-width-input\">\n            <Tree\n                :size=\"size\"\n                :show-line=\"field.options.showLine\"\n                :showIcon=\"field.options.showIcon\"\n                :treeData=\"treeData || []\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                :checkable=\"field.options.checkable\"\n                ref=\"fieldEditor\"\n                :fieldNames=\"{ key: valueKey, title: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                :selectable=\"field.options.selectable\"\n                @check=\"onCheck\"\n            />\n        </div>\n    </FormItemWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { Tree } from 'ant-design-vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { useSelect } from './hooks/useSelect';\n    import { ref, watchEffect } from 'vue';\n    import { TreeWidget } from '../../widget-panel/advanced/tree';\n    defineOptions({\n        name: WidgetTypeEnum.cascader,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps<TreeWidget>>(), {});\n\n    const {\n        rules,\n        executeFunction,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        defineExposed\n    } = useField(props);\n\n    const { labelKey, valueKey, childrenKey } = useSelect({\n        field,\n        fieldModel,\n        designState\n    });\n\n    const treeData = ref<any[]>([]);\n\n    const onCheck = (checkedKeys, e) => {\n        if (!field.options.onCheck) {\n            return;\n        }\n        executeFunction({\n            functionBody: field.options.onCheck,\n            params: { checkedKeys, e },\n            keys: ['checkedKeys', 'e'],\n            errorCallback: error => {\n                console.error('Custom render error:', error);\n            }\n        });\n    };\n\n    watchEffect(() => {\n        if (props.field.options.dsEnabled) {\n        } else {\n            treeData.value = props.field.options.treeData || [];\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    :deep(.ant-tree) {\n        background: transparent;\n        .ant-tree-checkbox {\n            margin-block-start: 0;\n        }\n    }\n</style>\n"],"names":["props","__props","rules","executeFunction","fieldEditor","field","fieldModel","size","designState","handleHidden","defineExposed","useField","labelKey","valueKey","childrenKey","useSelect","treeData","ref","onCheck","checkedKeys","e","error","watchEffect","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode","_hoisted_1","_createVNode","Tree"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASX,CAAK,GAEZ,EAAE,UAAAY,GAAU,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAU;AAAA,MAClD,OAAAV;AAAA,MACA,YAAAC;AAAA,MACA,aAAAE;AAAA,IAAA,CACH,GAEKQ,IAAWC,EAAW,EAAE,GAExBC,IAAU,CAACC,GAAaC,MAAM;AAChC,MAAKf,EAAM,QAAQ,WAGnBF,EAAgB;AAAA,QACZ,cAAcE,EAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,aAAAc,GAAa,GAAAC,EAAA;AAAA,QACvB,MAAM,CAAC,eAAe,GAAG;AAAA,QACzB,eAAe,CAAAC,MAAS;AACpB,kBAAQ,MAAM,wBAAwBA,CAAK;AAAA,QAC/C;AAAA,MAAA,CACH;AAAA,IACL;AAEA,WAAAC,EAAY,MAAM;AACd,MAAItB,EAAM,MAAM,QAAQ,cAEpBgB,EAAS,QAAQhB,EAAM,MAAM,QAAQ,YAAY,CAAA;AAAA,IAEzD,CAAC,GAEDuB,EAAa;AAAA,MACT,GAAGb;AAAA,IAAA,CACN,aA7EsCc,EAAAf,CAAA,iBAAvCgB,KAAAC,EAgBkBC,GAhBlBC,EAgBkB,EAAA,KAAA,EAAA,GAhBO5B,GAAK,EAAwB,OAAOwB,EAAAtB,CAAA,EAAA,CAAK,GAAA;AAAA,iBAC9D,MAcM;AAAA,QAdN2B,EAcM,OAdNC,GAcM;AAAA,UAbFC,EAYEP,EAAAQ,CAAA,GAAA;AAAA,YAXG,MAAMR,EAAAjB,CAAA;AAAA,YACN,aAAWiB,EAAAnB,CAAA,EAAM,QAAQ;AAAA,YACzB,UAAUmB,EAAAnB,CAAA,EAAM,QAAQ;AAAA,YACxB,UAAUW,EAAA,SAAQ,CAAA;AAAA,YAClB,2BAAyBQ,EAAAnB,CAAA,EAAM,QAAQ;AAAA,YACvC,WAAWmB,EAAAnB,CAAA,EAAM,QAAQ;AAAA,qBACtB;AAAA,YAAJ,KAAID;AAAA,YACH,YAAU,EAAA,KAASoB,EAAAX,CAAA,GAAQ,OAASW,EAAAZ,CAAA,aAAoBY,EAAAV,CAAA,EAAA;AAAA,YACxD,UAAUU,EAAAnB,CAAA,EAAM,QAAQ;AAAA,YACxB,YAAYmB,EAAAnB,CAAA,EAAM,QAAQ;AAAA,YAC1B,SAAAa;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js

@@ -2,3 +2,4 @@ import f from "./treeSelect-widget.vue2.js";
 export {
   f as default
 };
+//# sourceMappingURL=treeSelect-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue2.js

@@ -88,3 +88,4 @@ const J = {
 export {
   le as default
 };
+//# sourceMappingURL=treeSelect-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeSelect-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n            <a-tree-select\n                v-show=\"!isReadMode\"\n                :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :treeData=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { useSelect } from './hooks/useSelect';\n    import { computed, onMounted } from 'vue';\n    import { formateCascaderCode } from '@/utils/format';\n\n    defineOptions({\n        name: WidgetTypeEnum.treeSelect,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({\n        field,\n        fieldModel,\n        designState\n    });\n\n    onMounted(() => {\n        initOptionItems();\n    });\n\n    const contentForReadMode = computed(() => {\n        if (!fieldModel.value) return '';\n        return formateCascaderCode(field.options.optionItems, fieldModel.value, {\n            label: labelKey.value,\n            value: valueKey.value,\n            children: childrenKey.value\n        });\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","size","designState","handleHidden","handleDisabled","handleFocusCustomEvent","handleBlurCustomEvent","defineExposed","useField","labelKey","valueKey","childrenKey","initOptionItems","useSelect","onMounted","contentForReadMode","computed","formateCascaderCode","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_component_a_tree_select","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASf,CAAK,GAEZ,EAAE,UAAAgB,GAAU,UAAAC,GAAU,aAAAC,GAAa,iBAAAC,EAAA,IAAoBC,EAAU;AAAA,MACnE,OAAAf;AAAA,MACA,YAAAC;AAAA,MACA,aAAAG;AAAA,IAAA,CACH;AAED,IAAAY,EAAU,MAAM;AACZ,MAAAF,EAAA;AAAA,IACJ,CAAC;AAED,UAAMG,IAAqBC,EAAS,MAC3BjB,EAAW,QACTkB,EAAoBnB,EAAM,QAAQ,aAAaC,EAAW,OAAO;AAAA,MACpE,OAAOU,EAAS;AAAA,MAChB,OAAOC,EAAS;AAAA,MAChB,UAAUC,EAAY;AAAA,IAAA,CACzB,IAL6B,EAMjC;AAED,WAAAO,EAAa;AAAA,MACT,GAAGX;AAAA,IAAA,CACN;;aA3EwCY,EAAAhB,CAAA,iBAAzCiB,KAAAC,EAqBoBC,GArBpBC,EAqBoB,EAAA,KAAA,EAAA,GArBO9B,GAAK,EAAwB,OAAO0B,EAAAxB,CAAA,EAAA,CAAK,GAAA;AAAA,mBAChE,MAmBM;AAAA,UAnBN6B,EAmBM,OAAA;AAAA,YAnBD,OAAKC,EAAA,CAAC,oBAAkB,EAAA,0BAAqCN,EAAAnB,CAAA,GAAU,CAAA;AAAA,UAAA;cACxE0B,EAcEC,GAAA;AAAA,cAZG,2BAAyBR,EAAArB,CAAA,EAAM,QAAQ;AAAA,uBACpC;AAAA,cAAJ,KAAID;AAAA,cACH,MAAMsB,EAAAlB,CAAA;AAAA,cACN,UAAUkB,EAAArB,CAAA,EAAM,QAAQ;AAAA,cACjB,OAAOqB,EAAApB,CAAA;AAAA,8DAAAA,EAAU,QAAA6B,IAAA;AAAA,cACxB,UAAUT,EAAAf,CAAA;AAAA,cACV,YAAYe,EAAArB,CAAA,EAAM,QAAQ;AAAA,cAC1B,aAAaqB,EAAArB,CAAA,EAAM,QAAQ,eAAeqB,EAAAvB,CAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWuB,EAAAT,CAAA,GAAQ,OAASS,EAAAV,CAAA,aAAoBU,EAAAR,CAAA,EAAA;AAAA,cAC1D,UAAUQ,EAAArB,CAAA,EAAM,QAAQ;AAAA,cACxB,SAAOqB,EAAAd,CAAA;AAAA,cACP,QAAMc,EAAAb,CAAA;AAAA,YAAA;mBAZEa,EAAAnB,CAAA,CAAU;AAAA,YAAA;YAcPmB,EAAAnB,CAAA,UACZ6B,EAAiE,QAAjEC,GAAiEC,EAA5BhB,EAAA,KAAkB,GAAA,CAAA;;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/useField.js

@@ -1,38 +1,38 @@
-import { inject as c, ref as f, getCurrentInstance as Ne, computed as d, toRaw as J, onMounted as ze, onBeforeUnmount as Ue, nextTick as $ } from "vue";
+import { inject as m, ref as s, getCurrentInstance as Se, computed as f, toRaw as $, onMounted as ze, onBeforeUnmount as Ue } from "vue";
 import { deepClone as j } from "../../../../utils/util.js";
 import I from "../../../../utils/validators.js";
-import { get as Te, eq as Le, isArray as Pe } from "lodash-es";
-import { useI18n as We } from "../../../../utils/i18n.js";
-import { useEmitter as Je } from "../../../../utils/useEmitter.js";
+import { get as Le, eq as Te, isArray as We } from "lodash-es";
+import { useI18n as Je } from "../../../../utils/i18n.js";
+import { useEmitter as Pe } from "../../../../utils/useEmitter.js";
 import { useAppRef as $e } from "../../useAppRef.js";
 import { useExecFunction as je } from "tmgc2-share";
 function pe(t) {
-  const G = c("getFormConfig", () => ({})), y = c("formData", f({})), K = c("getReadMode", () => !1), k = c("isSubFormField", !1), D = c("getSubFormName", () => ""), o = c("designState", !1), { registerToRefList: Q, getWidgetRef: X, getFormRef: B, unregisterFromRefList: Y } = $e(), { executeFunction: u, asyncExecuteFunction: m } = je(), { i18nt: M, i18n2t: Z } = We(), { field: s } = t, v = f(null), A = f(null), R = f(!1), _ = f(!1), l = f([]), O = f({}), H = f({}), w = f(null), h = Ne(), { dispatch: E } = Je(), q = d(() => G()), p = d(() => {
+  const D = m("formConfig", s({})), R = m("formData", s({})), w = m("getReadMode", () => !1), M = m("isSubFormField", !1), V = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: G, getWidgetRef: K, getFormRef: B, unregisterFromRefList: Q } = $e(), { executeFunction: u, asyncExecuteFunction: g } = je(), { i18nt: E, i18n2t: X } = Je(), { field: a } = t, h = s(null), k = s(null), x = s(!1), Y = s(!1), l = s([]), A = s({}), N = s({}), Z = s(null), C = Se(), { dispatch: v } = Pe(), _ = f(() => {
     var e;
-    return (e = s == null ? void 0 : s.options) != null && e.size ? s.options.size : q.value.size || "middle";
-  }), b = d(() => D ? D() : ""), a = d({
+    return (e = a == null ? void 0 : a.options) != null && e.size ? a.options.size : D.value.size || "middle";
+  }), b = f(() => V ? V() : ""), d = f({
     get() {
-      return Te(y.value, g.value);
+      return Le(R.value, c.value);
     },
     set(e) {
-      x(e);
+      z(e);
     }
-  }), ee = d(() => y.value[b.value]), S = d(() => K() ? !0 : R.value), te = d(() => {
+  }), p = f(() => R.value[b.value]), H = f(() => w() ? !0 : x.value), ee = f(() => {
     if (o)
       return !1;
     const { onHidden: e, hidden: n } = t.field.options;
-    if (console.log({ onHidden: e, hidden: n }), n) return !0;
+    if (n) return !0;
     if (e)
       try {
         const i = u({
           functionBody: e
         });
         return typeof i == "boolean" ? i : !1;
-      } catch (i) {
-        return console.log({ error: i }), !1;
+      } catch {
+        return !1;
       }
     return !1;
-  }), V = d(() => {
+  }), O = f(() => {
     if (o)
       return !1;
     const { onDisabled: e, disabled: n } = t.field.options;
@@ -47,33 +47,29 @@ function pe(t) {
         return console.log({ error: i }), !1;
       }
     return !1;
-  }), ne = (e, n) => {
+  }), te = (e, n) => {
     if (!Array.isArray(e))
       return -1;
     let i = -1;
-    return e.forEach((r, Ve) => {
-      r === n && (i = Ve);
+    return e.forEach((r, qe) => {
+      r === n && (i = qe);
     }), i;
-  }, g = d(() => k && !o ? b.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
-  function ie() {
-    o || t.field.options.onCreated && $(async () => {
-      await m({
-        functionBody: t.field.options.onCreated
-      });
+  }, c = f(() => M && !o ? b.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
+  async function ne() {
+    o || t.field.options.onCreated && await g({
+      functionBody: t.field.options.onCreated
     });
   }
-  function oe() {
-    o || t.field.options.onMounted && $(async () => {
-      await m({
-        functionBody: t.field.options.onMounted
-      });
+  async function ie() {
+    o || t.field.options.onMounted && await g({
+      functionBody: t.field.options.onMounted
     });
   }
-  const le = () => {
-    a.value = t.field.options.defaultValue;
-  }, N = () => {
+  const oe = () => {
+    d.value = t.field.options.defaultValue;
+  }, q = () => {
     t.field.formItemFlag && l.value.splice(0, l.value.length);
-  }, C = () => {
+  }, F = () => {
     if (!(!(t != null && t.field.formItemFlag) || t != null && t.field.options.hidden)) {
       if (l.value.splice(0, l.value.length), t.field.options.required && l.value.push({
         required: !0,
@@ -81,7 +77,7 @@ function pe(t) {
         trigger: [
           "blur"
         ],
-        message: t.field.options.requiredHint || M("render.hint.fieldRequired")
+        message: t.field.options.requiredHint || E("render.hint.fieldRequired")
       }), t.field.options.validation) {
         const e = t.field.options.validation;
         I[e] ? l.value.push({
@@ -110,11 +106,11 @@ function pe(t) {
         });
       }
     }
-  }, ae = () => {
+  }, le = () => {
     l.value && l.value.forEach((e) => {
       e.trigger && e.trigger.splice(0, e.trigger.length);
     });
-  }, se = () => {
+  }, ae = () => {
     l.value && l.value.forEach((e) => {
       e.trigger && (e.trigger.push("blur"), e.trigger.push("change"));
     });
@@ -122,38 +118,48 @@ function pe(t) {
     e && e.length > 0 && e.forEach((i) => {
       i.value === n && (i.disabled = !0);
     });
-  }, fe = (e, n) => {
+  }, se = (e, n) => {
     e && e.length > 0 && e.forEach((i) => {
       i.value === n && (i.disabled = !1);
     });
-  }, z = (e, n) => {
-    e && (e = e.target ? e.target.value : e), h && E("VFormRender", "fieldChange", [
+  }, S = (e, n) => {
+    e && (e = e.target ? e.target.value : e), C && v("VFormRender", "fieldChange", [
       t.field.options.name,
       e,
       n,
       b.value,
       t.subFormRowIndex
     ]);
-  }, x = (e) => {
-    o || (E("VFormRender", "fieldValidation", [g.value]), U(e, J(a.value)), E("VFormRender", "fieldChange", {
-      fieldName: g.value,
+  }, z = (e) => {
+    if (o) {
+      v("VFormDesigner", "fieldChange", {
+        fieldName: c.value,
+        value: e,
+        field: a
+      });
+      return;
+    }
+    v("VFormRender", "fieldValidation", [c.value]);
+    const n = $(d.value);
+    v("VFormRender", "fieldChange", {
+      fieldName: c.value,
       value: e,
-      oldValue: J(a.value),
-      field: s
-    }));
-  }, ue = (e) => {
-    o || (A.value = j(a.value), t.field.options.onFocus && u({
+      oldValue: n,
+      field: a
+    }), U(e, n);
+  }, fe = (e) => {
+    o || (k.value = j(d.value), t.field.options.onFocus && u({
       functionBody: t.field.options.onFocus,
       params: { event: e },
       keys: ["event"]
     }));
-  }, re = (e) => {
+  }, ue = (e) => {
     o || t.field.options.onBlur && u({
       functionBody: t.field.options.onBlur,
       params: { event: e },
       keys: ["event"]
     });
-  }, ce = () => {
+  }, re = () => {
     o || t.field.options.onAppendButtonClick && u({
       functionBody: t.field.options.onAppendButtonClick
     });
@@ -162,164 +168,183 @@ function pe(t) {
       functionBody: t.field.options.onChange,
       params: {
         value: e,
-        oldVal: n,
-        subFormData: ee.value,
+        oldValue: n,
+        subFormData: p.value,
         rowId: t.subFormRowId
       },
-      keys: ["value", "subFormData", "rowId"]
+      keys: ["value", "oldValue", "subFormData", "rowId"]
     });
-  }, ge = async () => {
+  }, ce = async () => {
     if (!o && t.field.options.onClick)
-      return await m({
+      return await g({
         functionBody: t.field.options.onClick
       });
   }, me = async () => {
-    o || V.value || s.options.onClickIcon && await m({
-      functionBody: s.options.onClickIcon
+    o || O.value || a.options.onClickIcon && await g({
+      functionBody: a.options.onClickIcon
     });
-  }, F = () => v.value, T = (e) => (typeof e == "string" && (e = JSON.parse(e)), Pe(e) ? e.map((i, r) => ({
+  }, y = () => h.value, L = (e) => (typeof e == "string" && (e = JSON.parse(e)), We(e) ? e.map((i, r) => ({
     ...i,
     name: i.fileName,
     uid: r
-  })) : []), L = (e, n = !1) => {
-    if (e && (e = e.target ? e.target.value : e), Le(a.value, e)) return;
-    const i = j(a.value);
+  })) : []), T = (e, n = !1) => {
+    if (e && (e = e.target ? e.target.value : e), Te(d.value, e)) return;
+    const i = j(d.value);
     if (t.field.type === "file-upload")
-      e = T(e || []);
+      e = L(e || []);
     else if (t.field.type === "code-editor") {
-      const r = F();
+      const r = y();
       r && r.setValue(e);
     }
-    a.value = e, x(e), n || z(e, i);
-  }, ve = () => a.value, he = () => {
+    d.value = e, n || S(e, i);
+  }, ge = () => d.value, ve = () => {
     const e = t.field.options.defaultValue;
-    L(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && a.value.splice(0, a.value.length);
-  }, be = (e, n) => {
-    t.field.options.hasOwnProperty(e) && (t.field.options[e] = n);
-  }, Ce = (e) => {
+    T(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && d.value.splice(0, d.value.length);
+  }, he = (e) => {
     t.field.options.readonly = e;
-  }, Fe = (e) => {
+  }, Ce = (e) => {
     t.field.options.disabled = e;
-  }, ye = (e) => {
+  }, be = (e) => {
     t.field.options.appendButton = e;
-  }, Be = (e) => {
+  }, Fe = (e) => {
     t.field.options.appendButtonDisabled = e;
+  }, ye = (e) => {
+    t.field.options.hidden = e, e ? q() : F();
   }, Re = (e) => {
-    t.field.options.hidden = e, e ? N() : C();
-  }, Ee = (e) => {
-    t.field.options.required = e, C(), !o && !e && P();
-  }, P = () => {
-    o || B().clearValidate(g.value);
-  }, xe = () => B().vfCtx, Ie = (e) => {
-    t.field.options.label = e;
+    t.field.options.required = e, F(), !o && !e && W();
   }, W = () => {
-    const e = F();
+    o || B().clearValidate(c.value);
+  }, Be = () => B().vfCtx, Ee = (e) => {
+    t.field.options.label = e;
+  }, J = () => {
+    const e = y();
     e && e.focus && e.focus();
-  }, ke = (e, n) => {
-    O.value[e] = n;
-  }, De = (e, n) => {
-    H.value[e] = n;
-  }, Me = (e = !0) => {
-    R.value = e;
-  }, Ae = (e) => {
+  }, xe = (e, n) => {
+    A.value[e] = n;
+  }, Ie = (e, n) => {
+    N.value[e] = n;
+  }, De = (e = !0) => {
+    x.value = e;
+  }, Me = (e) => {
     t.field.options.customClass ? t.field.options.customClass.push(e) : t.field.options.customClass = [e];
-  }, Oe = d(() => t.field.options.customClass), He = (e) => {
+  }, Ve = f(() => t.field.options.customClass), ke = (e) => {
     if (!t.field.options.customClass)
       return;
     let n = -1;
     t.field.options.customClass.map((i, r) => {
       i === e && (n = r);
     }), n > -1 && t.field.options.customClass.splice(n, 1);
-  }, qe = () => {
+  }, Ae = () => {
     var e;
-    return (e = v.value) == null ? void 0 : e.$el;
+    return (e = h.value) == null ? void 0 : e.$el;
+  }, Ne = (e, n) => {
+    t.field.options[e] = n;
+  }, P = f({
+    get() {
+      return t.field.options;
+    },
+    set(e) {
+      t.field.options = e;
+    }
+  }), He = () => {
+    v("VFormRender", "fieldChange", {
+      fieldName: c.value,
+      value: t.field.options.defaultValue,
+      oldValue: $(d.value),
+      field: a
+    });
   };
-  ze(() => {
-    Q(), ie(), C(), oe();
+  ze(async () => {
+    He(), await G(), await ne(), await ie(), F();
   }), Ue(() => {
-    Y();
+    Q();
   });
-  const Se = {
-    proxy: h == null ? void 0 : h.proxy,
-    field: s,
-    widget: s,
-    fieldModel: a,
-    fieldEditor: v,
-    isReadMode: S,
-    setWidgetOption: be,
-    setReadonly: Ce,
-    setDisabled: Fe,
-    getVfCtx: xe,
-    setLabel: Ie,
-    getEl: qe,
-    setReadMode: Me,
-    resetField: he,
-    setValue: L,
-    getValue: ve,
-    getFieldEditor: F,
+  const Oe = {
+    i18nt: E,
+    options: P,
+    proxy: C == null ? void 0 : C.proxy,
+    field: a,
+    widget: a,
+    fieldModel: d,
+    fieldEditor: h,
+    isReadMode: H,
+    setWidgetOption: Ne,
+    setReadonly: he,
+    setDisabled: Ce,
+    getVfCtx: Be,
+    setLabel: Ee,
+    getEl: Ae,
+    setReadMode: De,
+    resetField: ve,
+    setValue: T,
+    getValue: ge,
+    getFieldEditor: y,
     getFormRef: B,
-    getWidgetRef: X,
-    setHidden: Re,
-    addCssClass: Ae,
-    removeCssClass: He,
-    setRequired: Ee,
-    clearValidate: P,
-    focus: W
+    getWidgetRef: K,
+    setHidden: ye,
+    addCssClass: Me,
+    removeCssClass: ke,
+    setRequired: Re,
+    clearValidate: W,
+    focus: J
   };
   return {
+    asyncExecuteFunction: g,
     executeFunction: u,
-    customClass: Oe,
-    fieldEditor: v,
+    options: P,
+    customClass: Ve,
+    fieldEditor: h,
     // 状态
-    fieldModel: a,
-    oldFieldValue: A,
-    fieldReadonlyFlag: R,
-    loading: _,
+    fieldModel: d,
+    oldFieldValue: k,
+    fieldReadonlyFlag: x,
+    loading: Y,
     rules: l,
-    uploadHeaders: O,
-    uploadData: H,
+    uploadHeaders: A,
+    uploadData: N,
     designState: o,
-    customToolbar: w,
-    i18nt: M,
-    i18n2t: Z,
-    size: p,
-    field: s,
+    customToolbar: Z,
+    i18nt: E,
+    i18n2t: X,
+    size: _,
+    field: a,
     // 计算属性
-    formConfig: q,
+    formConfig: D,
     subFormName: b,
-    formModel: y,
-    isReadMode: S,
+    formModel: R,
+    isReadMode: H,
     // 方法
-    handleHidden: te,
-    handleDisabled: V,
-    findInArray: ne,
-    getPropName: g,
-    refreshDefaultValue: le,
-    clearFieldRules: N,
-    buildFieldRules: C,
-    disableChangeValidate: ae,
-    enableChangeValidate: se,
+    handleHidden: ee,
+    handleDisabled: O,
+    findInArray: te,
+    getPropName: c,
+    refreshDefaultValue: oe,
+    clearFieldRules: q,
+    buildFieldRules: F,
+    disableChangeValidate: le,
+    enableChangeValidate: ae,
     disableOptionOfList: de,
-    enableOptionOfList: fe,
-    emitFieldDataChange: z,
-    syncUpdateFormModel: x,
-    handleFocusCustomEvent: ue,
-    handleBlurCustomEvent: re,
-    emitAppendButtonClick: ce,
+    enableOptionOfList: se,
+    emitFieldDataChange: S,
+    syncUpdateFormModel: z,
+    handleFocusCustomEvent: fe,
+    handleBlurCustomEvent: ue,
+    emitAppendButtonClick: re,
     handleOnChange: U,
-    onClick: ge,
+    onClick: ce,
     handleClickIcon: me,
-    getFieldEditor: F,
-    showFileList: T,
-    setAppendButtonVisible: ye,
-    setAppendButtonDisabled: Be,
-    focus: W,
-    setUploadHeader: ke,
-    setUploadData: De,
-    isSubFormField: k,
-    defineExposed: Se
+    getFieldEditor: y,
+    showFileList: L,
+    setAppendButtonVisible: be,
+    setAppendButtonDisabled: Fe,
+    focus: J,
+    setUploadHeader: xe,
+    setUploadData: Ie,
+    isSubFormField: M,
+    defineExposed: Oe
   };
 }
 export {
   pe as useField
 };
+//# sourceMappingURL=useField.js.map