cloud-web-corejs 1.0.54-dev.797 → 1.0.54-dev.799

package/src/components/xform/form-designer/setting-panel/property-editor/field-button/clickBindEvent-editor.vue

@@ -1,97 +1,97 @@
-<template>
-  <div>
-    <el-form-item label="点击绑定事件">
-      <el-select v-model="optionModel.clickBindEvent" clearable @change="onActionChange">
-        <el-option v-for="action in actions" :key="action.value"
-                   :value="action.value" :label="action.label"></el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="点击前置事件" label-width="150px">
-      <a href="javascript:void(0);" class="a-link link-oneLind"
-         @click="editEventHandler('onBeforeClickButton', evnentParams)">
-        <span>{{ optionModel.onBeforeClickButton }}</span>
-        <i class="el-icon-edit"></i>
-      </a>
-    </el-form-item>
-    <!-- 子编辑器由注册表的 editorName 决定，新增动作不用再加 v-if 分支 -->
-    <component v-if="currentAction && currentAction.editorName"
-               :is="currentAction.editorName"
-               :designer="designer" :selectedWidget="selectedWidget"
-               :optionModel.sync="optionModel"
-               :actionValue="optionModel.clickBindEvent"></component>
-  </div>
-</template>
-<script>
-import searchDialogEventEditor from "./search-dialog-event-editor.vue";
-import addTableDataEventEditor from "./addTableData-event-editor.vue";
-import formHostEventEditor from "./form-host-event-editor.vue";
-import {
-  clickBindActions,
-  getClickBindAction,
-} from "./clickBindActions";
-
-import i18n from "../../../../../../components/xform/utils/i18n";
-import eventMixin
-  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
-
-export default {
-  name: "clickBindEvent-editor",
-  mixins: [i18n, eventMixin],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object,
-  },
-  components: {
-    searchDialogEventEditor,
-    addTableDataEventEditor,
-    formHostEventEditor
-  },
-  data() {
-    return {
-      actions: clickBindActions,
-      evnentParams: ["dataId", "formCode", "done"]
-    }
-  },
-  computed: {
-    currentAction() {
-      return getClickBindAction(this.optionModel.clickBindEvent);
-    }
-  },
-  created() {
-    // 存量模板兜底：只补当前已选动作的配置块，不再无条件塞两份空壳
-    this.ensureActionConfig(this.optionModel.clickBindEvent);
-  },
-  methods: {
-    // 切换动作时惰性注入配置：已有则保留（"3"↔"4" 共用 formHostConfig，互切不丢配置）
-    onActionChange(value) {
-      this.ensureActionConfig(value);
-    },
-    ensureActionConfig(value) {
-      let action = getClickBindAction(value);
-      if (!action || !action.configKey) return;
-      if (!this.optionModel[action.configKey]) {
-        this.$set(
-          this.optionModel,
-          action.configKey,
-          action.defaultConfig({widgetType: this.selectedWidget.type})
-        );
-      }
-      // 存量模板可能缺 multipleChoices，沿用原判定补上
-      if (
-        action.configKey === "searchDialogConfig"
-        && this.optionModel.searchDialogConfig.multipleChoices === void 0
-      ) {
-        this.$set(
-          this.optionModel.searchDialogConfig,
-          "multipleChoices",
-          this.selectedWidget.type !== "vabsearch"
-        );
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-
-</style>
+<template>
+  <div>
+    <el-form-item class="form-item-label-top" label="点击绑定事件">
+      <el-select v-model="optionModel.clickBindEvent" clearable @change="onActionChange">
+        <el-option v-for="action in actions" :key="action.value"
+                   :value="action.value" :label="action.label"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="点击前置事件" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('onBeforeClickButton', evnentParams)">
+        <span>{{ optionModel.onBeforeClickButton }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <!-- 子编辑器由注册表的 editorName 决定，新增动作不用再加 v-if 分支 -->
+    <component v-if="currentAction && currentAction.editorName"
+               :is="currentAction.editorName"
+               :designer="designer" :selectedWidget="selectedWidget"
+               :optionModel.sync="optionModel"
+               :actionValue="optionModel.clickBindEvent"></component>
+  </div>
+</template>
+<script>
+import searchDialogEventEditor from "./search-dialog-event-editor.vue";
+import addTableDataEventEditor from "./addTableData-event-editor.vue";
+import formHostEventEditor from "./form-host-event-editor.vue";
+import {
+  clickBindActions,
+  getClickBindAction,
+} from "./clickBindActions";
+
+import i18n from "../../../../../../components/xform/utils/i18n";
+import eventMixin
+  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+
+export default {
+  name: "clickBindEvent-editor",
+  mixins: [i18n, eventMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  components: {
+    searchDialogEventEditor,
+    addTableDataEventEditor,
+    formHostEventEditor
+  },
+  data() {
+    return {
+      actions: clickBindActions,
+      evnentParams: ["dataId", "formCode", "done"]
+    }
+  },
+  computed: {
+    currentAction() {
+      return getClickBindAction(this.optionModel.clickBindEvent);
+    }
+  },
+  created() {
+    // 存量模板兜底：只补当前已选动作的配置块，不再无条件塞两份空壳
+    this.ensureActionConfig(this.optionModel.clickBindEvent);
+  },
+  methods: {
+    // 切换动作时惰性注入配置：已有则保留（"3"↔"4" 共用 formHostConfig，互切不丢配置）
+    onActionChange(value) {
+      this.ensureActionConfig(value);
+    },
+    ensureActionConfig(value) {
+      let action = getClickBindAction(value);
+      if (!action || !action.configKey) return;
+      if (!this.optionModel[action.configKey]) {
+        this.$set(
+          this.optionModel,
+          action.configKey,
+          action.defaultConfig({widgetType: this.selectedWidget.type})
+        );
+      }
+      // 存量模板可能缺 multipleChoices，沿用原判定补上
+      if (
+        action.configKey === "searchDialogConfig"
+        && this.optionModel.searchDialogConfig.multipleChoices === void 0
+      ) {
+        this.$set(
+          this.optionModel.searchDialogConfig,
+          "multipleChoices",
+          this.selectedWidget.type !== "vabsearch"
+        );
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/field-button/form-host-event-editor.vue

@@ -1,188 +1,188 @@
-<template>
-  <div>
-    <el-form-item label-width="0">
-      <el-divider class="custom-divider">{{ drawerMode ? '表单抽屉配置' : '表单弹框配置' }}</el-divider>
-    </el-form-item>
-    <el-form-item label="表单编码">
-      <el-input type="text" v-model="eventConfig.formCode"></el-input>
-    </el-form-item>
-    <el-form-item label="表单编码脚本" label-width="150px">
-      <a href="javascript:void(0);" class="a-link link-oneLind"
-         @click="editEventHandler('formCodeScript', scriptParams, optionFormCode)">
-        <span>{{ eventConfig.formCodeScript }}</span>
-        <i class="el-icon-edit"></i>
-      </a>
-    </el-form-item>
-    <el-form-item label="以列表页承载">
-      <el-switch v-model="listHost"></el-switch>
-      <span class="tips">开启后按「常规/列表」页签的列表页打开</span>
-    </el-form-item>
-    <el-form-item label="标题">
-      <el-input type="text" v-model="eventConfig.title" placeholder="缺省取表单模板名称"></el-input>
-    </el-form-item>
-
-    <template v-if="!listHost">
-      <el-form-item label="打开方式">
-        <el-select v-model="eventConfig.openMode">
-          <el-option value="1" label="新增"></el-option>
-          <el-option value="2" label="详情"></el-option>
-        </el-select>
-      </el-form-item>
-      <template v-if="eventConfig.openMode === '2'">
-        <el-form-item label="单据ID来源">
-          <el-select v-model="eventConfig.dataIdFrom">
-            <el-option value="1" label="当前控件值"></el-option>
-            <el-option value="2" label="指定表单字段"></el-option>
-            <el-option value="3" label="当前表格行字段"></el-option>
-            <el-option value="4" label="脚本"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="来源字段名"
-                      v-if="eventConfig.dataIdFrom === '2' || eventConfig.dataIdFrom === '3'">
-          <el-input type="text" v-model="eventConfig.dataIdField"></el-input>
-        </el-form-item>
-        <el-form-item label="单据ID脚本" label-width="150px" v-if="eventConfig.dataIdFrom === '4'">
-          <a href="javascript:void(0);" class="a-link link-oneLind"
-             @click="editEventHandler('dataIdScript', scriptParams, optionDataId)">
-            <span>{{ eventConfig.dataIdScript }}</span>
-            <i class="el-icon-edit"></i>
-          </a>
-        </el-form-item>
-      </template>
-    </template>
-
-    <el-form-item label="查询参数" label-width="150px" v-if="!listHost">
-      <a href="javascript:void(0);" class="a-link link-oneLind"
-         @click="editEventHandler('queryParamScript', scriptParams, optionQueryParam)">
-        <span>{{ eventConfig.queryParamScript }}</span>
-        <i class="el-icon-edit"></i>
-      </a>
-      <span class="tips">脚本返回对象合并进目标表单查询表格的请求参数；按业务字段过滤写
-        <code>return {'{'} condition: {'{'} status: 1 {'}'} {'}'}</code>（追加进查询区条件，同字段以脚本为准）</span>
-    </el-form-item>
-    <el-form-item label="自定义参数" label-width="150px">
-      <a href="javascript:void(0);" class="a-link link-oneLind"
-         @click="editEventHandler('paramScript', scriptParams, optionParam)">
-        <span>{{ eventConfig.paramScript }}</span>
-        <i class="el-icon-edit"></i>
-      </a>
-      <span class="tips">脚本返回对象 → 目标表单的 param，只给模板脚本用，不参与请求</span>
-    </el-form-item>
-    <el-form-item label="只读">
-      <el-switch v-model="eventConfig.readonly"></el-switch>
-      <span class="tips">{{ drawerMode ? '只读态渲染，底部仅保留「关闭」' : '整表禁用，底部按钮不变' }}</span>
-    </el-form-item>
-    <el-form-item label="显示底部按钮">
-      <el-switch v-model="eventConfig.showFooter"></el-switch>
-      <span class="tips">按钮由目标表单的「表单操作按钮」决定</span>
-    </el-form-item>
-
-    <!-- 形态字段：弹框/抽屉各一组 -->
-    <template v-if="drawerMode">
-      <el-form-item label="素身详情">
-        <el-switch v-model="eventConfig.plain"></el-switch>
-        <span class="tips">不渲染详情标题栏与模块导航</span>
-      </el-form-item>
-      <el-form-item label="抽屉尺寸">
-        <el-input type="text" v-model="eventConfig.drawerSize" placeholder="缺省 62%，列表页 85%"></el-input>
-      </el-form-item>
-      <el-form-item label="弹出方向">
-        <el-select v-model="eventConfig.drawerDirection" clearable placeholder="缺省 右侧滑出">
-          <el-option value="rtl" label="右侧滑出"></el-option>
-          <el-option value="ltr" label="左侧滑出"></el-option>
-          <el-option value="ttb" label="顶部滑出"></el-option>
-          <el-option value="btt" label="底部滑出"></el-option>
-        </el-select>
-      </el-form-item>
-    </template>
-    <template v-else>
-      <el-form-item label="弹框宽度">
-        <el-input type="text" v-model="eventConfig.dialogWidth" placeholder="缺省 1200px"></el-input>
-      </el-form-item>
-      <el-form-item label="全屏">
-        <el-switch v-model="eventConfig.fullscreen"></el-switch>
-      </el-form-item>
-    </template>
-
-    <el-form-item label="关闭后事件" label-width="150px">
-      <a href="javascript:void(0);" class="a-link link-oneLind"
-         @click="editEventHandler('onCloseScript', closeScriptParams, optionClose)">
-        <span>{{ eventConfig.onCloseScript }}</span>
-        <i class="el-icon-edit"></i>
-      </a>
-    </el-form-item>
-  </div>
-</template>
-
-<script>
-import i18n from "../../../../../../components/xform/utils/i18n"
-import eventMixin
-  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin"
-import {CLICK_BIND} from "./clickBindActions";
-
-/**
- * 「打开表单弹框 / 打开表单抽屉」共用配置编辑器（optionModel.formHostConfig）。
- * 两个动作共用一份配置，形态字段按 actionValue 切换，弹框/抽屉互切时配置不丢。
- */
-export default {
-  mixins: [i18n, eventMixin],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object,
-    actionValue: String,
-  },
-  data() {
-    return {
-      optionFormCode: this.buildScriptOption("formCodeScript"),
-      optionDataId: this.buildScriptOption("dataIdScript"),
-      optionQueryParam: this.buildScriptOption("queryParamScript"),
-      optionParam: this.buildScriptOption("paramScript"),
-      optionClose: this.buildScriptOption("onCloseScript"),
-      // 脚本可用参数：dataId/formCode 由 getEventParam 统一注入，这里只列附加项
-      scriptParams: ["dataId", "formCode", "rowData"],
-      closeScriptParams: ["dataId", "formCode", "formRef", "result"],
-    }
-  },
-  computed: {
-    drawerMode() {
-      return this.actionValue === CLICK_BIND.FORM_DRAWER;
-    },
-    eventConfig() {
-      return this.optionModel.formHostConfig || {};
-    },
-    // 列表页承载时不需要新增/详情与素身设置，统一按开关处理
-    listHost: {
-      get() {
-        return this.eventConfig.host === "list";
-      },
-      set(val) {
-        this.eventConfig.host = val ? "list" : null;
-      }
-    }
-  },
-  methods: {
-    buildScriptOption(key) {
-      return {
-        customCode: () => {
-          return this.eventConfig[key];
-        },
-        callback: (code) => {
-          // $set 而非直接赋值：存量模板的 formHostConfig 没有后加的字段（如 queryParamScript），
-          // 直接赋值不会变成响应式，编辑器里改完不刷新
-          this.$set(this.eventConfig, key, code);
-          this.$forceUpdate();
-        }
-      };
-    }
-  }
-}
-</script>
-
-<style scoped>
-.tips {
-  margin-left: 8px;
-  color: #909399;
-  font-size: 12px;
-}
-</style>
+<template>
+  <div>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider">{{ drawerMode ? '表单抽屉配置' : '表单弹框配置' }}</el-divider>
+    </el-form-item>
+    <el-form-item class="form-item-label-top" label="表单编码">
+      <el-input type="text" v-model="eventConfig.formCode"></el-input>
+    </el-form-item>
+    <el-form-item label="表单编码脚本" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('formCodeScript', scriptParams, optionFormCode)">
+        <span>{{ eventConfig.formCodeScript }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="以列表页承载">
+      <el-switch v-model="listHost"></el-switch>
+      <span class="tips">开启后按「常规/列表」页签的列表页打开</span>
+    </el-form-item>
+    <el-form-item class="form-item-label-top" label="标题">
+      <el-input type="text" v-model="eventConfig.title" placeholder="缺省取表单模板名称"></el-input>
+    </el-form-item>
+
+    <template v-if="!listHost">
+      <el-form-item class="form-item-label-top" label="打开方式">
+        <el-select v-model="eventConfig.openMode">
+          <el-option value="1" label="新增"></el-option>
+          <el-option value="2" label="详情"></el-option>
+        </el-select>
+      </el-form-item>
+      <template v-if="eventConfig.openMode === '2'">
+        <el-form-item class="form-item-label-top" label="单据ID来源">
+          <el-select v-model="eventConfig.dataIdFrom">
+            <el-option value="1" label="当前控件值"></el-option>
+            <el-option value="2" label="指定表单字段"></el-option>
+            <el-option value="3" label="当前表格行字段"></el-option>
+            <el-option value="4" label="脚本"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="form-item-label-top" label="来源字段名"
+                      v-if="eventConfig.dataIdFrom === '2' || eventConfig.dataIdFrom === '3'">
+          <el-input type="text" v-model="eventConfig.dataIdField"></el-input>
+        </el-form-item>
+        <el-form-item label="单据ID脚本" label-width="150px" v-if="eventConfig.dataIdFrom === '4'">
+          <a href="javascript:void(0);" class="a-link link-oneLind"
+             @click="editEventHandler('dataIdScript', scriptParams, optionDataId)">
+            <span>{{ eventConfig.dataIdScript }}</span>
+            <i class="el-icon-edit"></i>
+          </a>
+        </el-form-item>
+      </template>
+    </template>
+
+    <el-form-item label="查询参数" label-width="150px" v-if="!listHost">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('queryParamScript', scriptParams, optionQueryParam)">
+        <span>{{ eventConfig.queryParamScript }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+      <span class="tips">脚本返回对象合并进目标表单查询表格的请求参数；按业务字段过滤写
+        <code>return {'{'} condition: {'{'} status: 1 {'}'} {'}'}</code>（追加进查询区条件，同字段以脚本为准）</span>
+    </el-form-item>
+    <el-form-item label="自定义参数" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('paramScript', scriptParams, optionParam)">
+        <span>{{ eventConfig.paramScript }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+      <span class="tips">脚本返回对象 → 目标表单的 param，只给模板脚本用，不参与请求</span>
+    </el-form-item>
+    <el-form-item label="只读">
+      <el-switch v-model="eventConfig.readonly"></el-switch>
+      <span class="tips">{{ drawerMode ? '只读态渲染，底部仅保留「关闭」' : '整表禁用，底部按钮不变' }}</span>
+    </el-form-item>
+    <el-form-item label="显示底部按钮">
+      <el-switch v-model="eventConfig.showFooter"></el-switch>
+      <span class="tips">按钮由目标表单的「表单操作按钮」决定</span>
+    </el-form-item>
+
+    <!-- 形态字段：弹框/抽屉各一组 -->
+    <template v-if="drawerMode">
+      <el-form-item label="素身详情">
+        <el-switch v-model="eventConfig.plain"></el-switch>
+        <span class="tips">不渲染详情标题栏与模块导航</span>
+      </el-form-item>
+      <el-form-item class="form-item-label-top" label="抽屉尺寸">
+        <el-input type="text" v-model="eventConfig.drawerSize" placeholder="缺省 62%，列表页 85%"></el-input>
+      </el-form-item>
+      <el-form-item class="form-item-label-top" label="弹出方向">
+        <el-select v-model="eventConfig.drawerDirection" clearable placeholder="缺省 右侧滑出">
+          <el-option value="rtl" label="右侧滑出"></el-option>
+          <el-option value="ltr" label="左侧滑出"></el-option>
+          <el-option value="ttb" label="顶部滑出"></el-option>
+          <el-option value="btt" label="底部滑出"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+    <template v-else>
+      <el-form-item class="form-item-label-top" label="弹框宽度">
+        <el-input type="text" v-model="eventConfig.dialogWidth" placeholder="缺省 1200px"></el-input>
+      </el-form-item>
+      <el-form-item label="全屏">
+        <el-switch v-model="eventConfig.fullscreen"></el-switch>
+      </el-form-item>
+    </template>
+
+    <el-form-item label="关闭后事件" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('onCloseScript', closeScriptParams, optionClose)">
+        <span>{{ eventConfig.onCloseScript }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../../components/xform/utils/i18n"
+import eventMixin
+  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin"
+import {CLICK_BIND} from "./clickBindActions";
+
+/**
+ * 「打开表单弹框 / 打开表单抽屉」共用配置编辑器（optionModel.formHostConfig）。
+ * 两个动作共用一份配置，形态字段按 actionValue 切换，弹框/抽屉互切时配置不丢。
+ */
+export default {
+  mixins: [i18n, eventMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+    actionValue: String,
+  },
+  data() {
+    return {
+      optionFormCode: this.buildScriptOption("formCodeScript"),
+      optionDataId: this.buildScriptOption("dataIdScript"),
+      optionQueryParam: this.buildScriptOption("queryParamScript"),
+      optionParam: this.buildScriptOption("paramScript"),
+      optionClose: this.buildScriptOption("onCloseScript"),
+      // 脚本可用参数：dataId/formCode 由 getEventParam 统一注入，这里只列附加项
+      scriptParams: ["dataId", "formCode", "rowData"],
+      closeScriptParams: ["dataId", "formCode", "formRef", "result"],
+    }
+  },
+  computed: {
+    drawerMode() {
+      return this.actionValue === CLICK_BIND.FORM_DRAWER;
+    },
+    eventConfig() {
+      return this.optionModel.formHostConfig || {};
+    },
+    // 列表页承载时不需要新增/详情与素身设置，统一按开关处理
+    listHost: {
+      get() {
+        return this.eventConfig.host === "list";
+      },
+      set(val) {
+        this.eventConfig.host = val ? "list" : null;
+      }
+    }
+  },
+  methods: {
+    buildScriptOption(key) {
+      return {
+        customCode: () => {
+          return this.eventConfig[key];
+        },
+        callback: (code) => {
+          // $set 而非直接赋值：存量模板的 formHostConfig 没有后加的字段（如 queryParamScript），
+          // 直接赋值不会变成响应式，编辑器里改完不刷新
+          this.$set(this.eventConfig, key, code);
+          this.$forceUpdate();
+        }
+      };
+    }
+  }
+}
+</script>
+
+<style scoped>
+.tips {
+  margin-left: 8px;
+  color: #909399;
+  font-size: 12px;
+}
+</style>