straw-ui-vue 0.1.12 → 0.1.14

package/README.md

@@ -1,42 +1,205 @@
-# straw-ui-vue
+# Straw UI
 
-This template should help get you started developing with Vue 3 in Vite.
+一个基于 Vue 3 + TypeScript + UnoCSS 的现代组件库。
 
-## Recommended IDE Setup
+## 特性
 
-[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+- 🚀 **Vue 3 + TypeScript** - 完整的类型支持
+- 🎨 **UnoCSS** - 原子化 CSS，按需生成
+- 📦 **零运行时依赖** - 仅对等依赖 Vue 3
+- 🔧 **按需导入** - 支持 tree-shaking
+- 🌙 **暗色主题** - 内置暗色模式支持
 
-## Recommended Browser Setup
+## 安装
 
-- Chromium-based browsers (Chrome, Edge, Brave, etc.):
-  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
-- Firefox:
-  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
-  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+```bash
+npm install straw-ui-vue
+```
+
+## 快速开始
+
+### 完整引入
+
+```ts
+import { createApp } from 'vue';
+import StrawUI from 'straw-ui-vue';
+import 'straw-ui-vue/style.css';
+
+const app = createApp(App);
+app.use(StrawUI);
+```
+
+### 按需导入
+
+```vue
+<script setup lang="ts">
+import { StButton, StInput } from 'straw-ui-vue';
+import 'straw-ui-vue/style.css';
+</script>
+
+<template>
+  <StButton>Click me</StButton>
+  <StInput v-model="value" placeholder="Type something" />
+</template>
+```
+
+## UnoCSS 集成
+
+Straw UI 基于 UnoCSS 构建，提供三种集成方案：
+
+### 方案一：使用预设（推荐）
+
+```ts
+// uno.config.ts
+import { defineConfig, presetWind4, presetIcons } from 'unocss';
+import { presetStrawUI } from 'straw-ui-vue/unocss';
+
+export default defineConfig({
+  presets: [
+    presetWind4(),
+    presetIcons(),
+    presetStrawUI(), // Straw UI 预设
+  ],
+});
+```
+
+### 方案二：使用 safelist
+
+```ts
+// uno.config.ts
+import { defineConfig } from 'unocss';
+import { getStrawUISafelist } from 'straw-ui-vue/unocss';
+
+export default defineConfig({
+  safelist: [...getStrawUISafelist()],
+});
+```
+
+### 方案三：仅引入样式
+
+不使用 UnoCSS 时，直接引入预编译的样式：
+
+```ts
+import 'straw-ui-vue/style.css';
+```
+
+详细配置请参阅 [UnoCSS 集成文档](./docs/unocss.md)。
+
+## TypeScript 支持
+
+Straw UI 提供完整的 TypeScript 类型支持。
 
-## Type Support for `.vue` Imports in TS
+### 全局组件类型
 
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+```json
+// tsconfig.json
+{
+  "compilerOptions": {
+    "types": ["straw-ui-vue/global-components"]
+  }
+}
+```
+
+详细配置请参阅 [TypeScript 配置指南](./docs/typescript.md)。
+
+## 组件列表
+
+| 组件 | 说明 |
+|------|------|
+| `StButton` | 按钮组件 |
+| `StInput` | 输入框组件 |
+| `StCheckbox` | 复选框组件 |
+| `StCheckboxGroup` | 复选框组组件 |
+| `StRadio` | 单选框组件 |
+| `StRadioGroup` | 单选框组组件 |
+| `StSelect` | 选择器组件 |
+| `StDialog` | 对话框组件 |
+| `StPopover` | 弹出框组件 |
+| `StTooltip` | 提示框组件 |
+| `StMenu` | 菜单组件 |
+| `StSidebar` | 侧边栏组件 |
+| `StSidebarItem` | 侧边栏项组件 |
+| `StSplitter` | 分割器组件 |
+| `StSplitterPanel` | 分割面板组件 |
+| `StTree` | 树形组件 |
+| `StToggle` | 开关组件 |
+
+## 自定义指令
+
+| 指令 | 说明 |
+|------|------|
+| `v-intersection` | 元素可视区域监听 |
+| `v-interval` | 定时器指令 |
+| `v-move` | 元素拖拽移动 |
+| `v-resize` | 元素尺寸变化监听 |
+
+## 主题定制
 
-## Customize configuration
+Straw UI 使用 CSS 变量定义主题，你可以通过覆盖变量来自定义主题：
 
-See [Vite Configuration Reference](https://vite.dev/config/).
+```css
+:root {
+  --primary: #3b82f6;
+  --primary-foreground: #ffffff;
+  --radius: 0.5rem;
+  /* 更多变量... */
+}
 
-## Project Setup
+[data-theme='dark'] {
+  --primary: #3b82f6;
+  /* 暗色主题变量... */
+}
+```
+
+完整变量列表请参阅 [UnoCSS 集成文档](./docs/unocss.md#主题变量)。
+
+## 开发
+
+### 环境要求
+
+- Node.js: `^20.19.0 || >=22.12.0`
+
+### 安装依赖
 
 ```sh
-bun install
+npm install
 ```
 
-### Compile and Hot-Reload for Development
+### 开发模式
 
 ```sh
-bun dev
+npm run dev
 ```
 
-### Type-Check, Compile and Minify for Production
+### 构建库
 
 ```sh
-bun run build
+npm run build:lib
 ```
+
+### 类型检查
+
+```sh
+npm run type-check
+```
+
+### 文档开发
+
+```sh
+npm run docs:dev
+```
+
+## 文档
+
+- [UnoCSS 集成](./docs/unocss.md)
+- [TypeScript 配置](./docs/typescript.md)
+
+## 推荐 IDE 设置
+
+- [VS Code](https://code.visualstudio.com/)
+- [Vue - Official (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.volar)（禁用 Vetur）
+- [UnoCSS](https://marketplace.visualstudio.com/items?itemName=antfu.unocss)
+
+## License
+
+MIT

package/dist/{types/src/components → components}/st-button/index.d.ts

@@ -1,11 +1,11 @@
 export declare const StButton: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').ButtonProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StButtonProps> & Readonly<{
         onClick?: (event: MouseEvent) => any;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (event: MouseEvent) => any;
     }, import('vue').PublicProps, {
-        type: import('./types.d.ts').ButtonType;
-        variant: import('./types.d.ts').ButtonVariant;
+        type: import('./types.d.ts').StButtonType;
+        variant: import('./types.d.ts').StButtonVariant;
         disabled: boolean;
         loading: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -15,28 +15,28 @@ export declare const StButton: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types.d.ts').ButtonProps> & Readonly<{
+    }, Readonly<import('./types.d.ts').StButtonProps> & Readonly<{
         onClick?: (event: MouseEvent) => any;
     }>, {}, {}, {}, {}, {
-        type: import('./types.d.ts').ButtonType;
-        variant: import('./types.d.ts').ButtonVariant;
+        type: import('./types.d.ts').StButtonType;
+        variant: import('./types.d.ts').StButtonVariant;
         disabled: boolean;
         loading: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').ButtonProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StButtonProps> & Readonly<{
     onClick?: (event: MouseEvent) => any;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, {
-    type: import('./types.d.ts').ButtonType;
-    variant: import('./types.d.ts').ButtonVariant;
+    type: import('./types.d.ts').StButtonType;
+    variant: import('./types.d.ts').StButtonVariant;
     disabled: boolean;
     loading: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./types.d.ts').ButtonSlots> & import('./types.d.ts').ButtonSlots;
+    $slots: import('./types.d.ts').StButtonSlots;
 });
 export default StButton;
 export type * from './types.d.ts';

package/dist/components/st-button/st-button.d.ts

@@ -0,0 +1,20 @@
+import { StButtonProps, StButtonSlots, StButtonType, StButtonVariant } from './types.d.ts';
+type __VLS_Slots = StButtonSlots;
+declare const __VLS_base: import('vue').DefineComponent<StButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<StButtonProps> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {
+    type: StButtonType;
+    variant: StButtonVariant;
+    disabled: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{types/src/components → components}/st-button/types.d.ts

@@ -1,21 +1,21 @@
 /**
  * 按钮变体类型
  * */
-export type ButtonVariant = 'primary' | 'default' | 'ghost';
+export type StButtonVariant = 'primary' | 'default' | 'ghost';
 
 /**
  * 按钮类型
  * */
-export type ButtonType = 'default' | 'icon';
+export type StButtonType = 'default' | 'icon';
 
 /**
  * 按钮组件属性
  * */
-export interface ButtonProps {
+export interface StButtonProps {
 	/** 按钮变体类型 */
-	variant?: ButtonVariant;
+	variant?: StButtonVariant;
 	/** 按钮类型 */
-	type?: ButtonType;
+	type?: StButtonType;
 	/** 是否禁用 */
 	disabled?: boolean;
 	/** 是否显示加载状态 */
@@ -41,7 +41,7 @@ export interface ButtonProps {
 /**
  * 按钮组件插槽类型
  * */
-export interface ButtonSlots {
+export interface StButtonSlots {
 	/** 默认插槽 */
 	default?: () => unknown;
 	/** 前缀图标插槽 */
@@ -53,7 +53,7 @@ export interface ButtonSlots {
 /**
  * 按钮组件事件类型
  * */
-export interface ButtonEmits {
+export interface StButtonEmits {
 	/** 点击事件 */
 	click: [event: MouseEvent];
 }

package/dist/components/st-cascade/index.d.ts

@@ -0,0 +1,236 @@
+export declare const StCascade: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCascadeProps & {
+        modelValue?: (string | number)[];
+        multipleValue?: (string | number)[][];
+    }> & Readonly<{
+        onClear?: () => any;
+        onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onRemoveTag?: (value: (string | number)[]) => any;
+        "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+    }>, import('./types.d.ts').StCascadeExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        clear: () => any;
+        change: (value: (string | number)[] | (string | number)[][]) => any;
+        visibleChange: (visible: boolean) => any;
+        "update:modelValue": (...args: unknown[]) => any;
+        removeTag: (value: (string | number)[]) => any;
+        "update:multipleValue": (value: (string | number)[][]) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        triggerClass: ClassValue;
+        triggerStyle: StyleValue;
+        placeholder: string;
+        clearable: boolean;
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+        separator: string;
+        multiple: boolean;
+        options: import('./types.d.ts').StCascadeOption[];
+        panelClass: ClassValue;
+        panelStyle: StyleValue;
+        menuItemClass: ClassValue;
+        menuItemStyle: StyleValue;
+        popoverClass: ClassValue;
+        popoverStyle: StyleValue;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types.d.ts').StCascadeProps & {
+        modelValue?: (string | number)[];
+        multipleValue?: (string | number)[][];
+    }> & Readonly<{
+        onClear?: () => any;
+        onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onRemoveTag?: (value: (string | number)[]) => any;
+        "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+    }>, import('./types.d.ts').StCascadeExpose, {}, {}, {}, {
+        disabled: boolean;
+        triggerClass: ClassValue;
+        triggerStyle: StyleValue;
+        placeholder: string;
+        clearable: boolean;
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+        separator: string;
+        multiple: boolean;
+        options: import('./types.d.ts').StCascadeOption[];
+        panelClass: ClassValue;
+        panelStyle: StyleValue;
+        menuItemClass: ClassValue;
+        menuItemStyle: StyleValue;
+        popoverClass: ClassValue;
+        popoverStyle: StyleValue;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCascadeProps & {
+    modelValue?: (string | number)[];
+    multipleValue?: (string | number)[][];
+}> & Readonly<{
+    onClear?: () => any;
+    onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    onRemoveTag?: (value: (string | number)[]) => any;
+    "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+}>, import('./types.d.ts').StCascadeExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    change: (value: (string | number)[] | (string | number)[][]) => any;
+    visibleChange: (visible: boolean) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    removeTag: (value: (string | number)[]) => any;
+    "update:multipleValue": (value: (string | number)[][]) => any;
+}, string, {
+    disabled: boolean;
+    triggerClass: ClassValue;
+    triggerStyle: StyleValue;
+    placeholder: string;
+    clearable: boolean;
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+    separator: string;
+    multiple: boolean;
+    options: import('./types.d.ts').StCascadeOption[];
+    panelClass: ClassValue;
+    panelStyle: StyleValue;
+    menuItemClass: ClassValue;
+    menuItemStyle: StyleValue;
+    popoverClass: ClassValue;
+    popoverStyle: StyleValue;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?: (props: {}) => any;
+    } & {
+        empty?: (props: {}) => any;
+    };
+}) & {
+    StCascadePanel: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCascadePanelProps> & Readonly<{
+            onSelect?: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+            "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+            onExpand?: (level: number, value: string | number) => any;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            select: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+            "update:modelValue": (value: (string | number)[]) => any;
+            expand: (level: number, value: string | number) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            modelValue: (string | number)[];
+            labelKey: string;
+            valueKey: string;
+            childrenKey: string;
+            options: import('./types.d.ts').StCascadeOption[];
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./types.d.ts').StCascadePanelProps> & Readonly<{
+            onSelect?: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+            "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+            onExpand?: (level: number, value: string | number) => any;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            modelValue: (string | number)[];
+            labelKey: string;
+            valueKey: string;
+            childrenKey: string;
+            options: import('./types.d.ts').StCascadeOption[];
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCascadePanelProps> & Readonly<{
+        onSelect?: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+        "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+        onExpand?: (level: number, value: string | number) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+        "update:modelValue": (value: (string | number)[]) => any;
+        expand: (level: number, value: string | number) => any;
+    }, string, {
+        disabled: boolean;
+        modelValue: (string | number)[];
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+        options: import('./types.d.ts').StCascadeOption[];
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            empty?: (props: {}) => any;
+        };
+    });
+};
+export declare const StCascadePanel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCascadePanelProps> & Readonly<{
+        onSelect?: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+        "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+        onExpand?: (level: number, value: string | number) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+        "update:modelValue": (value: (string | number)[]) => any;
+        expand: (level: number, value: string | number) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        modelValue: (string | number)[];
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+        options: import('./types.d.ts').StCascadeOption[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types.d.ts').StCascadePanelProps> & Readonly<{
+        onSelect?: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+        "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+        onExpand?: (level: number, value: string | number) => any;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        modelValue: (string | number)[];
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+        options: import('./types.d.ts').StCascadeOption[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCascadePanelProps> & Readonly<{
+    onSelect?: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+    "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+    onExpand?: (level: number, value: string | number) => any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: (string | number)[], option: import('./types.d.ts').StCascadeOption) => any;
+    "update:modelValue": (value: (string | number)[]) => any;
+    expand: (level: number, value: string | number) => any;
+}, string, {
+    disabled: boolean;
+    modelValue: (string | number)[];
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+    options: import('./types.d.ts').StCascadeOption[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        empty?: (props: {}) => any;
+    };
+});
+export default StCascade;
+export type * from './types.d.ts';

package/dist/components/st-cascade/st-cascade-panel.d.ts

@@ -0,0 +1,29 @@
+import { StCascadeOption, StCascadePanelProps } from './types.d.ts';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<StCascadePanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: (string | number)[], option: StCascadeOption) => any;
+    "update:modelValue": (value: (string | number)[]) => any;
+    expand: (level: number, value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<StCascadePanelProps> & Readonly<{
+    onSelect?: (value: (string | number)[], option: StCascadeOption) => any;
+    "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+    onExpand?: (level: number, value: string | number) => any;
+}>, {
+    disabled: boolean;
+    modelValue: (string | number)[];
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+    options: StCascadeOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/st-cascade/st-cascade.d.ts

@@ -0,0 +1,60 @@
+import { StCascadeOption, StCascadeExpose, StCascadeProps } from './types.d.ts';
+type __VLS_Props = StCascadeProps;
+type __VLS_ModelProps = {
+    /**
+     * 单选模式下的选中路径
+     * */
+    modelValue?: (string | number)[];
+    /**
+     * 多选模式下的选中路径列表
+     * */
+    'multipleValue'?: (string | number)[][];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_25: {}, __VLS_41: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_25) => any;
+} & {
+    empty?: (props: typeof __VLS_41) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StCascadeExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    change: (value: (string | number)[] | (string | number)[][]) => any;
+    visibleChange: (visible: boolean) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    removeTag: (value: (string | number)[]) => any;
+    "update:multipleValue": (value: (string | number)[][]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: () => any;
+    onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    onRemoveTag?: (value: (string | number)[]) => any;
+    "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+}>, {
+    disabled: boolean;
+    triggerClass: ClassValue;
+    triggerStyle: StyleValue;
+    placeholder: string;
+    clearable: boolean;
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+    separator: string;
+    multiple: boolean;
+    options: StCascadeOption[];
+    panelClass: ClassValue;
+    panelStyle: StyleValue;
+    menuItemClass: ClassValue;
+    menuItemStyle: StyleValue;
+    popoverClass: ClassValue;
+    popoverStyle: StyleValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};