@gct-paas/excel 0.1.28-beta.2 → 0.1.28-beta.21

package/dist/{ref-autofill-editor-99WrBySm.js → ref-autofill-editor-DQnrKJfB.js}

@@ -1,14 +1,34 @@
-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, r as registerDialogComp, u as useModelFields, F as FormItem, m as SEARCH_TYPE, j as draggableComponent, t as transformMappingField4Auto } from "./index-hcp9zj3F.js";
+import { watch, toRefs, reactive, toRaw, defineComponent, ref, computed, createVNode, createTextVNode, Fragment, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, mergeProps, createApp, onMounted, withDirectives, vShow, h, normalizeProps, guardReactiveProps } from "vue";
+import { D as DownOutlined, r as registerDialogComp, u as useModelFields, b as FormItem, o as SEARCH_TYPE, n as applyDesignReadonlyModal, k as draggableComponent, t as transformMappingField4Auto } from "./index-QFP7aiss.js";
 import { Cascader, Tooltip, Input, Empty, Tree, Transfer, Select, Tag } from "ant-design-vue";
-import { w as api, F as FIELD_TYPE, C as CreateType, $ as FieldIconMap, _ as _export_sfc, k as FIELD_TYPE_TRACE, d as SubTableType } from "./dynamic-table-action.vue_vue_type_style_index_0_scoped_53d7e66c_lang-SAa6KGYz.js";
+import { F as FIELD_TYPE, w as api, C as CreateType, a0 as FieldIconMap, _ as _export_sfc, d as SubTableType } from "./dynamic-table-action.vue_vue_type_style_index_0_scoped_53d7e66c_lang-B-KhKgs2.js";
 import { cloneDeep, has, isEmpty, pick, isBoolean } from "lodash-es";
+import { a as getSearchableFieldIsDefaultOpen, b as getDefaultQuickSearchFields } from "./quick-search.util-DbpUfahg.js";
 import { useModal } from "@gct-paas/core";
 const DEFAULT_DISPLAY_FIELDS_MAP = {
   // 设备：设备编码、设备名称
   device: ["code_", "name_"],
-  // 库存物料：预留
-  materialNo: []
+  // 物料/报废物料（版本模型）
+  material: ["code_", "name_", "spec_", "uom_id_", "description_"],
+  // LOT/SN、关联批次、报废物料批次、物料批
+  batch: ["name_", "product_code_", "product_name_", "spec_"]
+};
+const getDefaultDisplayFieldConfig = (fieldType) => {
+  if ([FIELD_TYPE.PRODUCT, FIELD_TYPE.SCRAP_MATERIAL].includes(fieldType)) {
+    return { keys: DEFAULT_DISPLAY_FIELDS_MAP.material || [], unremovableKeys: ["code_"] };
+  }
+  if (fieldType === FIELD_TYPE.DEVICE) {
+    return { keys: DEFAULT_DISPLAY_FIELDS_MAP.device || [], unremovableKeys: [] };
+  }
+  if ([
+    FIELD_TYPE.MATERIAL_NO,
+    FIELD_TYPE.RELATED_LOT_NO,
+    FIELD_TYPE.SCRAP_MATERIAL_NO,
+    FIELD_TYPE.MATERIAL_CONTAINER
+  ].includes(fieldType)) {
+    return { keys: DEFAULT_DISPLAY_FIELDS_MAP.batch || [], unremovableKeys: [] };
+  }
+  return { keys: [], unremovableKeys: [] };
 };
 var SCOPEINFO = /* @__PURE__ */ ((SCOPEINFO2) => {
   SCOPEINFO2["FIELD_LIST"] = "fieldList";
@@ -346,7 +366,7 @@ const MESSAGES = {
   "sys.component.fieldTransfer.linkModel": "关联模型",
   "sys.component.fieldTransfer.subMainModel": "子主模型",
   "sys.component.fieldTransfer.currentModel": "当前模型",
-  "sys.component.fieldTransfer.soModelTitle": "选择对象",
+  "sys.component.fieldTransfer.soModelTitle": "所属模型",
   "sys.model.modelKey": "模型标识"
 };
 function t(key) {
@@ -1240,12 +1260,11 @@ const FieldTransfer = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "field-transfer-container" };
-const _hoisted_2$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "h26px leading-26px bg-[#3168EC]/[0.1] pl-10px mb-10px"
 };
-const _hoisted_3$2 = { class: "text-[#666] ml-6px" };
+const _hoisted_2$3 = { class: "text-[#666] ml-6px" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "field-transfer-modal",
   props: {
@@ -1268,11 +1287,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     childParentModelKey: {},
     destroyCallback: {},
     saveCallback: {},
-    promptMessage: {}
+    promptMessage: {},
+    readonly: { type: Boolean }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const visible = ref(false);
+    const cancelText = computed(
+      () => props.readonly ? window.$t?.("sys.closeText") ?? "关闭" : t("sys.cancelText")
+    );
     const getContainer = () => props.modalKey && document.querySelector(`#${props.modalKey}`) || document.body;
     const {
       loadObjInfo,
@@ -1327,6 +1350,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       { immediate: true, deep: true }
     );
     const setObjFieldList = (list) => {
+      if (props.readonly) return;
       objFieldList.value = list;
     };
     const handleClose = () => {
@@ -1338,6 +1362,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       props.destroyCallback?.();
     };
     const handleOk = () => {
+      if (props.readonly) {
+        handleClose();
+        return;
+      }
       props.saveCallback?.({
         objFieldList: toRaw(objFieldList.value)
       });
@@ -1361,18 +1389,23 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         centered: "",
         getContainer,
         wrapClassName: "excel-field-transfer-modal",
+        "ok-button-props": __props.readonly ? { style: { display: "none" } } : void 0,
+        "ok-text": unref(t)("sys.confirm"),
+        "cancel-text": cancelText.value,
         onOk: handleOk,
         onCancel: handleClose
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$4, [
+          createElementVNode("div", {
+            class: normalizeClass(["field-transfer-container", { "is-readonly": __props.readonly }])
+          }, [
             createVNode(_component_a_spin, {
               spinning: !isLoad.value
             }, {
               default: withCtx(() => [
-                __props.promptMessage ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+                __props.promptMessage ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
                   _cache[1] || (_cache[1] = createElementVNode("i", { class: "iconfont icon-guanyu text-[#3168EC]" }, null, -1)),
-                  createElementVNode("span", _hoisted_3$2, toDisplayString(__props.promptMessage), 1)
+                  createElementVNode("span", _hoisted_2$3, toDisplayString(__props.promptMessage), 1)
                 ])) : createCommentVNode("", true),
                 createVNode(unref(FieldCascader), {
                   class: "mb-8px",
@@ -1382,7 +1415,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 createVNode(unref(FieldTransfer), {
                   titles: __props.titles,
                   maxEnableCount: __props.maxEnableCount,
-                  draggable: __props.draggable,
+                  draggable: !__props.readonly && __props.draggable,
                   disabledFieldKey: __props.disabledFieldKey,
                   containFieldKey: __props.containFieldKey,
                   containFieldType: __props.containFieldType,
@@ -1397,14 +1430,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["spinning"])
-          ])
+          ], 2)
         ]),
         _: 1
-      }, 8, ["visible", "title", "width"]);
+      }, 8, ["visible", "title", "width", "ok-button-props", "ok-text", "cancel-text"]);
     };
   }
 });
-const FieldTransferModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-46961d2f"]]);
+const FieldTransferModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-32730a6e"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "modal-wrapper",
@@ -1473,7 +1506,8 @@ const _hoisted_2$2 = { class: "editor-tip" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "display-fields-editor",
   props: {
-    displayFields: { default: () => [] },
+    displayFields: {},
+    legacySearchFields: {},
     fieldMeta: {},
     disabled: { type: Boolean }
   },
@@ -1482,68 +1516,79 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { open } = useFieldTransfer();
-    const { modelMetaMap } = useModelFields();
+    const { modelMetaMap, loadModelFieldsByKey } = useModelFields();
+    const defaultConfig = computed(() => getDefaultDisplayFieldConfig(props.fieldMeta.fieldType));
     const selectorInfo = computed(() => {
       const options = [];
       const values = [];
-      props.displayFields.forEach(({ _dfLabel: label, _dfValue: value }) => {
+      (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);
+      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,
+        draggable: !props.disabled,
+        readonly: props.disabled,
+        data: props.displayFields || [],
+        disabledFieldKey: defaultConfig.value.unremovableKeys,
         maxEnableCount: 99999,
         excludeFieldType: [],
         excludeFieldKey: [],
         filterFieldByFunction: () => true,
         saveCallback: ({ objFieldList }) => {
+          if (props.disabled) return;
           const fields = (objFieldList || []).map((f) => ({
             ...f,
             _dfLabel: f.name,
-            _dfValue: f.id
+            _dfValue: f.id,
+            _dfUnremovable: defaultConfig.value.unremovableKeys.includes(f.key)
           }));
           emit("update:displayFields", fields);
         }
       });
     };
     const handleSelectChange = (remainingKeys) => {
-      const options = props.displayFields.filter((o) => {
+      if (props.disabled) return;
+      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);
+      if (props.disabled) return;
+      const options = (props.displayFields || []).filter((o) => o._dfValue !== val);
       emit("update:displayFields", options);
     };
-    onMounted(() => {
+    onMounted(async () => {
+      if (props.disabled) return;
       const { displayFields, fieldMeta } = props;
-      if (displayFields?.length) return;
+      if (displayFields !== void 0) return;
       const { fieldType, refModelKey } = fieldMeta;
       if (!refModelKey) return;
+      const { keys: defaultKeys, unremovableKeys: unremovableKeys2 } = getDefaultDisplayFieldConfig(fieldType);
+      const legacyKeys = (props.legacySearchFields || []).map((key) => key.split(".")[0]);
+      const keys = legacyKeys.length ? Array.from(new Set(legacyKeys)) : defaultKeys;
+      if (!keys.length) return;
+      if (!modelMetaMap.value[refModelKey]) {
+        await loadModelFieldsByKey(refModelKey);
+      }
       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) => ({
+      const fieldMap2 = new Map(fields.map((field) => [field.key, field]));
+      const options = keys.map((key) => fieldMap2.get(key)).filter(Boolean).map((f) => ({
         ...f,
         _dfLabel: f.name,
-        _dfValue: f.id
+        _dfValue: f.id,
+        _dfUnremovable: unremovableKeys2.includes(f.key)
       }));
-      emit("update:displayFields", options);
+      if (options.length) emit("update:displayFields", options);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
@@ -1553,23 +1598,23 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(unref(Select), {
-              allowClear: "",
               size: "small",
               mode: "multiple",
+              showArrow: "",
               "max-tag-count": "responsive",
+              allowClear: !__props.disabled,
               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),
+                  closable: !__props.disabled && !unremovableKeys.value.includes(value),
                   onClose: ($event) => handleTagClose(value)
                 }, {
                   default: withCtx(() => [
@@ -1579,7 +1624,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 }, 1032, ["disabled", "closable", "onClose"])
               ]),
               _: 1
-            }, 8, ["options", "value", "placeholder", "disabled"])
+            }, 8, ["allowClear", "options", "value", "placeholder"])
           ]),
           _: 1
         }, 8, ["label"]),
@@ -1588,47 +1633,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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_CONTAINER
-];
-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.PRODUCTION_CONTAINER,
-  FIELD_TYPE.STERILIZATION_CONTAINER,
-  FIELD_TYPE.STERILIZE_BATCH
-];
-const getRealFieldType = (fieldMeta) => {
-  const { fieldType, bizType } = fieldMeta;
-  if (bizType === FIELD_TYPE_TRACE.STERILIZATION_CONTAINER) {
-    return FIELD_TYPE.STERILIZATION_CONTAINER;
-  }
-  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 DisplayFieldsEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a815474c"]]);
 const _hoisted_1$2 = { class: "quick-search-editor" };
 const _hoisted_2$1 = { class: "flex justify-end" };
 const _hoisted_3$1 = {
@@ -1645,7 +1650,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:searchable", "update:searchField"],
   setup(__props, { emit: __emit }) {
-    const { modelMetaMap } = useModelFields();
+    const { modelMetaMap, loadModelFieldsByKey } = useModelFields();
     const filterFields = [
       FIELD_TYPE.LONG_TEXT,
       FIELD_TYPE.TEXT,
@@ -1660,6 +1665,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const currentModelMeta = computed(() => {
       return modelMetaMap.value[props.fieldMeta.refModelKey];
     });
+    watch(
+      () => props.fieldMeta.refModelKey,
+      (modelKey) => {
+        if (modelKey && !modelMetaMap.value[modelKey]) {
+          void loadModelFieldsByKey(modelKey);
+        }
+      },
+      { immediate: true }
+    );
     const fieldOptions = computed(() => {
       return currentModelMeta.value?.fields?.filter((i) => {
         return checkKeyByList(i.type, filterFields) && checkKeyByList(i.createType, filterTypes);
@@ -1690,6 +1704,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         emit("update:searchField", v);
       }
     });
+    onMounted(() => {
+      if (props.disabled || isBoolean(props.searchable)) return;
+      const fields = getDefaultQuickSearchFields(props.fieldMeta);
+      if (fields.length && !props.searchField?.length) {
+        emit("update:searchField", fields);
+      }
+    });
     return (_ctx, _cache) => {
       const _component_a_switch = resolveComponent("a-switch");
       const _component_a_select = resolveComponent("a-select");
@@ -1720,6 +1741,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _searchField.value = $event),
               allowClear: "",
               mode: "multiple",
+              showArrow: "",
               maxTagCount: 5,
               maxTagTextLength: 6,
               fieldNames: { label: "name", value: "key" },
@@ -1727,7 +1749,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               options: fieldOptions.value,
               size: "small",
               disabled: __props.disabled,
-              placeholder: _ctx.$t("sys.inputText")
+              placeholder: _ctx.$t("sys.chooseText")
             }, null, 8, ["value", "options", "disabled", "placeholder"])
           ]),
           _: 1
@@ -1737,18 +1759,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 QuickSearchEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fc1c722f"]]);
+const _hoisted_1$1 = { class: "px24px mt20px" };
+const _hoisted_2 = { class: "text-[#8B8B8B]" };
+const _hoisted_3 = { class: "atuofill-field-icon" };
+const _hoisted_4 = { class: "form-table-label" };
+const _hoisted_5 = ["onClick"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "autofill-rules-modal",
   props: {
     fieldMeta: {},
-    rules: {}
+    rules: {},
+    readonly: { type: Boolean }
   },
   emits: ["ok", "register"],
   setup(__props, { emit: __emit }) {
@@ -1970,15 +1992,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       ) || [];
     };
     const removeRule = (index) => {
+      if (props.readonly) return;
       formState.rules.splice(index, 1);
     };
     const addRule = () => {
+      if (props.readonly) return;
       formState.rules.push({
         fromField: void 0,
         toField: void 0
       });
     };
-    useModal(async () => {
+    const modal = useModal(async () => {
+      if (props.readonly) return null;
       if (formState.rules.length > 1 || formState.rules[0].fromField || formState.rules[0].toField) {
         await autofillForm.value.validate();
         return {
@@ -1987,6 +2012,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         };
       }
     });
+    onMounted(() => {
+      if (props.readonly) {
+        applyDesignReadonlyModal(modal);
+      }
+    });
     const handleFromChange = (element) => {
       element.toField = null;
       element.toFieldType = void 0;
@@ -2034,8 +2064,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       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, {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["px-16px py-16px", { "is-readonly": __props.readonly }])
+      }, [
+        !__props.readonly ? (openBlock(), createBlock(_component_a_button, {
+          key: 0,
           type: "link",
           onClick: addRule,
           class: "mv10px pl24px mt4px"
@@ -2048,8 +2081,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref($t2)("sys.pageDesigner.fillRules")), 1)
           ]),
           _: 1
-        }),
-        createElementVNode("div", _hoisted_2, [
+        })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1$1, [
           createVNode(_component_a_row, {
             gutter: 4,
             style: { "margin-bottom": "4px", "padding": "0 10px" },
@@ -2066,7 +2099,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               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)
+                  createElementVNode("span", _hoisted_2, " （ " + toDisplayString(unref($t2)("sys.pageDesigner.onlineFormFieldInForm")) + "） ", 1)
                 ]),
                 _: 1
               })
@@ -2118,13 +2151,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                                 "show-search": "",
                                 "tree-default-expand-all": "",
                                 "allow-clear": "",
+                                disabled: __props.readonly,
                                 "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, [
+                                  createElementVNode("span", _hoisted_3, [
                                     data.type ? (openBlock(), createElementBlock("i", {
                                       key: 0,
                                       class: normalizeClass(["iconfont", unref(FieldIconMap)[data.type] || "text"])
@@ -2133,7 +2167,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                                   ])
                                 ]),
                                 _: 1
-                              }, 8, ["value", "onUpdate:value", "placeholder", "tree-data", "onChange"])
+                              }, 8, ["value", "onUpdate:value", "placeholder", "disabled", "tree-data", "onChange"])
                             ]),
                             _: 2
                           }, 1032, ["name", "rules"])
@@ -2142,7 +2176,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       }, 1024),
                       createVNode(_component_a_col, { span: 4 }, {
                         default: withCtx(() => [
-                          createElementVNode("span", _hoisted_5, toDisplayString(unref($t2)("sys.pageDesigner.valueFillTip")), 1)
+                          createElementVNode("span", _hoisted_4, toDisplayString(unref($t2)("sys.pageDesigner.valueFillTip")), 1)
                         ]),
                         _: 1
                       }),
@@ -2168,18 +2202,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                                 placeholder: unref($t2)("sys.chooseText") + unref($t2)("sys.field"),
                                 "show-search": "",
                                 "allow-clear": "",
+                                disabled: __props.readonly,
                                 "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, {
+                              }, null, 8, ["value", "onUpdate:value", "placeholder", "disabled", "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": "",
+                                disabled: __props.readonly,
                                 "tree-node-filter-prop": "label",
                                 "dropdown-class-name": "gct-custom-select-dropdown autofill-to-field-tree",
                                 "tree-data": getTargetFieldTreeData(element.fromField),
@@ -2200,7 +2236,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                                   ], 2)
                                 ]),
                                 _: 1
-                              }, 8, ["value", "placeholder", "tree-data", "onChange"]))
+                              }, 8, ["value", "placeholder", "disabled", "tree-data", "onChange"]))
                             ]),
                             _: 2
                           }, 1032, ["name", "rules"])
@@ -2215,8 +2251,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           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]
+                          }, null, 8, _hoisted_5), [
+                            [vShow, !__props.readonly && formState.rules.length > 1]
                           ])
                         ]),
                         _: 2
@@ -2231,11 +2267,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["model"])
         ])
-      ]);
+      ], 2);
     };
   }
 });
-const AutofillRulesModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ddb9f6cd"]]);
+const AutofillRulesModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6b45c1c0"]]);
 const _hoisted_1 = { class: "inpt-box" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ref-autofill-editor",
@@ -2269,11 +2305,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return detail.value?.length ? { type: "primary", block: true } : { type: "primary", ghost: true, block: true };
     });
     const handleFilterClick = async () => {
+      if (props.disabled && !detail.value?.length) return;
       const result = await window.NocodeAdapter.utils.overlay.modal(
         AutofillRulesModal,
         {
           fieldMeta: props.fieldMeta,
-          rules: detail.value
+          rules: detail.value,
+          readonly: !!props.disabled
         },
         {
           title: !detail.value?.length ? $t("sys.pageDesigner.addRule") : $t("sys.pageDesigner.editRule"),
@@ -2281,7 +2319,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 640
         }
       );
-      if (result.ok && result.data) {
+      if (result.ok && result.data && !props.disabled) {
         emit("update:autofillRules", cloneDeep(result.data));
       }
     };
@@ -2306,16 +2344,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             enabled.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "data-filter-box",
+              class: "data-filter-box allow-readonly-view",
               onClick: handleFilterClick
             }, [
               createElementVNode("div", _hoisted_1, [
-                createVNode(_component_a_button, mergeProps(btnAttrs.value, { disabled: __props.disabled }), {
+                createVNode(_component_a_button, normalizeProps(guardReactiveProps(btnAttrs.value)), {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(detail.value?.length ? _ctx.$t("sys.pageDesigner.editRule") : _ctx.$t("sys.pageDesigner.addRule")), 1)
                   ]),
                   _: 1
-                }, 16, ["disabled"])
+                }, 16)
               ])
             ])) : createCommentVNode("", true)
           ]),
@@ -2325,10 +2363,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RefAutofillEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63d8b3b0"]]);
+const RefAutofillEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da999a9d"]]);
 export {
   DisplayFieldsEditor as D,
   QuickSearchEditor as Q,
-  RefAutofillEditor as R,
-  getIsSearchableField as g
+  RefAutofillEditor as R
 };

package/dist/{ref-design-C7LbDVQz.js → ref-design-BQ8o1gKm.js}

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_component_a_select, {
           disabled: __props.disabled,
           style: normalizeStyle({ width: `${__props.fieldWidget.compWidth ?? 75}px` }),
-          placeholder: __props.fieldWidget.placeholder,
+          placeholder: __props.fieldWidget.placeholder ?? _ctx.$t("sys.chooseText"),
           size: "small"
         }, null, 8, ["disabled", "style", "placeholder"])
       ]);