@cimom/ci-web-plugins-commom 1.0.11 → 1.0.14
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 +158 -158
- package/dist/CI.Web.Plugins.Commom.css +2 -2
- package/dist/SearchPro/SearchPro.bundle.js +3 -1
- package/dist/VxeGridPro/README.md +91 -91
- package/dist/VxeModalPro/README.md +122 -122
- package/dist/VxeTablePro/README.md +86 -86
- package/dist/components/SearchPro/index.vue/index2.js +1 -1
- package/dist/components/SearchPro/innerComponents/reportCustomMulSelect.vue/index2.js +1 -1
- package/dist/components/SearchPro/innerComponents/reportMulSelect.vue/index2.js +1 -1
- package/dist/components/SearchPro/innerComponents/reportSelectTable.vue/index2.js +1 -1
- package/dist/components/SearchPro/tableTemplate/index.vue/index2.js +1 -1
- package/dist/components/SearchPro/tableTemplate/second.vue/index2.js +1 -1
- package/dist/components/VxeTablePro/index.vue/index2.js +1 -1
- package/dist/node_modules/@element-plus/icons-vue/dist/index/index.js +2 -0
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,158 +1,158 @@
|
|
|
1
|
-
# 新插件添加及构建注意事项
|
|
2
|
-
新插件目录:components/SearchPro
|
|
3
|
-
1.添加测试案例 在目录testPlugins/,参考已有插件测试案例
|
|
4
|
-
2.添加新插件在entries目下的入口文件
|
|
5
|
-
3.添加新插件在rollup.config.js构建的配置
|
|
6
|
-
4.添加新插件README.md 使用说明文档
|
|
7
|
-
5.添加新插件src/index.js的导出暴露插件
|
|
8
|
-
6.添加新插件在package.json的默认导出配置
|
|
9
|
-
|
|
10
|
-
# Vue3 插件模板
|
|
11
|
-
|
|
12
|
-
本项目为基于 Vite + Vue3 + JavaScript + TailwindCSS 的插件开发模板，适用于发布到 NPM。
|
|
13
|
-
|
|
14
|
-
## 快速开始
|
|
15
|
-
|
|
16
|
-
```bash
|
|
17
|
-
npm install @cimom/ci-web-plugins-commom
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
## 打包与发布
|
|
21
|
-
|
|
22
|
-
### 打包
|
|
23
|
-
```bash
|
|
24
|
-
npm run build
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### 发布到 NPM
|
|
28
|
-
1. 修改 `package.json` 中的 `name`、`version`、`description` 等信息。
|
|
29
|
-
2. 确认 `main`、`module`、`types` 字段已指向 `dist/` 下的对应文件。
|
|
30
|
-
3. 执行：
|
|
31
|
-
```bash
|
|
32
|
-
npm publish
|
|
33
|
-
```
|
|
34
|
-
> 建议发布前切换为 npm 官方源：`npm config set registry https://registry.npmjs.org/`
|
|
35
|
-
|
|
36
|
-
## 插件使用说明
|
|
37
|
-
|
|
38
|
-
### 1. NPM 安装方式
|
|
39
|
-
```bash
|
|
40
|
-
npm install @cimom/ci-web-plugins-commom
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
#### 在 Vue3 项目中使用
|
|
44
|
-
**全局注册：**
|
|
45
|
-
```js
|
|
46
|
-
// main.ts 或 main.js
|
|
47
|
-
import { createApp } from 'vue'
|
|
48
|
-
import App from './App.vue'
|
|
49
|
-
import { HelloPlugin, HelloWorld, VxeTablePro } from '@cimom/ci-web-plugins-commom'
|
|
50
|
-
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
51
|
-
|
|
52
|
-
const app = createApp(App)
|
|
53
|
-
app.component('HelloPlugin', HelloPlugin)
|
|
54
|
-
app.component('HelloWorld', HelloWorld)
|
|
55
|
-
app.component('VxeTablePro', VxeTablePro)
|
|
56
|
-
app.mount('#app')
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
**局部注册：**
|
|
60
|
-
```vue
|
|
61
|
-
<script setup>
|
|
62
|
-
import { HelloPlugin, HelloWorld, VxeTablePro } from '@cimom/ci-web-plugins-commom'
|
|
63
|
-
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
64
|
-
</script>
|
|
65
|
-
|
|
66
|
-
<template>
|
|
67
|
-
<HelloPlugin msg1="Vite + Vue" />
|
|
68
|
-
<HelloWorld msg="Vite222 + Vue" />
|
|
69
|
-
<VxeTablePro />
|
|
70
|
-
</template>
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
#### UMD 方式（适合 script 标签直接引入）
|
|
75
|
-
```html
|
|
76
|
-
<script src="./dist/CI.Web.Plugins.Commom.umd.js"></script>
|
|
77
|
-
<link rel="stylesheet" href="./dist/CI.Web.Plugins.Commom.css" />
|
|
78
|
-
<script>
|
|
79
|
-
const { HelloPlugin, HelloWorld, VxeTablePro } = window.CIWebPluginsCommom;
|
|
80
|
-
// 通过 window.CIWebPluginsCommom 访问导出组件
|
|
81
|
-
</script>
|
|
82
|
-
```
|
|
83
|
-
|
|
84
|
-
> **注意：**
|
|
85
|
-
> - 组件名称和导出对象以实际 dist 产物为准。
|
|
86
|
-
> - 样式文件需手动引入。
|
|
87
|
-
|
|
88
|
-
### 3. 单独引入组件（推荐）
|
|
89
|
-
|
|
90
|
-
自 v1.0.4+ 起，支持通过 `exports` 字段单独引入组件：
|
|
91
|
-
|
|
92
|
-
```js
|
|
93
|
-
import HelloPlugin from '@cimom/ci-web-plugins-commom/HelloPlugin'
|
|
94
|
-
import VxeTablePro from '@cimom/ci-web-plugins-commom/VxeTablePro'
|
|
95
|
-
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
96
|
-
```
|
|
97
|
-
|
|
98
|
-
- 只会打包用到的组件，减少体积。
|
|
99
|
-
- 也可用于局部注册：
|
|
100
|
-
|
|
101
|
-
```vue
|
|
102
|
-
<script setup>
|
|
103
|
-
import HelloWorld from '@cimom/ci-web-plugins-commom/HelloWorld'
|
|
104
|
-
</script>
|
|
105
|
-
<template>
|
|
106
|
-
<HelloWorld msg="单独引入" />
|
|
107
|
-
</template>
|
|
108
|
-
```
|
|
109
|
-
|
|
110
|
-
> 依赖 `package.json` 的 `exports` 字段，需升级到支持该特性的 npm/yarn 版本。
|
|
111
|
-
|
|
112
|
-
### NPM 用户使用方式
|
|
113
|
-
```bash
|
|
114
|
-
npm install @cimom/ci-web-plugins-commom
|
|
115
|
-
```
|
|
116
|
-
在项目入口引入：
|
|
117
|
-
```js
|
|
118
|
-
import {HelloPlugin,HelloWorld} from '@cimom/ci-web-plugins-commom'
|
|
119
|
-
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
120
|
-
```
|
|
121
|
-
## 开发使用案例:
|
|
122
|
-
```
|
|
123
|
-
<script setup>
|
|
124
|
-
import HelloPlugin from './components/HelloPlugin.vue'
|
|
125
|
-
import HelloWorld from './components/HelloWorld.vue'
|
|
126
|
-
</script>
|
|
127
|
-
|
|
128
|
-
<template>
|
|
129
|
-
<HelloPlugin msg1="Vite + Vue" />
|
|
130
|
-
<HelloWorld msg="Vite222 + Vue" />
|
|
131
|
-
</template>
|
|
132
|
-
|
|
133
|
-
<style scoped>
|
|
134
|
-
|
|
135
|
-
</style>
|
|
136
|
-
```
|
|
137
|
-
|
|
138
|
-
## 注意事项
|
|
139
|
-
- `main`、`module`、`types` 字段必须指向 `dist/` 下的构建产物，不能指向 `src/`。
|
|
140
|
-
- 发布前请确保已执行 `npm run build`，并包含 `dist/` 目录。
|
|
141
|
-
- TailwindCSS 原子类会自动按组件使用情况生成，无需手动引入。
|
|
142
|
-
- 如需自定义样式，请在 `src/index.css` 中添加。
|
|
143
|
-
- 推荐在 `peerDependencies` 中声明 `vue` 版本要求。
|
|
144
|
-
|
|
145
|
-
## 主要特性
|
|
146
|
-
- Vue3 组件开发
|
|
147
|
-
- JavaScript 支持
|
|
148
|
-
- TailwindCSS 集成
|
|
149
|
-
- 可直接作为插件发布
|
|
150
|
-
|
|
151
|
-
## 目录结构
|
|
152
|
-
- `src/index.ts` 插件入口
|
|
153
|
-
- `src/index.css` 插件样式入口
|
|
154
|
-
|
|
155
|
-
## 参考
|
|
156
|
-
- [Vite](https://vitejs.dev/)
|
|
157
|
-
- [Vue3](https://vuejs.org/)
|
|
158
|
-
- [TailwindCSS](https://tailwindcss.com/)
|
|
1
|
+
# 新插件添加及构建注意事项
|
|
2
|
+
新插件目录:components/SearchPro
|
|
3
|
+
1.添加测试案例 在目录testPlugins/,参考已有插件测试案例
|
|
4
|
+
2.添加新插件在entries目下的入口文件
|
|
5
|
+
3.添加新插件在rollup.config.js构建的配置
|
|
6
|
+
4.添加新插件README.md 使用说明文档
|
|
7
|
+
5.添加新插件src/index.js的导出暴露插件
|
|
8
|
+
6.添加新插件在package.json的默认导出配置
|
|
9
|
+
|
|
10
|
+
# Vue3 插件模板
|
|
11
|
+
|
|
12
|
+
本项目为基于 Vite + Vue3 + JavaScript + TailwindCSS 的插件开发模板，适用于发布到 NPM。
|
|
13
|
+
|
|
14
|
+
## 快速开始
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install @cimom/ci-web-plugins-commom
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## 打包与发布
|
|
21
|
+
|
|
22
|
+
### 打包
|
|
23
|
+
```bash
|
|
24
|
+
npm run build
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### 发布到 NPM
|
|
28
|
+
1. 修改 `package.json` 中的 `name`、`version`、`description` 等信息。
|
|
29
|
+
2. 确认 `main`、`module`、`types` 字段已指向 `dist/` 下的对应文件。
|
|
30
|
+
3. 执行：
|
|
31
|
+
```bash
|
|
32
|
+
npm publish
|
|
33
|
+
```
|
|
34
|
+
> 建议发布前切换为 npm 官方源：`npm config set registry https://registry.npmjs.org/`
|
|
35
|
+
|
|
36
|
+
## 插件使用说明
|
|
37
|
+
|
|
38
|
+
### 1. NPM 安装方式
|
|
39
|
+
```bash
|
|
40
|
+
npm install @cimom/ci-web-plugins-commom
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
#### 在 Vue3 项目中使用
|
|
44
|
+
**全局注册：**
|
|
45
|
+
```js
|
|
46
|
+
// main.ts 或 main.js
|
|
47
|
+
import { createApp } from 'vue'
|
|
48
|
+
import App from './App.vue'
|
|
49
|
+
import { HelloPlugin, HelloWorld, VxeTablePro } from '@cimom/ci-web-plugins-commom'
|
|
50
|
+
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
51
|
+
|
|
52
|
+
const app = createApp(App)
|
|
53
|
+
app.component('HelloPlugin', HelloPlugin)
|
|
54
|
+
app.component('HelloWorld', HelloWorld)
|
|
55
|
+
app.component('VxeTablePro', VxeTablePro)
|
|
56
|
+
app.mount('#app')
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
**局部注册：**
|
|
60
|
+
```vue
|
|
61
|
+
<script setup>
|
|
62
|
+
import { HelloPlugin, HelloWorld, VxeTablePro } from '@cimom/ci-web-plugins-commom'
|
|
63
|
+
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
64
|
+
</script>
|
|
65
|
+
|
|
66
|
+
<template>
|
|
67
|
+
<HelloPlugin msg1="Vite + Vue" />
|
|
68
|
+
<HelloWorld msg="Vite222 + Vue" />
|
|
69
|
+
<VxeTablePro />
|
|
70
|
+
</template>
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
#### UMD 方式（适合 script 标签直接引入）
|
|
75
|
+
```html
|
|
76
|
+
<script src="./dist/CI.Web.Plugins.Commom.umd.js"></script>
|
|
77
|
+
<link rel="stylesheet" href="./dist/CI.Web.Plugins.Commom.css" />
|
|
78
|
+
<script>
|
|
79
|
+
const { HelloPlugin, HelloWorld, VxeTablePro } = window.CIWebPluginsCommom;
|
|
80
|
+
// 通过 window.CIWebPluginsCommom 访问导出组件
|
|
81
|
+
</script>
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
> **注意：**
|
|
85
|
+
> - 组件名称和导出对象以实际 dist 产物为准。
|
|
86
|
+
> - 样式文件需手动引入。
|
|
87
|
+
|
|
88
|
+
### 3. 单独引入组件（推荐）
|
|
89
|
+
|
|
90
|
+
自 v1.0.4+ 起，支持通过 `exports` 字段单独引入组件：
|
|
91
|
+
|
|
92
|
+
```js
|
|
93
|
+
import HelloPlugin from '@cimom/ci-web-plugins-commom/HelloPlugin'
|
|
94
|
+
import VxeTablePro from '@cimom/ci-web-plugins-commom/VxeTablePro'
|
|
95
|
+
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
- 只会打包用到的组件，减少体积。
|
|
99
|
+
- 也可用于局部注册：
|
|
100
|
+
|
|
101
|
+
```vue
|
|
102
|
+
<script setup>
|
|
103
|
+
import HelloWorld from '@cimom/ci-web-plugins-commom/HelloWorld'
|
|
104
|
+
</script>
|
|
105
|
+
<template>
|
|
106
|
+
<HelloWorld msg="单独引入" />
|
|
107
|
+
</template>
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
> 依赖 `package.json` 的 `exports` 字段，需升级到支持该特性的 npm/yarn 版本。
|
|
111
|
+
|
|
112
|
+
### NPM 用户使用方式
|
|
113
|
+
```bash
|
|
114
|
+
npm install @cimom/ci-web-plugins-commom
|
|
115
|
+
```
|
|
116
|
+
在项目入口引入：
|
|
117
|
+
```js
|
|
118
|
+
import {HelloPlugin,HelloWorld} from '@cimom/ci-web-plugins-commom'
|
|
119
|
+
import '@cimom/ci-web-plugins-commom/dist/CI.Web.Plugins.Commom.css'
|
|
120
|
+
```
|
|
121
|
+
## 开发使用案例:
|
|
122
|
+
```
|
|
123
|
+
<script setup>
|
|
124
|
+
import HelloPlugin from './components/HelloPlugin.vue'
|
|
125
|
+
import HelloWorld from './components/HelloWorld.vue'
|
|
126
|
+
</script>
|
|
127
|
+
|
|
128
|
+
<template>
|
|
129
|
+
<HelloPlugin msg1="Vite + Vue" />
|
|
130
|
+
<HelloWorld msg="Vite222 + Vue" />
|
|
131
|
+
</template>
|
|
132
|
+
|
|
133
|
+
<style scoped>
|
|
134
|
+
|
|
135
|
+
</style>
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
## 注意事项
|
|
139
|
+
- `main`、`module`、`types` 字段必须指向 `dist/` 下的构建产物，不能指向 `src/`。
|
|
140
|
+
- 发布前请确保已执行 `npm run build`，并包含 `dist/` 目录。
|
|
141
|
+
- TailwindCSS 原子类会自动按组件使用情况生成，无需手动引入。
|
|
142
|
+
- 如需自定义样式，请在 `src/index.css` 中添加。
|
|
143
|
+
- 推荐在 `peerDependencies` 中声明 `vue` 版本要求。
|
|
144
|
+
|
|
145
|
+
## 主要特性
|
|
146
|
+
- Vue3 组件开发
|
|
147
|
+
- JavaScript 支持
|
|
148
|
+
- TailwindCSS 集成
|
|
149
|
+
- 可直接作为插件发布
|
|
150
|
+
|
|
151
|
+
## 目录结构
|
|
152
|
+
- `src/index.ts` 插件入口
|
|
153
|
+
- `src/index.css` 插件样式入口
|
|
154
|
+
|
|
155
|
+
## 参考
|
|
156
|
+
- [Vite](https://vitejs.dev/)
|
|
157
|
+
- [Vue3](https://vuejs.org/)
|
|
158
|
+
- [TailwindCSS](https://tailwindcss.com/)
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.tableTemplateClass[data-v-2c3574c1]
|
|
1
|
+
.tableTemplateClass[data-v-2c3574c1],.tableTemplateClass[data-v-49d49595],.tableTemplateSecondClass[data-v-2c3574c1],.tableTemplateSecondClass[data-v-49d49595]{margin-right:10px}.drawerClass [data-v-c8aa8fb0] .el-drawer__header{align-items:center;border-bottom:1px solid #dcdfe6!important;color:#72767b;display:flex;height:39px;margin-bottom:10px!important;padding:5px 10px}.drawerClass [data-v-c8aa8fb0] .el-tabs__header{margin:0!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
|
|
2
2
|
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
|
|
3
|
-
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mr-2\.5{margin-right:.625rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.h-\[100px\]{height:100px}.h-\[600px\]{height:600px}.w-\[500px\]{width:500px}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded{border-radius:.25rem}.border{border-width:1px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
|
|
3
|
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mr-2\.5{margin-right:.625rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.h-\[100px\]{height:100px}.h-\[600px\]{height:600px}.w-\[500px\]{width:500px}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded{border-radius:.25rem}.border{border-width:1px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.text-left{text-align:left}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.andyHuang{color:red}
|