@oinone/kunlun-vue-ui-common 6.3.9 → 6.4.1

package/src/context/form-context.ts

@@ -0,0 +1,17 @@
+import { inject, InjectionKey, provide } from 'vue';
+
+export interface OioDefaultFormContext {
+  getTriggerContainer: (triggerNode: Node | HTMLElement) => Node | HTMLElement;
+}
+
+export const OioDefaultFormContextKey: InjectionKey<OioDefaultFormContext> = Symbol('OioDefaultFormContext');
+
+export const useProviderOioDefaultFormContext = (state: OioDefaultFormContext): void => {
+  provide(OioDefaultFormContextKey, state);
+};
+
+export const useInjectOioDefaultFormContext = (): OioDefaultFormContext => {
+  return inject(OioDefaultFormContextKey, {
+    getTriggerContainer: (triggerNode) => triggerNode.parentNode || document.body
+  });
+};

package/src/context/index.ts

@@ -0,0 +1 @@
+export * from './form-context';

package/src/index.ts

@@ -1,6 +1,7 @@
 import './style/index.scss';
 
 export * from './component';
+export * from './context';
 export * from './directives';
 export * from './event';
 export * from './quick-utils';

package/src/quick-utils/index.ts

@@ -2,6 +2,7 @@ export * from './draggable';
 export * from './use-resizable-handle';
 export * from './use-cleanable-event';
 export * from './use-click';
+export * from './use-copy';
 export * from './use-debounced-ref';
 export * from './use-scroll-operator';
 export * from './use-time-difference';

package/src/quick-utils/use-copy.ts

@@ -0,0 +1,56 @@
+import { MessageHub } from '@oinone/kunlun-request';
+
+let isSupportedClipboardCopy = true;
+
+export function useCopy() {
+  const copy = async (text: string): Promise<boolean> => {
+    let res = await clipboardCopy(text);
+    if (!res) {
+      // 1. 创建临时文本框（不显示在页面上）
+      const input = document.createElement('input');
+      document.body.appendChild(input);
+
+      // 2. 设置要复制的文本
+      input.value = text;
+
+      // 3. 选中文本框内容
+      input.select();
+      input.setSelectionRange(0, text.length); // 兼容移动设备
+
+      // 4. 执行复制命令，并设置结果
+      res = document.execCommand('copy');
+
+      // 5. 清理临时元素
+      document.body.removeChild(input);
+    }
+    return res;
+  };
+
+  const clipboardCopy = async (text: string): Promise<boolean> => {
+    if (isSupportedClipboardCopy) {
+      try {
+        await navigator.clipboard.writeText(text);
+        return true;
+      } catch (e) {
+        console.error('copy text error.', e);
+        isSupportedClipboardCopy = false;
+        return false;
+      }
+    }
+    return false;
+  };
+
+  const copyAndNotify = async (text: string): Promise<void> => {
+    const res = await copy(text);
+    if (res) {
+      MessageHub.success('复制成功');
+    } else {
+      MessageHub.error('复制失败，请手动复制');
+    }
+  };
+
+  return {
+    browserCopy: copy,
+    browserCopyAndNotify: copyAndNotify
+  };
+}

package/src/util/PropRecordHelper.ts

@@ -52,13 +52,13 @@ export class PropRecordHelper {
     if (isNil(data)) {
       data = {};
     }
-    Object.keys(propsDefine).forEach((key) => {
+    for (const key of Object.keys(propsDefine)) {
       const value = values[key];
       if (isNil(value)) {
-        return;
+        continue;
       }
-      data![key] = value;
-    });
+      data[key] = value;
+    }
     return data;
   }
 
@@ -164,16 +164,18 @@ export class PropRecordHelper {
   public static collectionBasicProps(
     attrs: Record<string, unknown>,
     classNames?: string[],
-    style?: string | CSSStyle
+    style?: string | Partial<CSSStyle>
   ): Record<string, unknown> {
     let basicProps: Record<string, unknown> = {};
     classNames = StringHelper.append(classNames || [], CastHelper.cast(attrs.class));
     const attrStyle = attrs.style as CSSStyle;
     if (style) {
       if (isObject(attrStyle)) {
+        // 组件内置 style 优先级高于外部传入的 style，否则会影响组件动态计算值；
+        // 如果组件需要外部修改样式的，使用 css class 设置可被替换的样式；
         style = {
-          ...(StyleHelper.parse(style) || {}),
-          ...attrStyle
+          ...attrStyle,
+          ...(StyleHelper.parse(style as CSSStyle) || {})
         };
       }
     } else {