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

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

@@ -1,7 +1,7 @@
-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-JgFlFQ4I.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 { w as api, F as FIELD_TYPE, C as CreateType, a0 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-A4vSXZDM.js";
 import { cloneDeep, has, isEmpty, pick, isBoolean } from "lodash-es";
 import { useModal } from "@gct-paas/core";
 const DEFAULT_DISPLAY_FIELDS_MAP = {
@@ -346,7 +346,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 +1240,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 +1267,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 +1330,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 +1342,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       props.destroyCallback?.();
     };
     const handleOk = () => {
+      if (props.readonly) {
+        handleClose();
+        return;
+      }
       props.saveCallback?.({
         objFieldList: toRaw(objFieldList.value)
       });
@@ -1361,18 +1369,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         centered: "",
         getContainer,
         wrapClassName: "excel-field-transfer-modal",
+        "ok-button-props": __props.readonly ? { style: { display: "none" } } : void 0,
+        "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 +1394,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 +1409,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["spinning"])
-          ])
+          ], 2)
         ]),
         _: 1
-      }, 8, ["visible", "title", "width"]);
+      }, 8, ["visible", "title", "width", "ok-button-props", "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-9705189e"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "modal-wrapper",
@@ -1500,13 +1512,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         modelKey: props.fieldMeta.refModelKey,
         modalTitle: $t("sys.selectDisplayFields"),
         isShowCascader: true,
-        draggable: true,
+        draggable: !props.disabled,
+        readonly: props.disabled,
         data: props.displayFields,
         maxEnableCount: 99999,
         excludeFieldType: [],
         excludeFieldKey: [],
         filterFieldByFunction: () => true,
         saveCallback: ({ objFieldList }) => {
+          if (props.disabled) return;
           const fields = (objFieldList || []).map((f) => ({
             ...f,
             _dfLabel: f.name,
@@ -1517,16 +1531,19 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       });
     };
     const handleSelectChange = (remainingKeys) => {
+      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) => {
+      if (props.disabled) return;
       const options = props.displayFields.filter((o) => o._dfValue !== val);
       emit("update:displayFields", options);
     };
     onMounted(() => {
+      if (props.disabled) return;
       const { displayFields, fieldMeta } = props;
       if (displayFields?.length) return;
       const { fieldType, refModelKey } = fieldMeta;
@@ -1553,23 +1570,22 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(unref(Select), {
-              allowClear: "",
               size: "small",
               mode: "multiple",
               "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 +1595,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,7 +1604,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DisplayFieldsEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7f7e0eed"]]);
+const DisplayFieldsEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-cfa98beb"]]);
 const DEFAULT_SEARCHABLE_FIELDS = [
   FIELD_TYPE.PRODUCT,
   FIELD_TYPE.SCRAP_MATERIAL,
@@ -1738,17 +1754,17 @@ 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 _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 +1986,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 +2006,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 +2058,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 +2075,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 +2093,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 +2145,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 +2161,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 +2170,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 +2196,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 +2230,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 +2245,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 +2261,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 +2299,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 +2313,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 +2338,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,7 +2357,7 @@ 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,

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"])
       ]);

package/dist/{ref-props-BGzOHDvi.js → ref-props-Cp7j_jms.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, unref, computed, withCtx, createElementVNode, createTextVNode, toDisplayString, nextTick, createBlock, createCommentVNode } from "vue";
-import { w as api, F as FIELD_TYPE$1, cN as FIELD_TYPE_BASIC, _ as _export_sfc } from "./dynamic-table-action.vue_vue_type_style_index_0_scoped_53d7e66c_lang-SAa6KGYz.js";
-import { m as SEARCH_TYPE, u as useModelFields, F as FormItem, n as IconTooltip } from "./index-hcp9zj3F.js";
-import { D as DisplayFieldsEditor, g as getIsSearchableField, Q as QuickSearchEditor, R as RefAutofillEditor } from "./ref-autofill-editor-99WrBySm.js";
+import { w as api, F as FIELD_TYPE$1, cN as FIELD_TYPE_BASIC, _ as _export_sfc } from "./dynamic-table-action.vue_vue_type_style_index_0_scoped_53d7e66c_lang-A4vSXZDM.js";
+import { n as applyDesignReadonlyModal, o as SEARCH_TYPE, u as useModelFields, b as FormItem, p as IconTooltip } from "./index-JgFlFQ4I.js";
+import { D as DisplayFieldsEditor, g as getIsSearchableField, Q as QuickSearchEditor, R as RefAutofillEditor } from "./ref-autofill-editor-CTI8hdiv.js";
 import { message } from "ant-design-vue";
 import { FIELD_TYPE, useModal } from "@gct-paas/core";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -15,7 +15,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     onlineFormFieldList: {},
     cascadeField: { type: Boolean },
     modelKey: {},
-    detail: {}
+    detail: {},
+    readonly: { type: Boolean },
+    modal: {}
   },
   emits: ["register", "refresh"],
   setup(__props, { emit: __emit }) {
@@ -59,7 +61,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       listConditionList.value = result.fieldMetaList.filter((i) => filterFieldKeys.includes(i.type)).filter((v) => v.createType === "USER_DEFINED" || v.createType === "BUILTIN");
       return result.name;
     };
-    useModal(async () => {
+    const modal = useModal(async () => {
+      if (props.readonly) return null;
       const dataRulesRes = dataRulesRef.value.getDataRulesResult();
       if (dataRulesRes.error && dataRulesRes.dataRuleEnabled) {
         message.warn(dataRulesRes.error);
@@ -85,6 +88,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         data: params
       };
     });
+    if (props.readonly) {
+      applyDesignReadonlyModal(props.modal || modal);
+    }
     return (_ctx, _cache) => {
       const _component_DataRulesContainer = resolveComponent("DataRulesContainer");
       return openBlock(), createElementBlock("div", null, [
@@ -101,13 +107,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           excludeValueType: __props.excludeValueType,
           excludeOperatorType: __props.excludeOperatorType,
           cascadeField: __props.cascadeField,
-          searchType: unref(SEARCH_TYPE)
-        }, null, 8, ["fieldList", "detail", "isPageDesigner", "isOnlineFormDesigner", "onlineFormFieldList", "mainModelKey", "excludeValueType", "excludeOperatorType", "cascadeField", "searchType"])
+          searchType: unref(SEARCH_TYPE),
+          readonly: __props.readonly
+        }, null, 8, ["fieldList", "detail", "isPageDesigner", "isOnlineFormDesigner", "onlineFormFieldList", "mainModelKey", "excludeValueType", "excludeOperatorType", "cascadeField", "searchType", "readonly"])
       ]);
     };
   }
 });
-const _hoisted_1$1 = { class: "ref-data-filter-editor" };
+const _hoisted_1$1 = { class: "ref-data-filter-editor allow-readonly-view" };
 const _hoisted_2 = { class: "inpt-box" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ref-data-filter-editor",
@@ -167,7 +174,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           isOnlineFormDesigner: true,
           onlineFormFieldList: fieldOptions,
           detail: detail.value,
-          modelKey: props.fieldMeta.refModelKey
+          modelKey: props.fieldMeta.refModelKey,
+          readonly: !!props.disabled
         },
         {
           title: $t("sys.pageDesigner.fieldConditionRules"),
@@ -175,10 +183,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           width: 700
         }
       );
-      if (result.ok) {
+      if (result.ok && !props.disabled) {
         emit("update:dataFilter", result.data);
         await nextTick();
-        console.log(props.dataFilter, "propValue.value-------");
       }
     };
     return (_ctx, _cache) => {
@@ -212,7 +219,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RefDataFilterEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-97911d1f"]]);
+const RefDataFilterEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d25279f2"]]);
 const _hoisted_1 = { class: "flex justify-between items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ref-props",

package/dist/{ref-style-C1-VGUt9.js → ref-style-B8IL_Liq.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock } from "vue";
-import { B as BaseFontEditor } from "./base-font-editor-DFHc_3JJ.js";
+import { B as BaseFontEditor } from "./base-font-editor-C9cqqGi5.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ref-style",
   props: {