@a-drowned-fish/rox-v 1.0.5 → 1.0.6
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 +14 -19
- package/dist/lib/input-otp/index.js +1 -1
- package/dist/lib/popup/index.js +1 -1
- package/package.json +1 -6
package/README.md
CHANGED
|
@@ -25,7 +25,9 @@ const app = createApp(App);
|
|
|
25
25
|
app.use(RoxV);
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
### 2.
|
|
28
|
+
### 2. 按需引入(推荐)
|
|
29
|
+
|
|
30
|
+
- 优势: 无需手动引入样式文件
|
|
29
31
|
|
|
30
32
|
```vue
|
|
31
33
|
<template>
|
|
@@ -174,11 +176,11 @@ const show = ref(false);
|
|
|
174
176
|
}
|
|
175
177
|
</style>
|
|
176
178
|
|
|
177
|
-
|
|
179
|
+
````
|
|
178
180
|
|
|
179
181
|
#### 不同位置
|
|
180
182
|
|
|
181
|
-
|
|
183
|
+
```vue
|
|
182
184
|
<template>
|
|
183
185
|
<!-- 底部弹出(默认) -->
|
|
184
186
|
<Popup v-model="showBottom" position="bottom">
|
|
@@ -210,24 +212,18 @@ const showTop = ref(false);
|
|
|
210
212
|
const showLeft = ref(false);
|
|
211
213
|
const showRight = ref(false);
|
|
212
214
|
</script>
|
|
213
|
-
|
|
215
|
+
````
|
|
214
216
|
|
|
215
217
|
#### 自定义遮罩层
|
|
216
218
|
|
|
217
|
-
|
|
219
|
+
```vue
|
|
218
220
|
<template>
|
|
219
|
-
<Popup
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
>
|
|
225
|
-
|
|
226
|
-
<div class="content">
|
|
227
|
-
<p>点击遮罩层不会关闭</p>
|
|
228
|
-
<Button @click="show = false">手动关闭</Button>
|
|
229
|
-
</div>
|
|
230
|
-
</Popup>
|
|
221
|
+
<Popup v-model="show" :bg="'rgba(0, 0, 0, 0.7)'" :duration="500" :mask-closable="false">
|
|
222
|
+
<div class="content">
|
|
223
|
+
<p>点击遮罩层不会关闭</p>
|
|
224
|
+
<Button @click="show = false">手动关闭</Button>
|
|
225
|
+
</div>
|
|
226
|
+
</Popup>
|
|
231
227
|
</template>
|
|
232
228
|
|
|
233
229
|
<script setup lang="ts">
|
|
@@ -236,12 +232,11 @@ import { Popup, Button } from "@a-drowned-fish/rox-v";
|
|
|
236
232
|
|
|
237
233
|
const show = ref(false);
|
|
238
234
|
</script>
|
|
239
|
-
|
|
240
235
|
```
|
|
241
236
|
|
|
242
237
|
#### 自定义挂载节点
|
|
243
238
|
|
|
244
|
-
|
|
239
|
+
```vue
|
|
245
240
|
<template>
|
|
246
241
|
<div id="custom-container">
|
|
247
242
|
<Popup v-model="show" to="#custom-container">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./input-otp.js`);require(`./style.css
|
|
1
|
+
const e=require(`./input-otp.js`);require(`./style.css`),e.default.install=t=>(e.default.name&&t.component(e.default.name,e.default),t);var t=e.default;exports.default=t;
|
package/dist/lib/popup/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./popup.js`);require(`./style.css
|
|
1
|
+
const e=require(`./popup.js`);require(`./style.css`),e.default.install=t=>(e.default.name&&t.component(e.default.name,e.default),t);var t=e.default;exports.default=t;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a-drowned-fish/rox-v",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "vue ui library",
|
|
5
5
|
"main": "dist/lib/index.js",
|
|
6
6
|
"module": "dist/es/index.js",
|
|
@@ -50,11 +50,6 @@
|
|
|
50
50
|
],
|
|
51
51
|
"author": "yangsuzhou",
|
|
52
52
|
"license": "MIT",
|
|
53
|
-
"peerDependenciesMeta": {
|
|
54
|
-
"unplugin-vue-components": {
|
|
55
|
-
"optional": true
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
53
|
"peerDependencies": {
|
|
59
54
|
"vue": "^3.5.0"
|
|
60
55
|
},
|