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

package/dist/types/src/component/index.d.ts

@@ -1,3 +1,4 @@
+import { PopupDisplayAs } from './vc-popup';
 export * from './oio-block';
 export * from './oio-breadcrumb';
 export * from './oio-button';
@@ -39,3 +40,4 @@ export * from './oio-tooltip';
 export * from './oio-tree';
 export * from './oio-tree-select';
 export * from './oio-upload';
+export { PopupDisplayAs };

package/dist/types/src/component/oio-button/props.d.ts

@@ -84,6 +84,9 @@ export declare const OioButtonProps: {
         type: PropType<IconPlacement | "before" | "after">;
         default: IconPlacement;
     };
+    iconColor: {
+        type: StringConstructor;
+    };
     selected: {
         type: BooleanConstructor;
         default: undefined;

package/dist/types/src/component/oio-card/context.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey } from 'vue';
+export interface OioCardContext {
+    scope: string | undefined;
+}
+export declare enum OioCardScope {
+    title = "title",
+    content = "content"
+}
+export declare const defaultOioCardContext: OioCardContext;
+export declare const OioCardContextKey: InjectionKey<OioCardContext>;
+export declare const useProviderOioCardContext: (state: Partial<OioCardContext>) => void;
+export declare const useInjectOioCardContext: () => OioCardContext;

package/dist/types/src/component/oio-card/index.d.ts

@@ -1,2 +1,3 @@
 export { default as OioCard } from './oio-card.vue';
 export * from './props';
+export * from './context';

package/dist/types/src/component/oio-drawer/props.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { DrawerHeight, DrawerPlacement, DrawerWidth } from './typing';
+import { DrawerPlacement } from './typing';
 export declare const OioDrawerProps: {
     data: {
         type: ObjectConstructor;
@@ -36,6 +36,9 @@ export declare const OioDrawerProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    'onUpdate:visible': {
+        type: PropType<(val: boolean) => void>;
+    };
     closable: {
         type: BooleanConstructor;
         default: undefined;
@@ -44,6 +47,12 @@ export declare const OioDrawerProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    displayAs: {
+        type: PropType<"drawer" | "modal">;
+    };
+    'onUpdate:displayAs': {
+        type: PropType<(val: "drawer" | "modal") => void>;
+    };
     getTriggerContainer: {
         type: PropType<(triggerNode: Node | HTMLElement) => Node | HTMLElement>;
     };
@@ -55,7 +64,6 @@ export declare const OioDrawerProps: {
     };
     title: {
         type: StringConstructor;
-        default: string;
     };
     help: {
         type: StringConstructor;
@@ -65,11 +73,9 @@ export declare const OioDrawerProps: {
     };
     width: {
         type: PropType<string | number>;
-        default: DrawerWidth;
     };
     height: {
         type: PropType<string | number>;
-        default: DrawerHeight;
     };
     headerInvisible: {
         type: BooleanConstructor;
@@ -79,6 +85,14 @@ export declare const OioDrawerProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    enabledFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPopupToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     mask: {
         type: BooleanConstructor;
         default: undefined;

package/dist/types/src/component/oio-drawer/typing.d.ts

@@ -1,12 +1,14 @@
 export declare enum DrawerWidth {
     small = "20%",
     medium = "40%",
-    large = "80%"
+    large = "80%",
+    full = "100%"
 }
 export declare enum DrawerHeight {
     small = "30%",
     medium = "50%",
-    large = "80%"
+    large = "80%",
+    full = "100%"
 }
 export declare enum DrawerPlacement {
     top = "top",

package/dist/types/src/component/oio-drawer/useDrawer.d.ts

@@ -2,8 +2,12 @@ export declare function useDrawer(props: any, context: any): {
     placement: import("vue").ComputedRef<any>;
     width: import("vue").ComputedRef<any>;
     widthClassSuffix: import("vue").ComputedRef<string | undefined>;
-    height: import("vue").ComputedRef<any>;
+    height: import("vue").ComputedRef<string | undefined>;
     heightClassSuffix: import("vue").ComputedRef<string | undefined>;
+    modalDrawerClassName: import("vue").ComputedRef<string[]>;
+    isFullScreen: import("vue").Ref<boolean>;
+    onFullSwitch: () => void;
+    onDisplayAsSwitch: () => void;
     data: import("vue").Ref<object>;
     enter: (event: PointerEvent) => void;
     cancel: (event: PointerEvent) => void;

package/dist/types/src/component/oio-group/props.d.ts

@@ -61,6 +61,9 @@ export declare const OioGroupProps: {
         type: (StringConstructor | BooleanConstructor)[];
         default: undefined;
     };
+    bizStyle: {
+        type: StringConstructor;
+    };
     description: {
         type: StringConstructor;
     };

package/dist/types/src/component/oio-inner-popup/props.d.ts

@@ -6,7 +6,6 @@ declare type InnerPopupTeleportType = string | HTMLElement;
 export declare const OioInnerPopupAppearanceProps: {
     title: {
         type: StringConstructor;
-        default: string;
     };
     help: {
         type: StringConstructor;
@@ -133,7 +132,6 @@ export declare const OioInnerPopupProps: {
     };
     title: {
         type: StringConstructor;
-        default: string;
     };
     help: {
         type: StringConstructor;

package/dist/types/src/component/oio-input/props.d.ts

@@ -23,6 +23,9 @@ export declare const AInputProps: {
     value: {
         type: StringConstructor;
     };
+    'onUpdate:value': {
+        type: PropType<(value: string) => void>;
+    };
     defaultValue: {
         type: StringConstructor;
     };
@@ -68,6 +71,9 @@ export declare const OioInputProps: {
     value: {
         type: StringConstructor;
     };
+    'onUpdate:value': {
+        type: PropType<(value: string) => void>;
+    };
     defaultValue: {
         type: StringConstructor;
     };
@@ -98,6 +104,9 @@ export declare const AInputSearchProps: {
     value: {
         type: StringConstructor;
     };
+    'onUpdate:value': {
+        type: PropType<(value: string) => void>;
+    };
     defaultValue: {
         type: StringConstructor;
     };
@@ -143,6 +152,9 @@ export declare const OioInputSearchProps: {
     value: {
         type: StringConstructor;
     };
+    'onUpdate:value': {
+        type: PropType<(value: string) => void>;
+    };
     defaultValue: {
         type: StringConstructor;
     };
@@ -244,6 +256,9 @@ export declare const AInputPasswordProps: {
     value: {
         type: StringConstructor;
     };
+    'onUpdate:value': {
+        type: PropType<(value: string) => void>;
+    };
     defaultValue: {
         type: StringConstructor;
     };
@@ -293,6 +308,9 @@ export declare const OioInputPasswordProps: {
     value: {
         type: StringConstructor;
     };
+    'onUpdate:value': {
+        type: PropType<(value: string) => void>;
+    };
     defaultValue: {
         type: StringConstructor;
     };

package/dist/types/src/component/oio-modal/props.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ModalWidth, ModalWidthType } from './typing';
+import { ModalWidthType } from './typing';
 export declare const OioModalProps: {
     data: {
         type: ObjectConstructor;
@@ -37,6 +37,9 @@ export declare const OioModalProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    'onUpdate:visible': {
+        type: PropType<(val: boolean) => void>;
+    };
     closable: {
         type: BooleanConstructor;
         default: undefined;
@@ -45,6 +48,12 @@ export declare const OioModalProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    displayAs: {
+        type: PropType<"drawer" | "modal">;
+    };
+    'onUpdate:displayAs': {
+        type: PropType<(val: "drawer" | "modal") => void>;
+    };
     destroyOnClose: {
         type: BooleanConstructor;
         default: undefined;
@@ -60,14 +69,12 @@ export declare const OioModalProps: {
     };
     title: {
         type: StringConstructor;
-        default: string;
     };
     help: {
         type: StringConstructor;
     };
     width: {
         type: PropType<ModalWidthType>;
-        default: ModalWidth;
     };
     height: {
         type: PropType<ModalWidthType>;
@@ -80,6 +87,14 @@ export declare const OioModalProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    enabledFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPopupToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     mask: {
         type: BooleanConstructor;
         default: undefined;

package/dist/types/src/component/oio-modal/typing.d.ts

@@ -2,15 +2,13 @@ export declare enum ModalWidth {
     small = 560,
     medium = 890,
     large = 1200,
-    custom = "CUSTOM",
     full = "100%"
 }
 export declare type ModalWidthType = number | string | keyof typeof ModalWidth;
 export declare enum ModalHeight {
-    small = "30%",
-    medium = "50%",
-    large = "80%",
-    custom = "CUSTOM",
+    small = "40vh",
+    medium = "60vh",
+    large = "90vh",
     full = "100%"
 }
 export declare type ModalHeightType = number | string | keyof typeof ModalHeight;

package/dist/types/src/component/oio-modal/useModal.d.ts

@@ -1,9 +1,14 @@
+import { ModalWidth } from './typing';
 export declare function useModal(props: any, context: any): {
-    width: import("vue").ComputedRef<any>;
+    title: import("vue").ComputedRef<any>;
+    width: import("vue").ComputedRef<string | ModalWidth.small | ModalWidth.medium | ModalWidth.large | null | undefined>;
     widthClassSuffix: import("vue").ComputedRef<string | undefined>;
+    height: import("vue").ComputedRef<string | null | undefined>;
     heightClassSuffix: import("vue").ComputedRef<string | undefined>;
-    customHeightClassSuffix: import("vue").ComputedRef<"custom" | null>;
-    heightPx: import("vue").ComputedRef<string | undefined>;
+    isFullScreen: import("vue").Ref<boolean>;
+    drawerModalClassName: import("vue").ComputedRef<string[]>;
+    onFullSwitch: () => void;
+    onDisplayAsSwitch: () => void;
     data: import("vue").Ref<object>;
     enter: (event: PointerEvent) => void;
     cancel: (event: PointerEvent) => void;

package/dist/types/src/component/oio-select/model.d.ts

@@ -5,6 +5,7 @@ export interface SelectItem<T = unknown> {
     label: string;
     state?: EnumOptionState;
     disabled?: boolean;
+    icon?: string;
     data: T;
 }
 export interface SelectProperties {
@@ -12,6 +13,7 @@ export interface SelectProperties {
     keyProp: string;
     labelProp: string;
     disabledProp: string;
+    iconProp?: string;
     filterProp: string;
 }
 export declare const defaultSelectProperties: SelectProperties;

package/dist/types/src/component/oio-select/props.d.ts

@@ -71,6 +71,10 @@ export declare const OioSelectProps: {
     dropdownClassName: {
         type: PropType<string | string[]>;
     };
+    dropdownVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     getTriggerContainer: {
         type: PropType<(triggerNode: Node | HTMLElement) => Node | HTMLElement>;
     };

package/dist/types/src/component/oio-tabs/index.d.ts

@@ -1,2 +1,3 @@
 export * from './context';
 export * from './props';
+export * from './typing';

package/dist/types/src/component/oio-tabs/props.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { OioTabsBizStyle } from './typing';
 export declare const DEFAULT_TABS_TITLE = "\u9009\u9879\u5361";
 export declare const DEFAULT_TAB_TITLE = "\u9009\u9879\u9875";
 export declare enum OioTabPosition {
@@ -82,6 +83,9 @@ export declare const OioTabsProps: {
     type: {
         type: PropType<OioTabsType | "line" | "card" | "editable-card">;
     };
+    bizStyle: {
+        type: PropType<OioTabsBizStyle>;
+    };
     layout: {
         type: PropType<import("..").FormLayout | "horizontal" | "vertical" | "inline">;
     };

package/dist/types/src/component/oio-tabs/typing.d.ts

@@ -0,0 +1,5 @@
+export declare enum OioTabsBizStyle {
+    Simple = "style1",
+    AccentCard = "style2",
+    Card = "style3"
+}

package/dist/types/src/component/oio-tree/events.d.ts

@@ -1,5 +1,5 @@
+import { OioTreeNode } from '@oinone/kunlun-shared';
 import { OioEvent } from '../../event';
-import { OioTreeNode } from './props';
 /**
  * 树节点选中事件
  */

package/dist/types/src/component/oio-tree/props.d.ts

@@ -1,39 +1,5 @@
-import { CSSStyle, StandardTreeNode } from '@oinone/kunlun-shared';
+import { OioTreeNode } from '@oinone/kunlun-shared';
 import { PropType } from 'vue';
-export interface OioTreeNode<T = unknown> extends StandardTreeNode<T, OioTreeNode<T>> {
-    class?: string | string[];
-    style?: CSSStyle;
-    title?: string;
-    value: T;
-    /**
-     * 正在加载更多状态
-     */
-    loadingMore?: boolean;
-    /**
-     * 预加载
-     */
-    preloaded?: boolean;
-    /**
-     * 已加载（不再查询子节点）
-     */
-    loaded?: boolean;
-    /**
-     * 正在加载状态
-     */
-    loading?: boolean;
-    /**
-     * 是否显示checkbox, 默认: true
-     */
-    checkbox?: boolean;
-    /**
-     * 是否可选择, 默认: true
-     */
-    selectable?: boolean;
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
-}
 export declare const OioTreeProps: {
     blockNode: {
         type: BooleanConstructor;

package/dist/types/src/component/vc-popup/index.d.ts

@@ -1 +1,2 @@
 export * from './props';
+export * from './usePopup';

package/dist/types/src/component/vc-popup/props.d.ts

@@ -1,5 +1,9 @@
 import { ReturnPromise, ReturnVoid } from '@oinone/kunlun-shared';
 import { PropType } from 'vue';
+export declare enum PopupDisplayAs {
+    drawer = "drawer",
+    modal = "modal"
+}
 export declare const VcPopupAppearanceProps: {
     zIndex: {
         type: NumberConstructor;
@@ -41,6 +45,9 @@ export declare const VcPopupControlProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    'onUpdate:visible': {
+        type: PropType<(val: boolean) => void>;
+    };
     closable: {
         type: BooleanConstructor;
         default: undefined;
@@ -49,6 +56,12 @@ export declare const VcPopupControlProps: {
         type: BooleanConstructor;
         default: undefined;
     };
+    displayAs: {
+        type: PropType<"drawer" | "modal">;
+    };
+    'onUpdate:displayAs': {
+        type: PropType<(val: keyof typeof PopupDisplayAs) => void>;
+    };
     destroyOnClose: {
         type: BooleanConstructor;
         default: undefined;

package/dist/types/src/context/form-context.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey } from 'vue';
+export interface OioDefaultFormContext {
+    getTriggerContainer: (triggerNode: Node | HTMLElement) => Node | HTMLElement;
+}
+export declare const OioDefaultFormContextKey: InjectionKey<OioDefaultFormContext>;
+export declare const useProviderOioDefaultFormContext: (state: OioDefaultFormContext) => void;
+export declare const useInjectOioDefaultFormContext: () => OioDefaultFormContext;

package/dist/types/src/context/index.d.ts

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

package/dist/types/src/index.d.ts

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

package/dist/types/src/quick-utils/index.d.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/dist/types/src/quick-utils/use-copy.d.ts

@@ -0,0 +1,4 @@
+export declare function useCopy(): {
+    browserCopy: (text: string) => Promise<boolean>;
+    browserCopyAndNotify: (text: string) => Promise<void>;
+};

package/dist/types/src/util/PropRecordHelper.d.ts

@@ -55,7 +55,7 @@ export declare class PropRecordHelper {
      */
     static collectionSlots(slots: Slots, slotNames: SlotName[]): Record<string, Slot>;
     private static HTML_INTERNAL_ATTRIBUTES;
-    static collectionBasicProps(attrs: Record<string, unknown>, classNames?: string[], style?: string | CSSStyle): Record<string, unknown>;
+    static collectionBasicProps(attrs: Record<string, unknown>, classNames?: string[], style?: string | Partial<CSSStyle>): Record<string, unknown>;
     private static HTML_ATTRIBUTES_PREFIX;
     private static collectionHTMLAttributes;
 }

package/icons/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 5011527 */
-  src: url('iconfont.woff2?t=1763975863838') format('woff2'),
-       url('iconfont.woff?t=1763975863838') format('woff'),
-       url('iconfont.ttf?t=1763975863838') format('truetype');
+  src: url('iconfont.woff2?t=1765785584752') format('woff2'),
+       url('iconfont.woff?t=1765785584752') format('woff'),
+       url('iconfont.ttf?t=1765785584752') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.oinone-company-outlined:before {
+  content: "\e9b4";
+}
+
 .oinone-card-outlined:before {
   content: "\e81e";
 }