centaline-data-driven 1.6.63 → 1.6.65

package/src/centaline/dynamicMarkdownViewer/index.js

@@ -0,0 +1,11 @@
+import dynamicMarkdownViewer from './src/dynamicMarkdownViewer'
+
+dynamicMarkdownViewer.install = function (Vue, options) {
+  Vue.component(dynamicMarkdownViewer.name, dynamicMarkdownViewer);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(dynamicMarkdownViewer);
+}
+
+export default dynamicMarkdownViewer;

package/src/centaline/dynamicMarkdownViewer/src/dynamicMarkdownViewer.vue

@@ -0,0 +1,128 @@
+<template>
+  <div class="field-top">
+    <div v-if="model !== null" class="ct-MarkdownViewer">
+      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']" style="display: inline-block;">
+        <div v-if="model.showLabel && model.label" :class="[model.labelClass]" style="text-align: left;padding-bottom: 5px;color: #303133;">
+          <h5>{{model.label}}</h5>
+        </div>
+        <div class="josnViewerBox" tabindex="-1">
+          <MarkdownItVue :content="model.code1" :config="markdownConfig" />
+        </div>
+      </div>
+      <transition name="el-fade-in">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  import MarkdownItVue  from 'markdown-it-vue'
+  import 'markdown-it-vue/dist/markdown-it-vue.css'
+  export default {
+    name: 'ct-MarkdownViewer',
+    mixins: [dynamicElement],
+    components: {
+      'MarkdownItVue': MarkdownItVue
+    },
+    props: {
+      vmodel: Object,
+      api: String,
+    },
+    data() {
+      return {
+        markdownConfig: {
+          markdownit: {
+            html: true,        // 允许HTML标签
+            linkify: true,     // 自动识别链接
+            typographer: true, // 优化文字排版，如智能引号
+            breaks: true,      // <<< 启用此选项，将 \n 转换为 <br>
+          },
+        }
+      };
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        if (self.vmodel) {
+          self.load(self.vmodel);
+        }
+        else if (typeof self.source !== 'undefined') {
+          self.loaderObj.MarkdownViewer(self.source, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    destroyed (){
+      this.model=null;
+      this.$el=null;
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+      },
+    }
+  }
+</script>
+<style>
+.josnViewerBox {
+  overflow: auto; 
+  width: 100%;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  padding: 2px;
+  box-sizing: border-box;
+  background-color: #ffffff;
+  line-height: normal;
+  
+.jv-container .jv-code{
+  padding: 0px !important;
+}
+.jv-container.light {
+    background: #fff;
+    white-space: nowrap;
+    color: #525252;
+    font-size: 14px;
+    font-family: Consolas, Menlo, Courier, monospace;
+}
+.jv-container.light .jv-button, .jv-container.jv-dark .jv-button {
+    color: #49b3ff;
+}
+.jv-container.light .jv-key {
+    color: #111;
+    margin-right: 4px;
+}
+.jv-container.light .jv-item.jv-string {
+    color: #42b983;
+    word-break: break-word;
+    white-space: normal;
+}
+.jv-container.light .jv-item.jv-number {
+    color: #fc1e70;
+}
+.jv-container.light .jv-item.jv-boolean {
+    color: #fc1e70;
+}
+.jv-tooltip {
+  position: sticky !important;
+  top: 0 !important;
+  right: 0 !important;
+  /* 新增：靠右定位 */
+  z-index: 10;
+  margin-left: auto;
+  /* 辅助：确保靠右 */
+ float: right;
+} 
+.btn-iocn {
+  display: flex;
+  gap: 10px; 
+}
+
+}
+.josnViewerBox:focus {
+  border: 1px solid #3D5ECC;
+}
+</style>

package/src/centaline/dynamicMo/src/dynamicMo.vue

@@ -388,6 +388,10 @@
       cursor: pointer;
     }
 
+    .ct-mo .el-input {
+      height: auto !important;
+    }
+
     .ct-mo .el-select__caret {
       color: #BBBBBB;
       font-size: inherit;

package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue

@@ -1770,7 +1770,7 @@ export default {
 
 
           let title = field.pageTitle == undefined ? field.label : field.pageTitle;
-          submitData = field.getActionPara(submitData).para;
+          submitData = field.getActionParaButton(submitData).para;
           var fun = self.$common.getDataDrivenOpts().handler[action];
           if (self.isIframe) {
             submitData.isIframe = self.isIframe;

package/src/centaline/dynamicTags/src/dynamicTags.vue

@@ -414,6 +414,10 @@
       cursor: pointer;
     }
 
+    .ct-tags .el-input {
+      height: auto !important;
+    }
+
     .ct-tags .el-select__caret {
       color: #BBBBBB;
       font-size: inherit;

package/src/centaline/dynamicTreeList/src/dynamicTreeList.vue

@@ -60,7 +60,7 @@ export default {
       rightApiParam: {},
       searchtreeHeight: 0,
       dataRowRouter: "",
-      asideWidth: 200,
+      asideWidth: 210,
       isResizing: false,
       startX: 0,
       startWidth: 0
@@ -68,7 +68,7 @@ export default {
   },
   methods: {
     loaded(data) {
-      this.asideWidth = Number(this.leftWidth ? this.leftWidth : 200);
+      this.asideWidth = Number(this.leftWidth ? this.leftWidth : 210);
 
       var self = this;
       self.isShowMain = false;