@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/README.md

@@ -1,107 +1,211 @@
-# Arco 物料项目
+# 智媒管家业务组件库
 
-[物料平台文档中心](https://arco.design/docs/material/guide)
+> 快速上手：[传送门](/docs/get-start.md)
+
+## 模块介绍
+
+业务组件库基于 Vue3 + Storybook 搭建，结合 ArcoDesgin，包含智媒管家平台核心业务相关组件
 
 ## 快速开始
 
-**在 `npm run dev` 前，请运行 `npm run add:component -- ComponentName` 创建第一个组件，否则 dev 将会因缺少 Story 入口而报错。**
+### 安装
 
+```bash
+npm install @cmstops/pro-compo
 ```
-# 添加组件
-npm run add:component -- YourComponentName
 
-# 开发
-npm run dev
+### 导入方式
 
-# 构建
-npm run build
+#### 1. 组件导入
 
-# 发布前预览
-npm run prepublishOnly && arco preview
+**全量导入（推荐）**
+```javascript
+import ProCompo from '@cmstops/pro-compo';
+import '@cmstops/pro-compo/style';
 
-# 发布至物料平台（需先发布 NPM 包）
-arco sync
+app.use(ProCompo);
 ```
 
+**按需导入**
+```javascript
+import { ContentModal, EditMetaInfo, AppCenter } from '@cmstops/pro-compo';
+import '@cmstops/pro-compo/style';
+```
 
-## 提供 Demo
+**直接导入组件文件**
+```javascript
+import contentModal from '@cmstops/pro-compo/es/contentModal';
+import editMetaInfo from '@cmstops/pro-compo/es/editMetaInfo';
+import appCenter from '@cmstops/pro-compo/es/appCenter';
+```
 
-Demo 目录位于 `src/demo`。你可以在此目录中加入多个 Demo，它们将被展示在物料平台的预览页。在 `src/demo/index.js` 中，通过 JSDoc 的语法提供物料及各个 Demo 的相关信息。
+#### 2. 样式导入
 
+**推荐方式**
 ```javascript
-// src/demo/index.js
-
-/**
- * @file
- * @title 组件名
- * @memberOf 组件类型，例如：数据输入
- * @description 描述你的组件。
- */
-
-/**
- * @title 基本用法
- * @description 描述你的例子
- */
-import Basic from './basic.vue';
-
-export const BasicDemo = () => Basic;
+import '@cmstops/pro-compo/style';
 ```
 
-## API 文档
-
-**为了帮助他人更好地使用你的组件，请提供详细的 API 文档。**
+**其他支持方式**
+```javascript
+// 直接导入 CSS
+import '@cmstops/pro-compo/es/pro-compo.css';
 
-### 书写注释
+// 向后兼容的 LESS 导入
+import '@cmstops/pro-compo/es/index.less';
+```
 
-我们使用了 [Vue Styleguidist](https://vue-styleguidist.github.io/) 来提取组件 Props 的注释，然后自动生成组件的 API 文档。为此，如果你想对外暴露一个 Property，请参照Vue Styleguidist 的规则书写注释：
+### 使用示例
 
 ```vue
-// ✅ 可以被正确提取的注释
-props: {
-  /**
-   * 提示文字
-   */
-  tip: String,
-  /**
-   * 按钮组件Props
-   */
-  buttonProps: {
-    // 如果使用PropType，请使用对象的形式定义
-    type: Object as PropType<Record<string, any>>,
-  },
-},
-
-// ❌ 没有书写注释的属性会被忽略
-props: {
-  disabled: Boolean,
-},
+<template>
+  <div>
+    <app-center :BASE_API="apiUrl" />
+    <content-modal 
+      :visible="modalVisible" 
+      @update:visible="modalVisible = $event"
+      @comfirm="handleConfirm"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { AppCenter, ContentModal } from '@cmstops/pro-compo';
+import '@cmstops/pro-compo/style';
+
+const modalVisible = ref(false);
+const apiUrl = 'https://your-api-domain.com';
+
+const handleConfirm = (data) => {
+  console.log('确认数据:', data);
+};
+</script>
 ```
 
-### 扩展 TEMPLATE.md
+## 版本规范
+
+关于版本，这里需要提一下
+
+按理论来讲业务组件的版本和产品的版本不应该有强关联（即产品的版本是 3.0，业务组件可以是 1.0）
+但是因为产品的买家（即甲方爸爸）使用的产品可能是 3.1、3.2、3.3...，并且会有强定制的情况
+
+所以这里我们需要有一个约定，以便研发人员更好的溯源 & 协作 & 维护～
 
-`TEMPLATE.md` 是用于自动文档生成的模板，你可以修改此文件添加更多组件的使用帮助信息，但请不要删除其原有的内容，否则可能导致内容替换失败。
+当前约定如下：
 
-```markdown
-// TEMPLATE.md
----
-file: index
----
+| 分支类型     | 分支名称                     | 描述                             | 使用位置      | 版本号规则                   |
+| ------------ | ---------------------------- | -------------------------------- | ------------- | ---------------------------- |
+| **主分支**   | main                         | 研发自测完毕并 _可以上线_ 的需求 | 预发布环境    | x.x.x-**rc**.y               |
+| **版本分支** | release/xxx                  | 经过完整测试的需求               | 线上/项目环境 | x.x.x-**stable**.y           |
+| **定制分支** | release/xxx-{{project.name}} | 经过测试的 _定制_ 需求           | 项目环境      | x.x.x-**{{project.name}}**.y |
+| **开发分支** | develop                      | 研发自测完毕的需求               | 测试环境      | x.x.x-**alpha**.y            |
 
-# TooltipButton
+> 所谓 "可以上线"，有两种情况：
+>
+> 1. 是指当前产品发布计划中是否有该功能，如果有，则可以合并至 main，否则不可以
+> 2. 该功能是所有版本通用的功能，无论产品版本是多少，都可以合并至 main
 
-## 属性/Props
+### 版本发布示例
 
-%%Props%%
+假设当前产品版本是 3.2.0
+此时：
 
-### OtherProps
+- 主分支 main 版本号为 3.2.0-rc.0
+- 版本分支 release/v3.2.0 版本号为 3.2.0-stable.0
+- 开发分支 develop 版本号为 3.2.0-alpha.0
 
-在这里你可以书写更多组件帮助文档。
+#### 示例 1：当前版本 bug 修复 A 功能和 B 功能
 
-## Demos
+1. 第一步：基于 release/v3.2.0 版本切出：hotfix/v3.2.0-A，hotfix/v3.2.0-B
+2. 第二步：bug-A 修复后，将 hotfix/v3.2.0-A 合并至 develop 自测并发布 3.2.0-alpha.**1**
+3. 第三步：bug-B 修复后，将 hotfix/v3.2.0-B 合并至 develop 自测并发布 3.2.0-alpha.**2**
+4. 第四步：自测完毕后，将 hotfix/v3.2.0-A & hotfix/v3.2.0-B 合并至 main 并发布 3.2.0-rc.**1** 交付测试
+5. 第五步：测试完毕后，将 hotfix/v3.2.0-A & hotfix/v3.2.0-B 合并至 release/v3.2.0 并发布 3.2.0-stable.**1** 交付线上
 
-%%Demos%%
+> 注意：第二步第三步可以分开 publish，也可以都合并到 develop 之后再 publish，因为两个 bug 不一定是同一个人修复，所以会有个先后顺序
+> 但是尽量 rc 和 stable 尽量统一发布，减少版本号的迭代，方便维护和问题追溯
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.2.0] --> B[hotfix/v3.2.0-A]
+    A --> C[hotfix/v3.2.0-B]
+    B --> D[develop 3.2.0-alpha.1]
+    C --> E[develop 3.2.0-alpha.2]
+    D --> F[main 3.2.0-rc.1]
+    E --> F
+    F --> G[release/v3.2.0 3.2.0-stable.1]
 ```
 
-## 测试
+#### 示例 2：历史版本 release/v3.0.0 bug 修复 C 功能
+
+1. 第一步：基于 release/v3.0.0 版本分支切出：hotfix/v3.0.0-C
+2. 第二步：bug-C 修复后，将 hotfix/v3.0.0-C 合并至 develop 自测，并发布 3.2.0-alpha.**3**
+3. 第三步：自测完毕后，将 hotfix/v3.0.0-C 合并至 main 并发布 3.2.0-rc.**2** 交付测试
+4. 第四步：测试完毕后，将 hotfix/v3.0.0-C 合并至 release/v3.0.0、release/v3.0.0、release/v3.1.0、release/v3.2.0；并发布：3.0.0-stable.x、3.1.0-stable.y、3.2.0-stable.**2**
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.0.0] --> B[hotfix/v3.0.0-C]
+    B --> C[develop 3.2.0-alpha.3]
+    C --> D[main 3.2.0-rc.2]
+    D --> E[release/v3.0.0 3.0.0-stable.x]
+    D --> F[release/v3.1.0 3.1.0-stable.y]
+    D --> G[release/v3.2.0 3.2.0-stable.2]
+```
+
+> 注意：如果是低版本的问题，尽可能的在出问题的版本处理，然后逐层向上合并（如果新版本已经修复并且代码改动较多，有冲突时，解决冲突并保留新版本原逻辑即可）
+> **如果按照社区常见的版本迭代规则，bug 的解决应该是在最新版本，旧版本的代码是不会改动的。**  
+> **但是实际我们自己的业务场景必须低版本也要能解决，为了尽量不去重复写代码，只能去手动的维护一下该操作。**
+
+#### 示例 3：新版本 release/v3.3.0 功能 D 开发
+
+1. 第一步：基于 release/v3.2.0 版本切出：feature/v3.3.0-D
+2. 第二步：Feat-D 开发完毕后，将 feature/v3.3.0-D 合并至 develop 自测，并发布 3.3.0-alpha.**0**
+3. 第三步：自测完毕后，将 feature/v3.3.0-D 合并至 main，并发布 3.3.0-rc.**0**
+4. 第四步：测试完毕后，基于 release/v3.2.0 切出 release/v3.3.0，将 feature/v3.3.0-D 合并至 release/v3.3.0
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.2.0] --> B[feature/v3.3.0-D]
+    B --> C[develop 3.3.0-alpha.0]
+    C --> D[main 3.3.0-rc.0]
+    A --> E[release/v3.3.0]
+    D --> E
+```
+
+#### 示例 4：通用功能 E 开发
+
+1. 第一步：基于最早版本 release/v3.0.0 切出：feature/v3.0.0-E
+2. 第二步：Feat-E 开发完毕后，将 feature/v3.0.0-E 合并至 develop 自测，并发布 3.3.0-alpha.**1**
+3. 第三步：自测完毕后，将 feature/v3.0.0-E 合并至 main，并发布 3.3.0-rc.**1**
+4. 第四步：测试完毕后，将 feature/v3.0.0-E 合并至 release/v3.0.0、releaes/v3.1.0、release/v3.2.0、release/v3.3.0
+
+> 业务组件库这个项目和其他模块的不同之处在于，如果这里说是新功能
+> 一般是指又抽离出了一个产品的核心业务，而这个核心业务与产品的 **版本** 关联性不强，所有版本均可使用的这种功能
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.0.0] --> B[feature/v3.0.0-E]
+    B --> C[develop 3.3.0-alpha.1]
+    C --> D[main 3.3.0-rc.1]
+    D --> E[release/v3.0.0]
+    D --> F[release/v3.1.0]
+    D --> G[release/v3.2.0]
+    D --> H[release/v3.3.0]
+```
+
+#### 示例 5：3.1.0 版本 _G_ 项目定制 功能 F 开发
+
+1. 第一步：基于 release/v3.1.0 切出：feature/v3.1.0-G-F
+2. 第二步：Feat-F 开发完毕后，基于 release/v3.1.0 切出 release/v3.1.0-G，将 feature/v3.1.0-G-F 合并至 release/v3.1.0-G，并发布 3.1.0-G.**0**
 
-测试目录位于 `src/__test__`。你可以在 `index.test.tsx` 中编写你的测试用例，在 `demo.test.tsx` 中可以进行基于 Demo 的快照测试。
+> 注意：如果有项目有定制，后续的任何通用更新不会覆盖该版本，所以在定制之前需和产品 **再三确认**

package/dist/appCenter/component.vue.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /**
+     * API基础地址
+     * @description 用于构建应用图标和API请求的基础URL
+     * @default DEFAULT_BASE_API
+     */
+    BASE_API?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * 自定义触发器插槽
+         * @description 用于自定义应用中心的触发按钮，如果不提供则使用默认的"应用中心"按钮
+         */
+        reference?: () => any;
+    }> & {
+        /**
+         * 自定义触发器插槽
+         * @description 用于自定义应用中心的触发按钮，如果不提供则使用默认的"应用中心"按钮
+         */
+        reference?: () => any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    BASE_API: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/appCenter/index.d.ts

@@ -0,0 +1,35 @@
+import { App, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+declare const appCenter: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
+        BASE_API?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        BASE_API: string;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        BASE_API?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+        BASE_API: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly<{
+    BASE_API?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    BASE_API: string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        reference?: () => any;
+    }> & {
+        reference?: () => any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+export default appCenter;

package/dist/appCenter/script/api.d.ts

@@ -0,0 +1,12 @@
+import { AxiosResponse } from 'axios';
+interface Params {
+    repo_id?: string;
+    app_id?: number;
+    [key: string]: any;
+}
+export declare function getUserRepoActs(BASE_API: string): Promise< AxiosResponse<any, any, {}>>;
+export declare function getPubApps(BASE_API: string, params: Params): Promise< AxiosResponse<any, any, {}>>;
+export declare function getResentApp(BASE_API: string, params: Params): Promise< AxiosResponse<any, any, {}>>;
+export declare function setResentApp(BASE_API: string, params: Params): Promise< AxiosResponse<any, any, {}>>;
+export declare function getBtnSlot(BASE_API: string, params: Params): Promise< AxiosResponse<any, any, {}>>;
+export {};

package/dist/appCenter/script/permissionMap.d.ts

@@ -0,0 +1,6 @@
+type PermissionItem = {
+    key: string;
+    real: string | string[];
+};
+export default function permissionMap(permissions: string[], item: PermissionItem, hideList?: string[]): boolean;
+export {};

package/dist/appCenter.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './appCenter/index'
+export default _default
+export {}

package/dist/baseFilter/component.vue.d.ts

@@ -0,0 +1,226 @@
+import { nextTick, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
+/**
+ * 列配置接口
+ * @description 定义筛选器列的配置选项
+ */
+interface FilterColumn {
+    /** 列的唯一标识 */
+    key: string;
+    /** 列的显示标签 */
+    label: string;
+    /** 组件类型 */
+    component?: 'input' | 'select' | 'date' | 'range' | 'input-group' | 'range-picker' | 'radio';
+    /** 占位符文本 */
+    placeholder?: string;
+    /** 选择项配置 */
+    options?: Array<{
+        value: any;
+        label: string;
+    }>;
+    /** 是否允许搜索（用于select） */
+    allowSearch?: boolean;
+    /** 输入框标签（用于input-group） */
+    inputLabel?: string;
+    /** 输入框键名（用于input-group） */
+    inputKey?: string;
+    /** 选择框键名（用于input-group） */
+    selectKey?: string;
+    /** 选择框选项（用于input-group） */
+    selectOptions?: Array<{
+        value: any;
+        label: string;
+    }>;
+    /** 范围键名（用于范围选择） */
+    range?: string;
+    /** 插槽名称 */
+    slot?: string;
+    /** 样式宽度 */
+    width?: string;
+    /** 数据类型 */
+    type?: string;
+    /** 默认值 */
+    defaultValue?: any;
+    /** 选择框默认值（用于input-group） */
+    selectDefaultValue?: any;
+    /** 输入框默认值（用于input-group） */
+    inputDefaultValue?: any;
+}
+type __VLS_Props = {
+    /**
+     * API基础地址
+     * @description 用于构建API请求的基础URL，如果不提供则使用默认值
+     * @default undefined
+     */
+    BASE_API?: string;
+    /**
+     * 列配置数组
+     * @description 定义筛选器的列配置，支持多种组件类型
+     */
+    columns: FilterColumn[];
+    /**
+     * 是否格式化查询参数
+     * @description 是否对查询参数进行格式化处理
+     * @default false
+     */
+    formatQuery?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        [key: string]: (props: {
+            item: FilterColumn;
+            index: number;
+        }) => any;
+        /**
+         * 右侧操作区域插槽
+         * @description 在筛选器右侧显示操作按钮等
+         */
+        right?: () => any;
+    }> & {
+        [key: string]: (props: {
+            item: FilterColumn;
+            index: number;
+        }) => any;
+        /**
+         * 右侧操作区域插槽
+         * @description 在筛选器右侧显示操作按钮等
+         */
+        right?: () => any;
+    };
+    refs: {
+        filterGroup: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                moreBtnRef: HTMLDivElement;
+                dpPannelRef: HTMLDivElement;
+                filterItemsRef: HTMLDivElement;
+                tempNode: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                refreshPanel: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "refreshPanel"> & ShallowUnwrapRef<{
+            refreshPanel: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                left?(_: {}): any;
+                right?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {
+    resetFilter: () => void;
+    getFormData: () => any;
+    setFormData: (data: any) => void;
+    triggerSearch: () => void;
+    refreshPanel: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    search: (data: any) => any;
+    selectSearch: (data: any) => any;
+    selectPopupChange: (data: any) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((data: any) => any) | undefined;
+    onSelectSearch?: ((data: any) => any) | undefined;
+    onSelectPopupChange?: ((data: any) => any) | undefined;
+}>, {
+    formatQuery: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    filterGroup: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            moreBtnRef: HTMLDivElement;
+            dpPannelRef: HTMLDivElement;
+            filterItemsRef: HTMLDivElement;
+            tempNode: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+            refreshPanel: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "refreshPanel"> & ShallowUnwrapRef<{
+        refreshPanel: () => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            left?(_: {}): any;
+            right?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/baseFilter/components/FilterGroup.vue.d.ts

@@ -0,0 +1,31 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {
+        moreBtnRef: HTMLDivElement;
+        dpPannelRef: HTMLDivElement;
+        filterItemsRef: HTMLDivElement;
+        tempNode: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {
+    refreshPanel: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    moreBtnRef: HTMLDivElement;
+    dpPannelRef: HTMLDivElement;
+    filterItemsRef: HTMLDivElement;
+    tempNode: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/baseFilter/components/filterItem.vue.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type ComponentProps = {
+    active: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/baseFilter.d.ts

@@ -0,0 +1 @@
+export {}