@oinone/kunlun-vue-admin-base 7.2.1 → 7.2.3

package/dist/types/src/action/component/action-bar/DefaultActionBar.vue.d.ts

@@ -43,6 +43,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     direction: {
         type: StringConstructor;
     };
+    overflow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     operatorColumnDirection: {
         type: PropType<OperationColumnDirection | keyof typeof OperationColumnDirection>;
     };
@@ -126,6 +130,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     direction: {
         type: StringConstructor;
     };
+    overflow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     operatorColumnDirection: {
         type: PropType<OperationColumnDirection | keyof typeof OperationColumnDirection>;
     };
@@ -163,6 +171,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     invisible: boolean;
     inline: boolean;
+    overflow: boolean;
     isFloat: boolean;
 }, {}, {
     DownOutlined: import("@ant-design/icons-vue/lib/icons/DownOutlined").DownOutlinedIconType;

package/dist/types/src/basic/BaseActionGroupWidget.d.ts

@@ -14,6 +14,7 @@ export declare class BaseActionGroupWidget<T extends ActiveRecordsWidgetProps =
      */
     protected refreshCallChaining: CallChaining<boolean> | undefined;
     protected showActionNames: string[] | undefined;
+    protected get overflow(): boolean | undefined;
     protected showActionNamesProcess(): string[];
     protected resetShowActionNames(): void;
     protected $$mounted(): void;

package/dist/types/src/view/table/DefaultTable.vue.d.ts

@@ -204,6 +204,9 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
     footerMethod: {
         type: FunctionConstructor;
     };
+    contentMethod: {
+        type: FunctionConstructor;
+    };
     spanMethod: {
         type: FunctionConstructor;
     };
@@ -534,6 +537,9 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
     footerMethod: {
         type: FunctionConstructor;
     };
+    contentMethod: {
+        type: FunctionConstructor;
+    };
     spanMethod: {
         type: FunctionConstructor;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oinone/kunlun-vue-admin-base",
-  "version": "7.2.1",
+  "version": "7.2.3",
   "type": "module",
   "main": "dist/oinone-kunlun-vue-admin-base.esm.js",
   "scripts": {
@@ -17,13 +17,13 @@
     "doc": "typedoc --out docs src/index.ts"
   },
   "dependencies": {
-    "@oinone/kunlun-vue-admin-layout": "7.2.1",
-    "@oinone/kunlun-vue-router": "7.2.1",
-    "@oinone/kunlun-vue-ui": "7.2.1",
-    "@oinone/kunlun-vue-ui-antd": "7.2.1",
-    "@oinone/kunlun-vue-ui-common": "7.2.1",
-    "@oinone/kunlun-vue-ui-el": "7.2.1",
-    "@oinone/kunlun-vue-widget": "7.2.1",
+    "@oinone/kunlun-vue-admin-layout": "7.2.3",
+    "@oinone/kunlun-vue-router": "7.2.3",
+    "@oinone/kunlun-vue-ui": "7.2.3",
+    "@oinone/kunlun-vue-ui-antd": "7.2.3",
+    "@oinone/kunlun-vue-ui-common": "7.2.3",
+    "@oinone/kunlun-vue-ui-el": "7.2.3",
+    "@oinone/kunlun-vue-widget": "7.2.3",
     "@wangeditor/editor": "5.1.23",
     "@wangeditor/editor-for-vue": "5.1.11",
     "@wangeditor/plugin-upload-attachment": "1.1.0",

package/src/action/component/action-bar/DefaultActionBar.vue

@@ -149,6 +149,10 @@ export default defineComponent({
     direction: {
       type: String
     },
+    overflow: {
+      type: Boolean,
+      default: undefined
+    },
     operatorColumnDirection: {
       type: String as PropType<OperationColumnDirection | keyof typeof OperationColumnDirection>
     },
@@ -338,6 +342,9 @@ export default defineComponent({
     if (this.justify) {
       classList.push(`${actionBarClassName}-${this.justify}`);
     }
+    if (this.overflow !== false) {
+      classList.push(`${actionBarClassName}-overflow`);
+    }
     if (this.isFloat) {
       classList.push(`${actionBarClassName}-float`);
     }

package/src/action/component/action-bar/style/index.scss

@@ -8,7 +8,16 @@
   display: flex;
   align-items: center;
   flex-flow: row nowrap;
-  overflow: auto hidden;
+
+  &.action-bar-overflow {
+    overflow: auto hidden;
+
+    .action-bar-left,
+    .action-bar-center,
+    .action-bar-right {
+      overflow: auto hidden;
+    }
+  }
 
   &.action-bar-flatten {
     gap: 12px var(--oio-margin-md);
@@ -40,7 +49,6 @@
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
-    overflow: auto hidden;
     gap: 12px var(--oio-margin-md);
   }
 

package/src/basic/BaseActionGroupWidget.ts

@@ -1,4 +1,4 @@
-import { CallChaining, CastHelper } from '@oinone/kunlun-shared';
+import { BooleanHelper, CallChaining, CastHelper } from '@oinone/kunlun-shared';
 import { type ActiveRecordsWidgetProps, executeInvisible, Widget } from '@oinone/kunlun-vue-widget';
 import { BaseActionWidget, BaseElementWidget } from './token';
 
@@ -26,6 +26,11 @@ export class BaseActionGroupWidget<
   @Widget.Reactive()
   protected showActionNames: string[] | undefined;
 
+  @Widget.Reactive()
+  protected get overflow() {
+    return BooleanHelper.toBoolean(this.getDsl().overflow);
+  }
+
   protected showActionNamesProcess(): string[] {
     const showActionNames: Set<string> = new Set();
     this.getChildren().forEach((widget) => {

package/src/field/detail/string/json-xml/JsonXmlField.vue

@@ -50,9 +50,9 @@
 </template>
 
 <script lang="ts">
-import { ref, computed, watch, defineComponent, PropType } from 'vue';
-import { isString } from 'lodash-es';
 import { OioIcon, OioSelect } from '@oinone/kunlun-vue-ui-antd';
+import { isString } from 'lodash-es';
+import { computed, defineComponent, PropType, ref, watch } from 'vue';
 
 interface JsonLine {
   indent: number;
@@ -98,6 +98,19 @@ export default defineComponent({
      */
     const URL_REGEX = /\b(https?:\/\/|ftp:\/\/|sftp:\/\/)([^\s<>"]+)(\.[a-zA-Z0-9]{2,10})([^\s<>"]*)?\b/g;
 
+    const escapeHtml = (value: string): string => {
+      return value
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+    };
+
+    const stringifyJsonText = (value: unknown): string => {
+      return escapeHtml(JSON.stringify(value) ?? String(value));
+    };
+
     /**
      * 将JSON对象解析为带语法高亮和链接的HTML行数据
      * @param obj 要解析的JSON对象
@@ -113,13 +126,25 @@ export default defineComponent({
        * @returns 处理后的HTML字符串
        */
       const replaceUrlWithLink = (str: string): string => {
-        // 先通过JSON.stringify转义，再替换URL
-        const escapedStr = JSON.stringify(str).slice(1, -1); // 去掉首尾的引号
-        return escapedStr.replace(URL_REGEX, (match) => {
-          // 对匹配到的URL进行转义，防止XSS
-          const encodedUrl = encodeURI(match);
-          return `<a href="${encodedUrl}" target="_blank" class="text-blue-500 underline hover:text-blue-700">${match}</a>`;
-        });
+        // 先通过JSON.stringify处理JSON转义，再对要注入v-html的文本做HTML转义。
+        const stringifiedStr = JSON.stringify(str).slice(1, -1);
+        let result = '';
+        let lastIndex = 0;
+        let matchResult: RegExpExecArray | null;
+
+        URL_REGEX.lastIndex = 0;
+        matchResult = URL_REGEX.exec(stringifiedStr);
+        while (matchResult) {
+          const url = matchResult[0];
+          result += escapeHtml(stringifiedStr.slice(lastIndex, matchResult.index));
+          result += `<a href="${escapeHtml(encodeURI(url))}" target="_blank" class="text-blue-500 underline hover:text-blue-700">${escapeHtml(
+            url
+          )}</a>`;
+          lastIndex = matchResult.index + url.length;
+          matchResult = URL_REGEX.exec(stringifiedStr);
+        }
+
+        return result + escapeHtml(stringifiedStr.slice(lastIndex));
       };
 
       if (Array.isArray(obj)) {
@@ -143,7 +168,7 @@ export default defineComponent({
               itemHtml = `<span class="text-green-600">"${replaceUrlWithLink(item)}"</span>`;
             } else {
               // 非字符串类型：直接JSON.stringify
-              itemHtml = `<span class="text-green-600">${JSON.stringify(item)}</span>`;
+              itemHtml = `<span class="text-green-600">${stringifyJsonText(item)}</span>`;
             }
             // 添加逗号
             itemHtml += isLast ? '' : '<span class="text-gray-600">,</span>';
@@ -186,11 +211,13 @@ export default defineComponent({
             // 处理嵌套对象/数组
             lines.push({
               indent: indent + 1,
-              html: `<span class="text-blue-600">"${key}"</span><span class="text-gray-600">: </span>`,
+              html: `<span class="text-blue-600">${stringifyJsonText(key)}</span><span class="text-gray-600">: </span>`,
               collapsible: false
             });
             const childLines = parseJSON(value, indent + 1);
-            childLines[0].html = `<span class="text-blue-600">"${key}"</span><span class="text-gray-600">: </span>${childLines[0].html}`;
+            childLines[0].html = `<span class="text-blue-600">${stringifyJsonText(
+              key
+            )}</span><span class="text-gray-600">: </span>${childLines[0].html}`;
             childLines[childLines.length - 1].html += isLast ? '' : '<span class="text-gray-600">,</span>';
             lines.pop();
             lines.push(...childLines);
@@ -204,13 +231,15 @@ export default defineComponent({
               valueHtml = `"${replaceUrlWithLink(value)}"`;
             } else {
               // 非字符串类型：直接序列化
-              valueHtml = JSON.stringify(value);
+              valueHtml = stringifyJsonText(value);
             }
 
             // 拼接最终HTML
             lines.push({
               indent: indent + 1,
-              html: `<span class="text-blue-600">"${key}"</span><span class="text-gray-600">: </span><span class="${valueColor}">${valueHtml}</span>${
+              html: `<span class="text-blue-600">${stringifyJsonText(
+                key
+              )}</span><span class="text-gray-600">: </span><span class="${valueColor}">${valueHtml}</span>${
                 isLast ? '' : '<span class="text-gray-600">,</span>'
               }`,
               collapsible: false
@@ -258,12 +287,7 @@ export default defineComponent({
         const regx = /<[^/]*?>/g;
         const closeAble = regx.test(line);
 
-        const lineHtml = line
-          .replace(/&/g, '&amp;')
-          .replace(/</g, '&lt;')
-          .replace(/>/g, '&gt;')
-          .replace(/"/g, '&quot;')
-          .replace(/'/g, '&#039;');
+        const lineHtml = escapeHtml(line);
 
         lines.push({
           indent,
@@ -282,7 +306,7 @@ export default defineComponent({
       const lines: JsonLine[] = [];
       lines.push({
         indent: 1,
-        html: `<span class="text-gray-600">${str}</span>`,
+        html: `<span class="text-gray-600">${escapeHtml(str)}</span>`,
         collapsible: false
       });
       return lines;

package/src/view/login/LoginWidget.ts

@@ -1,4 +1,4 @@
-import { OINONE_HOMEPAGE_KEY, translateValueByKey } from '@oinone/kunlun-engine';
+import { ClearCache, OINONE_HOMEPAGE_KEY, translateValueByKey } from '@oinone/kunlun-engine';
 import { SYSTEM_MODULE_NAME } from '@oinone/kunlun-meta';
 import {
   gql,
@@ -394,7 +394,7 @@ export class LoginWidget extends BaseLoginWidget {
       } else {
         const parameters = (await homepageMaybeRuntimeContext(undefined, true)) as any;
         localStorage.setItem(OINONE_HOMEPAGE_KEY, JSON.stringify(parameters));
-
+        ClearCache.clear();
         this.router.push({
           segments: [
             {

package/src/view/table/DefaultTable.vue

@@ -327,6 +327,9 @@ export default defineComponent({
     footerMethod: {
       type: Function
     },
+    contentMethod: {
+      type: Function
+    },
     spanMethod: {
       type: Function
     },
@@ -900,6 +903,7 @@ export default defineComponent({
 
       showFooter,
       footerMethod,
+      contentMethod,
       spanMethod,
       mergeCells,
 
@@ -1090,7 +1094,7 @@ export default defineComponent({
       data: showDataSource,
       scrollX,
       scrollY,
-      tooltipConfig: { enterable: true },
+      tooltipConfig: { enterable: true, contentMethod },
       height: 'auto',
       rowConfig: { isCurrent, isHover },
       sortConfig,