f-low-code-renderer 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +242 -0
- package/dist/components/DynamicTable/components/EditableTable.vue.d.ts +12 -0
- package/dist/components/DynamicTable/components/EditableTable.vue.d.ts.map +1 -0
- package/dist/components/DynamicTable/components/SetColWidthModal.vue.d.ts +12 -0
- package/dist/components/DynamicTable/components/SetColWidthModal.vue.d.ts.map +1 -0
- package/dist/components/DynamicTable/components/TableDesignModal.vue.d.ts +14 -0
- package/dist/components/DynamicTable/components/TableDesignModal.vue.d.ts.map +1 -0
- package/dist/components/DynamicTable/icon/Close.vue.d.ts +24 -0
- package/dist/components/DynamicTable/icon/Close.vue.d.ts.map +1 -0
- package/dist/components/DynamicTable/index.vue.d.ts +17 -0
- package/dist/components/DynamicTable/index.vue.d.ts.map +1 -0
- package/dist/components/DynamicTable/types.d.ts +22 -0
- package/dist/components/DynamicTable/types.d.ts.map +1 -0
- package/dist/components/HsTab/HsTabPane.vue.d.ts +43 -0
- package/dist/components/HsTab/HsTabPane.vue.d.ts.map +1 -0
- package/dist/components/HsTab/index.d.ts +12 -0
- package/dist/components/HsTab/index.d.ts.map +1 -0
- package/dist/components/HsTab/index.vue.d.ts +35 -0
- package/dist/components/HsTab/index.vue.d.ts.map +1 -0
- package/dist/components/IconClose.vue.d.ts +24 -0
- package/dist/components/IconClose.vue.d.ts.map +1 -0
- package/dist/components/ImageDiffv2/index.vue.d.ts +43 -0
- package/dist/components/ImageDiffv2/index.vue.d.ts.map +1 -0
- package/dist/components/LazyImage/index.vue.d.ts +50 -0
- package/dist/components/LazyImage/index.vue.d.ts.map +1 -0
- package/dist/components/LazyVideo/index.vue.d.ts +86 -0
- package/dist/components/LazyVideo/index.vue.d.ts.map +1 -0
- package/dist/components/PreviewMedia/components/PreviewModal.vue.d.ts +28 -0
- package/dist/components/PreviewMedia/components/PreviewModal.vue.d.ts.map +1 -0
- package/dist/components/PreviewMedia/icon/Enlarge.vue.d.ts +24 -0
- package/dist/components/PreviewMedia/icon/Enlarge.vue.d.ts.map +1 -0
- package/dist/components/PreviewMedia/index.vue.d.ts +25 -0
- package/dist/components/PreviewMedia/index.vue.d.ts.map +1 -0
- package/dist/components/icons/Left.vue.d.ts +33 -0
- package/dist/components/icons/Left.vue.d.ts.map +1 -0
- package/dist/components/icons/Right.vue.d.ts +33 -0
- package/dist/components/icons/Right.vue.d.ts.map +1 -0
- package/dist/components/v2/FBanner.vue.d.ts +15 -0
- package/dist/components/v2/FBanner.vue.d.ts.map +1 -0
- package/dist/components/v2/FCarouselTextMedia.vue.d.ts +16 -0
- package/dist/components/v2/FCarouselTextMedia.vue.d.ts.map +1 -0
- package/dist/components/v2/FCaseShow.vue.d.ts +16 -0
- package/dist/components/v2/FCaseShow.vue.d.ts.map +1 -0
- package/dist/components/v2/FMedia.vue.d.ts +15 -0
- package/dist/components/v2/FMedia.vue.d.ts.map +1 -0
- package/dist/components/v2/FTabTextMedia.vue.d.ts +15 -0
- package/dist/components/v2/FTabTextMedia.vue.d.ts.map +1 -0
- package/dist/components/v2/FText.vue.d.ts +15 -0
- package/dist/components/v2/FText.vue.d.ts.map +1 -0
- package/dist/components/v2/FTitle.vue.d.ts +15 -0
- package/dist/components/v2/FTitle.vue.d.ts.map +1 -0
- package/dist/components/v2/animation.d.ts +20 -0
- package/dist/components/v2/animation.d.ts.map +1 -0
- package/dist/f-low-code-renderer.cjs +15 -0
- package/dist/f-low-code-renderer.css +1 -0
- package/dist/f-low-code-renderer.mjs +10279 -0
- package/dist/hooks/useCommonStyle.d.ts +5 -0
- package/dist/hooks/useCommonStyle.d.ts.map +1 -0
- package/dist/index.d.ts +419 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/types/enums.d.ts +34 -0
- package/dist/types/enums.d.ts.map +1 -0
- package/dist/types/index.d.ts +74 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/table.d.ts +22 -0
- package/dist/types/table.d.ts.map +1 -0
- package/dist/utils/media.d.ts +3 -0
- package/dist/utils/media.d.ts.map +1 -0
- package/package.json +46 -0
package/README.md
ADDED
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
# f-low-code-renderer
|
|
2
|
+
|
|
3
|
+
低代码页面 PC 端渲染组件库(v2 版本)。所有组件以 `V2` 后缀命名,便于与后续版本共存。
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install f-low-code-renderer
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## 使用
|
|
12
|
+
|
|
13
|
+
### 全量注册
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
import { createApp } from 'vue'
|
|
17
|
+
import FLowCodeRenderer from 'f-low-code-renderer'
|
|
18
|
+
import 'f-low-code-renderer/style.css'
|
|
19
|
+
|
|
20
|
+
const app = createApp(App)
|
|
21
|
+
app.use(FLowCodeRenderer)
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
注册后组件会以组件名注册到全局,可直接在模板中使用:
|
|
25
|
+
|
|
26
|
+
```vue
|
|
27
|
+
<template>
|
|
28
|
+
<FBannerV2 :config="bannerConfig" />
|
|
29
|
+
<FTitleV2 :config="titleConfig" />
|
|
30
|
+
<FTextV2 :config="textConfig" />
|
|
31
|
+
<FMediaV2 :config="mediaConfig" />
|
|
32
|
+
<FTabTextMediaV2 :config="tabConfig" />
|
|
33
|
+
<FCarouselTextMediaV2 :config="carouselConfig" />
|
|
34
|
+
<FCaseShowV2 :config="caseConfig" />
|
|
35
|
+
</template>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### 按需导入
|
|
39
|
+
|
|
40
|
+
```ts
|
|
41
|
+
import { FBannerV2, FTitleV2 } from 'f-low-code-renderer'
|
|
42
|
+
import 'f-low-code-renderer/style.css'
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
```vue
|
|
46
|
+
<template>
|
|
47
|
+
<FBannerV2 :config="bannerConfig" />
|
|
48
|
+
<FTitleV2 :config="titleConfig" />
|
|
49
|
+
</template>
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## 组件
|
|
53
|
+
|
|
54
|
+
### v2 核心组件
|
|
55
|
+
|
|
56
|
+
| 组件 | 注册名 | 说明 |
|
|
57
|
+
|------|--------|------|
|
|
58
|
+
| `FBannerV2` | FBannerV2 | 横幅 Banner |
|
|
59
|
+
| `FTitleV2` | FTitleV2 | 标题(模块标题 / 序号标题),支持滚动动画 |
|
|
60
|
+
| `FTextV2` | FTextV2 | 文本块,支持滚动动画 |
|
|
61
|
+
| `FMediaV2` | FMediaV2 | 媒体(图片 / 视频),支持滚动动画 |
|
|
62
|
+
| `FTabTextMediaV2` | FTabTextMediaV2 | Tab 切换图文,支持滚动动画 |
|
|
63
|
+
| `FCarouselTextMediaV2` | FCarouselTextMediaV2 | Swiper 轮播图文 |
|
|
64
|
+
| `FCaseShowV2` | FCaseShowV2 | Swiper 案例展示(支持图片/视频/对比) |
|
|
65
|
+
|
|
66
|
+
所有核心组件接收 `config` prop,类型为对应的 `*ComponentConfig_v2` 接口。
|
|
67
|
+
|
|
68
|
+
### 子组件
|
|
69
|
+
|
|
70
|
+
| 组件 | 说明 |
|
|
71
|
+
|------|------|
|
|
72
|
+
| `LazyImage` | IntersectionObserver 懒加载图片,加载前显示 fallback 占位 |
|
|
73
|
+
| `LazyVideo` | IntersectionObserver 懒加载视频,加载前显示 fallback 占位 |
|
|
74
|
+
| `HsTab` / `HsTabPane` | Tab 切换容器,支持 AnimatePresence 动画切换 + KeepAlive |
|
|
75
|
+
| `PreviewMedia` | 媒体预览(点击放大,支持左右切换) |
|
|
76
|
+
| `ImageDiffv2` | 图片前后对比(拖拽滑块) |
|
|
77
|
+
| `DynamicTable` | 动态表格(编辑/查看模式) |
|
|
78
|
+
|
|
79
|
+
## 类型
|
|
80
|
+
|
|
81
|
+
```ts
|
|
82
|
+
import type {
|
|
83
|
+
// 联合类型,覆盖所有 v2 配置
|
|
84
|
+
ComponentConfig,
|
|
85
|
+
BannerComponentConfig_v2,
|
|
86
|
+
TitleComponentConfig_v2,
|
|
87
|
+
TextComponentConfig_v2,
|
|
88
|
+
MediaComponentConfig_v2,
|
|
89
|
+
TabTextMediaComponentConfig_v2,
|
|
90
|
+
CarouselTextMediaComponentConfig_v2,
|
|
91
|
+
CaseShowComponentConfig_v2,
|
|
92
|
+
// 内容类型
|
|
93
|
+
TabTextMediaContent,
|
|
94
|
+
CarouselTextMediaContent,
|
|
95
|
+
CaseShowContent,
|
|
96
|
+
TableData,
|
|
97
|
+
Cell,
|
|
98
|
+
} from 'f-low-code-renderer'
|
|
99
|
+
|
|
100
|
+
// 枚举
|
|
101
|
+
import {
|
|
102
|
+
ComponentType,
|
|
103
|
+
TextAlignType,
|
|
104
|
+
TitleType,
|
|
105
|
+
TabContentType,
|
|
106
|
+
CaseShowType,
|
|
107
|
+
ThemeType,
|
|
108
|
+
} from 'f-low-code-renderer'
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
### Config 类型定义
|
|
112
|
+
|
|
113
|
+
```ts
|
|
114
|
+
interface BaseComponentConfig {
|
|
115
|
+
nanoid: string
|
|
116
|
+
type: ComponentType
|
|
117
|
+
bg?: string
|
|
118
|
+
paddingY?: [string, string]
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
interface BannerComponentConfig_v2 extends BaseComponentConfig {
|
|
122
|
+
type: ComponentType.BANNER_V2
|
|
123
|
+
title: string
|
|
124
|
+
text: string
|
|
125
|
+
bgImage: string
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
interface TitleComponentConfig_v2 extends BaseComponentConfig {
|
|
129
|
+
type: ComponentType.TITLE_V2
|
|
130
|
+
text: string
|
|
131
|
+
orderNumber: number
|
|
132
|
+
titleType: TitleType // 'moduleTitle' | 'sortTitles'
|
|
133
|
+
theme: ThemeType // 'light' | 'dark'
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
interface TextComponentConfig_v2 extends BaseComponentConfig {
|
|
137
|
+
type: ComponentType.TEXT_V2
|
|
138
|
+
text: string
|
|
139
|
+
align: TextAlignType // 'left' | 'center' | 'right' | 'justify'
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
interface MediaComponentConfig_v2 extends BaseComponentConfig {
|
|
143
|
+
type: ComponentType.MEDIA_V2
|
|
144
|
+
src: string
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
interface TabTextMediaComponentConfig_v2 extends BaseComponentConfig {
|
|
148
|
+
type: ComponentType.TAB_TEXT_MEDIA_V2
|
|
149
|
+
contentHeight?: string
|
|
150
|
+
items: TabTextMediaContent[]
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
interface CarouselTextMediaComponentConfig_v2 extends BaseComponentConfig {
|
|
154
|
+
type: ComponentType.CAROUSEL_TEXT_MEDIA_V2
|
|
155
|
+
contentHeight?: string
|
|
156
|
+
items: CarouselTextMediaContent[]
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
interface CaseShowComponentConfig_v2 extends BaseComponentConfig {
|
|
160
|
+
type: ComponentType.CASE_SHOW_V2
|
|
161
|
+
contentHeight?: string
|
|
162
|
+
delay?: number
|
|
163
|
+
items: CaseShowContent[]
|
|
164
|
+
}
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
## 示例
|
|
168
|
+
|
|
169
|
+
```vue
|
|
170
|
+
<script setup lang="ts">
|
|
171
|
+
import type { BannerComponentConfig_v2 } from 'f-low-code-renderer'
|
|
172
|
+
import { ComponentType } from 'f-low-code-renderer'
|
|
173
|
+
|
|
174
|
+
const bannerConfig: BannerComponentConfig_v2 = {
|
|
175
|
+
nanoid: 'banner-001',
|
|
176
|
+
type: ComponentType.BANNER_V2,
|
|
177
|
+
title: '标题',
|
|
178
|
+
text: '文本1 文本2 文本3',
|
|
179
|
+
bgImage: 'https://example.com/banner.jpg',
|
|
180
|
+
}
|
|
181
|
+
</script>
|
|
182
|
+
|
|
183
|
+
<template>
|
|
184
|
+
<FBannerV2 :config="bannerConfig" />
|
|
185
|
+
</template>
|
|
186
|
+
```
|
|
187
|
+
|
|
188
|
+
## 样式
|
|
189
|
+
|
|
190
|
+
组件 scoped 样式随 JS 自动注入,但全局 CSS 需要手动导入:
|
|
191
|
+
|
|
192
|
+
```ts
|
|
193
|
+
import 'f-low-code-renderer/style.css'
|
|
194
|
+
```
|
|
195
|
+
|
|
196
|
+
全局 CSS 类名:
|
|
197
|
+
|
|
198
|
+
| 类名 | 用途 |
|
|
199
|
+
|------|------|
|
|
200
|
+
| `.csr-v2-title-display` | 展示型标题(Banner) |
|
|
201
|
+
| `.csr-v2-title-level-1` | 一级模块标题 |
|
|
202
|
+
| `.csr-v2-title-level-2` | 二级标题 |
|
|
203
|
+
| `.csr-v2-title-tab` | Tab 小模块标题 |
|
|
204
|
+
| `.csr-v2-text` | 正文 |
|
|
205
|
+
| `.csr-v2-tab` | Tab 文字 |
|
|
206
|
+
| `.csr-v2-description` | 描述文字 |
|
|
207
|
+
| `.csr-v2-btn` | 按钮文字 |
|
|
208
|
+
| `.csr-v2-will-disable` | 过渡禁用态 |
|
|
209
|
+
| `.csr-v2-disable` | 禁用态 |
|
|
210
|
+
|
|
211
|
+
## 开发
|
|
212
|
+
|
|
213
|
+
```bash
|
|
214
|
+
# 安装依赖
|
|
215
|
+
npm install
|
|
216
|
+
|
|
217
|
+
# 构建
|
|
218
|
+
npm run build # vite build + 类型声明
|
|
219
|
+
npm run dev # 本地开发
|
|
220
|
+
|
|
221
|
+
# 发布
|
|
222
|
+
npm publish
|
|
223
|
+
```
|
|
224
|
+
|
|
225
|
+
构建产物在 `dist/` 目录:
|
|
226
|
+
|
|
227
|
+
| 文件 | 说明 |
|
|
228
|
+
|------|------|
|
|
229
|
+
| `f-low-code-renderer.mjs` | ESM 格式 |
|
|
230
|
+
| `f-low-code-renderer.cjs` | CJS 格式 |
|
|
231
|
+
| `f-low-code-renderer.css` | 全局样式 |
|
|
232
|
+
| `index.d.ts` | 类型声明 |
|
|
233
|
+
|
|
234
|
+
## 依赖
|
|
235
|
+
|
|
236
|
+
| 包 | 版本 | 类型 | 说明 |
|
|
237
|
+
|----|------|------|------|
|
|
238
|
+
| `vue` | ^3.4.0 | peer | |
|
|
239
|
+
| `motion-v` | ^0.6.0 | dependency | 滚动动画,使用 `{ Motion }` 命名导出 |
|
|
240
|
+
| `swiper` | ^11.0.0 | dependency | 轮播组件 |
|
|
241
|
+
|
|
242
|
+
> `motion-v` 使用命名导入:`import { Motion } from 'motion-v'`,模板中用法为 `<Motion is="div">`。
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { TableData } from '../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
modelValue?: TableData;
|
|
4
|
+
mode?: 'edit' | 'view';
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
|
+
"update:modelValue": (data: TableData) => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((data: TableData) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
|
12
|
+
//# sourceMappingURL=EditableTable.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditableTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/components/EditableTable.vue"],"names":[],"mappings":"AAwOA,OAAO,KAAK,EAAQ,SAAS,EAAE,MAAM,UAAU,CAAA;AAG/C,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAC;;;;;;AAmRF,wBAOG"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare function open(index: number, defaultValue?: number): void;
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
3
|
+
open: typeof open;
|
|
4
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
5
|
+
close: (...args: any[]) => void;
|
|
6
|
+
confirm: (...args: any[]) => void;
|
|
7
|
+
}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
|
|
8
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
9
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
11
|
+
export default _default;
|
|
12
|
+
//# sourceMappingURL=SetColWidthModal.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SetColWidthModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/components/SetColWidthModal.vue"],"names":[],"mappings":"AAuIA,iBAAS,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,QAIjD;;;;;;;;;;AAwGD,wBAOG"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { TableData } from '../types';
|
|
2
|
+
declare function open(): void;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: TableData | undefined;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
7
|
+
open: typeof open;
|
|
8
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: TableData | undefined) => any;
|
|
10
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
11
|
+
"onUpdate:modelValue"?: ((value: TableData | undefined) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
export default _default;
|
|
14
|
+
//# sourceMappingURL=TableDesignModal.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableDesignModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/components/TableDesignModal.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAUzC,iBAAS,IAAI,SAEZ;AAsBD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC,CAAC;;;;;;;;AAyHF,wBAQG"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
color: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
size: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
color: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
size: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
color: string;
|
|
21
|
+
size: string;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
24
|
+
//# sourceMappingURL=Close.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Close.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/icon/Close.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0FA,wBAeG"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { TableData } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
mode?: 'edit' | 'view';
|
|
4
|
+
};
|
|
5
|
+
declare function edit(): void;
|
|
6
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
7
|
+
modelValue?: TableData | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
10
|
+
edit: typeof edit;
|
|
11
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: TableData | undefined) => any;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: TableData | undefined) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
export default _default;
|
|
17
|
+
//# sourceMappingURL=index.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicTable/index.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAMxC,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAC;AAMF,iBAAS,IAAI,SAIZ;AAYD,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC,CAAC;;;;;;;;AA0DF,wBAQG"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare enum TableMode {
|
|
2
|
+
EDIT = "edit",
|
|
3
|
+
VIEW = "view"
|
|
4
|
+
}
|
|
5
|
+
export interface Cell {
|
|
6
|
+
id: string;
|
|
7
|
+
content: string;
|
|
8
|
+
rowspan: number;
|
|
9
|
+
colspan: number;
|
|
10
|
+
hidden: boolean;
|
|
11
|
+
parentRow?: number;
|
|
12
|
+
parentCol?: number;
|
|
13
|
+
align: 'left' | 'center' | 'right';
|
|
14
|
+
vAlign: 'top' | 'middle' | 'bottom';
|
|
15
|
+
bgColor: string;
|
|
16
|
+
}
|
|
17
|
+
export interface TableData {
|
|
18
|
+
hasHeader: boolean;
|
|
19
|
+
colWidths: (number | null)[];
|
|
20
|
+
rows: Cell[][];
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicTable/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACnC,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;IAC5B,IAAI,EAAE,IAAI,EAAE,EAAE,CAAA;CACf"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
declare var __VLS_13: {}, __VLS_15: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_13) => any;
|
|
4
|
+
} & {
|
|
5
|
+
default?: (props: typeof __VLS_15) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
name: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
label: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
forceRender: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
|
+
name: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
label: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
required: true;
|
|
28
|
+
};
|
|
29
|
+
forceRender: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
}>> & Readonly<{}>, {
|
|
34
|
+
forceRender: boolean;
|
|
35
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
36
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=HsTabPane.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HsTabPane.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HsTab/HsTabPane.vue"],"names":[],"mappings":"AAsMA,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAUnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface TabPaneItem {
|
|
2
|
+
name: string;
|
|
3
|
+
label: string;
|
|
4
|
+
forceRender: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface TabsContext {
|
|
7
|
+
activeKey: string;
|
|
8
|
+
registerPane: (pane: TabPaneItem, index?: number) => void;
|
|
9
|
+
unregisterPane: (name: string) => void;
|
|
10
|
+
updatePaneLabel: (name: string, label: string) => void;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HsTab/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvD"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
declare var __VLS_1: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_1) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
|
+
contentHeight: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
modelValue: {
|
|
11
|
+
type: import("vue").PropType<string>;
|
|
12
|
+
};
|
|
13
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
+
contentHeight: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
modelValue: {
|
|
21
|
+
type: import("vue").PropType<string>;
|
|
22
|
+
};
|
|
23
|
+
}>> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
contentHeight: string;
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=index.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HsTab/index.vue"],"names":[],"mappings":"AAoOA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA+B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;4EAenB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
color: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
size: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
color: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
size: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
color: string;
|
|
21
|
+
size: string;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
24
|
+
//# sourceMappingURL=IconClose.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconClose.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconClose.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiFA,wBAeG"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
|
+
medium: {
|
|
4
|
+
type: PropType<string[]>;
|
|
5
|
+
default: () => string[];
|
|
6
|
+
};
|
|
7
|
+
diffText: {
|
|
8
|
+
type: PropType<string[]>;
|
|
9
|
+
default: () => string[];
|
|
10
|
+
};
|
|
11
|
+
width: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
height: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
20
|
+
medium: {
|
|
21
|
+
type: PropType<string[]>;
|
|
22
|
+
default: () => string[];
|
|
23
|
+
};
|
|
24
|
+
diffText: {
|
|
25
|
+
type: PropType<string[]>;
|
|
26
|
+
default: () => string[];
|
|
27
|
+
};
|
|
28
|
+
width: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
height: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
}>> & Readonly<{}>, {
|
|
37
|
+
height: string;
|
|
38
|
+
width: string;
|
|
39
|
+
medium: string[];
|
|
40
|
+
diffText: string[];
|
|
41
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
42
|
+
export default _default;
|
|
43
|
+
//# sourceMappingURL=index.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImageDiffv2/index.vue"],"names":[],"mappings":"AA8MA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;;cAiPhB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cAIlB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;;;cAJlB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cAIlB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;AAXrC,wBAuBG"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
src: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
alt: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
width: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
14
|
+
height: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
bg: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
22
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
src: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
alt: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
width: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
height: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: undefined;
|
|
38
|
+
};
|
|
39
|
+
bg: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
}>> & Readonly<{}>, {
|
|
44
|
+
height: string;
|
|
45
|
+
width: string;
|
|
46
|
+
alt: string;
|
|
47
|
+
bg: boolean;
|
|
48
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
49
|
+
export default _default;
|
|
50
|
+
//# sourceMappingURL=index.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/LazyImage/index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiUA,wBA2BG"}
|