@gct-paas/core-web 0.1.5-dev.6 → 0.1.5-dev.8

package/es/components/field-tree-select/field-tree-select.vue_vue_type_style_index_0_scoped_898030d3_lang.css

@@ -0,0 +1,147 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.popover-bottom[data-v-898030d3] {
+  padding: 8px 0;
+  border-top: 1px solid #e8e8e8;
+}
+[data-v-898030d3] .gct-no-drop {
+  color: red;
+}
+[data-v-898030d3] .gct-no-drop .ant-tree-drop-indicator {
+  background-color: #8e8e8e !important;
+}
+[data-v-898030d3] .tree-field {
+  padding-top: 8px;
+}
+[data-v-898030d3] .tree-field .ant-tree-title .iconfont {
+  font-size: 12px;
+}
+[data-v-898030d3] .tree-field .ant-tree-icon__customize {
+  width: 20px;
+  text-align: left;
+}
+[data-v-898030d3] .tree-field .ant-tree-list-holder > div {
+  margin: 0 6px;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  align-items: center;
+  width: 100%;
+  padding: 6px 2px;
+  overflow: hidden;
+  transition: background 0.3s;
+  border-radius: 4px;
+  color: #5e5e5e;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode:hover {
+  background: var(--ant-primary-1);
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode:hover .action {
+  display: block;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode .action {
+  display: none;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode .action .disabled-action {
+  color: #ccc !important;
+  cursor: not-allowed !important;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode .action .disabled-action:hover {
+  color: #ccc !important;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode .ant-tree-switcher-noop {
+  width: 0;
+}
+[data-v-898030d3] .tree-field .ant-tree-treenode .ant-tree-indent-unit {
+  width: 12px;
+}
+[data-v-898030d3] .tree-field .ant-tree-node-content-wrapper {
+  display: flex;
+  flex: 1;
+  flex-shrink: 1;
+  flex-wrap: wrap;
+  min-width: 0;
+}
+[data-v-898030d3] .tree-field .ant-tree-node-content-wrapper .ant-tree-title {
+  flex: 1;
+  overflow: hidden;
+}
+[data-v-898030d3] .tree-field .ant-tree-switcher {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 24px;
+  line-height: 24px;
+}
+[data-v-898030d3] .tree-field .ant-tree-switcher .ant-tree-switcher-icon {
+  color: #797a7d;
+  font-size: 16px;
+}
+[data-v-898030d3] .tree-field .ant-tree-drop-indicator::after {
+  display: none !important;
+}

package/es/components/field-tree-select/index.d.ts

@@ -0,0 +1,307 @@
+export declare const gctFieldTreeSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    groupOptions: {
+        type: {
+            (arrayLength: number): IObject[];
+            (...items: IObject[]): IObject[];
+            new (arrayLength: number): IObject[];
+            new (...items: IObject[]): IObject[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        };
+        default: () => never[];
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    maxLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    getLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldTypeByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    setLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    groupOptions: {
+        type: {
+            (arrayLength: number): IObject[];
+            (...items: IObject[]): IObject[];
+            new (arrayLength: number): IObject[];
+            new (...items: IObject[]): IObject[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        };
+        default: () => never[];
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    maxLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    getLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldTypeByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    setLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    fieldMap: Record<string, any>;
+    groupOptions: IObject[];
+    fieldNames: Record<string, any>;
+    maxLevel: number;
+    getLabelByFun: Function;
+    getFieldTypeByFun: Function;
+    setLabelByFun: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    treeRef: unknown;
+    editorInput: unknown;
+}, any>;
+export declare const gctFieldSortPopover: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        fieldMap: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        groupOptions: {
+            type: {
+                (arrayLength: number): IObject[];
+                (...items: IObject[]): IObject[];
+                new (arrayLength: number): IObject[];
+                new (...items: IObject[]): IObject[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                readonly [Symbol.species]: ArrayConstructor;
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            };
+            default: () => never[];
+        };
+        fieldNames: {
+            type: ObjectConstructor;
+            default: () => {
+                children: string;
+                title: string;
+                key: string;
+            };
+        };
+        getLabelByFun: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        getFieldTypeByFun: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        getFieldHiddenByFun: {
+            type: FunctionConstructor;
+            default: (data: IObject) => any;
+        };
+        changeFieldHiddenByFun: {
+            type: FunctionConstructor;
+            default: (data: IObject, v: boolean) => void;
+        };
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (...args: any[]) => void;
+    }, import('vue').PublicProps, {
+        fieldMap: Record<string, any>;
+        groupOptions: IObject[];
+        fieldNames: Record<string, any>;
+        getLabelByFun: Function;
+        getFieldTypeByFun: Function;
+        getFieldHiddenByFun: Function;
+        changeFieldHiddenByFun: Function;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        fieldMap: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        groupOptions: {
+            type: {
+                (arrayLength: number): IObject[];
+                (...items: IObject[]): IObject[];
+                new (arrayLength: number): IObject[];
+                new (...items: IObject[]): IObject[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                readonly [Symbol.species]: ArrayConstructor;
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            };
+            default: () => never[];
+        };
+        fieldNames: {
+            type: ObjectConstructor;
+            default: () => {
+                children: string;
+                title: string;
+                key: string;
+            };
+        };
+        getLabelByFun: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        getFieldTypeByFun: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        getFieldHiddenByFun: {
+            type: FunctionConstructor;
+            default: (data: IObject) => any;
+        };
+        changeFieldHiddenByFun: {
+            type: FunctionConstructor;
+            default: (data: IObject, v: boolean) => void;
+        };
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        fieldMap: Record<string, any>;
+        groupOptions: IObject[];
+        fieldNames: Record<string, any>;
+        getLabelByFun: Function;
+        getFieldTypeByFun: Function;
+        getFieldHiddenByFun: Function;
+        changeFieldHiddenByFun: Function;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    groupOptions: {
+        type: {
+            (arrayLength: number): IObject[];
+            (...items: IObject[]): IObject[];
+            new (arrayLength: number): IObject[];
+            new (...items: IObject[]): IObject[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        };
+        default: () => never[];
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    getLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldTypeByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldHiddenByFun: {
+        type: FunctionConstructor;
+        default: (data: IObject) => any;
+    };
+    changeFieldHiddenByFun: {
+        type: FunctionConstructor;
+        default: (data: IObject, v: boolean) => void;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, {
+    fieldMap: Record<string, any>;
+    groupOptions: IObject[];
+    fieldNames: Record<string, any>;
+    getLabelByFun: Function;
+    getFieldTypeByFun: Function;
+    getFieldHiddenByFun: Function;
+    changeFieldHiddenByFun: Function;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});

package/es/components/field-tree-select/index.mjs

@@ -0,0 +1,7 @@
+import field_tree_select_default from "./field-tree-select.vue.mjs";
+import field_sort_popover_default from "./field-sort-popover.vue.mjs";
+//#region src/components/field-tree-select/index.ts
+var gctFieldTreeSelect = field_tree_select_default;
+var gctFieldSortPopover = field_sort_popover_default;
+//#endregion
+export { gctFieldSortPopover, gctFieldTreeSelect };

package/es/components/icon-next-picker/icon-next-picker.vue_vue_type_script_setup_true_name_IconNextPicker_lang.mjs

@@ -1,8 +1,8 @@
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vModelText, withCtx, withDirectives } from "vue";
 import { cloneDeep, debounce } from "lodash-es";
 import { usePlatformConfigStore } from "@gct-paas/core";
-import { IconNamespaceEnum, IconNext, useIconAsset, useIconPark, useIconPlatform } from "@gct-paas/core-components";
 import { Empty, Form } from "ant-design-vue";
+import { IconNamespaceEnum, IconNext, useIconAsset, useIconPark, useIconPlatform } from "@gct-paas/core-components";
 import "overlayscrollbars-vue";
 //#region src/components/icon-next-picker/icon-next-picker.vue?vue&type=script&setup=true&name=IconNextPicker&lang.ts
 var _hoisted_1 = { class: "icon-picker-next" };

package/es/components/index.d.ts

@@ -6,13 +6,17 @@ import { default as CopyModuleKey } from './copy-module-key/copy-module-key.vue'
 import { ImageUpload } from './image-upload';
 import { FieldUpload } from './field-upload';
 import { default as PaasBpmnLog } from './paas-bpmn-log/paas-bpmn-log.vue';
-export { BaseButton, BasicButton, DoubleInput, CopyModuleKey, ImageUpload, FieldUpload, PaasBpmnLog, };
+import { default as FullScreen } from './FullScreen/full-screen.vue';
+export { BaseButton, BasicButton, DoubleInput, CopyModuleKey, ImageUpload, FieldUpload, PaasBpmnLog, FullScreen, };
 export { CodeEditor } from './code-editor/code-editor';
 export { ViewContainer } from './layout/view-container/view-container';
 export { Vue3GridDndItem } from './vue3-grid-dnd-item/vue3-grid-dnd-item';
+export { FieldCascader } from './field-cascader';
 export * from './UserPick';
 export * from './BpmnRuntime';
 export * from './I18nSelect';
+export * from './serial-number';
+export * from './field-tree-select';
 export { default as NumberRange } from './number-range/number-range.vue';
 declare const _default: {
     install(app: App): void;

package/es/components/index.mjs

@@ -1,13 +1,16 @@
 import "./base-button/base-button.vue.mjs";
 import "./basic-button/basic-button.vue.mjs";
 import "./double-input/double-input.vue.mjs";
-import "./copy-module-key/copy-module-key.vue.mjs";
+import copy_module_key_default from "./copy-module-key/copy-module-key.vue.mjs";
 import "./image-upload/index.mjs";
 import "./field-upload/index.mjs";
 import "./paas-bpmn-log/paas-bpmn-log.vue.mjs";
+import "./FullScreen/full-screen.vue.mjs";
 import "./code-editor/code-editor.mjs";
 import "./layout/view-container/view-container.mjs";
 import "./vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
+import "./field-cascader/src/FieldCascader.vue.mjs";
+import "./field-cascader/index.mjs";
 import "./UserPick/src/constants/index.mjs";
 import "./UserPick/index.mjs";
 import "./BpmnRuntime/paas/paas-bpmn-runtime.vue.mjs";
@@ -20,10 +23,14 @@ import "./I18nSelect/src/i18n-select-input-form.vue.mjs";
 import "./I18nSelect/src/i18n-select-textarea.vue.mjs";
 import "./I18nSelect/src/i18n-select-textarea-form.vue.mjs";
 import "./I18nSelect/index.mjs";
+import "./serial-number/serial-number-container.vue.mjs";
+import "./serial-number/index.mjs";
+import "./field-tree-select/index.mjs";
 import "./number-range/number-range.vue.mjs";
 import { defineAsyncComponent } from "vue";
 //#region src/components/index.ts
 var components_default = { install(app) {
+	app.component(copy_module_key_default.name, copy_module_key_default);
 	app.component("IconNextPicker", defineAsyncComponent(() => import("./icon-next-picker/icon-next-picker.vue.mjs")));
 } };
 //#endregion

package/es/components/overlay-scrollbars/gct-overlay-scrollbars.css

@@ -0,0 +1,72 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+[data-gct-os] .os-scrollbar {
+  transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+[data-gct-os][data-gct-color] .os-scrollbar {
+  --os-handle-bg: var(--gct-h-bg);
+  --os-handle-bg-hover: color-mix(in srgb, var(--gct-h-bg) 80%, #000);
+  --os-handle-bg-active: color-mix(in srgb, var(--gct-h-bg) 60%, #000);
+}

package/es/components/overlay-scrollbars/gct-overlay-scrollbars.d.ts

@@ -0,0 +1,75 @@
+import { CSSProperties, PropType } from 'vue';
+import { ScrollbarsAutoHideBehavior } from 'overlayscrollbars';
+/** OverlayScrollbars 组件 scrollbars 子选项类型 */
+interface IOsScrollbarsOptions {
+    /** 滚动条主题（CSS 类名），内置值：os-theme-dark | os-theme-light */
+    theme?: string | null;
+    /** 滚动条自动隐藏行为 */
+    autoHide?: ScrollbarsAutoHideBehavior;
+    /** 自动隐藏延迟时间 (ms) */
+    autoHideDelay?: number;
+    /** 是否在自动隐藏期间挂起 */
+    autoHideSuspend?: boolean;
+    /** 是否支持拖拽滚动 */
+    dragScroll?: boolean;
+    /** 是否支持点击滚动 */
+    clickScroll?: boolean;
+    /** 允许触发滚动的指针类型列表 */
+    pointers?: string[] | null;
+}
+/** OverlayScrollbars 组件 options prop 的类型（与组件 prop 兼容） */
+interface IOsOptions {
+    /** 是否使用绝对定位的内边距 */
+    paddingAbsolute?: boolean;
+    /** 是否显示原生叠加滚动条 */
+    showNativeOverlaidScrollbars?: boolean;
+    /** 滚动条相关配置 */
+    scrollbars?: IOsScrollbarsOptions;
+}
+export declare const GctOverlayScrollbars: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * OverlayScrollbars 选项，与默认配置深合并，用户传入的 scrollbars 子项优先级更高
+     * 传入 false 时完全禁用默认配置
+     */
+    options: {
+        type: PropType<IOsOptions | false | null>;
+        default: null;
+    };
+    /**
+     * 滚动条把手颜色，传入任意 CSS 颜色值后覆盖主题内置颜色
+     * hover 态自动加深 20%，active 态加深 40%
+     * 例如：'#1677ff'、'rgba(22,119,255,0.6)'
+     * 不传时使用主题默认颜色
+     */
+    handleColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    mergedOptions: import('vue').ComputedRef<false | IOsOptions>;
+    colorStyle: import('vue').ComputedRef<CSSProperties | undefined>;
+    setOsRef: (el: unknown) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * OverlayScrollbars 选项，与默认配置深合并，用户传入的 scrollbars 子项优先级更高
+     * 传入 false 时完全禁用默认配置
+     */
+    options: {
+        type: PropType<IOsOptions | false | null>;
+        default: null;
+    };
+    /**
+     * 滚动条把手颜色，传入任意 CSS 颜色值后覆盖主题内置颜色
+     * hover 态自动加深 20%，active 态加深 40%
+     * 例如：'#1677ff'、'rgba(22,119,255,0.6)'
+     * 不传时使用主题默认颜色
+     */
+    handleColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    options: false | IOsOptions | null;
+    handleColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export {};