@gct-paas/excel 0.1.18 → 0.1.20

package/dist/ref-autofill-editor-B4KDvHhR.js

@@ -0,0 +1,2334 @@
+import { watch, toRefs, reactive, toRaw, defineComponent, ref, computed, createVNode, createTextVNode, Fragment, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, mergeProps, createApp, onMounted, normalizeClass, withDirectives, vShow, h } from "vue";
+import { D as DownOutlined, u as useModelFields, F as FormItem, l as SEARCH_TYPE, i as draggableComponent, t as transformMappingField4Auto } from "./index-BG_CEaW0.js";
+import { Cascader, Tooltip, Input, Empty, Tree, Transfer, Select, Tag } from "ant-design-vue";
+import { i as api, F as FIELD_TYPE, C as CreateType, I as FieldIconMap, _ as _export_sfc, c as FIELD_TYPE_TRACE, g as SubTableType } from "./dynamic-table-action.vue_vue_type_style_index_0_scoped_53d7e66c_lang-OPdk2I5p.js";
+import { cloneDeep, has, isEmpty, pick, isBoolean } from "lodash-es";
+import { r as registerDialogComp } from "./index-CWpratsK.js";
+import { useModal } from "@gct-paas/core";
+const DEFAULT_DISPLAY_FIELDS_MAP = {
+  // 设备：设备编码、设备名称
+  device: ["code_", "name_"],
+  // 库存物料：预留
+  materialNo: []
+};
+var SCOPEINFO = /* @__PURE__ */ ((SCOPEINFO2) => {
+  SCOPEINFO2["FIELD_LIST"] = "fieldList";
+  SCOPEINFO2["FIELD_FORM"] = "fieldForm";
+  return SCOPEINFO2;
+})(SCOPEINFO || {});
+const objInfo = {
+  modelKey: "",
+  fieldCodeChain: "",
+  bindFormId: "",
+  isFieldModel: false,
+  relateObjList: []
+};
+const modelInfoMap = {};
+const modelFieldMap = {};
+const selectObj = {
+  modelName: "",
+  fieldList: [],
+  modelKey: "",
+  currentFormId: "",
+  fieldCodeChain: "",
+  isFieldModel: false
+};
+const fieldCascaderSelectValue = [];
+const fieldPathChainList = [];
+const fieldMap = {
+  objInfo,
+  modelInfoMap,
+  modelFieldMap,
+  fieldCascaderSelectValue,
+  fieldPathChainList
+};
+const fieldCacheMap = {
+  [SCOPEINFO.FIELD_FORM]: {
+    selectObj: reactive(cloneDeep(selectObj)),
+    ...toRefs(reactive(cloneDeep(fieldMap)))
+  },
+  [SCOPEINFO.FIELD_LIST]: {
+    selectObj: reactive(cloneDeep(selectObj)),
+    ...toRefs(reactive(cloneDeep(fieldMap)))
+  }
+};
+function useModelField(scope = SCOPEINFO.FIELD_FORM) {
+  const {
+    objInfo: objInfo2,
+    modelInfoMap: modelInfoMap2,
+    modelFieldMap: modelFieldMap2,
+    selectObj: selectObj2,
+    fieldCascaderSelectValue: fieldCascaderSelectValue2,
+    fieldPathChainList: fieldPathChainList2
+  } = fieldCacheMap[scope];
+  async function getModelDetail2FieldList(modelKey) {
+    const res = await api.apaas.modelMeta.getDetail({
+      modelKey
+    });
+    return res;
+  }
+  function setModelFieldToMap(modelKey, fieldList = []) {
+    if (!modelFieldMap2.value[modelKey]) {
+      modelFieldMap2.value[modelKey] = fieldList?.reduce(
+        (prev, curr) => ({
+          ...prev,
+          [curr.key ?? ""]: curr
+        }),
+        {}
+      );
+    }
+  }
+  function setModelInfoToMap(modelList = []) {
+    modelList?.forEach((item) => {
+      if (!modelInfoMap2.value[item.key]) {
+        modelInfoMap2.value[item.key] = {
+          modelId: item.id,
+          modelKey: item.key,
+          modelName: item.name,
+          // NDO | RDO
+          modelType: item.type
+        };
+      }
+    });
+  }
+  function getModelFieldList(modelKey) {
+    if (!modelKey || !modelFieldMap2.value[modelKey]) {
+      return [];
+    }
+    return Object.values(toRaw(modelFieldMap2.value[modelKey]));
+  }
+  function getModelFieldInfo(modelKey, fieldKey) {
+    if (!modelKey || !fieldKey || !modelFieldMap2.value[modelKey]) {
+      return;
+    }
+    return modelFieldMap2.value[modelKey][fieldKey];
+  }
+  function getModelInfo(modelKey) {
+    if (!modelKey || !modelInfoMap2.value[modelKey]) {
+      return false;
+    }
+    return modelInfoMap2.value[modelKey];
+  }
+  function _checkRefModel(item, fieldTypes = []) {
+    return item.bindInfo && [FIELD_TYPE.REF, FIELD_TYPE.RDO_REF, ...fieldTypes].includes(item.type) && [CreateType.USER_DEFINED, CreateType.BUILTIN].includes(item.createType);
+  }
+  function getRefConfig({ item, formId }, { links, fieldLinks, fieldType }) {
+    const link = [...links, item.bindInfo];
+    return {
+      fieldKey: item.key,
+      fieldType: item.type,
+      belongModelKey: item.modelKey,
+      bindModelKey: item.bindInfo,
+      bindFormId: formId ?? "",
+      isFieldModel: true,
+      // ! 这边用对象的原因是模型 key 可能是特殊字符，所以如果直接用字符串拼接可能会有问题
+      fieldCodeChain: JSON.stringify({
+        // 关联模型的字段key
+        bindFieldKey: item.key,
+        // 字段所属模型的key
+        bindModelKey: item.bindInfo,
+        // 关联模型字段所属模型的key
+        belongModelKey: item.modelKey,
+        /**模型链路 */
+        modelLink: link,
+        /**字段链路 */
+        fieldLink: fieldLinks,
+        /**关联源模型的模型类型 */
+        refOriginFieldType: fieldType
+      }),
+      modelLink: link,
+      children: []
+    };
+  }
+  async function getRefInfo({ item, formId }, { modelKey, fieldType }) {
+    const oneLevelRefConfig = getRefConfig(
+      { item, formId },
+      { links: [modelKey], fieldLinks: [item.key], fieldType }
+    );
+    const twoLevelFieldData = await getModelDetail2FieldList(oneLevelRefConfig.bindModelKey);
+    const twoLevelRefConfigs = twoLevelFieldData?.fieldMetaList?.filter((a) => _checkRefModel(a)).map(
+      (i) => getRefConfig(
+        { item: i, formId },
+        { links: oneLevelRefConfig.modelLink, fieldLinks: [item.key, i.key], fieldType }
+      )
+    );
+    return { ...oneLevelRefConfig, children: twoLevelRefConfigs };
+  }
+  async function loadObjInfo(modelKey, {
+    formId,
+    childParentModelKey,
+    isShowCascader = true
+  } = {}) {
+    const info = await getModelDetail2FieldList(modelKey);
+    if (info) {
+      info.fieldMetaList?.forEach((item) => {
+        if (item.type === FIELD_TYPE.ASSOCIATED_PRIMARY_KEY && childParentModelKey) {
+          item.bindInfo = childParentModelKey;
+        }
+      });
+      const refList = await Promise.all(
+        info.fieldMetaList?.filter((a) => _checkRefModel(a, [FIELD_TYPE.ASSOCIATED_PRIMARY_KEY]))?.map((item) => getRefInfo({ item, formId }, { modelKey, fieldType: item.type })) ?? []
+      );
+      objInfo2.value = {
+        modelKey: info.key,
+        fieldCodeChain: JSON.stringify({ modelKey: info.key }),
+        bindFormId: formId ?? "",
+        isFieldModel: false,
+        relateObjList: refList
+      };
+      setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+      let modelDetails = [info];
+      const allRefList = [
+        ...new Set(
+          objInfo2.value.relateObjList?.map((item) => [item, ...item.children || []]).flat().map((item) => item.bindModelKey)
+        )
+      ];
+      if (allRefList?.length !== 0) {
+        const res = await api.apaas.modelMeta.getByKeys({ modelKeys: allRefList.join(",") ?? "" });
+        modelDetails = modelDetails?.concat(res ?? []);
+      }
+      setModelInfoToMap(modelDetails);
+      if (allRefList?.length !== 0 && isShowCascader) {
+        await Promise.all(allRefList.map((k) => getModelDetail2FieldList(k))).then((res) => {
+          (res ?? []).forEach((info2) => {
+            if (info2) {
+              setModelFieldToMap(info2.key ?? "", info2.fieldMetaList);
+            }
+          });
+        });
+      }
+    }
+    return true;
+  }
+  async function fetchDetailList(modelKey) {
+    if (!modelFieldMap2.value[modelKey]) {
+      const info = await getModelDetail2FieldList(modelKey);
+      if (info) {
+        setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+      }
+    }
+  }
+  function setSelectObjData(modelKey, info) {
+    const modelInfo = getModelInfo(modelKey);
+    if (modelInfo) {
+      selectObj2.modelKey = modelInfo.modelKey;
+      selectObj2.modelName = modelInfo.modelName;
+      selectObj2.currentFormId = info.bindFormId;
+      selectObj2.fieldCodeChain = info.fieldCodeChain;
+      selectObj2.isFieldModel = info.isFieldModel;
+      selectObj2.fieldList = getModelFieldList(modelInfo.modelKey);
+    }
+  }
+  watch(
+    [() => objInfo2.value, () => modelInfoMap2.value],
+    () => {
+      if (!selectObj2.modelKey && objInfo2.value.modelKey) {
+        setSelectObjData(objInfo2.value.modelKey, objInfo2.value);
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
+  function changeSelectInfo(modelKey, data) {
+    setSelectObjData(modelKey, data);
+  }
+  function clearSelectInfo() {
+    selectObj2.modelKey = "";
+    selectObj2.modelName = "";
+    selectObj2.currentFormId = "";
+    selectObj2.fieldCodeChain = "";
+    selectObj2.isFieldModel = false;
+    selectObj2.fieldList = [];
+    fieldCascaderSelectValue2.value = [];
+  }
+  function clearObjInfo() {
+    objInfo2.value = {
+      modelKey: "",
+      fieldCodeChain: "",
+      bindFormId: "",
+      isFieldModel: false,
+      relateObjList: []
+    };
+  }
+  function getFieldCodeChainStr(fieldCodeChain, currentFieldName) {
+    if (!fieldCodeChain) {
+      return "";
+    }
+    const fieldCodeChainObj = JSON.parse(fieldCodeChain);
+    if (has(fieldCodeChainObj, "bindFieldKey")) {
+      const fieldInfo = getModelFieldInfo(
+        fieldCodeChainObj.belongModelKey,
+        fieldCodeChainObj.bindFieldKey
+      );
+      const bindModelInfo = getModelInfo(fieldCodeChainObj.bindModelKey);
+      if (fieldInfo && bindModelInfo) {
+        return `${fieldInfo.name}(${bindModelInfo.modelName})${currentFieldName ? ` > ${currentFieldName}` : ""}`;
+      }
+    } else {
+      const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+      if (modelInfo) {
+        return `${modelInfo.modelName}${currentFieldName ? ` > ${currentFieldName}` : ""}`;
+      }
+    }
+    return "";
+  }
+  async function getFieldPathChainList(fieldCodeChain, fieldName) {
+    if (!fieldCodeChain) {
+      fieldPathChainList2.value = [];
+    } else {
+      const fieldCodeChainObj = JSON.parse(fieldCodeChain);
+      const isFieldModel = has(fieldCodeChainObj, "bindFieldKey");
+      const modelKeys = isFieldModel ? fieldCodeChainObj.modelLink || [
+        fieldCodeChainObj.belongModelKey,
+        fieldCodeChainObj.bindModelKey
+      ] : [fieldCodeChainObj.modelKey];
+      if (modelKeys.some((item) => !getModelInfo(item))) {
+        const res = await api.apaas.modelMeta.getByKeys({
+          modelKeys: modelKeys.join(",")
+        });
+        if (res) {
+          setModelInfoToMap(res);
+        }
+      }
+      if (isFieldModel) {
+        fieldPathChainList2.value = modelKeys.map((i) => getModelInfo(i).modelName).concat(fieldName);
+      } else {
+        const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+        if (modelInfo) {
+          fieldPathChainList2.value = [modelInfo.modelName, fieldName];
+        }
+      }
+    }
+    return fieldPathChainList2.value;
+  }
+  async function reloadFieldToolkit(modelKey, formId, childParentModelKey) {
+    if (selectObj2.currentFormId === formId) {
+      return;
+    }
+    clearSelectInfo();
+    clearObjInfo();
+    await loadObjInfo(modelKey, {
+      formId,
+      childParentModelKey
+    });
+  }
+  return {
+    objInfo: objInfo2,
+    loadObjInfo,
+    getModelInfo,
+    getModelFieldList,
+    getModelFieldInfo,
+    selectObj: selectObj2,
+    modelFieldMap: modelFieldMap2,
+    fetchDetailList,
+    changeSelectInfo,
+    getFieldCodeChainStr,
+    getFieldPathChainList,
+    clearSelectInfo,
+    clearObjInfo,
+    fieldCascaderSelectValue: fieldCascaderSelectValue2,
+    fieldPathChainList: fieldPathChainList2,
+    reloadFieldToolkit
+  };
+}
+const MESSAGES = {
+  "sys.component.fieldTransfer.defaultModalTitle": "选择字段",
+  "sys.component.fieldTransfer.move": "移动",
+  "sys.component.fieldTransfer.noSelect": "待选",
+  "sys.component.fieldTransfer.select": "已选",
+  "sys.component.fieldTransfer.noSearchData": "无搜索结果",
+  "sys.component.fieldTransfer.noData": "暂无数据",
+  "sys.component.fieldTransfer.term": "项",
+  "sys.component.fieldTransfer.pleaseSearch": "请搜索",
+  "sys.component.fieldTransfer.selectAllData": "全选所有",
+  "sys.component.fieldTransfer.invertCurrentPage": "反选当页",
+  "sys.component.fieldTransfer.linkModel": "关联模型",
+  "sys.component.fieldTransfer.subMainModel": "子主模型",
+  "sys.component.fieldTransfer.currentModel": "当前模型",
+  "sys.component.fieldTransfer.soModelTitle": "选择对象",
+  "sys.model.modelKey": "模型标识"
+};
+function t(key) {
+  if (MESSAGES[key]) return MESSAGES[key];
+  const globalT = window.$t;
+  if (typeof globalT === "function") {
+    const v = globalT(key);
+    if (v && v !== key) return v;
+  }
+  return key;
+}
+const FieldCascader = /* @__PURE__ */ defineComponent({
+  name: "FieldCascader",
+  props: {
+    scope: {
+      type: String,
+      default: SCOPEINFO.FIELD_FORM
+    },
+    isShowCascader: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const {
+      fieldCascaderSelectValue: fieldCascaderSelectValue2,
+      objInfo: objInfo2,
+      getModelInfo,
+      getModelFieldInfo,
+      fetchDetailList,
+      changeSelectInfo
+    } = useModelField(props.scope);
+    const visible = ref(false);
+    const isReadyonly = computed(() => {
+      return !props.isShowCascader || objInfo2.value.relateObjList.length === 0;
+    });
+    const handleClickItem = async (e, item) => {
+      visible.value = false;
+      const key = has(item, "fieldKey") ? item.bindModelKey : item.modelKey;
+      await fetchDetailList(key);
+      changeSelectInfo(key, item);
+    };
+    const renderOptions = () => {
+      const label = (item, showIcon = false) => {
+        const modelInfo = getModelInfo(item.bindModelKey || item.modelKey);
+        if (modelInfo) {
+          let name = createVNode("span", {
+            "class": "field-ops-name"
+          }, [modelInfo.modelName]);
+          if (item.belongModelKey && item.fieldKey !== "ref_master_id_") {
+            const fieldInfo = getModelFieldInfo(item.belongModelKey, item.fieldKey);
+            if (fieldInfo) {
+              name = createVNode("span", {
+                "class": "field-ops-name"
+              }, [fieldInfo.name, createVNode("span", {
+                "class": "field-ops-desc"
+              }, [createTextVNode("（"), modelInfo.modelName, createTextVNode("）")])]);
+            }
+          }
+          return createVNode(Fragment, null, [createVNode("div", {
+            "class": "field-ops",
+            "onClick": (e) => handleClickItem(e, item)
+          }, [name]), showIcon && createVNode("i", {
+            "class": "iconfont icon-a-Rightarrow"
+          }, null)]);
+        }
+        return null;
+      };
+      const tipOptInfo = (label2, value) => {
+        return {
+          label: createVNode("div", {
+            "class": "field-ops"
+          }, [createVNode("span", {
+            "class": "field-ops-name"
+          }, [label2])]),
+          value,
+          isLeaf: true,
+          disabled: true
+        };
+      };
+      const options = [];
+      if (!isEmpty(objInfo2.value)) {
+        const recursive = (fieldItem) => {
+          if (!fieldItem.relateObjList) return [];
+          return [tipOptInfo(t("sys.component.fieldTransfer.linkModel"), "link")].concat(fieldItem.relateObjList.filter((item) => FIELD_TYPE.ASSOCIATED_PRIMARY_KEY !== item.fieldType).map((item) => {
+            const isShowIcon = item.children.length !== 0;
+            return {
+              label: label(item, isShowIcon),
+              value: item.fieldCodeChain,
+              isLeaf: false,
+              // ! 解决没有下级内容的时候hover上去需要关闭下级菜单 所以设置成即使当前节点没有 children，也会显示展开图标
+              children: isShowIcon ? [tipOptInfo(t("sys.component.fieldTransfer.linkModel"), "link")].concat(item.children.map((i) => {
+                return {
+                  label: label(i),
+                  value: i.fieldCodeChain
+                };
+              })) : []
+            };
+          }));
+        };
+        const mainModelList = objInfo2.value.relateObjList?.filter((item) => FIELD_TYPE.ASSOCIATED_PRIMARY_KEY === item.fieldType);
+        let subMainOpts = [];
+        if (mainModelList.length) {
+          subMainOpts = [tipOptInfo(t("sys.component.fieldTransfer.subMainModel"), "submain")].concat(mainModelList.map((item) => ({
+            label: label(item),
+            value: item.fieldCodeChain
+          })));
+        }
+        const children = recursive(objInfo2.value);
+        options.push(tipOptInfo(t("sys.component.fieldTransfer.currentModel"), "current"));
+        options.push({
+          label: label(objInfo2.value, children.length >= 2),
+          // 一条信息是标题
+          value: objInfo2.value.fieldCodeChain,
+          children: children.length >= 2 ? children : [],
+          isLeaf: false
+        });
+        options.push(...subMainOpts);
+      }
+      return options;
+    };
+    const renderSelectName = () => {
+      let fieldName = createVNode("span", null, null);
+      let name = "";
+      let lastName = "";
+      if (fieldCascaderSelectValue2.value && fieldCascaderSelectValue2.value.length > 0) {
+        fieldCascaderSelectValue2.value.forEach((pos) => {
+          const fieldCodeChainObj = JSON.parse(pos);
+          if (has(fieldCodeChainObj, "bindFieldKey")) {
+            const belongModelInfo = getModelInfo(fieldCodeChainObj.belongModelKey);
+            const fieldInfo = getModelFieldInfo(fieldCodeChainObj.belongModelKey, fieldCodeChainObj.bindFieldKey);
+            const bindModelInfo = getModelInfo(fieldCodeChainObj.bindModelKey);
+            if (belongModelInfo && fieldInfo && bindModelInfo) {
+              if (fieldInfo.key !== "ref_master_id_") {
+                name += `${belongModelInfo.modelName}  /  `;
+              }
+              if (fieldInfo.type === FIELD_TYPE.ASSOCIATED_PRIMARY_KEY) {
+                lastName = bindModelInfo.modelName;
+              } else {
+                lastName = `${fieldInfo.name}(${bindModelInfo.modelName})`;
+              }
+            }
+          } else {
+            const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+            if (modelInfo) {
+              lastName = modelInfo.modelName;
+            }
+          }
+        });
+      } else if (objInfo2.value.modelKey) {
+        const fieldCodeChainObj = JSON.parse(objInfo2.value.fieldCodeChain);
+        const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+        if (modelInfo) {
+          lastName = modelInfo.modelName;
+        }
+      }
+      fieldName = createVNode("span", null, [createVNode("span", {
+        "class": "bread"
+      }, [createVNode("span", {
+        "class": "field-cascader-title"
+      }, [t("sys.component.fieldTransfer.soModelTitle")]), name]), createVNode(Tooltip, {
+        "title": t("sys.model.modelKey") + "：" + objInfo2.value.modelKey
+      }, {
+        default: () => [createVNode("span", {
+          "class": "last-name"
+        }, [lastName])]
+      }), !isReadyonly.value && createVNode(DownOutlined, {
+        "class": "ml-4px down-icon"
+      }, null)]);
+      return fieldName;
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "field-cascader",
+        "style": {
+          cursor: isReadyonly.value ? "default" : "pointer"
+        }
+      }, [createVNode(Cascader, {
+        "dropdownClassName": "field-popup-cascader",
+        "options": renderOptions(),
+        "value": fieldCascaderSelectValue2.value,
+        "onUpdate:value": ($event) => fieldCascaderSelectValue2.value = $event,
+        "expandTrigger": "hover",
+        "onDropdownVisibleChange": (v) => {
+          visible.value = v;
+        },
+        "open": isReadyonly.value ? false : visible.value,
+        "changeOnSelect": true
+      }, {
+        default: () => [createVNode("div", null, [renderSelectName(), createTextVNode(" ")])]
+      })]);
+    };
+  }
+});
+function isGroupNode(node) {
+  return node.type === "group";
+}
+function generateData(nodes) {
+  return nodes.map((node) => {
+    if (isGroupNode(node)) {
+      return {
+        width: node.width,
+        id: node.key,
+        title: node.title,
+        type: node.type,
+        children: generateData(node.children || [])
+      };
+    }
+    return {
+      width: node.width,
+      id: node.key,
+      title: node.title,
+      type: node.type,
+      modelKey: node.modelKey
+    };
+  });
+}
+function traverse(handler, items) {
+  items.forEach((node) => {
+    handler(node);
+    if (isGroupNode(node)) {
+      traverse(handler, node.children);
+    }
+  });
+}
+function findNode(key, root) {
+  let result;
+  const handler = (items) => {
+    return items.some((node) => {
+      if (node.key === key) {
+        result = node;
+        return true;
+      }
+      if (isGroupNode(node)) {
+        return handler(node.children);
+      }
+      return false;
+    });
+  };
+  if (root.key === key) {
+    return root;
+  }
+  handler(root.children);
+  return result;
+}
+function traverseFilter(handler, items) {
+  const result = [];
+  items.forEach((node) => {
+    if (isGroupNode(node)) {
+      const children = traverseFilter(handler, node.children);
+      if (children.length === 0 && !handler(node)) {
+        return;
+      }
+      result.push({
+        ...node,
+        children
+      });
+      return;
+    }
+    if (handler(node)) {
+      result.push(node);
+    }
+  });
+  return result;
+}
+const MAX_ENABLE_COUNT = 5e6;
+const useTreeData = (useMultiLevelTHead, isResetData, draggable, maxEnableCount, onColumnsChange) => {
+  ref(0);
+  const leafKeys = ref([]);
+  const refOriginalLeafKeys = ref([]);
+  const refTotalFields = ref(0);
+  const multiple = computed(() => useMultiLevelTHead);
+  const root = reactive({
+    key: "0",
+    title: "root",
+    children: [],
+    level: 0,
+    type: "group",
+    parent: null
+  });
+  const onChangeTree = (columnsData, fields) => {
+    const keys = [];
+    function handle(items, parent) {
+      return items.map(({ id, ...restItem }) => {
+        const node = {
+          ...restItem,
+          key: id,
+          parent,
+          level: parent.level + 1,
+          isLeaf: restItem.type === "field"
+        };
+        if (!node.isLeaf) {
+          node.children = handle(node.children, node);
+        } else {
+          const fieldItem = fields.find((item) => item.id === id);
+          if (fieldItem) {
+            node.disabled = fieldItem.disabled;
+            if (fieldItem) {
+              node.disableCheckbox = fieldItem.disabled;
+              node.fieldType = fieldItem.type;
+              keys.push(id);
+              refTotalFields.value += 1;
+            }
+          }
+        }
+        return node;
+      });
+    }
+    root.children = handle(columnsData, root);
+    leafKeys.value = keys;
+    if (!isResetData) {
+      refOriginalLeafKeys.value = [...keys];
+    }
+  };
+  watch(
+    multiple,
+    (val) => {
+      if (!val) {
+        const result = [];
+        traverse((node) => {
+          if (!isGroupNode(node)) {
+            result.push({
+              ...node,
+              parent: root
+            });
+          }
+        }, root.children);
+        root.children = result;
+      }
+    },
+    {
+      immediate: true
+    }
+  );
+  const data = computed(() => root.children);
+  const refresh = () => {
+    root.children = [...root.children];
+  };
+  const handleColumnsChange = () => {
+    onColumnsChange?.(generateData(root.children));
+  };
+  const remainCount = computed(() => (maxEnableCount ?? MAX_ENABLE_COUNT) - leafKeys.value.length);
+  function getContainerNode(node) {
+    return root;
+  }
+  return {
+    data,
+    root,
+    leafKeys,
+    multiple,
+    draggable,
+    remainCount,
+    addTreeNodes(nodes, parent) {
+      const p = findNode(parent.key, root);
+      const newNodes = nodes.map(
+        (item) => ({
+          ...item,
+          level: p.level + 1,
+          parent: p
+        })
+      );
+      p.children.push(...newNodes);
+      const newLeafKeys = [...leafKeys.value];
+      nodes.forEach((item) => {
+        if (item.isLeaf) {
+          newLeafKeys.push(item.key);
+        }
+      });
+      leafKeys.value = newLeafKeys;
+      refresh();
+      setTimeout(() => {
+        newNodes.forEach((node) => {
+          if (node.isNew) {
+            node.isNew = false;
+          }
+        });
+      }, 500);
+      handleColumnsChange();
+    },
+    removeTreeNodesByKeys(keys) {
+      root.children = traverseFilter((node) => !keys.includes(node.key), root.children);
+      leafKeys.value = leafKeys.value.filter((key) => !keys.includes(key));
+      handleColumnsChange();
+    },
+    moveTreeNode(source, target, direction, asChildren = false) {
+      const sourceParent = findNode(source.parent.key, root);
+      let j = 0;
+      let targetParent = findNode(target.parent.key, root);
+      if (asChildren) {
+        if (isGroupNode(target)) {
+          targetParent = findNode(target.key, root);
+        } else {
+          j = targetParent.children.findIndex((item) => item.key === target.key);
+          j += 1;
+        }
+      } else {
+        j = targetParent.children.findIndex((item) => item.key === target.key);
+        j += direction === 1 ? 1 : -1;
+        j = Math.max(j, 0);
+      }
+      if (targetParent.level >= 3 && isGroupNode(source)) {
+        return;
+      }
+      const i = sourceParent.children.findIndex((item) => item.key === source.key);
+      sourceParent.children.splice(i, 1);
+      if (source.parent === targetParent) {
+        targetParent.children.splice(i < j ? j - 1 : j, 0, source);
+      } else {
+        source.parent = targetParent;
+        source.level = targetParent.level + 1;
+        targetParent.children.splice(j, 0, source);
+      }
+      refresh();
+      handleColumnsChange();
+    },
+    getContainerNode,
+    onChangeTree
+  };
+};
+const TreeItem = /* @__PURE__ */ defineComponent({
+  name: "TreeItem",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    draggable: Boolean
+  },
+  setup(props) {
+    const editing = computed(() => {
+      console.log("props.node", props.node);
+      return props.node.isNew;
+    });
+    return () => {
+      return createVNode("div", {
+        "class": "tree-item-container"
+      }, [createVNode("div", {
+        "class": "tree-title"
+      }, [createVNode(Tooltip, {
+        "title": props.node.tooltip
+      }, {
+        default: () => [createVNode("span", null, [props.node.title || "-"])]
+      })]), !editing.value && props.draggable && !props.node?.disabled && !props.node?._preset && createVNode("div", {
+        "class": "operation-container"
+      }, [createVNode(Tooltip, {
+        "title": t("sys.component.fieldTransfer.move")
+      }, {
+        default: () => [createVNode("i", {
+          "class": ["iconfont", "icon-drag"]
+        }, null)]
+      })])]);
+    };
+  }
+});
+const noData = "data:image/svg+xml,%3csvg%20width='90'%20height='66'%20viewBox='0%200%2090%2066'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='pic_nodata'%20clip-path='url(%23clip0_129_180)'%3e%3cg%20id='&%23233;&%23161;&%23181;&%23233;&%23157;&%23162;-1'%3e%3cg%20id='pic_nowenjuan'%3e%3cg%20id='&%23231;&%23188;&%23150;&%23231;&%23187;&%23132;-11'%3e%3cpath%20id='&%23232;&%23183;&%23175;&%23229;&%23190;&%23132;-9'%20d='M42.6733%2020.3538C43.4673%2015.8467%2045.3793%2013.4462%2048.4095%2013.1524C52.9548%2012.7117%2047.4628%2018.0616%2046.6434%2016.1503C45.824%2014.2391%2049.337%209.47943%2051.6375%208.51257'%20stroke='%23DFE2E5'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20id='&%23232;&%23183;&%23175;&%23229;&%23190;&%23132;-10'%20opacity='0.5'%20d='M47.9468%207.17116C49.4703%205.01916%2051.1966%203.70564%2053.1258%203.23058'%20stroke='%23DFE2E5'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3cg%20id='&%23231;&%23188;&%23150;&%23231;&%23187;&%23132;'%3e%3cpath%20id='&%23231;&%23159;&%23169;&%23229;&%23189;&%23162;'%20d='M32.94%2025.3089H13.9185V62.5073H32.94V25.3089Z'%20fill='url(%23paint0_linear_129_180)'/%3e%3cpath%20id='&%23231;&%23159;&%23169;&%23229;&%23189;&%23162;_2'%20d='M74.5127%2025.3089H32.9399V62.5073H74.5127V25.3089Z'%20fill='url(%23paint1_linear_129_180)'/%3e%3cpath%20id='&%23231;&%23159;&%23169;&%23229;&%23189;&%23162;_3'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.9773%2053.5956H58.083C58.9474%2053.5956%2059.6482%2054.2908%2059.6482%2055.1485V61.9251H51.4121V55.1485C51.4121%2054.2908%2052.1129%2053.5956%2052.9773%2053.5956Z'%20fill='white'/%3e%3cpath%20id='&%23232;&%23183;&%23175;&%23229;&%23190;&%23132;'%20d='M10%2063L78%2063'%20stroke='%23E9EBED'%20stroke-width='2'%20stroke-linecap='square'%20stroke-linejoin='round'/%3e%3cpath%20id='&%23232;&%23183;&%23175;&%23229;&%23190;&%23132;_2'%20opacity='0.6'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.5598%2016.8379L13.9186%2025.3089H32.9401L27.6453%2016.6929C26.7929%2015.3058%2025.2736%2014.4594%2023.6361%2014.4594H9.88553C9.02108%2014.4594%208.32031%2015.1547%208.32031%2016.0123C8.32031%2016.3044%208.40332%2016.5905%208.5598%2016.8379Z'%20fill='%23C1C5CA'/%3e%3cpath%20id='&%23232;&%23183;&%23175;&%23229;&%23190;&%23132;_3'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M55.2952%2025.3089L60.7781%2016.6416C61.6371%2015.2837%2063.1395%2014.4594%2064.7553%2014.4594H78.3925C79.257%2014.4594%2079.9577%2015.1547%2079.9577%2016.0123C79.9577%2016.2975%2079.8786%2016.5772%2079.7289%2016.8207L74.5127%2025.3089H55.2952Z'%20fill='%23E3E6E9'/%3e%3cpath%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;'%20d='M66.6689%205.97765C67.5353%205.97765%2068.2377%205.28373%2068.2377%204.42772C68.2377%203.57172%2067.5353%202.87779%2066.6689%202.87779C65.8025%202.87779%2065.1001%203.57172%2065.1001%204.42772C65.1001%205.28373%2065.8025%205.97765%2066.6689%205.97765Z'%20fill='%23F5F6F7'/%3e%3cpath%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;_2'%20d='M17.3998%206.23917C18.0509%206.23917%2018.5787%205.71771%2018.5787%205.07447C18.5787%204.43122%2018.0509%203.90976%2017.3998%203.90976C16.7487%203.90976%2016.2209%204.43122%2016.2209%205.07447C16.2209%205.71771%2016.7487%206.23917%2017.3998%206.23917Z'%20fill='%23F5F6F7'/%3e%3cpath%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;_3'%20d='M34.0675%2012.5416C35.8037%2012.5416%2037.2111%2011.151%2037.2111%209.43569C37.2111%207.72035%2035.8037%206.3298%2034.0675%206.3298C32.3313%206.3298%2030.9238%207.72035%2030.9238%209.43569C30.9238%2011.151%2032.3313%2012.5416%2034.0675%2012.5416Z'%20fill='%23F3F5F6'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3crect%20id='Rectangle%204564'%20x='46'%20y='31'%20width='19'%20height='3'%20rx='1'%20fill='%23E3E6E9'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_129_180'%20x1='23.4292'%20y1='25.3089'%20x2='23.4292'%20y2='62.5073'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E1E4E8'/%3e%3cstop%20offset='1'%20stop-color='%23E9EBED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_129_180'%20x1='53.7263'%20y1='25.3089'%20x2='53.7263'%20y2='62.5073'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EEF0F3'/%3e%3cstop%20offset='1'%20stop-color='%23F2F3F5'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_129_180'%3e%3crect%20width='90'%20height='66'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const noSearchData = "data:image/svg+xml,%3csvg%20width='80'%20height='74'%20viewBox='0%200%2080%2074'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='pic_noresult'%3e%3cellipse%20id='Ellipse%201223'%20cx='40.6603'%20cy='64.1947'%20rx='39.3395'%20ry='9.80551'%20fill='url(%23paint0_linear_16_1173)'/%3e%3cellipse%20id='Ellipse%201242'%20cx='40.9678'%20cy='63.2886'%20rx='28.0644'%20ry='4.21971'%20fill='url(%23paint1_linear_16_1173)'/%3e%3cpath%20id='Rectangle%204936'%20d='M8.55176%2015.7417L43.8629%207.24713L57.9982%2063.0166L20.0439%2063.0166L8.55176%2015.7417Z'%20fill='url(%23paint2_linear_16_1173)'/%3e%3cpath%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;'%20d='M10.3431%2053.0817C11.7796%2053.0817%2012.9441%2051.911%2012.9441%2050.4669C12.9441%2049.0227%2011.7796%2047.8521%2010.3431%2047.8521C8.90668%2047.8521%207.74219%2049.0227%207.74219%2050.4669C7.74219%2051.911%208.90668%2053.0817%2010.3431%2053.0817Z'%20fill='%23F3F5F6'/%3e%3cpath%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;_2'%20d='M1.30048%2039.3538C2.01871%2039.3538%202.60096%2038.7685%202.60096%2038.0464C2.60096%2037.3244%202.01871%2036.739%201.30048%2036.739C0.582245%2036.739%200%2037.3244%200%2038.0464C0%2038.7685%200.582245%2039.3538%201.30048%2039.3538Z'%20fill='%23F5F6F7'/%3e%3cpath%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;_3'%20d='M75.1739%2044.1599C76.0717%2044.1599%2076.7995%2043.4282%2076.7995%2042.5256C76.7995%2041.623%2076.0717%2040.8914%2075.1739%2040.8914C74.2761%2040.8914%2073.5483%2041.623%2073.5483%2042.5256C73.5483%2043.4282%2074.2761%2044.1599%2075.1739%2044.1599Z'%20fill='%23F5F6F7'/%3e%3cpath%20id='Rectangle%204937'%20d='M39.3247%2014.2749L72.258%2020.431L62.7342%2062.9638H26.4517L39.3247%2014.2749Z'%20fill='url(%23paint3_linear_16_1173)'/%3e%3cg%20id='Group%20427319056'%3e%3crect%20id='Rectangle%204938'%20width='5.5933'%20height='5.04734'%20transform='matrix(0.864872%20-0.501992%200.498011%200.867171%2050.0679%2048.7026)'%20fill='%23D9DFE3'/%3e%3cpath%20id='Rectangle%204939'%20d='M52.6103%2055.3755C52.0602%2054.4176%2052.3887%2053.1916%2053.344%2052.6371L56.657%2050.7142C57.6123%2050.1597%2058.8327%2050.4867%2059.3828%2051.4445L64.3616%2060.1141C64.9117%2061.072%2064.5832%2062.2979%2063.6279%2062.8524L60.3149%2064.7754C59.3596%2065.3299%2058.1392%2065.0029%2057.5891%2064.045L52.6103%2055.3755Z'%20fill='url(%23paint4_linear_16_1173)'/%3e%3c/g%3e%3cg%20id='Group%20427319055'%3e%3cellipse%20id='Ellipse%201233'%20cx='42.7116'%20cy='31.5694'%20rx='20.1091'%20ry='20.2161'%20fill='%23BDC2C7'/%3e%3cg%20id='Ellipse%201236'%20filter='url(%23filter0_i_16_1173)'%3e%3cellipse%20cx='41.8737'%20cy='30.727'%20rx='19.2712'%20ry='19.3737'%20fill='%23D9DCDF'/%3e%3c/g%3e%3cellipse%20id='Ellipse%201235'%20cx='41.8738'%20cy='30.7268'%20rx='15.3611'%20ry='15.4428'%20fill='%23BDC2C7'/%3e%3cg%20id='Mask%20group'%3e%3cellipse%20id='Ellipse%201234'%20cx='42.4324'%20cy='31.2885'%20rx='14.8025'%20ry='14.8813'%20fill='url(%23paint5_linear_16_1173)'/%3e%3cmask%20id='mask0_16_1173'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='27'%20y='16'%20width='31'%20height='31'%3e%3cellipse%20id='Ellipse%201235_2'%20cx='42.4324'%20cy='31.2885'%20rx='14.8025'%20ry='14.8813'%20fill='url(%23paint6_linear_16_1173)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_16_1173)'%3e%3cpath%20id='Rectangle%204937_2'%20d='M39.3015%2014.1611L72.258%2020.3383L62.7274%2063.0167H26.4194L39.3015%2014.1611Z'%20fill='url(%23paint7_linear_16_1173)'/%3e%3c/g%3e%3c/g%3e%3cellipse%20id='Ellipse%201236_2'%20opacity='0.5'%20cx='42.4324'%20cy='31.2885'%20rx='14.8025'%20ry='14.8813'%20fill='white'/%3e%3cpath%20id='Subtract'%20d='M33.582%2025.7002C31.9708%2027.411%2030.9814%2029.7199%2030.9814%2032.2617C30.9815%2034.8806%2032.0309%2037.2528%2033.7295%2038.9775C30.7626%2037.3631%2028.7472%2034.2069%2028.7471%2030.5771C28.7471%2028.1592%2029.6431%2025.9527%2031.1172%2024.2705L33.582%2025.7002Z'%20fill='white'/%3e%3c/g%3e%3cellipse%20id='Ellipse%201239'%20cx='51.0895'%20cy='6.95969'%20rx='1.6256'%20ry='1.63425'%20fill='%23DFE2E5'/%3e%3cellipse%20id='Ellipse%201240'%20opacity='0.8'%20cx='56.2916'%20cy='6.95969'%20rx='1.6256'%20ry='1.63425'%20fill='%23DFE2E5'/%3e%3cellipse%20id='Ellipse%201241'%20opacity='0.5'%20cx='61.4938'%20cy='6.95969'%20rx='1.6256'%20ry='1.63425'%20fill='%23DFE2E5'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_16_1173'%20x='22.6025'%20y='11.3533'%20width='38.5425'%20height='38.7476'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='1'%20dy='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.7%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_16_1173'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_16_1173'%20x1='40.3989'%20y1='54.3892'%20x2='40.3989'%20y2='73.9398'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EEF0F3'/%3e%3cstop%20offset='1'%20stop-color='%23F2F3F5'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_16_1173'%20x1='52.635'%20y1='61.0164'%20x2='48.8939'%20y2='75.2201'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E7EAEE'/%3e%3cstop%20offset='1'%20stop-color='%23E5E7ED'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_16_1173'%20x1='27.055'%20y1='12.7441'%20x2='40.1799'%20y2='67.303'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E1E4E8'/%3e%3cstop%20offset='1'%20stop-color='%23E9EBED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_16_1173'%20x1='49.3375'%20y1='18.1924'%20x2='49.3549'%20y2='62.9638'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EEF0F3'/%3e%3cstop%20offset='1'%20stop-color='%23FBFBFB'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_16_1173'%20x1='50.9973'%20y1='44.7663'%20x2='62.0589'%20y2='63.763'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23BDC2C7'/%3e%3cstop%20offset='1'%20stop-color='%23D9DCDF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint5_linear_16_1173'%20x1='42.4324'%20y1='16.4072'%20x2='42.4324'%20y2='46.1698'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E1E4E8'/%3e%3cstop%20offset='1'%20stop-color='%23E9EBED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint6_linear_16_1173'%20x1='42.4324'%20y1='16.4072'%20x2='42.4324'%20y2='46.1698'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E1E4E8'/%3e%3cstop%20offset='1'%20stop-color='%23E9EBED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint7_linear_16_1173'%20x1='49.3387'%20y1='14.1611'%20x2='49.3387'%20y2='63.0167'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EEF0F3'/%3e%3cstop%20offset='1'%20stop-color='%23F2F3F5'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+const TransferTree = /* @__PURE__ */ defineComponent({
+  name: "TransferTree",
+  props: {
+    /** useTreeData */
+    treeObj: {
+      type: Object,
+      required: true
+    },
+    checkedKeys: {
+      type: Array,
+      required: true
+    },
+    onCheckedKeysChange: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(props) {
+    const {
+      data,
+      draggable
+    } = toRefs(props.treeObj);
+    const keyword = ref("");
+    const filteredTreeData = computed(() => {
+      if (!keyword.value) {
+        return data.value;
+      }
+      const nodes = traverseFilter((node) => node.title.toLowerCase().includes(keyword.value.toLowerCase()), data.value);
+      return nodes;
+    });
+    const handleCheckedKeys = (keys) => {
+      if (!keyword.value) {
+        props.onCheckedKeysChange(keys);
+        return;
+      }
+      const nextKeys = keys.concat(props.checkedKeys.filter((key) => !keys.includes(key) && !filteredTreeData.value.some((item) => item.key === key)));
+      props.onCheckedKeysChange(nextKeys);
+    };
+    const slots = {
+      title: (node) => {
+        return createVNode(TreeItem, {
+          "node": node,
+          "draggable": draggable.value
+        }, null);
+      }
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "transfer-tree-container"
+      }, [createVNode("div", {
+        "class": "search-container"
+      }, [createVNode(Input, {
+        "placeholder": t("sys.component.fieldTransfer.pleaseSearch"),
+        "value": keyword.value,
+        "onChange": (e) => keyword.value = e.target.value,
+        "allowClear": true,
+        "prefix": createVNode("i", {
+          "class": ["search-icon iconfont", " icon-sousuo"]
+        }, null)
+      }, null)]), createVNode("div", {
+        "class": "tree-wrapper",
+        "style": {
+          overflow: "auto"
+        }
+      }, [filteredTreeData.value.length === 0 ? createVNode("div", {
+        "class": "empty-container"
+      }, [createVNode(Empty, {
+        "image": keyword.value ? noSearchData : noData,
+        "description": keyword.value ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData")
+      }, null)]) : createVNode(Tree, {
+        "showIcon": true,
+        "showLine": {
+          showLeafIcon: false
+        },
+        "blockNode": true,
+        "draggable": draggable.value ? {
+          icon: false
+        } : false,
+        "checkedKeys": props.checkedKeys,
+        "onCheck": handleCheckedKeys,
+        "multiple": true,
+        "checkable": true,
+        "icon": (node) => createVNode("i", {
+          "class": ["iconfont", node.isLeaf ? FieldIconMap[node.fieldType] || "icon-zidingyi" : "icon-file"]
+        }, null),
+        "onSelect": (_, {
+          selectedNodes
+        }) => {
+          handleCheckedKeys(selectedNodes.map((node) => node.key));
+        },
+        "treeData": filteredTreeData.value,
+        "onDrop": ({
+          node,
+          dragNode,
+          dropToGap,
+          dropPosition
+        }) => {
+          const dropPos = node.pos.split("-");
+          const dir = dropPosition - Number(dropPos[dropPos.length - 1]);
+          if (dropToGap) {
+            props.treeObj.moveTreeNode(dragNode.dataRef, node.dataRef, dir);
+          }
+        }
+      }, slots)])]);
+    };
+  }
+});
+const AdvancedTransfer = /* @__PURE__ */ defineComponent({
+  name: "AdvancedTransfer",
+  props: {
+    /** 数据源 */
+    dataSource: {
+      type: Array,
+      required: true
+    },
+    /** useTreeData */
+    treeObj: {
+      type: Object,
+      required: true
+    },
+    /** 穿梭框标题集合 */
+    titles: {
+      type: Array,
+      default() {
+        return [t("sys.component.fieldTransfer.noSelect"), t("sys.component.fieldTransfer.select")];
+      }
+    }
+  },
+  setup(props) {
+    const {
+      dataSource: propDataSource
+    } = toRefs(props);
+    const {
+      remainCount: propRemainCount,
+      leafKeys,
+      multiple
+    } = toRefs(props.treeObj);
+    const checkedKeys = ref([]);
+    const targetCheckedKeys = ref([]);
+    const keyword = ref();
+    const hasSearchData = ref(true);
+    const remainCount = computed(() => {
+      return propRemainCount.value - checkedKeys.value.length;
+    });
+    const dataSource = computed(() => {
+      return propDataSource.value.map((item) => {
+        return {
+          ...item,
+          disabled: item.disabled || remainCount.value === 0 && !checkedKeys.value.includes(item.id) && !leafKeys.value.includes(item.id)
+        };
+      });
+    });
+    watch(multiple, (val) => {
+      if (val) {
+        targetCheckedKeys.value = [];
+      }
+    }, {
+      immediate: true
+    });
+    const onSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
+      const actualSelectedKeys = sourceSelectedKeys.slice(0, propRemainCount.value);
+      checkedKeys.value = actualSelectedKeys;
+      targetCheckedKeys.value = targetSelectedKeys;
+    };
+    const onChange = (_, direction, moveKeys) => {
+      if (direction === "right") {
+        const nodes = moveKeys.map((key) => dataSource.value.find((item) => item.id === key)).map((item) => ({
+          key: item.id,
+          title: item.displayLabel,
+          type: "field",
+          fieldType: item.type,
+          isLeaf: true
+        }));
+        props.treeObj.addTreeNodes(nodes, props.treeObj.getContainerNode());
+      } else {
+        props.treeObj.removeTreeNodesByKeys(moveKeys);
+      }
+    };
+    const setTargetCheckedKeys = (keys) => {
+      targetCheckedKeys.value = keys;
+    };
+    const leftOption = computed(() => {
+      return dataSource.value.filter((item) => !leafKeys.value.includes(item.id));
+    });
+    const filteredLeftOption = computed(() => {
+      if (!keyword.value) {
+        return leftOption.value;
+      }
+      return leftOption.value.filter((item) => item.displayLabel.toLowerCase().includes(keyword.value.toLowerCase()));
+    });
+    const onSearch = (direction, value) => {
+      if (direction === "left") {
+        keyword.value = value;
+        hasSearchData.value = filteredLeftOption.value.length > 0;
+      }
+    };
+    const renderItem = ({
+      type,
+      displayLabel
+    }) => {
+      return createVNode("div", {
+        "class": "field-title",
+        "title": displayLabel
+      }, [createVNode("i", {
+        "class": ["field-icon iconfont", FieldIconMap[type] || "icon-zidingyi"]
+      }, null), displayLabel]);
+    };
+    const slots = {
+      children: ({
+        direction
+      }) => {
+        if (direction === "right") {
+          return createVNode(TransferTree, {
+            "treeObj": props.treeObj,
+            "checkedKeys": targetCheckedKeys.value,
+            "onCheckedKeysChange": setTargetCheckedKeys
+          }, null);
+        }
+        if (direction === "left" && (!leftOption.value.length || !filteredLeftOption.value.length)) {
+          return createVNode("div", {
+            "class": "empty-container"
+          }, [createVNode(Empty, {
+            "image": leftOption.value.length ? noSearchData : noData,
+            "description": leftOption.value.length ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData")
+          }, null)]);
+        }
+      }
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "advanced-transfer-container"
+      }, [createVNode(Transfer, {
+        "dataSource": dataSource.value,
+        "targetKeys": leafKeys.value,
+        "selectedKeys": checkedKeys.value.concat(targetCheckedKeys.value),
+        "showSearch": true,
+        "filterOption": (text, item) => item.displayLabel.includes(text),
+        "oneWay": multiple.value,
+        "titles": props.titles,
+        "locale": {
+          itemUnit: t("sys.component.fieldTransfer.term"),
+          itemsUnit: t("sys.component.fieldTransfer.term"),
+          searchPlaceholder: t("sys.component.fieldTransfer.pleaseSearch"),
+          selectAll: t("sys.component.fieldTransfer.selectAllData"),
+          selectInvert: t("sys.component.fieldTransfer.invertCurrentPage")
+        },
+        "rowKey": (item) => item.id,
+        "onChange": onChange,
+        "onSearch": onSearch,
+        "onSelectChange": onSelectChange,
+        "render": renderItem
+      }, slots)]);
+    };
+  }
+});
+const AdvancedColumnSetting = /* @__PURE__ */ defineComponent({
+  name: "AdvancedColumnSetting",
+  props: {
+    /** 所有字段 */
+    fields: {
+      type: Array,
+      required: true
+    },
+    /** 树形数据 */
+    columns: Array,
+    /** 是否启用多级表头 */
+    useMultiLevelTHead: Boolean,
+    /** 是否刷新数据 */
+    isResetData: Boolean,
+    /** 是否支持拖拽 */
+    draggable: Boolean,
+    /** 穿梭框标题集合 */
+    titles: Array,
+    maxEnableCount: Number,
+    /** 回调方法 */
+    onColumnsChange: Function
+  },
+  setup(props, {
+    expose
+  }) {
+    const treeObj = useTreeData(props.useMultiLevelTHead, props.isResetData, props.draggable, props.maxEnableCount, props.onColumnsChange);
+    watch([() => props.columns, () => props.fields], () => {
+      treeObj.onChangeTree(props.columns ?? [], props.fields);
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const getResult = () => {
+      return {
+        useMultiLevelTHead: treeObj.multiple,
+        headerTree: treeObj.data
+      };
+    };
+    expose({
+      getResult
+    });
+    return () => {
+      return createVNode(AdvancedTransfer, {
+        "dataSource": props.fields,
+        "treeObj": treeObj,
+        "titles": props.titles
+      }, null);
+    };
+  }
+});
+const FieldTransfer = /* @__PURE__ */ defineComponent({
+  name: "FieldTransfer",
+  props: {
+    objFields: Object,
+    /** 选中的字段数组 */
+    value: Array,
+    /** 穿梭框标题集合 */
+    titles: Array,
+    maxEnableCount: Number,
+    disabledFieldKey: Array,
+    /** 包含的字段 */
+    containFieldType: Array,
+    /** 包含的字段Key */
+    containFieldKey: Array,
+    /**包含的字段创建类型 */
+    containCreateType: Array,
+    /** 排除的字段Key */
+    excludeFieldKey: Array,
+    /** 排除的字段 */
+    excludeFieldType: Array,
+    /**过滤函数 */
+    filterFieldByFunction: Function,
+    onChange: Function,
+    /** 是否支持拖拽 */
+    draggable: Boolean
+  },
+  setup(props) {
+    const {
+      getFieldCodeChainStr
+    } = useModelField(SCOPEINFO.FIELD_LIST);
+    const result = computed(() => {
+      const fields = [];
+      const _fieldMap = {};
+      const processColumns = [];
+      if (!props.objFields?.modelKey) {
+        return {
+          fields,
+          fieldMap: _fieldMap,
+          columns: processColumns,
+          otherFieldCount: 0
+        };
+      }
+      if (Array.isArray(props.value)) {
+        props.value.forEach((item) => {
+          const key = `${item.fieldCodeChain}!${item.key}`;
+          _fieldMap[key] = item;
+          if (item.fieldCodeChain !== (props.objFields?.fieldCodeChain ?? props.objFields?.modelKey)) {
+            fields.push({
+              id: key,
+              modelKey: item.modelKey,
+              displayLabel: item.name,
+              type: item.type,
+              disabled: item.disabled
+            });
+          }
+          processColumns.push({
+            id: key,
+            title: item.name,
+            tooltip: getFieldCodeChainStr(item.fieldCodeChain, item.name),
+            fieldType: item.type,
+            type: "field"
+            // disableEditable: false,
+            // 非当前对象的字段，需要把checkbox禁用掉，不能选择
+            // disableCheckbox: false
+          });
+        });
+      }
+      props.objFields.fieldList.filter((flist) => {
+        if (typeof props.filterFieldByFunction === "function" && !props.filterFieldByFunction(flist)) {
+          return false;
+        }
+        if (props.containCreateType && flist.createType && !props.containCreateType.includes(flist.createType)) {
+          return false;
+        }
+        if (props.containFieldType || props.containFieldKey) {
+          const isContainFieldType = (props.containFieldType ?? []).includes(flist.type);
+          const isContainFieldKey = (props.containFieldKey ?? []).includes(flist.key);
+          return isContainFieldType || isContainFieldKey;
+        }
+        if (props.excludeFieldType || props.excludeFieldKey) {
+          const isExcludeFieldType = (props.excludeFieldType ?? []).includes(flist.type);
+          const isExcludeFieldKey = (props.excludeFieldKey ?? []).includes(flist.key);
+          return !(isExcludeFieldType || isExcludeFieldKey);
+        }
+        return true;
+      }).forEach((fl) => {
+        const key = `${props.objFields?.fieldCodeChain}!${fl.key}`;
+        if (isEmpty(_fieldMap[key])) {
+          _fieldMap[key] = {
+            ...toRaw(fl),
+            isFieldModel: props.objFields?.isFieldModel,
+            fieldCodeChain: props.objFields?.fieldCodeChain
+          };
+        }
+        const isMainModel = props?.objFields?.fieldCodeChain && JSON.parse(props.objFields?.fieldCodeChain).modelKey && JSON.parse(props.objFields?.fieldCodeChain).modelKey === props.objFields?.modelKey;
+        fields.push({
+          id: key,
+          modelKey: fl.modelKey,
+          displayLabel: fl.name,
+          type: fl.type,
+          disabled: !!(isMainModel && props.disabledFieldKey?.includes(fl.key))
+        });
+      });
+      const otherFieldCount = processColumns.reduce((pre, cur) => {
+        return pre + (cur.disableCheckbox ? 1 : 0);
+      }, 0);
+      return {
+        fields,
+        fieldMap: _fieldMap,
+        columns: processColumns,
+        otherFieldCount
+      };
+    });
+    const handleColumnsChange = (columns) => {
+      if (typeof props?.onChange === "function") {
+        props?.onChange(columns.map((column) => result.value.fieldMap[column.id]));
+      }
+    };
+    return () => {
+      return createVNode(AdvancedColumnSetting, {
+        "key": props.objFields?.fieldCodeChain ?? props.objFields?.modelKey,
+        "fields": result.value.fields,
+        "columns": result.value.columns,
+        "useMultiLevelTHead": false,
+        "titles": props.titles,
+        "maxEnableCount": props.maxEnableCount,
+        "draggable": props.draggable,
+        "onColumnsChange": handleColumnsChange
+      }, null);
+    };
+  }
+});
+const _hoisted_1$4 = { class: "field-transfer-container" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "h26px leading-26px bg-[#3168EC]/[0.1] pl-10px mb-10px"
+};
+const _hoisted_3$2 = { class: "text-[#666] ml-6px" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "field-transfer-modal",
+  props: {
+    modelKey: {},
+    isShowCascader: { type: Boolean },
+    modalTitle: {},
+    data: { default: () => [] },
+    titles: {},
+    containFieldType: {},
+    containFieldKey: {},
+    disabledFieldKey: {},
+    excludeFieldKey: {},
+    excludeFieldType: {},
+    containCreateType: {},
+    filterFieldByFunction: {},
+    maxEnableCount: {},
+    modalKey: {},
+    width: {},
+    draggable: { type: Boolean, default: true },
+    childParentModelKey: {},
+    destroyCallback: {},
+    saveCallback: {},
+    promptMessage: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const visible = ref(false);
+    const getContainer = () => props.modalKey && document.querySelector(`#${props.modalKey}`) || document.body;
+    const {
+      loadObjInfo,
+      modelFieldMap: modelFieldMap2,
+      getModelFieldInfo,
+      clearSelectInfo,
+      clearObjInfo,
+      selectObj: selectObj2
+    } = useModelField(SCOPEINFO.FIELD_LIST);
+    const objFieldList = ref([]);
+    const isLoad = ref(false);
+    const init = async () => {
+      objFieldList.value = [];
+      clearSelectInfo();
+      clearObjInfo();
+      isLoad.value = false;
+      if (props.modelKey) {
+        isLoad.value = !!await loadObjInfo(props.modelKey, {
+          isShowCascader: props.isShowCascader,
+          childParentModelKey: props.childParentModelKey
+        });
+      }
+    };
+    watch(
+      [() => props.data, () => modelFieldMap2.value, isLoad],
+      () => {
+        if (isEmpty(modelFieldMap2.value)) return;
+        objFieldList.value = props.data?.map((item) => {
+          const obj = pick(item, [
+            "bindFieldKey",
+            "isFieldModel",
+            "modelKey",
+            "fieldCodeChain",
+            "key",
+            "field",
+            "disabled",
+            "_dfValue",
+            "id"
+          ]);
+          const fieldKey = obj.field || obj.key || obj._dfValue || obj.id;
+          const fieldInfo = getModelFieldInfo(obj.modelKey || props.modelKey, fieldKey);
+          if (!fieldInfo) return null;
+          return {
+            ...fieldInfo,
+            bindFieldKey: obj.bindFieldKey,
+            isFieldModel: obj.isFieldModel || false,
+            disabled: obj.disabled || false,
+            fieldCodeChain: obj.fieldCodeChain ?? JSON.stringify({ modelKey: fieldInfo.modelKey || props.modelKey })
+          };
+        }).filter(Boolean) ?? [];
+      },
+      { immediate: true, deep: true }
+    );
+    const setObjFieldList = (list) => {
+      objFieldList.value = list;
+    };
+    const handleClose = () => {
+      visible.value = false;
+      objFieldList.value = [];
+      clearSelectInfo();
+      clearObjInfo();
+      isLoad.value = false;
+      props.destroyCallback?.();
+    };
+    const handleOk = () => {
+      props.saveCallback?.({
+        objFieldList: toRaw(objFieldList.value)
+      });
+      handleClose();
+    };
+    const open = async () => {
+      visible.value = true;
+      await init();
+    };
+    __expose({ open });
+    return (_ctx, _cache) => {
+      const _component_a_spin = resolveComponent("a-spin");
+      const _component_a_modal = resolveComponent("a-modal");
+      return openBlock(), createBlock(_component_a_modal, {
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.modalTitle || unref(t)("sys.component.fieldTransfer.defaultModalTitle"),
+        width: __props.width || 740,
+        maskClosable: false,
+        destroyOnClose: true,
+        centered: "",
+        getContainer,
+        wrapClassName: "excel-field-transfer-modal",
+        onOk: handleOk,
+        onCancel: handleClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$4, [
+            createVNode(_component_a_spin, {
+              spinning: !isLoad.value
+            }, {
+              default: withCtx(() => [
+                __props.promptMessage ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+                  _cache[1] || (_cache[1] = createElementVNode("i", { class: "iconfont icon-guanyu text-[#3168EC]" }, null, -1)),
+                  createElementVNode("span", _hoisted_3$2, toDisplayString(__props.promptMessage), 1)
+                ])) : createCommentVNode("", true),
+                createVNode(unref(FieldCascader), {
+                  class: "mb-8px",
+                  isShowCascader: __props.isShowCascader,
+                  scope: unref(SCOPEINFO).FIELD_LIST
+                }, null, 8, ["isShowCascader", "scope"]),
+                createVNode(unref(FieldTransfer), {
+                  titles: __props.titles,
+                  maxEnableCount: __props.maxEnableCount,
+                  draggable: __props.draggable,
+                  disabledFieldKey: __props.disabledFieldKey,
+                  containFieldKey: __props.containFieldKey,
+                  containFieldType: __props.containFieldType,
+                  excludeFieldKey: __props.excludeFieldKey,
+                  containCreateType: __props.containCreateType,
+                  excludeFieldType: __props.excludeFieldType,
+                  filterFieldByFunction: __props.filterFieldByFunction,
+                  objFields: isLoad.value ? unref(selectObj2) : {},
+                  value: objFieldList.value,
+                  onChange: setObjFieldList
+                }, null, 8, ["titles", "maxEnableCount", "draggable", "disabledFieldKey", "containFieldKey", "containFieldType", "excludeFieldKey", "containCreateType", "excludeFieldType", "filterFieldByFunction", "objFields", "value"])
+              ]),
+              _: 1
+            }, 8, ["spinning"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "title", "width"]);
+    };
+  }
+});
+const FieldTransferModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-46961d2f"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "modal-wrapper",
+  setup(__props, { expose: __expose }) {
+    const modalRef = ref();
+    const open = () => {
+      modalRef.value?.open();
+    };
+    __expose({ open });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FieldTransferModal, mergeProps({
+        ref_key: "modalRef",
+        ref: modalRef
+      }, _ctx.$attrs), null, 16);
+    };
+  }
+});
+function useFieldTransfer() {
+  let app = null;
+  let instance = null;
+  const modalKey = ref("");
+  function open(params) {
+    let props;
+    let target = document.body;
+    if (has(params, "target") || has(params, "props")) {
+      const options = params;
+      props = options.props || {};
+      target = options.target || document.body;
+    } else {
+      props = params;
+    }
+    modalKey.value = `field-transfer-modal-${Math.random().toString(16).substring(8)}`;
+    const propsData = {
+      width: 740,
+      modalKey: unref(modalKey),
+      destroyCallback: close,
+      ...props
+    };
+    if (!app) {
+      const container = document.createElement("div");
+      container.id = unref(modalKey);
+      const t2 = unref(target);
+      t2?.appendChild(container);
+      app = createApp(_sfc_main$4, propsData);
+      registerDialogComp(app);
+      app.config.globalProperties.$t = window.$t ?? ((key) => key);
+      instance = app.mount(container);
+    }
+    instance.open();
+  }
+  function close() {
+    document.querySelector(`#${unref(modalKey)}`).remove();
+    if (app) {
+      app.unmount();
+      app = null;
+      instance = null;
+    }
+  }
+  return {
+    open,
+    close
+  };
+}
+const _hoisted_1$3 = { class: "display-fields-editor" };
+const _hoisted_2$2 = { class: "editor-tip" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "display-fields-editor",
+  props: {
+    displayFields: { default: () => [] },
+    fieldMeta: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:displayFields"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { open } = useFieldTransfer();
+    const { modelMetaMap } = useModelFields();
+    const selectorInfo = computed(() => {
+      const options = [];
+      const values = [];
+      props.displayFields.forEach(({ _dfLabel: label, _dfValue: value }) => {
+        options.push({ label, value });
+        values.push(value);
+      });
+      return { options, values };
+    });
+    const unremovableKeys = computed(() => {
+      return props.displayFields.filter((o) => o._dfUnremovable).map((o) => o._dfValue);
+    });
+    const handleOpenModal = () => {
+      open({
+        modelKey: props.fieldMeta.refModelKey,
+        modalTitle: $t("sys.selectDisplayFields"),
+        isShowCascader: true,
+        draggable: true,
+        data: props.displayFields,
+        maxEnableCount: 99999,
+        excludeFieldType: [],
+        excludeFieldKey: [],
+        filterFieldByFunction: () => true,
+        saveCallback: ({ objFieldList }) => {
+          const fields = (objFieldList || []).map((f) => ({
+            ...f,
+            _dfLabel: f.name,
+            _dfValue: f.id
+          }));
+          emit("update:displayFields", fields);
+        }
+      });
+    };
+    const handleSelectChange = (remainingKeys) => {
+      const options = props.displayFields.filter((o) => {
+        return o._dfUnremovable ? true : remainingKeys.includes(o._dfValue);
+      });
+      emit("update:displayFields", options);
+    };
+    const handleTagClose = (val) => {
+      const options = props.displayFields.filter((o) => o._dfValue !== val);
+      emit("update:displayFields", options);
+    };
+    onMounted(() => {
+      const { displayFields, fieldMeta } = props;
+      if (displayFields?.length) return;
+      const { fieldType, refModelKey } = fieldMeta;
+      if (!refModelKey) return;
+      const fields = modelMetaMap.value[refModelKey]?.fields || [];
+      const mapKey = {
+        [FIELD_TYPE.DEVICE]: "device",
+        [FIELD_TYPE.MATERIAL_NO]: "materialNo"
+      }[fieldType];
+      const defaultKeys = mapKey ? DEFAULT_DISPLAY_FIELDS_MAP[mapKey] : void 0;
+      if (!defaultKeys?.length) return;
+      const options = fields.filter((f) => defaultKeys.includes(f.key)).map((f) => ({
+        ...f,
+        _dfLabel: f.name,
+        _dfValue: f.id
+      }));
+      emit("update:displayFields", options);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createVNode(FormItem, {
+          label: `${_ctx.$t("sys.displayFields")}`,
+          inline: false
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(Select), {
+              allowClear: "",
+              size: "small",
+              mode: "multiple",
+              "max-tag-count": "responsive",
+              open: false,
+              showSearch: false,
+              options: selectorInfo.value.options,
+              value: selectorInfo.value.values,
+              placeholder: _ctx.$t("sys.chooseText"),
+              disabled: __props.disabled,
+              onFocus: handleOpenModal,
+              onChange: handleSelectChange
+            }, {
+              tagRender: withCtx(({ label, value }) => [
+                createVNode(unref(Tag), {
+                  disabled: __props.disabled,
+                  closable: !unremovableKeys.value.includes(value),
+                  onClose: ($event) => handleTagClose(value)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "closable", "onClose"])
+              ]),
+              _: 1
+            }, 8, ["options", "value", "placeholder", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createElementVNode("div", _hoisted_2$2, toDisplayString(_ctx.$t("sys.displayFieldsTip")), 1)
+      ]);
+    };
+  }
+});
+const DisplayFieldsEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7f7e0eed"]]);
+const DEFAULT_SEARCHABLE_FIELDS = [
+  FIELD_TYPE.PRODUCT,
+  FIELD_TYPE.SCRAP_MATERIAL,
+  FIELD_TYPE.DEVICE,
+  FIELD_TYPE.MATERIAL_NO,
+  FIELD_TYPE.RELATED_LOT_NO,
+  FIELD_TYPE.SCRAP_MATERIAL_NO,
+  FIELD_TYPE.MATERIAL_LOT
+];
+const SEARCHABLE_FIELDS = [
+  ...DEFAULT_SEARCHABLE_FIELDS,
+  FIELD_TYPE.REF,
+  FIELD_TYPE.MFG_ORDER,
+  FIELD_TYPE.ROUTING_OPERATION,
+  FIELD_TYPE.NOT_GOOD_GROUP,
+  FIELD_TYPE.NOT_GOOD_REASON,
+  FIELD_TYPE.SCRAP_GROUP,
+  FIELD_TYPE.SCRAP_REASON,
+  FIELD_TYPE.SHOPFLOOR,
+  FIELD_TYPE.MODEL_RELATION,
+  FIELD_TYPE.WAREHOUSE,
+  FIELD_TYPE.STERILIZE_LOT,
+  FIELD_TYPE.STERILIZE_BATCH
+];
+const getRealFieldType = (fieldMeta) => {
+  const { fieldType, bizType } = fieldMeta;
+  if (bizType === FIELD_TYPE_TRACE.STERILIZE_LOT) {
+    return FIELD_TYPE.STERILIZE_LOT;
+  }
+  return fieldType;
+};
+const getIsSearchableField = (fieldMeta) => {
+  const type = getRealFieldType(fieldMeta);
+  return SEARCHABLE_FIELDS.includes(type);
+};
+const getSearchableFieldIsDefaultOpen = (fieldMeta) => {
+  const type = getRealFieldType(fieldMeta);
+  return DEFAULT_SEARCHABLE_FIELDS.includes(type);
+};
+const _hoisted_1$2 = { class: "quick-search-editor" };
+const _hoisted_2$1 = { class: "flex justify-end" };
+const _hoisted_3$1 = {
+  key: 1,
+  class: "editor-tip"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "quick-search-editor",
+  props: {
+    fieldMeta: {},
+    searchable: { type: Boolean },
+    searchField: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:searchable", "update:searchField"],
+  setup(__props, { emit: __emit }) {
+    const { modelMetaMap } = useModelFields();
+    const filterFields = [
+      FIELD_TYPE.LONG_TEXT,
+      FIELD_TYPE.TEXT,
+      FIELD_TYPE.DECIMAL,
+      FIELD_TYPE.DOUBLE,
+      FIELD_TYPE.LONG,
+      FIELD_TYPE.INTEGER
+    ];
+    const filterTypes = [CreateType.USER_DEFINED, CreateType.BUILTIN];
+    const props = __props;
+    const emit = __emit;
+    const currentModelMeta = computed(() => {
+      return modelMetaMap.value[props.fieldMeta.refModelKey];
+    });
+    const fieldOptions = computed(() => {
+      return currentModelMeta.value?.fields?.filter((i) => {
+        return checkKeyByList(i.type, filterFields) && checkKeyByList(i.createType, filterTypes);
+      }).map((i) => {
+        const exp = SEARCH_TYPE[i.type]?.noRangDefaultExp;
+        return {
+          name: i.name,
+          key: exp ? i.key + "." + exp : i.key
+        };
+      });
+    });
+    const checkKeyByList = (key, filters) => {
+      return !filters || filters.indexOf(key) > -1;
+    };
+    const _searchable = computed({
+      get() {
+        return isBoolean(props.searchable) ? props.searchable : getSearchableFieldIsDefaultOpen(props.fieldMeta);
+      },
+      set(v) {
+        emit("update:searchable", v);
+      }
+    });
+    const _searchField = computed({
+      get() {
+        return props.searchField || [];
+      },
+      set(v) {
+        emit("update:searchField", v);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_a_switch = resolveComponent("a-switch");
+      const _component_a_select = resolveComponent("a-select");
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createVNode(FormItem, {
+          label: _ctx.$t("sys.search")
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2$1, [
+              createVNode(_component_a_switch, {
+                size: "small",
+                disabled: __props.disabled,
+                checked: _searchable.value,
+                "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => _searchable.value = $event)
+              }, null, 8, ["disabled", "checked"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        _searchable.value ? (openBlock(), createBlock(FormItem, {
+          key: 0,
+          inline: false,
+          label: _ctx.$t("sys.pageDesigner.quickSearchFields")
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_select, {
+              value: _searchField.value,
+              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _searchField.value = $event),
+              allowClear: "",
+              mode: "multiple",
+              maxTagCount: 5,
+              maxTagTextLength: 6,
+              fieldNames: { label: "name", value: "key" },
+              optionFilterProp: "name",
+              options: fieldOptions.value,
+              size: "small",
+              disabled: __props.disabled,
+              placeholder: _ctx.$t("sys.inputText")
+            }, null, 8, ["value", "options", "disabled", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label"])) : createCommentVNode("", true),
+        _searchable.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(_ctx.$t("sys.quickSearchFieldsTip")), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const QuickSearchEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c6f3fe45"]]);
+const _hoisted_1$1 = { class: "px-16px py-16px" };
+const _hoisted_2 = { class: "px24px mt20px" };
+const _hoisted_3 = { class: "text-[#8B8B8B]" };
+const _hoisted_4 = { class: "atuofill-field-icon" };
+const _hoisted_5 = { class: "form-table-label" };
+const _hoisted_6 = ["onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "autofill-rules-modal",
+  props: {
+    fieldMeta: {},
+    rules: {}
+  },
+  emits: ["ok", "register"],
+  setup(__props, { emit: __emit }) {
+    const $t2 = window.$t;
+    const { modelMetaMap, subTableFieldModel, getFieldMeta } = useModelFields();
+    const props = __props;
+    const {
+      refModelKey,
+      model: modelKey,
+      fieldType,
+      field: currentFieldKey
+    } = toRefs(props.fieldMeta);
+    const isSubTableTrigger = computed(
+      () => !!(props.fieldMeta.subFieldKey || props.fieldMeta.subModelKey)
+    );
+    const refFieldName = computed(() => {
+      return getFieldMeta(props.fieldMeta).name;
+    });
+    const autofillForm = ref();
+    const formState = reactive({
+      rules: [
+        {
+          fromField: void 0,
+          toField: void 0
+        }
+      ]
+    });
+    const bindFiledList = ref([]);
+    const allFieldInFormWithout = ref([]);
+    const formModelName = ref("");
+    ref($t2("sys.pageDesigner.addRule"));
+    const excludeFieldType = [
+      FIELD_TYPE.IMAGE,
+      FIELD_TYPE.ATTACHMENT,
+      FIELD_TYPE.SERIAL,
+      FIELD_TYPE.MASTERSLAVE,
+      FIELD_TYPE.ENUM,
+      FIELD_TYPE.ENUM_MULTI,
+      FIELD_TYPE.REF,
+      FIELD_TYPE.REF_MULTI,
+      FIELD_TYPE.RDO_REF,
+      FIELD_TYPE.EXPRESSION,
+      FIELD_TYPE.EXPRESSION_CONDITION,
+      FIELD_TYPE.AGG,
+      FIELD_TYPE.ESOP,
+      FIELD_TYPE.TRANSACTION,
+      FIELD_TYPE.LABEL_TEMPLATE,
+      FIELD_TYPE.LABEL_TEMPLATE_REF,
+      FIELD_TYPE.DOCUMENT_TEMPLATE,
+      FIELD_TYPE.SERIALRULE,
+      FIELD_TYPE.PRINTER,
+      FIELD_TYPE.MESSAGE_TMPL,
+      FIELD_TYPE.RANGE_USER,
+      FIELD_TYPE.SIGNATURE,
+      FIELD_TYPE.ONLINE_FORM_TEMPLATE,
+      FIELD_TYPE.E_DHR_TEMPLATE,
+      FIELD_TYPE.DATA_TABLE_FORMULA,
+      FIELD_TYPE.READONLYCMP,
+      FIELD_TYPE.BOOLEAN
+    ];
+    onMounted(async () => {
+      const modelDetail = await api.apaas.modelMeta.getDetail({
+        modelKey: modelKey.value
+      });
+      allFieldInFormWithout.value = modelDetail?.fieldMetaList?.filter((d) => d.createType !== "SYSTEM") || [];
+      formModelName.value = modelDetail?.name || "";
+      props.rules && onDataReceive({ rules: props.rules });
+    });
+    const fromFieldTreeData = computed(() => {
+      const children = bindFiledList.value.filter((f) => f.key !== "id_").map((f) => ({
+        ...f,
+        value: f.key,
+        label: f.name,
+        type: f.type
+      }));
+      return [
+        {
+          value: "id_",
+          label: refFieldName.value,
+          type: fieldType.value,
+          selectable: true,
+          children
+        }
+      ];
+    });
+    const currentModelName = computed(() => {
+      return modelMetaMap.value[modelKey.value]?.meta?.name || formModelName.value || "";
+    });
+    const filterCompatibleFields = (fromField, fieldList) => {
+      if (!fromField) return [];
+      if (fromField === "id_") {
+        const sourceType = fieldType.value;
+        const fieldConfig2 = transformMappingField4Auto(sourceType) ?? transformMappingField4Auto(FIELD_TYPE.REF);
+        let list2 = fieldList.filter((v) => fieldConfig2?.filterArr?.includes(v.type));
+        if (fieldConfig2?.equal !== void 0 && fieldConfig2?.equal) {
+          list2 = list2.filter((i) => i.bindInfo === refModelKey.value);
+        }
+        return list2;
+      }
+      const record = bindFiledList.value.find((i) => i.key === fromField);
+      if (record?.modelKey === "em_product" && record?.key === "uom_id_") {
+        return fieldList.filter(
+          (e) => [FIELD_TYPE.TEXT, FIELD_TYPE.LONG_TEXT, FIELD_TYPE.REF].includes(e.type)
+        );
+      }
+      const fieldConfig = transformMappingField4Auto(record?.type);
+      let list = fieldList.filter((v) => fieldConfig?.filterArr?.includes(v.type));
+      if (fieldConfig?.equal !== void 0 && fieldConfig?.equal) {
+        list = list.filter((i) => i.bindInfo === record?.bindInfo);
+      }
+      if ([FIELD_TYPE.TEXT, FIELD_TYPE.LONG_TEXT].includes(record?.type)) {
+        list = list.filter((i) => !["ref_model_key_", "ref_field_key_"].includes(i.key));
+      }
+      return list;
+    };
+    const buildSubTableFieldValue = (fromSubTableField, fieldKey) => {
+      return `${fromSubTableField}::${fieldKey}`;
+    };
+    const parseSubTableFieldValue = (value) => {
+      const [fromSubTableField, fieldKey] = value.split("::");
+      return { fromSubTableField, fieldKey };
+    };
+    const stripSubTableRuleFields = (rules) => {
+      if (!isSubTableTrigger.value) return rules;
+      return rules.map(({ fromSubTableField: _omit, ...rest }) => rest);
+    };
+    const selrender = (item) => {
+      return () => h("span", { class: "atuofill-field-icon" }, [
+        h("i", { class: ["iconfont", FieldIconMap[item.type] || "text"] }),
+        item.name
+      ]);
+    };
+    const filterOption = (input, option) => {
+      return option.name?.includes(input?.trim());
+    };
+    const getTargetFieldOptions = (fromField) => {
+      if (!fromField) return [];
+      let fields = filterCompatibleFields(fromField, allFieldInFormWithout.value);
+      if (fromField === "id_" && currentFieldKey.value) {
+        fields = fields.filter((f) => f.key !== currentFieldKey.value);
+      }
+      return fields.map((f) => ({
+        ...f,
+        value: f.key,
+        label: selrender(f)
+      }));
+    };
+    const getTargetFieldValue = (element) => {
+      if (!element.toField) return void 0;
+      if (element.fromSubTableField) {
+        return buildSubTableFieldValue(element.fromSubTableField, element.toField);
+      }
+      return element.toField;
+    };
+    const getTargetFieldTreeData = (fromField) => {
+      if (!fromField) return [];
+      let mainFields = filterCompatibleFields(fromField, allFieldInFormWithout.value);
+      if (fromField === "id_" && currentFieldKey.value) {
+        mainFields = mainFields.filter((f) => f.key !== currentFieldKey.value);
+      }
+      const treeData = [];
+      if (mainFields.length) {
+        treeData.push({
+          value: `__main__${modelKey.value}`,
+          label: currentModelName.value,
+          selectable: false,
+          children: mainFields.map((f) => ({
+            ...f,
+            value: f.key,
+            label: f.name,
+            type: f.type
+          }))
+        });
+      }
+      subTableFieldModel.value.forEach(({ field, model }) => {
+        if (model.subModelType === SubTableType.STOCKTAKE || model.subModelType === SubTableType.ALLOCATE) {
+          return;
+        }
+        const subModelFields = modelMetaMap.value[field.bindInfo]?.fields?.filter((d) => d.createType !== "SYSTEM") || [];
+        const compatibleFields = filterCompatibleFields(fromField, subModelFields);
+        if (!compatibleFields.length) return;
+        treeData.push({
+          value: `__sub__${field.key}`,
+          label: `${model.name}（${getSubTableTypeLabel(model.subModelType)}）`,
+          selectable: false,
+          children: compatibleFields.map((f) => ({
+            ...f,
+            value: buildSubTableFieldValue(field.key, f.key),
+            label: f.name,
+            type: f.type,
+            fromSubTableField: field.key
+          }))
+        });
+      });
+      return treeData;
+    };
+    const getSubTableTypeLabel = (subModelType) => {
+      const subTypeMap = {
+        INSPECTION: "CHECK",
+        MATERIAL_CONSUME: "MATERIAL_CONSUMPTION",
+        PRODUCTION_CONTAINER_LIST_4_STERILIZATION: "STERILIZE_BATCH"
+      };
+      const subTableType = subTypeMap[subModelType || ""] || subModelType || "DEFAULT";
+      return $t2(`sys.onlineForm.subTableType.${subTableType}`);
+    };
+    const onDataReceive = async ({ rules }) => {
+      formState.rules = stripSubTableRuleFields(cloneDeep(rules));
+      if (formState.rules?.length == 0) {
+        formState.rules.push({
+          fromField: void 0,
+          toField: void 0
+        });
+      }
+      const res = await api.apaas.modelMeta.getDetail({
+        modelKey: refModelKey.value
+      });
+      bindFiledList.value = res?.fieldMetaList?.filter((d) => d.createType !== "SYSTEM")?.filter(
+        (i) => i.modelKey === "em_product" && i.key === "uom_id_" || !excludeFieldType.includes(i.type)
+      ) || [];
+    };
+    const removeRule = (index) => {
+      formState.rules.splice(index, 1);
+    };
+    const addRule = () => {
+      formState.rules.push({
+        fromField: void 0,
+        toField: void 0
+      });
+    };
+    useModal(async () => {
+      if (formState.rules.length > 1 || formState.rules[0].fromField || formState.rules[0].toField) {
+        await autofillForm.value.validate();
+        return {
+          ok: true,
+          data: stripSubTableRuleFields(formState.rules)
+        };
+      }
+    });
+    const handleFromChange = (element) => {
+      element.toField = null;
+      element.toFieldType = void 0;
+      element.fromSubTableField = void 0;
+    };
+    const handleFlatTargetChange = (val, element) => {
+      if (!val) {
+        element.toField = void 0;
+        element.toFieldType = void 0;
+        element.fromSubTableField = void 0;
+        return;
+      }
+      const record = allFieldInFormWithout.value.find((f) => f.key === val);
+      element.toField = val;
+      element.toFieldType = record?.type;
+      element.fromSubTableField = void 0;
+    };
+    const handleTargetChange = (val, extra, element) => {
+      if (!val) {
+        element.toField = void 0;
+        element.toFieldType = void 0;
+        element.fromSubTableField = void 0;
+        return;
+      }
+      if (String(val).includes("::")) {
+        const { fromSubTableField, fieldKey } = parseSubTableFieldValue(String(val));
+        const node2 = extra?.triggerNode?.props || extra?.triggerNode;
+        const nodeProps2 = node2?.dataRef || node2;
+        element.toField = fieldKey;
+        element.fromSubTableField = fromSubTableField;
+        element.toFieldType = nodeProps2?.type;
+        return;
+      }
+      const node = extra?.triggerNode?.props || extra?.triggerNode;
+      const nodeProps = node?.dataRef || node;
+      element.toField = val;
+      element.fromSubTableField = void 0;
+      element.toFieldType = nodeProps?.type;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_row = resolveComponent("a-row");
+      const _component_a_tree_select = resolveComponent("a-tree-select");
+      const _component_a_form_item = resolveComponent("a-form-item");
+      const _component_a_select = resolveComponent("a-select");
+      const _component_a_form = resolveComponent("a-form");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(_component_a_button, {
+          type: "link",
+          onClick: addRule,
+          class: "mv10px pl24px mt4px"
+        }, {
+          default: withCtx(() => [
+            _cache[0] || (_cache[0] = createElementVNode("i", {
+              class: "iconfont icon-chuangjian mr8px",
+              style: { "vertical-align": "-1px" }
+            }, null, -1)),
+            createTextVNode(" " + toDisplayString(unref($t2)("sys.pageDesigner.fillRules")), 1)
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_a_row, {
+            gutter: 4,
+            style: { "margin-bottom": "4px", "padding": "0 10px" },
+            class: "text-[#1A1D23]"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_col, { span: 9 }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t2)("sys.pageDesigner.valueSource")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_a_col, { span: 4 }),
+              createVNode(_component_a_col, { span: 11 }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t2)("sys.pageDesigner.targetField")) + " ", 1),
+                  createElementVNode("span", _hoisted_3, " （ " + toDisplayString(unref($t2)("sys.pageDesigner.onlineFormFieldInForm")) + "） ", 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_form, {
+            ref_key: "autofillForm",
+            ref: autofillForm,
+            model: formState,
+            "wrapper-col": { span: 24 },
+            autocomplete: "off",
+            "hide-required-mark": "",
+            colon: false
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(draggableComponent), {
+                list: formState.rules,
+                handle: ".cursor-move",
+                "drag-class": "drawing-drag",
+                "item-key": "id"
+              }, {
+                item: withCtx(({ element, index }) => [
+                  (openBlock(), createBlock(_component_a_row, {
+                    gutter: 4,
+                    key: index,
+                    class: "rule-item"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_a_col, { span: 9 }, {
+                        default: withCtx(() => [
+                          createVNode(_component_a_form_item, {
+                            label: "",
+                            name: ["rules", index, "fromField"],
+                            rules: [
+                              {
+                                required: true,
+                                message: unref($t2)("sys.chooseTextTip", {
+                                  name: unref($t2)("sys.field")
+                                })
+                              }
+                            ]
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_a_tree_select, {
+                                value: element.fromField,
+                                "onUpdate:value": ($event) => element.fromField = $event,
+                                placeholder: unref($t2)("sys.chooseText") + unref($t2)("sys.field"),
+                                "show-search": "",
+                                "tree-default-expand-all": "",
+                                "allow-clear": "",
+                                "tree-node-filter-prop": "label",
+                                "dropdown-class-name": "gct-custom-select-dropdown autofill-from-field-tree",
+                                "tree-data": fromFieldTreeData.value,
+                                onChange: ($event) => handleFromChange(element)
+                              }, {
+                                title: withCtx((data) => [
+                                  createElementVNode("span", _hoisted_4, [
+                                    data.type ? (openBlock(), createElementBlock("i", {
+                                      key: 0,
+                                      class: normalizeClass(["iconfont", unref(FieldIconMap)[data.type] || "text"])
+                                    }, null, 2)) : createCommentVNode("", true),
+                                    createTextVNode(" " + toDisplayString(data.label), 1)
+                                  ])
+                                ]),
+                                _: 1
+                              }, 8, ["value", "onUpdate:value", "placeholder", "tree-data", "onChange"])
+                            ]),
+                            _: 2
+                          }, 1032, ["name", "rules"])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(_component_a_col, { span: 4 }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_5, toDisplayString(unref($t2)("sys.pageDesigner.valueFillTip")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_a_col, { span: 10 }, {
+                        default: withCtx(() => [
+                          createVNode(_component_a_form_item, {
+                            label: "",
+                            name: ["rules", index, "toField"],
+                            rules: [
+                              {
+                                required: true,
+                                message: unref($t2)("sys.chooseTextTip", {
+                                  name: unref($t2)("sys.field")
+                                })
+                              }
+                            ]
+                          }, {
+                            default: withCtx(() => [
+                              isSubTableTrigger.value ? (openBlock(), createBlock(_component_a_select, {
+                                key: 0,
+                                value: element.toField,
+                                "onUpdate:value": ($event) => element.toField = $event,
+                                placeholder: unref($t2)("sys.chooseText") + unref($t2)("sys.field"),
+                                "show-search": "",
+                                "allow-clear": "",
+                                "filter-option": filterOption,
+                                "option-label-prop": "label",
+                                "dropdown-class-name": "gct-custom-select-dropdown",
+                                options: getTargetFieldOptions(element.fromField),
+                                onChange: (val) => handleFlatTargetChange(val, element)
+                              }, null, 8, ["value", "onUpdate:value", "placeholder", "options", "onChange"])) : (openBlock(), createBlock(_component_a_tree_select, {
+                                key: 1,
+                                value: getTargetFieldValue(element),
+                                placeholder: unref($t2)("sys.chooseText") + unref($t2)("sys.field"),
+                                "show-search": "",
+                                "tree-default-expand-all": "",
+                                "allow-clear": "",
+                                "tree-node-filter-prop": "label",
+                                "dropdown-class-name": "gct-custom-select-dropdown autofill-to-field-tree",
+                                "tree-data": getTargetFieldTreeData(element.fromField),
+                                onChange: (val, _label, extra) => handleTargetChange(val, extra, element)
+                              }, {
+                                title: withCtx((data) => [
+                                  createElementVNode("span", {
+                                    class: normalizeClass([
+                                      "atuofill-field-icon",
+                                      { "text-[#8B8B8B]": data.selectable === false }
+                                    ])
+                                  }, [
+                                    data.type ? (openBlock(), createElementBlock("i", {
+                                      key: 0,
+                                      class: normalizeClass(["iconfont", unref(FieldIconMap)[data.type] || "text"])
+                                    }, null, 2)) : createCommentVNode("", true),
+                                    createTextVNode(" " + toDisplayString(data.label), 1)
+                                  ], 2)
+                                ]),
+                                _: 1
+                              }, 8, ["value", "placeholder", "tree-data", "onChange"]))
+                            ]),
+                            _: 2
+                          }, 1032, ["name", "rules"])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(_component_a_col, {
+                        span: 1,
+                        class: "rule-flex-col"
+                      }, {
+                        default: withCtx(() => [
+                          withDirectives(createElementVNode("i", {
+                            class: "iconfont icon-shanchu2 text-[#797A7D] error-gct-hover cursor-pointer",
+                            onClick: ($event) => removeRule(index)
+                          }, null, 8, _hoisted_6), [
+                            [vShow, formState.rules.length > 1]
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))
+                ]),
+                _: 1
+              }, 8, ["list"])
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ])
+      ]);
+    };
+  }
+});
+const AutofillRulesModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ddb9f6cd"]]);
+const _hoisted_1 = { class: "inpt-box" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ref-autofill-editor",
+  props: {
+    fieldMeta: {},
+    autofillRules: {},
+    enableAutofill: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:autofillRules", "update:enableAutofill"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const detail = computed({
+      get() {
+        return props.autofillRules;
+      },
+      set(v) {
+        emit("update:autofillRules", v);
+      }
+    });
+    const enabled = computed({
+      get() {
+        return props.enableAutofill ?? !!props.autofillRules?.length;
+      },
+      set(v) {
+        emit("update:enableAutofill", v);
+      }
+    });
+    const btnAttrs = computed(() => {
+      return detail.value?.length ? { type: "primary", block: true } : { type: "primary", ghost: true, block: true };
+    });
+    const handleFilterClick = async () => {
+      const result = await window.NocodeAdapter.utils.overlay.modal(
+        AutofillRulesModal,
+        {
+          fieldMeta: props.fieldMeta,
+          rules: detail.value
+        },
+        {
+          title: !detail.value?.length ? $t("sys.pageDesigner.addRule") : $t("sys.pageDesigner.editRule"),
+          centered: true,
+          width: 640
+        }
+      );
+      if (result.ok && result.data) {
+        emit("update:autofillRules", cloneDeep(result.data));
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_a_switch = resolveComponent("a-switch");
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ref-autofill-editor", { "is-off": !enabled.value }])
+      }, [
+        createVNode(FormItem, {
+          inline: false,
+          label: _ctx.$t("sys.pageDesigner.dataFill")
+        }, {
+          extra: withCtx(() => [
+            createVNode(_component_a_switch, {
+              size: "small",
+              checked: enabled.value,
+              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => enabled.value = $event),
+              disabled: __props.disabled
+            }, null, 8, ["checked", "disabled"])
+          ]),
+          default: withCtx(() => [
+            enabled.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "data-filter-box",
+              onClick: handleFilterClick
+            }, [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_a_button, mergeProps(btnAttrs.value, { disabled: __props.disabled }), {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(detail.value?.length ? _ctx.$t("sys.pageDesigner.editRule") : _ctx.$t("sys.pageDesigner.addRule")), 1)
+                  ]),
+                  _: 1
+                }, 16, ["disabled"])
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["label"])
+      ], 2);
+    };
+  }
+});
+const RefAutofillEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63d8b3b0"]]);
+export {
+  DisplayFieldsEditor as D,
+  QuickSearchEditor as Q,
+  RefAutofillEditor as R,
+  getIsSearchableField as g
+};