@kp-ui/lowcode 2.16.1 → 2.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kp-ui/lowcode",
3
- "version": "2.16.1",
3
+ "version": "2.16.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -1,4 +1,4 @@
1
- import { inject as m, ref as u, getCurrentInstance as He, computed as d, toRaw as P, onMounted as ze, onBeforeUnmount as Ue } from "vue";
1
+ import { inject as m, ref as u, getCurrentInstance as He, computed as s, toRaw as P, onMounted as ze, onBeforeUnmount as Ue } from "vue";
2
2
  import { deepClone as $ } from "../../../../utils/util.js";
3
3
  import I from "../../../../utils/validators.js";
4
4
  import { get as j, eq as Le, isArray as Te } from "lodash-es";
@@ -6,18 +6,18 @@ import { useI18n as We } from "../../../../utils/i18n.js";
6
6
  import { useEmitter as Je } from "../../../../utils/useEmitter.js";
7
7
  import { useAppRef as Pe } from "../../useAppRef.js";
8
8
  import { useExecFunction as $e } from "tmgc2-share";
9
- function _e(t, w = !1) {
10
- const D = m("formConfig", u({})), h = m("formData", u({})), G = m("getReadMode", () => !1), M = m("isSubFormField", !1), V = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: B, unregisterFromRefList: X } = Pe(), { executeFunction: r, asyncExecuteFunction: g } = $e(), { i18nt: E, i18n2t: Y } = We(), { field: l } = t, C = u(null), k = u(null), x = u(!1), Z = u(!1), a = u([]), A = u({}), _ = u(null), b = He(), { dispatch: v } = Je(), p = d(() => {
9
+ function _e(t, w = !0) {
10
+ const D = m("formConfig", u({})), h = m("formData", u({})), G = m("getReadMode", () => !1), M = m("isSubFormField", !1), V = m("getSubFormName", () => ""), o = m("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: B, unregisterFromRefList: X } = Pe(), { executeFunction: r, asyncExecuteFunction: g } = $e(), { i18nt: E, i18n2t: Y } = We(), { field: l } = t, C = u(null), k = u(null), x = u(!1), Z = u(!1), a = u([]), A = u({}), _ = u(null), b = He(), { dispatch: v } = Je(), p = s(() => {
11
11
  var e;
12
12
  return (e = l == null ? void 0 : l.options) != null && e.size ? l.options.size : D.value.size || "middle";
13
- }), F = d(() => V ? V() : ""), s = d({
13
+ }), F = s(() => V ? V() : ""), d = s({
14
14
  get() {
15
15
  return console.log(j(h.value, f.value), f.value), j(h.value, f.value);
16
16
  },
17
17
  set(e) {
18
18
  console.log(e), H(e);
19
19
  }
20
- }), ee = d(() => h.value[F.value]), N = d(() => G() ? !0 : x.value), te = d(() => {
20
+ }), ee = s(() => h.value[F.value]), N = s(() => G() ? !0 : x.value), te = s(() => {
21
21
  if (o)
22
22
  return !1;
23
23
  const { onHidden: e, hidden: n } = t.field.options;
@@ -32,7 +32,7 @@ function _e(t, w = !1) {
32
32
  return !1;
33
33
  }
34
34
  return !1;
35
- }), O = d(() => {
35
+ }), O = s(() => {
36
36
  if (o)
37
37
  return !1;
38
38
  const { onDisabled: e, disabled: n } = t.field.options;
@@ -54,7 +54,7 @@ function _e(t, w = !1) {
54
54
  return e.forEach((c, Se) => {
55
55
  c === n && (i = Se);
56
56
  }), i;
57
- }, f = d(() => M && !o ? F.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
57
+ }, f = s(() => M && !o ? F.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
58
58
  async function ie() {
59
59
  o || t.field.options.onCreated && await g({
60
60
  functionBody: t.field.options.onCreated
@@ -66,7 +66,7 @@ function _e(t, w = !1) {
66
66
  });
67
67
  }
68
68
  const le = () => {
69
- s.value = t.field.options.defaultValue;
69
+ d.value = t.field.options.defaultValue;
70
70
  }, q = () => {
71
71
  t.field.formItemFlag && a.value.splice(0, a.value.length);
72
72
  }, y = () => {
@@ -110,11 +110,11 @@ function _e(t, w = !1) {
110
110
  a.value && a.value.forEach((e) => {
111
111
  e.trigger && e.trigger.splice(0, e.trigger.length);
112
112
  });
113
- }, se = () => {
113
+ }, de = () => {
114
114
  a.value && a.value.forEach((e) => {
115
115
  e.trigger && (e.trigger.push("blur"), e.trigger.push("change"));
116
116
  });
117
- }, de = (e, n) => {
117
+ }, se = (e, n) => {
118
118
  e && e.length > 0 && e.forEach((i) => {
119
119
  i.value === n && (i.disabled = !0);
120
120
  });
@@ -140,7 +140,7 @@ function _e(t, w = !1) {
140
140
  return;
141
141
  }
142
142
  v("VFormRender", "fieldValidation", [f.value]);
143
- const n = P(s.value);
143
+ const n = P(d.value);
144
144
  v("VFormRender", "fieldChange", {
145
145
  fieldName: f.value,
146
146
  value: e,
@@ -148,7 +148,7 @@ function _e(t, w = !1) {
148
148
  field: l
149
149
  }), z(e, n);
150
150
  }, ue = (e) => {
151
- o || (k.value = $(s.value), t.field.options.onFocus && r({
151
+ o || (k.value = $(d.value), t.field.options.onFocus && r({
152
152
  functionBody: t.field.options.onFocus,
153
153
  params: { event: e },
154
154
  keys: ["event"]
@@ -188,18 +188,18 @@ function _e(t, w = !1) {
188
188
  name: i.fileName,
189
189
  uid: c
190
190
  })) : []), L = (e, n = !1) => {
191
- if (console.log(l.options.name), e && (e = e.target ? e.target.value : e), Le(s.value, e)) return;
192
- const i = $(s.value);
191
+ if (console.log(l.options.name), e && (e = e.target ? e.target.value : e), Le(d.value, e)) return;
192
+ const i = $(d.value);
193
193
  if (t.field.type === "file-upload")
194
194
  e = U(e || []);
195
195
  else if (t.field.type === "code-editor") {
196
196
  const c = R();
197
197
  c && c.setValue(e);
198
198
  }
199
- s.value = e, n || S(e, i);
200
- }, ve = () => s.value, he = () => {
199
+ d.value = e, n || S(e, i);
200
+ }, ve = () => d.value, he = () => {
201
201
  const e = t.field.options.defaultValue;
202
- L(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && s.value.splice(0, s.value.length);
202
+ L(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && d.value.splice(0, d.value.length);
203
203
  }, Ce = (e) => {
204
204
  t.field.options.readonly = e;
205
205
  }, be = (e) => {
@@ -225,7 +225,7 @@ function _e(t, w = !1) {
225
225
  x.value = e;
226
226
  }, Me = (e) => {
227
227
  t.field.options.customClass ? t.field.options.customClass.push(e) : t.field.options.customClass = [e];
228
- }, Ve = d(() => t.field.options.customClass), ke = (e) => {
228
+ }, Ve = s(() => t.field.options.customClass), ke = (e) => {
229
229
  if (!t.field.options.customClass)
230
230
  return;
231
231
  let n = -1;
@@ -237,7 +237,7 @@ function _e(t, w = !1) {
237
237
  return (e = C.value) == null ? void 0 : e.$el;
238
238
  }, Ne = (e, n) => {
239
239
  t.field.options[e] = n;
240
- }, J = d({
240
+ }, J = s({
241
241
  get() {
242
242
  return t.field.options;
243
243
  },
@@ -248,7 +248,7 @@ function _e(t, w = !1) {
248
248
  v("VFormRender", "fieldChange", {
249
249
  fieldName: f.value,
250
250
  value: t.field.options.defaultValue ?? "",
251
- oldValue: P(s.value),
251
+ oldValue: P(d.value),
252
252
  field: l
253
253
  });
254
254
  };
@@ -263,7 +263,7 @@ function _e(t, w = !1) {
263
263
  proxy: b == null ? void 0 : b.proxy,
264
264
  field: l,
265
265
  widget: l,
266
- fieldModel: s,
266
+ fieldModel: d,
267
267
  fieldEditor: C,
268
268
  isReadMode: N,
269
269
  setWidgetOption: Ne,
@@ -293,7 +293,7 @@ function _e(t, w = !1) {
293
293
  customClass: Ve,
294
294
  fieldEditor: C,
295
295
  // 状态
296
- fieldModel: s,
296
+ fieldModel: d,
297
297
  oldFieldValue: k,
298
298
  fieldReadonlyFlag: x,
299
299
  loading: Z,
@@ -319,8 +319,8 @@ function _e(t, w = !1) {
319
319
  clearFieldRules: q,
320
320
  buildFieldRules: y,
321
321
  disableChangeValidate: ae,
322
- enableChangeValidate: se,
323
- disableOptionOfList: de,
322
+ enableChangeValidate: de,
323
+ disableOptionOfList: se,
324
324
  enableOptionOfList: fe,
325
325
  emitFieldDataChange: S,
326
326
  syncUpdateFormModel: H,
@@ -1 +1 @@
1
- {"version":3,"file":"useField.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/useField.ts"],"sourcesContent":["import {\n ref,\n computed,\n inject,\n onMounted,\n onBeforeUnmount,\n getCurrentInstance,\n Ref,\n toRaw\n} from 'vue';\nimport { deepClone } from '@/utils/util';\nimport FormValidators from '@/utils/validators';\nimport { isArray, eq, get } from 'lodash-es';\nimport { FormConfig, Widget } from '@/types/schema';\nimport { useI18n } from '@/utils/i18n';\nimport { useEmitter } from '@/utils/useEmitter';\nimport { useAppRef } from '../../useAppRef';\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 = false) {\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 console.log(get(formModel.value, getPropName.value), getPropName.value);\n\n return get(formModel.value, getPropName.value);\n },\n set(value) {\n console.log(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: props.field.options.onAppendButtonClick\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 console.log(field.options.name);\n\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 dispatch('VFormRender', 'fieldChange', {\n fieldName: getPropName.value,\n value: props.field.options.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 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 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":["useField","props","isInitModelValue","formConfig","inject","ref","formModel","getReadMode","isSubFormField","getSubFormName","designState","registerToRefList","getWidgetRef","getFormRef","unregisterFromRefList","useAppRef","executeFunction","asyncExecuteFunction","useExecFunction","i18nt","i18n2t","useI18n","field","fieldEditor","oldFieldValue","fieldReadonlyFlag","loading","rules","uploadData","customToolbar","instance","getCurrentInstance","dispatch","useEmitter","size","computed","_a","subFormName","fieldModel","get","getPropName","value","syncUpdateFormModel","subFormData","isReadMode","handleHidden","onHidden","hidden","result","handleDisabled","onDisabled","disabled","error","findInArray","arrayObject","element","foundIdx","aItem","aIdx","handleOnCreated","handleOnMounted","refreshDefaultValue","clearFieldRules","buildFieldRules","vldName","FormValidators","customFn","rule","disableChangeValidate","enableChangeValidate","disableOptionOfList","optionList","optionValue","opt","enableOptionOfList","emitFieldDataChange","newValue","oldValue","toRaw","handleOnChange","handleFocusCustomEvent","event","deepClone","handleBlurCustomEvent","emitAppendButtonClick","val","oldVal","onClick","handleClickIcon","getFieldEditor","showFileList","list","isArray","item","uid","setValue","disableChangeEvent","eq","getValue","resetField","defaultValue","setReadonly","flag","setDisabled","setAppendButtonVisible","setAppendButtonDisabled","setHidden","setRequired","clearValidate","getVfCtx","setLabel","newLabel","focus","setUploadData","name","setReadMode","readonlyFlag","addCssClass","className","customClass","removeCssClass","cc","idx","getEl","setWidgetOption","optionName","options","initFieldModel","onMounted","onBeforeUnmount","defineExposed"],"mappings":"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"}
1
+ {"version":3,"file":"useField.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/useField.ts"],"sourcesContent":["import {\n ref,\n computed,\n inject,\n onMounted,\n onBeforeUnmount,\n getCurrentInstance,\n Ref,\n toRaw\n} from 'vue';\nimport { deepClone } from '@/utils/util';\nimport FormValidators from '@/utils/validators';\nimport { isArray, eq, get } from 'lodash-es';\nimport { FormConfig, Widget } from '@/types/schema';\nimport { useI18n } from '@/utils/i18n';\nimport { useEmitter } from '@/utils/useEmitter';\nimport { useAppRef } from '../../useAppRef';\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 console.log(get(formModel.value, getPropName.value), getPropName.value);\n\n return get(formModel.value, getPropName.value);\n },\n set(value) {\n console.log(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: props.field.options.onAppendButtonClick\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 console.log(field.options.name);\n\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 dispatch('VFormRender', 'fieldChange', {\n fieldName: getPropName.value,\n value: props.field.options.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 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 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":["useField","props","isInitModelValue","formConfig","inject","ref","formModel","getReadMode","isSubFormField","getSubFormName","designState","registerToRefList","getWidgetRef","getFormRef","unregisterFromRefList","useAppRef","executeFunction","asyncExecuteFunction","useExecFunction","i18nt","i18n2t","useI18n","field","fieldEditor","oldFieldValue","fieldReadonlyFlag","loading","rules","uploadData","customToolbar","instance","getCurrentInstance","dispatch","useEmitter","size","computed","_a","subFormName","fieldModel","get","getPropName","value","syncUpdateFormModel","subFormData","isReadMode","handleHidden","onHidden","hidden","result","handleDisabled","onDisabled","disabled","error","findInArray","arrayObject","element","foundIdx","aItem","aIdx","handleOnCreated","handleOnMounted","refreshDefaultValue","clearFieldRules","buildFieldRules","vldName","FormValidators","customFn","rule","disableChangeValidate","enableChangeValidate","disableOptionOfList","optionList","optionValue","opt","enableOptionOfList","emitFieldDataChange","newValue","oldValue","toRaw","handleOnChange","handleFocusCustomEvent","event","deepClone","handleBlurCustomEvent","emitAppendButtonClick","val","oldVal","onClick","handleClickIcon","getFieldEditor","showFileList","list","isArray","item","uid","setValue","disableChangeEvent","eq","getValue","resetField","defaultValue","setReadonly","flag","setDisabled","setAppendButtonVisible","setAppendButtonDisabled","setHidden","setRequired","clearValidate","getVfCtx","setLabel","newLabel","focus","setUploadData","name","setReadMode","readonlyFlag","addCssClass","className","customClass","removeCssClass","cc","idx","getEl","setWidgetOption","optionName","options","initFieldModel","onMounted","onBeforeUnmount","defineExposed"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { defineComponent as J, computed as u, ref as c, onBeforeUnmount as P, createBlock as A, openBlock as U, unref as i, mergeProps as z, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
1
+ import { defineComponent as J, computed as c, ref as u, onBeforeUnmount as P, createBlock as A, openBlock as U, unref as i, mergeProps as z, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
2
2
  import { useExecFunction as G, TpfModal as K } from "tmgc2-share";
3
3
  import { useLowcode as Q } from "../../hooks/useLowcode.js";
4
4
  import { formatSize as h } from "../../utils/format.js";
@@ -47,14 +47,14 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
47
47
  }
48
48
  },
49
49
  setup(n, { expose: O }) {
50
- const t = n, R = u(() => h(t.options.height, "500px")), f = c(null), p = c(!1), s = c(!1), { context: r, asyncExecuteFunction: m, executeFunction: Z } = G(), { vfdRef: l, isLoading: v, getComponentJson: F } = Q({
50
+ const t = n, R = c(() => h(t.options.height, "500px")), f = u(null), p = u(!1), s = u(!1), { context: r, asyncExecuteFunction: m, executeFunction: Z } = G(), { vfdRef: l, isLoading: v, getComponentJson: F } = Q({
51
51
  formCode: t.options.formCode,
52
52
  ...t.vfCtx
53
- }), D = u(() => ({
53
+ }), D = c(() => ({
54
54
  ...t.parentFormRef,
55
55
  parentDom: r.value,
56
- getParentFormRef: g
57
- })), k = u(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
56
+ getParentFormRef: y
57
+ })), k = c(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
58
58
  P(() => {
59
59
  var e, o;
60
60
  console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, null);
@@ -66,11 +66,11 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
66
66
  }, j = () => {
67
67
  s.value = !0;
68
68
  }, E = async ({ result: e }) => {
69
- e !== !1 && await d();
69
+ console.log({ result: e }), e != !1 && await d();
70
70
  }, L = () => {
71
71
  s.value = !0, q(async () => {
72
72
  var e, o, a;
73
- (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await F([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(r.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), y();
73
+ (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await F([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(r.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), g();
74
74
  });
75
75
  }, b = async () => {
76
76
  if (t.options.onDialogBeforeClose)
@@ -80,12 +80,12 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
80
80
  s.value = !1;
81
81
  }, d = () => {
82
82
  b();
83
- }, y = async () => {
83
+ }, g = async () => {
84
84
  if (t.options.onDialogOpened)
85
85
  return await m({
86
86
  functionBody: t.options.onDialogOpened
87
87
  });
88
- }, g = () => t.parentFormRef, T = () => {
88
+ }, y = () => t.parentFormRef, T = () => {
89
89
  var e, o, a;
90
90
  (a = (o = (e = t.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : o.exposed) != null && a.updateTable && t.vfCtx.parent.exposed.updateTable();
91
91
  }, M = () => t.extraData, S = (e) => {
@@ -97,7 +97,7 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
97
97
  return (e = l.value) == null ? void 0 : e.context;
98
98
  };
99
99
  return O({
100
- getParentFormRef: g,
100
+ getParentFormRef: y,
101
101
  getFormRef: V,
102
102
  setDisabled: N,
103
103
  setleftText: S,
@@ -107,7 +107,7 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
107
107
  show: L,
108
108
  close: b,
109
109
  handleCloseEvent: d,
110
- handleOpenedEvent: y,
110
+ handleOpenedEvent: g,
111
111
  updateTable: T,
112
112
  getExtraData: M
113
113
  }), (e, o) => (U(), A(i(K), z({
@@ -1 +1 @@
1
- {"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n <TpfModal\n class=\"tpf-model design-model\"\n :destroyOnClose=\"true\"\n :title=\"options.title\"\n :bodyStyle=\"{\n height: dialogHeight,\n overflow: 'auto',\n ...JSON.parse(options.bodyStyle || '{}')\n }\"\n :centered=\"true\"\n v-model:visible=\"dialogVisible\"\n :width=\"formatSize(options.width)\"\n :mask=\"options.showModal\"\n :maskClosable=\"options.closeOnClickModal\"\n :keyboard=\"options.closeOnPressEscape\"\n @cancel=\"handleCloseEvent\"\n :left-num=\"leftNum\"\n v-bind=\"otherAttrs\"\n >\n <div class=\"dialog-content\">\n <VFormRender\n ref=\"vfdRef\"\n :loading=\"isLoading\"\n :vfCtx=\"{\n ...vfCtx,\n instance: context\n }\"\n :parent-form=\"parentForm\"\n :disabled-mode=\"options.disabledMode\"\n :dynamic-creation=\"true\"\n />\n </div>\n <template #footerRight>\n <ActionButtonListRender\n :buttonList=\"options.buttonList || []\"\n :ctx=\"getFormContext()\"\n @on-click=\"handleBtnClick\"\n :disabled=\"isDisabled\"\n />\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n import { TpfModal, useExecFunction } from 'tmgc2-share';\n import { useLowcode } from '@/hooks/useLowcode';\n import { formatSize } from '@/utils/format';\n import VFormRender from '../FormRender/index.vue';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n defineOptions({\n name: 'dynamic-dialog'\n });\n\n const props = defineProps({\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n vfCtx: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n });\n\n const dialogHeight = computed(() => {\n return formatSize(props.options.height, '500px');\n });\n const leftNum = ref(null);\n\n const isDisabled = ref(false);\n const dialogVisible = ref(false);\n\n const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n const { vfdRef, isLoading, getComponentJson } = useLowcode({\n formCode: props.options.formCode,\n ...props.vfCtx\n });\n // 计算属性\n const parentForm = computed(() => {\n return {\n ...props.parentFormRef,\n parentDom: context.value,\n getParentFormRef\n };\n });\n\n const otherAttrs = computed(() => {\n if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n return { footer: null };\n }\n return {};\n });\n\n // 生命周期钩子\n onBeforeUnmount(() => {\n console.log(props.parentFormRef);\n props.parentFormRef?.setChildFormRef?.(null);\n });\n\n const setLoading = status => {\n isLoading.value = status;\n };\n\n const setTitle = title => {\n props.options.title = title;\n };\n\n const beforeOpen = () => {\n dialogVisible.value = true;\n };\n\n const handleBtnClick = async ({ result }: any) => {\n if (result !== false) {\n await handleCloseEvent();\n }\n };\n\n const show = () => {\n dialogVisible.value = true;\n\n //设置readMode模式\n nextTick(async () => {\n if (props.options?.readMode) {\n vfdRef.value?.setReadMode(true);\n }\n await getComponentJson([], props.options.formCode);\n vfdRef.value?.setDialogOrDrawerRef(context.value);\n if (props.parentFormRef) {\n props.parentFormRef.setChildFormRef(vfdRef.value);\n }\n handleOpenedEvent();\n });\n };\n\n const close = async () => {\n if (props.options.onDialogBeforeClose) {\n return await asyncExecuteFunction({\n functionBody: props.options.onDialogBeforeClose\n });\n }\n\n dialogVisible.value = false;\n };\n\n const handleCloseEvent = () => {\n close();\n };\n\n const handleOpenedEvent = async () => {\n if (props.options.onDialogOpened) {\n return await asyncExecuteFunction({\n functionBody: props.options.onDialogOpened\n });\n }\n };\n\n const getParentFormRef = () => {\n return props.parentFormRef;\n };\n\n const updateTable = () => {\n if (props.vfCtx?.parent?.exposed?.updateTable) {\n props.vfCtx.parent.exposed.updateTable();\n }\n };\n\n const getExtraData = () => {\n return props.extraData;\n };\n\n const setleftText = number => {\n leftNum.value = number;\n };\n\n const setDisabled = status => {\n isDisabled.value = status;\n };\n\n const getFormRef = () => {\n return vfdRef.value;\n };\n\n const getFormContext = () => {\n return vfdRef.value?.context;\n };\n\n // 暴露方法给父组件\n defineExpose({\n getParentFormRef,\n getFormRef,\n setDisabled,\n setleftText,\n setLoading,\n setTitle,\n beforeOpen,\n show,\n close,\n handleCloseEvent,\n handleOpenedEvent,\n updateTable,\n getExtraData\n });\n</script>\n\n<style lang=\"less\">\n .dialog-content {\n display: flex;\n flex: 1;\n flex-direction: column;\n min-height: 300px;\n }\n</style>\n"],"names":["props","__props","dialogHeight","computed","formatSize","leftNum","ref","isDisabled","dialogVisible","context","asyncExecuteFunction","executeFunction","useExecFunction","vfdRef","isLoading","getComponentJson","useLowcode","parentForm","getParentFormRef","otherAttrs","onBeforeUnmount","_b","_a","setLoading","status","setTitle","title","beforeOpen","handleBtnClick","result","handleCloseEvent","show","nextTick","_c","handleOpenedEvent","close","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","ActionButtonListRender","_createElementVNode","_hoisted_1","VFormRender"],"mappings":"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"}
1
+ {"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n <TpfModal\n class=\"tpf-model design-model\"\n :destroyOnClose=\"true\"\n :title=\"options.title\"\n :bodyStyle=\"{\n height: dialogHeight,\n overflow: 'auto',\n ...JSON.parse(options.bodyStyle || '{}')\n }\"\n :centered=\"true\"\n v-model:visible=\"dialogVisible\"\n :width=\"formatSize(options.width)\"\n :mask=\"options.showModal\"\n :maskClosable=\"options.closeOnClickModal\"\n :keyboard=\"options.closeOnPressEscape\"\n @cancel=\"handleCloseEvent\"\n :left-num=\"leftNum\"\n v-bind=\"otherAttrs\"\n >\n <div class=\"dialog-content\">\n <VFormRender\n ref=\"vfdRef\"\n :loading=\"isLoading\"\n :vfCtx=\"{\n ...vfCtx,\n instance: context\n }\"\n :parent-form=\"parentForm\"\n :disabled-mode=\"options.disabledMode\"\n :dynamic-creation=\"true\"\n />\n </div>\n <template #footerRight>\n <ActionButtonListRender\n :buttonList=\"options.buttonList || []\"\n :ctx=\"getFormContext()\"\n @on-click=\"handleBtnClick\"\n :disabled=\"isDisabled\"\n />\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n import { TpfModal, useExecFunction } from 'tmgc2-share';\n import { useLowcode } from '@/hooks/useLowcode';\n import { formatSize } from '@/utils/format';\n import VFormRender from '../FormRender/index.vue';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n defineOptions({\n name: 'dynamic-dialog'\n });\n\n const props = defineProps({\n options: {\n type: Object,\n default: () => ({})\n },\n formJson: {\n type: Object\n },\n formData: {\n type: Object,\n default: () => ({})\n },\n vfCtx: {\n type: Object,\n default: () => ({})\n },\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n // 全局数据源变量\n type: Object,\n default: () => ({})\n },\n parentFormRef: {\n type: Object,\n default: null\n },\n extraData: {\n type: Object,\n default: () => ({})\n },\n wrapperId: {\n type: String,\n default: null\n }\n });\n\n const dialogHeight = computed(() => {\n return formatSize(props.options.height, '500px');\n });\n const leftNum = ref(null);\n\n const isDisabled = ref(false);\n const dialogVisible = ref(false);\n\n const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n const { vfdRef, isLoading, getComponentJson } = useLowcode({\n formCode: props.options.formCode,\n ...props.vfCtx\n });\n // 计算属性\n const parentForm = computed(() => {\n return {\n ...props.parentFormRef,\n parentDom: context.value,\n getParentFormRef\n };\n });\n\n const otherAttrs = computed(() => {\n if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n return { footer: null };\n }\n return {};\n });\n\n // 生命周期钩子\n onBeforeUnmount(() => {\n console.log(props.parentFormRef);\n props.parentFormRef?.setChildFormRef?.(null);\n });\n\n const setLoading = status => {\n isLoading.value = status;\n };\n\n const setTitle = title => {\n props.options.title = title;\n };\n\n const beforeOpen = () => {\n dialogVisible.value = true;\n };\n\n const handleBtnClick = async ({ result }: any) => {\n console.log({ result });\n\n if (result == false) {\n return;\n }\n await handleCloseEvent();\n };\n\n const show = () => {\n dialogVisible.value = true;\n\n //设置readMode模式\n nextTick(async () => {\n if (props.options?.readMode) {\n vfdRef.value?.setReadMode(true);\n }\n await getComponentJson([], props.options.formCode);\n vfdRef.value?.setDialogOrDrawerRef(context.value);\n if (props.parentFormRef) {\n props.parentFormRef.setChildFormRef(vfdRef.value);\n }\n handleOpenedEvent();\n });\n };\n\n const close = async () => {\n if (props.options.onDialogBeforeClose) {\n return await asyncExecuteFunction({\n functionBody: props.options.onDialogBeforeClose\n });\n }\n\n dialogVisible.value = false;\n };\n\n const handleCloseEvent = () => {\n close();\n };\n\n const handleOpenedEvent = async () => {\n if (props.options.onDialogOpened) {\n return await asyncExecuteFunction({\n functionBody: props.options.onDialogOpened\n });\n }\n };\n\n const getParentFormRef = () => {\n return props.parentFormRef;\n };\n\n const updateTable = () => {\n if (props.vfCtx?.parent?.exposed?.updateTable) {\n props.vfCtx.parent.exposed.updateTable();\n }\n };\n\n const getExtraData = () => {\n return props.extraData;\n };\n\n const setleftText = number => {\n leftNum.value = number;\n };\n\n const setDisabled = status => {\n isDisabled.value = status;\n };\n\n const getFormRef = () => {\n return vfdRef.value;\n };\n\n const getFormContext = () => {\n return vfdRef.value?.context;\n };\n\n // 暴露方法给父组件\n defineExpose({\n getParentFormRef,\n getFormRef,\n setDisabled,\n setleftText,\n setLoading,\n setTitle,\n beforeOpen,\n show,\n close,\n handleCloseEvent,\n handleOpenedEvent,\n updateTable,\n getExtraData\n });\n</script>\n\n<style lang=\"less\">\n .dialog-content {\n display: flex;\n flex: 1;\n flex-direction: column;\n min-height: 300px;\n }\n</style>\n"],"names":["props","__props","dialogHeight","computed","formatSize","leftNum","ref","isDisabled","dialogVisible","context","asyncExecuteFunction","executeFunction","useExecFunction","vfdRef","isLoading","getComponentJson","useLowcode","parentForm","getParentFormRef","otherAttrs","onBeforeUnmount","_b","_a","setLoading","status","setTitle","title","beforeOpen","handleBtnClick","result","handleCloseEvent","show","nextTick","_c","handleOpenedEvent","close","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","ActionButtonListRender","_createElementVNode","_hoisted_1","VFormRender"],"mappings":"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"}
@@ -42,7 +42,7 @@ function h(o, v, z, B, S, $) {
42
42
  ], 8, ["disabled", "to"]))
43
43
  ], 6);
44
44
  }
45
- const L = /* @__PURE__ */ m(c, [["render", h], ["__scopeId", "data-v-4a5589b9"]]);
45
+ const L = /* @__PURE__ */ m(c, [["render", h], ["__scopeId", "data-v-ba25e584"]]);
46
46
  export {
47
47
  L as default
48
48
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n <div\n ref=\"fieldEditor\"\n :class=\"['button-list-container', ...customClass]\"\n :style=\"containerStyle\"\n >\n <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n <a-space :size=\"8\">\n <a-button\n v-for=\"item in visibleButtons\"\n :key=\"item.key\"\n :type=\"item.type\"\n :size=\"item.size\"\n :danger=\"!!item.danger\"\n :ghost=\"!!item.ghost\"\n class=\"tpf-button\"\n :loading=\"item.loading\"\n :disabled=\"handleDisabled(item) || disabled || !!item.disabled\"\n @click=\"handleClick(item)\"\n >\n <template v-if=\"item.icon\">\n <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n </template>\n {{ item.label }}\n </a-button>\n </a-space>\n </Teleport>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, computed, PropType } from 'vue';\n import { SvgIcon, useExecFunction } from 'tmgc2-share';\n import type { ActionButton } from '@/types/button';\n import { ButtonPositionEnum } from '@/constants';\n\n export default defineComponent({\n name: 'ActionButtonListRender',\n components: { SvgIcon },\n props: {\n options: {\n type: Object,\n default: () => {}\n },\n disabled: {\n type: Boolean,\n default: false\n },\n scope: {\n type: Object,\n default: () => {}\n },\n ctx: {\n type: Object,\n default: () => {}\n },\n buttonList: {\n type: Array as PropType<ActionButton[]>,\n default: () => []\n },\n customClass: {\n type: Array as PropType<string[]>,\n default: () => []\n },\n flex: {\n type: String,\n default: 'center'\n },\n designState: {\n type: Boolean,\n default: false\n }\n },\n emits: ['on-click'],\n setup(props, { emit }) {\n const containerStyle = computed(() => ({\n '--flex': props.flex\n }));\n\n const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n const isDisabled = computed(\n () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n );\n\n const getContainer = computed(() =>\n isDisabled.value ? null : props.options?.getContainer\n );\n\n const visibleButtons = computed(() =>\n props.buttonList\n .filter(item => item.hidden !== 1)\n .filter(item => !handleHidden(item))\n );\n\n const handleClick = async (item: ActionButton) => {\n if (props.designState) return; // 在设计状态下不处理点击事件\n if (!item.onClick) return;\n if (item.loading) return;\n item.loading = true;\n try {\n const result = await asyncExecuteFunction({\n functionBody: item.onClick,\n context: props.ctx,\n params: props.scope\n });\n console.log({ result });\n\n emit('on-click', { item, result });\n } catch (error) {\n console.error('Button click handler error:', error);\n } finally {\n item.loading = false;\n }\n };\n\n const handleDisabled = (item: ActionButton): boolean => {\n if (!item.onDisabled) return false;\n\n try {\n const result = executeFunction({\n functionBody: item.onDisabled,\n context: props.ctx,\n params: props.scope\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return false;\n }\n } catch (error) {\n console.error('Button disabled handler error:', error);\n return false;\n }\n };\n\n const handleHidden = (item: ActionButton): boolean => {\n if (!item.onHidden) return false;\n\n try {\n return executeFunction({\n functionBody: item.onHidden,\n context: props.ctx,\n params: props.scope\n });\n } catch (error) {\n console.error('Button hidden handler error:', error);\n return false;\n }\n };\n\n return {\n getContainer,\n isDisabled,\n containerStyle,\n visibleButtons,\n handleClick,\n handleDisabled\n };\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .button-list-container {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n\n .button-icon {\n margin-right: 4px;\n }\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAoBWC,GAAA;AAAA,MApBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAkBUC,GAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAgBWU,GAAA,MAAAC,EAfQT,EAAA,gBAAc,CAAtBU,YADXR,EAgBWS,GAAA;AAAA,YAdN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,MAAMA,EAAK;AAAA,YACX,QAAM,EAAIA,EAAK;AAAA,YACf,OAAK,EAAIA,EAAK;AAAA,YACf,OAAM;AAAA,YACL,SAASA,EAAK;AAAA,YACd,UAAUV,EAAA,eAAeU,CAAI,KAAKV,EAAA,YAAQ,EAAMU,EAAK;AAAA,YACrD,SAAK,CAAAE,MAAEZ,EAAA,YAAYU,CAAI;AAAA,UAAA,GAAA;AAAA,uBAExB,MAEW;AAAA,cAFKA,EAAK,aACjBR,EAAuDW,GAAA;AAAA,gBAAA,KAAA;AAAA,gBAA7C,cAAYH,EAAK;AAAA,gBAAM,OAAM;AAAA,cAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAChC,MACXC,EAAGL,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;;"}
1
+ {"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n <div\n ref=\"fieldEditor\"\n :class=\"['button-list-container', ...customClass]\"\n :style=\"containerStyle\"\n >\n <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n <a-space :size=\"8\">\n <a-button\n v-for=\"item in visibleButtons\"\n :key=\"item.key\"\n :type=\"item.type\"\n :size=\"item.size\"\n :danger=\"!!item.danger\"\n :ghost=\"!!item.ghost\"\n class=\"tpf-button\"\n :loading=\"item.loading\"\n :disabled=\"handleDisabled(item) || disabled || !!item.disabled\"\n @click=\"handleClick(item)\"\n >\n <template v-if=\"item.icon\">\n <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n </template>\n {{ item.label }}\n </a-button>\n </a-space>\n </Teleport>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, computed, PropType } from 'vue';\n import { SvgIcon, useExecFunction } from 'tmgc2-share';\n import type { ActionButton } from '@/types/button';\n import { ButtonPositionEnum } from '@/constants';\n\n export default defineComponent({\n name: 'ActionButtonListRender',\n components: { SvgIcon },\n props: {\n options: {\n type: Object,\n default: () => {}\n },\n disabled: {\n type: Boolean,\n default: false\n },\n scope: {\n type: Object,\n default: () => {}\n },\n ctx: {\n type: Object,\n default: () => {}\n },\n buttonList: {\n type: Array as PropType<ActionButton[]>,\n default: () => []\n },\n customClass: {\n type: Array as PropType<string[]>,\n default: () => []\n },\n flex: {\n type: String,\n default: 'center'\n },\n designState: {\n type: Boolean,\n default: false\n }\n },\n emits: ['on-click'],\n setup(props, { emit }) {\n const containerStyle = computed(() => ({\n '--flex': props.flex\n }));\n\n const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n const isDisabled = computed(\n () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n );\n\n const getContainer = computed(() =>\n isDisabled.value ? null : props.options?.getContainer\n );\n\n const visibleButtons = computed(() =>\n props.buttonList\n .filter(item => item.hidden !== 1)\n .filter(item => !handleHidden(item))\n );\n\n const handleClick = async (item: ActionButton) => {\n if (props.designState) return; // 在设计状态下不处理点击事件\n if (!item.onClick) {\n emit('on-click', { item, result: true });\n return;\n }\n if (item.loading) return;\n item.loading = true;\n try {\n const result = await asyncExecuteFunction({\n functionBody: item.onClick,\n context: props.ctx,\n params: props.scope\n });\n emit('on-click', { item, result });\n } catch (error) {\n console.error('Button click handler error:', error);\n } finally {\n item.loading = false;\n }\n };\n\n const handleDisabled = (item: ActionButton): boolean => {\n if (!item.onDisabled) return false;\n\n try {\n const result = executeFunction({\n functionBody: item.onDisabled,\n context: props.ctx,\n params: props.scope\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return false;\n }\n } catch (error) {\n console.error('Button disabled handler error:', error);\n return false;\n }\n };\n\n const handleHidden = (item: ActionButton): boolean => {\n if (!item.onHidden) return false;\n\n try {\n return executeFunction({\n functionBody: item.onHidden,\n context: props.ctx,\n params: props.scope\n });\n } catch (error) {\n console.error('Button hidden handler error:', error);\n return false;\n }\n };\n\n return {\n getContainer,\n isDisabled,\n containerStyle,\n visibleButtons,\n handleClick,\n handleDisabled\n };\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .button-list-container {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n\n .button-icon {\n margin-right: 4px;\n }\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAoBWC,GAAA;AAAA,MApBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAkBUC,GAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAgBWU,GAAA,MAAAC,EAfQT,EAAA,gBAAc,CAAtBU,YADXR,EAgBWS,GAAA;AAAA,YAdN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,MAAMA,EAAK;AAAA,YACX,QAAM,EAAIA,EAAK;AAAA,YACf,OAAK,EAAIA,EAAK;AAAA,YACf,OAAM;AAAA,YACL,SAASA,EAAK;AAAA,YACd,UAAUV,EAAA,eAAeU,CAAI,KAAKV,EAAA,YAAQ,EAAMU,EAAK;AAAA,YACrD,SAAK,CAAAE,MAAEZ,EAAA,YAAYU,CAAI;AAAA,UAAA,GAAA;AAAA,uBAExB,MAEW;AAAA,cAFKA,EAAK,aACjBR,EAAuDW,GAAA;AAAA,gBAAA,KAAA;AAAA,gBAA7C,cAAYH,EAAK;AAAA,gBAAM,OAAM;AAAA,cAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAChC,MACXC,EAAGL,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;;"}