cloud-web-corejs 1.0.276 → 1.0.278

package/src/components/formDrawer/index.js

@@ -0,0 +1,50 @@
+const modules = {};
+import vue from "vue";
+
+// 壳组件懒加载：首屏只留本入口几十行；抽屉壳（含 select 逻辑、按钮公共模块）
+// 随首次调用进独立 chunk，xform 渲染器与 formDialog 共享同一异步 chunk
+let FormDrawerCtor = null;
+
+function loadCtor() {
+  if (FormDrawerCtor) return Promise.resolve(FormDrawerCtor);
+  return import(
+    /* webpackChunkName: "form-drawer" */ "./drawer.vue"
+  ).then((m) => {
+    FormDrawerCtor = vue.extend(m.default);
+    return FormDrawerCtor;
+  });
+}
+
+/**
+ * JS 调用打开 formCode 抽屉。每次调用创建独立实例，支持叠开多层。
+ * options：{ formCode, title, size, direction, param, queryParam, conditionParam, plain,
+ *           select: {multiple, rows, fieldKey, queryParam, onConfirm},
+ *           buttons, showFooter, readonly, onReady, beforeConfirm, model, ... }
+ * resolve：默认按钮下 select 模式返回选中行数组、表单模式返回表单数据；
+ * 配置了自定义按钮（formConfig.actionButtons / options.buttons）返回 {action, data}；
+ * 取消/关闭返回 null。详见 components/formDialog/README.md。
+ */
+function open(options = {}) {
+  return loadCtor().then((Ctor) => {
+    const parent
+      = typeof window !== "undefined" && window.$vueRoot ? window.$vueRoot : null;
+    const instanceOptions = {};
+    if (parent) {
+      instanceOptions.parent = parent;
+      if (parent._i18n) {
+        instanceOptions.i18n = parent._i18n;
+      }
+    }
+    const instance = new Ctor(instanceOptions);
+    instance.$mount();
+    document.body.appendChild(instance.$el);
+    return instance.open(options);
+  });
+}
+
+modules.install = function (Vue) {
+  Vue.prototype.$formDrawer = open;
+};
+modules.open = open;
+
+export default modules;

package/src/components/luckysheet/dialog.vue

@@ -136,7 +136,7 @@ export default {
         ::v-deep .grid-container {
           outline: none;
           &.detail-wrap .d-cont {
-            height: calc(100vh - 150px);
+            //height: calc(100vh - 150px);
             .title .field-wrapper {
               display: inline-block !important;
             }

package/src/components/micro-view-host/contract.js

@@ -0,0 +1,66 @@
+/**
+ * 详情承载契约（纯常量 + props 构造，无副作用，可完整单测）。
+ * micro-view-host（主/渲染方）与子应用「详情承载入口」共同遵守。
+ * 完整设计见 docs/qiankun动态详情页承载方案.md 第 5 节。
+ *
+ * 关键前提：qiankun loadMicroApp 的 props 是同一 JS realm 内的普通对象，
+ * 函数可直接传入并被子应用调用——故上行回调用函数 props，不需事件总线；
+ * 真正跨不过去的是 Vue 实例（parentVue）与 $parent 链，由子应用侧用 shim 合成。
+ */
+
+// props 标志：子应用 mount 时据此进入「详情承载」分支（而非常规整站渲染）
+export const DETAIL_HOST_MODE = "microDetailHost";
+
+// 上行回调字段名（函数 props）。子应用承载入口据此把详情页的
+// $baseReload / _handleCallback / 关闭 / outParam.sync / 任意 listeners
+// 转调回渲染方（见方案 §5.2 / §5.3 的 parentVue shim）。
+export const DETAIL_HOST_CALLBACKS = [
+  "onReload",
+  "onHandleCallback",
+  "onClose",
+  "onUpdateOutParam",
+  "onEmit",
+];
+
+/**
+ * 构造下发给子应用的 props。
+ *
+ * @param {object} input
+ * @param {string} input.appCode        归属子应用 appCode
+ * @param {string} input.targetPath     剥掉 /micro/<appCode> 后的子应用内路径
+ * @param {object} input.bizParams      业务字段整包（objTypeCode/formCode/dataId/param/queryParam…）
+ * @param {object} input.viewMeta       承载元数据（visibleKey/defaultShowWfContent/viewType）
+ * @param {*}      input.initialOutParam outParam 初值（替代 .sync 入向）
+ * @param {object} input.baseProps      基础 props（token/lang/userInfo/mainAdapter…）
+ * @param {object} input.callbacks      上行回调；仅函数值会被收录
+ * @returns {object} 传给 loadMicroApp 的 props
+ */
+export function buildDetailHostProps(input = {}) {
+  const {
+    appCode,
+    targetPath,
+    bizParams,
+    viewMeta,
+    initialOutParam,
+    baseProps,
+    callbacks,
+  } = input;
+
+  const props = Object.assign({}, baseProps, {
+    [DETAIL_HOST_MODE]: true,
+    appCode: appCode || "",
+    targetPath: targetPath || "",
+    bizParams: bizParams || {},
+    viewMeta: viewMeta || {},
+    initialOutParam: initialOutParam,
+  });
+
+  const cb = callbacks || {};
+  DETAIL_HOST_CALLBACKS.forEach((name) => {
+    if (typeof cb[name] === "function") {
+      props[name] = cb[name];
+    }
+  });
+
+  return props;
+}

package/src/components/micro-view-host/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div :id="containerId" class="micro-view-host" style="height: 100%"></div>
+</template>
+
+<script>
+/**
+ * 详情承载宿主：在弹框/容器内用 qiankun loadMicroApp 装载归属子应用，
+ * 渲染其私有详情页（组件不在当前 bundle，本地 require 拿不到）。
+ * 契约见 ./contract.js 与 docs/qiankun动态详情页承载方案.md 第 5 节。
+ *
+ * ⚠ 依赖子应用侧实现「详情承载入口」（方案 §5.5）：mount 时识别 props.microDetailHost，
+ *   按 targetPath 解析自身组件、用 bizParams/viewMeta 绑 props、装 parentVue shim 渲染。
+ *   在子应用支持该入口前，本组件装载出的仍是子应用默认渲染，未必是目标详情页。
+ *   因此暂不接入各弹框站点——它们仍走 $message 短期提示兜底。
+ *
+ * 多实例：宿主实例名带唯一后缀，与路由保活实例（name=appCode）隔离；
+ *   同一 appCode 的保活实例与若干宿主实例可并存。要求子应用容忍多实例并发。
+ */
+import { loadMicroApp } from "qiankun";
+import { getToken } from "@base/utils/auth";
+import { getAppRegistry, DEBUG_ENTRY } from "@base/microRouter";
+import { buildDetailHostProps } from "./contract";
+
+// 注册表一次会话内不变，缓存首个成功结果，避免每次开弹框都打逻辑参数接口
+let registryCache = null;
+function loadRegistry() {
+  if (!registryCache) {
+    registryCache = getAppRegistry().catch((e) => {
+      registryCache = null; // 失败不缓存，允许下次重试
+      return Promise.reject(e);
+    });
+  }
+  return registryCache;
+}
+
+let hostSeq = 0;
+
+export default {
+  name: "MicroViewHost",
+  props: {
+    // 归属子应用 appCode（helper 的 remote 结果透出）
+    owner: { type: String, required: true },
+    // 剥掉 /micro/<appCode> 后的子应用内路径
+    targetPath: { type: String, default: "" },
+    // 业务字段整包
+    bizParams: { type: Object, default: () => ({}) },
+    // 承载元数据
+    viewMeta: { type: Object, default: () => ({}) },
+    // outParam 初值
+    initialOutParam: { default: undefined },
+  },
+  data() {
+    hostSeq += 1;
+    return {
+      containerId: "micro-viewhost-" + this.owner + "-" + hostSeq,
+      instance: null,
+      failed: false,
+    };
+  },
+  mounted() {
+    this.load();
+  },
+  beforeDestroy() {
+    this.unmount();
+  },
+  methods: {
+    load() {
+      loadRegistry()
+        .then((apps) => {
+          if (this._isDestroyed || this._isBeingDestroyed) return;
+          const app = (apps || []).find((a) => a.appCode === this.owner);
+          if (!app || !app.entry) {
+            this.fail("未在应用注册表找到子应用或缺 entry：" + this.owner);
+            return;
+          }
+          // 逻辑参数 micro_debug_enabled=true 时，与路由整站装载一致：改用本机约定端口，
+          // 不动注册表 entry。本机联调 detail-host 时子应用 devServer 起在 17527 即可。
+          const entry = app.debugEnabled ? DEBUG_ENTRY : app.entry;
+          if (app.debugEnabled) {
+            // eslint-disable-next-line no-console
+            console.warn(
+              "[MicroViewHost] ⚠ 调试装载：" + this.owner + " → " + entry
+            );
+          }
+          this.mountApp(entry);
+        })
+        .catch((e) => {
+          this.fail("读取应用注册表失败", e);
+        });
+    },
+    mountApp(entry) {
+      const props = buildDetailHostProps({
+        appCode: this.owner,
+        targetPath: this.targetPath,
+        bizParams: this.bizParams,
+        viewMeta: this.viewMeta,
+        initialOutParam: this.initialOutParam,
+        baseProps: {
+          token: getToken(),
+          lang: localStorage.getItem("i18n-lang") || "",
+        },
+        callbacks: {
+          onReload: () => this.$emit("reload"),
+          onHandleCallback: (flag) => this.$emit("handle-callback", flag),
+          onClose: () => this.$emit("close"),
+          onUpdateOutParam: (v) => this.$emit("update-out-param", v),
+          onEmit: (name, ...args) => this.$emit("bridge-emit", name, args),
+        },
+      });
+      try {
+        this.instance = loadMicroApp({
+          name: this.owner + "@detailhost-" + this.containerId,
+          entry,
+          container: this.$el,
+          props,
+        });
+        const p = this.instance.mountPromise;
+        if (p && typeof p.then === "function") {
+          p.then(() => this.$emit("mounted")).catch((e) => {
+            this.fail("子应用挂载失败：" + this.owner, e);
+          });
+        }
+      } catch (e) {
+        this.fail("loadMicroApp 失败：" + this.owner, e);
+      }
+    },
+    unmount() {
+      const inst = this.instance;
+      if (!inst) return;
+      this.instance = null;
+      const p = inst.mountPromise || Promise.resolve();
+      p.then(() => inst.unmount()).catch(() => {});
+    },
+    fail(msg, err) {
+      this.failed = true;
+      // eslint-disable-next-line no-console
+      console.error("[MicroViewHost] " + msg, err || "");
+      this.$emit("load-error", this.owner);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.micro-view-host {
+  width: 100%;
+}
+</style>

package/src/components/table/tableForm.vue

@@ -222,13 +222,18 @@
         <el-table
           ref="singleTable"
           width="100%"
-          :data="tableColumns"
+          :data="dialogColumns"
           border=""
           row-key="field"
           stripe=""
+          :row-class-name="dialogRowClassName"
         >
           <el-table-column type="index" width="35" fixed="left"></el-table-column>
-          <el-table-column label="" width="38"><i class="iconfont icon-tuodongweizhi drag-option"></i></el-table-column>
+          <el-table-column label="" width="38">
+            <template slot-scope="scope">
+              <i v-if="!scope.row.lockValue" class="iconfont icon-tuodongweizhi drag-option"></i>
+            </template>
+          </el-table-column>
           <el-table-column :label="$t2('名称', 'components.table.name')" width="150" prop="title">
             <template slot-scope="scope">
               {{ scope.row.title }}
@@ -236,8 +241,12 @@
           </el-table-column>
           <el-table-column :label="$t2('默认值', 'components.table.defaultValue')" width="375" prop="defaultValue">
             <template slot-scope="scope">
+              <!-- 固定查询条件的值由业务通道注入，这里不给改，也不参与还原/确定的写值 -->
+              <span v-if="scope.row.lockValue" class="text-tip">
+                {{ $t1('固定条件') }}
+              </span>
               <template
-                v-if="scope.row.defaultValueEnabled!==false && (scope.row.defaultValueEnabled || !scope.row.slot)">
+                v-else-if="scope.row.defaultValueEnabled!==false && (scope.row.defaultValueEnabled || !scope.row.slot)">
                 <template v-if="scope.row.type =='input'">
                   <el-input v-model="scope.row.defaultValue" size="small" clearable></el-input>
                 </template>
@@ -280,7 +289,7 @@
           </el-table-column>
           <el-table-column :label="$t2('是否常用', 'components.table.common')" width="70" prop="common">
             <template slot-scope="scope">
-              <el-switch v-model="scope.row.common"></el-switch>
+              <el-switch v-model="scope.row.common" :disabled="scope.row.lockValue === true"></el-switch>
             </template>
           </el-table-column>
         </el-table>
@@ -315,5 +324,7 @@ export default {
 </script>
 
 <style scoped>
-
+.text-tip {
+  color: #909399;
+}
 </style>

package/src/components/table/tableFormMixin.js

@@ -15,7 +15,10 @@ modules = {
       showAdvancedSearch: false,
       form1Fields: [],
       form2Fields: [],
+      /* 全量列，「确定」按它回写，隐藏列也在里面（不能丢，它照样往上送条件） */
       tableColumns: [],
+      /* 弹框实际渲染的列，是 tableColumns 里非隐藏项的**引用**（同一批对象，改默认值直接生效） */
+      dialogColumns: [],
       dialogVisible: false,
       advancedFormData: {},
       formDataClone: {},
@@ -213,13 +216,17 @@ modules = {
     },
     openTableColumnsDialog() {
       let $grid = this.$parent;
-      let tableColumns = (tableColumns = this.$baseLodash.cloneDeep(
+      // 原写法 let tableColumns = (tableColumns = ...) 自引用触发 TDZ，
+      // 只因 Babel 把 let 降成 var 才没在浏览器里炸
+      let tableColumns = this.$baseLodash.cloneDeep(
         $grid.params.searchColumns || []
-      ));
+      );
       tableColumns.forEach((item) => {
         if (!item.widgetConfig) item.widgetConfig = {};
       });
       this.tableColumns = tableColumns;
+      // 隐藏字段（如查询区里存树ID的隐藏输入框）是内部条件，不给用户看也不给拖
+      this.dialogColumns = tableColumns.filter((item) => !item.hidden);
       this.dialogVisible = true;
       this.$nextTick(() => {
         this.$nextTick(() => {
@@ -231,20 +238,34 @@ modules = {
       let e = this.$refs.singleTable.$el.querySelectorAll(
           ".el-table__body-wrapper > table > tbody"
         )[0],
-        t = this.tableColumns;
+        t = this.tableColumns,
+        visible = this.dialogColumns;
       this.sortable = Sortable.create(e, {
         ghostClass: "sortable-ghost",
+        // 固定查询条件不可拖动（它的位置由配置决定，个性化也不该记）
+        filter: ".drag-disabled",
         setData: function (e) {
           e.setData("Text", "");
         },
         onEnd: function (e) {
-          let i = t.splice(e.oldIndex, 1)[0];
-          t.splice(e.newIndex, 0, i);
-          /*t[e.newIndex].value;
-          t[e.newIndex - 1] && t[e.newIndex - 1].value, t[e.newIndex + 1] && t[e.newIndex + 1].value;*/
+          // 拖拽发生在「可见列」上，隐藏列不在其中，所以要把新次序同步回全量列：
+          // 先在可见列里挪好，再按「新位置的后一个可见列」定位插到全量列的哪里。
+          let moved = visible.splice(e.oldIndex, 1)[0];
+          visible.splice(e.newIndex, 0, moved);
+          let fullIndex = t.indexOf(moved);
+          if (fullIndex > -1) {
+            t.splice(fullIndex, 1);
+          }
+          let nextVisible = visible[e.newIndex + 1];
+          let insertAt = nextVisible ? t.indexOf(nextVisible) : t.length;
+          t.splice(insertAt < 0 ? t.length : insertAt, 0, moved);
         },
       });
     },
+    /** 固定查询条件行加标记类：禁拖拽（Sortable filter）+ 视觉上区分 */
+    dialogRowClassName({ row }) {
+      return row && row.lockValue ? "drag-disabled" : "";
+    },
     dialogPrimary(newTableColumns) {
       let searchColumns = this.$baseLodash.cloneDeep(
         newTableColumns || this.tableColumns
@@ -266,6 +287,13 @@ modules = {
       // this.$set(this, "formData", {});
       // this.$set(this, "advancedFormData", {});
       searchColumns.forEach((form1Field) => {
+        // 固定查询条件：值由业务通道（树点选 / 脚本 setValue / 页面回填）注入，
+        // 「确定」「还原」都不许覆盖它，否则一点设置就把当前上下文查丢了。
+        // 注意只认 lockValue，不认 fixed —— 手写页面的 fixed 列（如分支）
+        // 正是靠这里按 defaultValue 回填的，跳过它们会打掉原有行为。
+        if (form1Field.lockValue) {
+          return;
+        }
         let nullValue = this.getNullValue(form1Field);
         let defaultValue = nullValue;
         if (form1Field.defaultValueEnabled !== false) {