n20-common-lib 3.2.4 → 3.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "3.2.4",
+  "version": "3.2.5",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/assets/css/_coreLib.scss

@@ -51,6 +51,7 @@
 @import './view-toggle.scss';
 @import './pivot.scss';
 @import './dynamic-table.scss';
+@import './dynamic-field.scss';
 @import './v3/table.scss';
 @import './v3/secondary-tab.scss';
 @import './v3/header.scss';

package/src/assets/css/dynamic-field.scss

@@ -0,0 +1,86 @@
+/**
+ * DynamicField 模块样式
+ * 包含 DynamicField、DynamicFormView、ContentPop、TableView 组件样式
+ */
+
+/* DynamicField 表单组件样式 */
+.cl-dynamic-field.vertical-form {
+  .el-form-item__content {
+    width: 100%;
+    .input-w {
+      width: 100%;
+    }
+  }
+
+  // 无标签字段隐藏
+  .no-label {
+    display: none !important;
+    .el-form-item__label {
+      display: none;
+    }
+  }
+
+  .n20-form-expandable-pane {
+    container-type: inline-size;
+    // Anchor Item 标题容器样式
+    .anchor-title-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      width: calc(100cqw - 44px);
+      min-height: 40px;
+    }
+
+    .anchor-title-left {
+      flex: 0 0 auto;
+      display: flex;
+      align-items: center;
+    }
+
+    .anchor-title-right {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex: 1;
+      justify-content: flex-end;
+    }
+
+    // 块级插槽样式
+    .tab-block-slot {
+      width: 100%;
+      padding: 12px 0;
+    }
+
+    .field-block-slot {
+      width: 100%;
+      padding: 2px 0;
+    }
+
+    .tab-top-slot {
+      border-bottom: 1px solid var(--color-border-lighter, #ebeef5);
+      margin-bottom: 16px;
+    }
+
+    .tab-bottom-slot {
+      border-top: 1px solid var(--color-border-lighter, #ebeef5);
+      margin-top: 16px;
+    }
+
+    .field-after-index-slot {
+      margin-top: 16px;
+      padding: 12px;
+      background-color: var(--color-bg-light, #f5f7fa);
+      border-radius: 4px;
+    }
+  }
+}
+
+/* DynamicFormView 表单详情视图样式 */
+.CustomFormView {
+  font-size: 14px;
+}
+/* ContentPop / TableView 弹窗内容样式 */
+.contentPop {
+  font-size: 14px;
+}

package/src/components/ApprovalCard/index.vue

@@ -340,12 +340,14 @@
 
 <script>
 import 'viewerjs/dist/viewer.css'
+
 import getJsonc from '../../assets/getJsonc.js'
 import axios from '../../utils/axios'
 import { $lc } from '../../utils/i18n/index'
 import importG from '../../utils/importGlobal.js'
 import { linkPush } from '../../utils/urlToGo.js'
 import Dialog from '../Dialog/index.vue'
+
 const ViewerImg = async function () {
   let { component } = await importG('v-viewer', () => import(/*webpackChunkName: "v-viewer"*/ 'v-viewer'))
   return component
@@ -428,6 +430,10 @@ export default {
     align: {
       type: String,
       default: 'left-right'
+    },
+    seeTypes: {
+      type: RegExp,
+      default: /\.(jpg|png|gif|svg|pdf|swf|xlsx|xls|docx|doc|txt)$/i
     }
   },
   data() {
@@ -464,7 +470,6 @@ export default {
       imgType: /\.(jpg|png1|gif|svg)$/i,
       previewName: '',
       previewSameOrg: false,
-      seeTypes: /\.(jpg|png|gif|svg|pdf|swf|xlsx|xls|docx|doc)$/i,
       seeRow: {},
       showFlowHistory: true,
       showFlowHistoryChild: true

package/src/components/AttachmentPass/index.vue

@@ -283,4 +283,4 @@ export default {
 }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="scss" scoped></style>