vue3-layer 1.0.1 → 1.0.5
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 +62 -2
- package/dist/demo.html +4 -4
- package/dist/{s3layer.common.js → s3Layer.common.js} +0 -0
- package/dist/{s3layer.css → s3Layer.css} +0 -0
- package/dist/{s3layer.umd.js → s3Layer.umd.js} +2 -2
- package/dist/{s3layer.umd.min.js → s3Layer.umd.min.js} +1 -1
- package/package.json +7 -3
package/README.md
CHANGED
|
@@ -2,6 +2,66 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://github.com/xaboy/form-create)
|
|
4
4
|
[](https://github.com/xaboy)
|
|
5
|
-
[](
|
|
5
|
+
[]()
|
|
6
6
|
|
|
7
|
-
vue3-layer 是一款基于 layer.js
|
|
7
|
+
vue3-layer 是一款基于 layer.js 上层封装的 vue3 组件，100%支持 layer.js 的 API
|
|
8
|
+
|
|
9
|
+
## 文档 (Document) 正在建设中...
|
|
10
|
+
|
|
11
|
+
## 通过 npm 或者 yarn 安装
|
|
12
|
+
|
|
13
|
+
```shell
|
|
14
|
+
# npm
|
|
15
|
+
npm install vue3-layer --save
|
|
16
|
+
# yarn
|
|
17
|
+
yarn add vue3-layer
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## 浏览器直接引入
|
|
21
|
+
|
|
22
|
+
使用 CDN 引入
|
|
23
|
+
|
|
24
|
+
```html
|
|
25
|
+
<head>
|
|
26
|
+
<!-- 引入样式 -->
|
|
27
|
+
<link rel="stylesheet" href="//unpkg.com/vue3-layer/dist/s3layer.css" />
|
|
28
|
+
<!-- 引入 Vue -->
|
|
29
|
+
<script src="//unpkg.com/vue@next"></script>
|
|
30
|
+
<!-- 引入组件库 -->
|
|
31
|
+
<script src="//unpkg.com/vue3-layer/dist/s3layer.umd.min.js"></script>
|
|
32
|
+
</head>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## 使用
|
|
36
|
+
|
|
37
|
+
```vue
|
|
38
|
+
<template>
|
|
39
|
+
<s3-layer v-model="visible" :title="title" @success="success" @end="end">
|
|
40
|
+
<span>this is vue3-layer</span>
|
|
41
|
+
</s3-layer>
|
|
42
|
+
<button @click="visible = true">显示</button>
|
|
43
|
+
</template>
|
|
44
|
+
|
|
45
|
+
<script setup>
|
|
46
|
+
import { ref } from 'vue'
|
|
47
|
+
import { s3Layer } from 'vue3-layer'
|
|
48
|
+
import 'vue3-layer/dist/s3layer.css'
|
|
49
|
+
|
|
50
|
+
const visible = ref(false)
|
|
51
|
+
const title = ref('标题')
|
|
52
|
+
|
|
53
|
+
const success = (layero, index) => {
|
|
54
|
+
console.log('success', layero, index)
|
|
55
|
+
}
|
|
56
|
+
const end = () => {
|
|
57
|
+
console.log('end')
|
|
58
|
+
}
|
|
59
|
+
</script>
|
|
60
|
+
|
|
61
|
+
<style>
|
|
62
|
+
* {
|
|
63
|
+
margin: 0;
|
|
64
|
+
padding: 0;
|
|
65
|
+
}
|
|
66
|
+
</style>
|
|
67
|
+
```
|
package/dist/demo.html
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<meta charset="utf-8">
|
|
2
|
-
<title>
|
|
3
|
-
<script src="./
|
|
2
|
+
<title>s3Layer demo</title>
|
|
3
|
+
<script src="./s3Layer.umd.js"></script>
|
|
4
4
|
|
|
5
|
-
<link rel="stylesheet" href="./
|
|
5
|
+
<link rel="stylesheet" href="./s3Layer.css">
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
<script>
|
|
9
|
-
console.log(
|
|
9
|
+
console.log(s3Layer)
|
|
10
10
|
</script>
|
|
File without changes
|
|
File without changes
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
else if(typeof define === 'function' && define.amd)
|
|
5
5
|
define([], factory);
|
|
6
6
|
else if(typeof exports === 'object')
|
|
7
|
-
exports["
|
|
7
|
+
exports["s3Layer"] = factory(require("vue"));
|
|
8
8
|
else
|
|
9
|
-
root["
|
|
9
|
+
root["s3Layer"] = factory(root["Vue"]);
|
|
10
10
|
})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__8bbf__) {
|
|
11
11
|
return /******/ (function(modules) { // webpackBootstrap
|
|
12
12
|
/******/ // The module cache
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["
|
|
1
|
+
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["s3Layer"]=t(require("vue")):e["s3Layer"]=t(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fae3")}({"00ee":function(e,t,n){var r=n("b622"),i=r("toStringTag"),o={};o[i]="z",e.exports="[object z]"===String(o)},"0366":function(e,t,n){var r=n("e330"),i=n("59ed"),o=r(r.bind);e.exports=function(e,t){return i(e),void 0===t?e:o?o(e,t):function(){return e.apply(t,arguments)}}},"057f":function(e,t,n){var r=n("c6b6"),i=n("fc6a"),o=n("241c").f,a=n("f36a"),s="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(e){try{return o(e)}catch(t){return a(s)}};e.exports.f=function(e){return s&&"Window"==r(e)?u(e):o(i(e))}},"06cf":function(e,t,n){var r=n("83ab"),i=n("c65b"),o=n("d1e7"),a=n("5c6c"),s=n("fc6a"),u=n("a04b"),c=n("1a2d"),l=n("0cfb"),f=Object.getOwnPropertyDescriptor;t.f=r?f:function(e,t){if(e=s(e),t=u(t),l)try{return f(e,t)}catch(n){}if(c(e,t))return a(!i(o.f,e,t),e[t])}},"07fa":function(e,t,n){var r=n("50c4");e.exports=function(e){return r(e.length)}},"0b42":function(e,t,n){var r=n("da84"),i=n("e8b5"),o=n("68ee"),a=n("861d"),s=n("b622"),u=s("species"),c=r.Array;e.exports=function(e){var t;return i(e)&&(t=e.constructor,o(t)&&(t===c||i(t.prototype))?t=void 0:a(t)&&(t=t[u],null===t&&(t=void 0))),void 0===t?c:t}},"0cfb":function(e,t,n){var r=n("83ab"),i=n("d039"),o=n("cc12");e.exports=!r&&!i((function(){return 7!=Object.defineProperty(o("div"),"a",{get:function(){return 7}}).a}))},"0d51":function(e,t,n){var r=n("da84"),i=r.String;e.exports=function(e){try{return i(e)}catch(t){return"Object"}}},1157:function(e,t,n){var r,i;
|
|
2
2
|
/*!
|
|
3
3
|
* jQuery JavaScript Library v3.6.0
|
|
4
4
|
* https://jquery.com/
|
package/package.json
CHANGED
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue3-layer",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"main": "dist/s3layer.umd.min.js",
|
|
5
5
|
"author": "legad",
|
|
6
6
|
"description": "基于 vue3 的Web 通用弹出层组件",
|
|
7
|
+
"homepage": "https://github.com/liicos/vue3-layer",
|
|
7
8
|
"scripts": {
|
|
8
9
|
"serve": "vue-cli-service serve",
|
|
9
10
|
"build": "vue-cli-service build",
|
|
10
11
|
"lint": "vue-cli-service lint",
|
|
11
|
-
"lib": "vue-cli-service build --target lib --name
|
|
12
|
+
"lib": "vue-cli-service build --target lib --name s3Layer src/components/index.js"
|
|
12
13
|
},
|
|
13
14
|
"dependencies": {
|
|
14
|
-
"vue": "^3.0.0",
|
|
15
15
|
"core-js": "^3.6.5",
|
|
16
16
|
"jquery": "^3.6.0",
|
|
17
17
|
"layer-src": "^3.5.1",
|
|
18
18
|
"nanoid": "^3.1.30"
|
|
19
19
|
},
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"vue": "^3.0.0"
|
|
22
|
+
},
|
|
20
23
|
"devDependencies": {
|
|
24
|
+
"vue": "^3.0.0",
|
|
21
25
|
"@vue/cli-plugin-babel": "~4.5.0",
|
|
22
26
|
"@vue/cli-plugin-eslint": "~4.5.0",
|
|
23
27
|
"@vue/cli-service": "~4.5.0",
|