vue3-layer 1.0.18 → 2.0.0

package/dist/vue3-layer.js

@@ -0,0 +1,186 @@
+import { Teleport as e, computed as t, createBlock as n, createCommentVNode as r, defineComponent as i, nextTick as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, shallowRef as d, useAttrs as f, useSlots as p, watch as m } from "vue";
+import "layui";
+//#region src/layui.ts
+function h() {
+	let e = globalThis;
+	if (e.layui?.layer) return e.layui;
+	if (e.layer) return { layer: e.layer };
+}
+function g() {
+	let e = h();
+	if (!e?.layer) throw Error("layui layer is not available. Make sure this code runs in a browser environment.");
+	return e;
+}
+function _() {
+	return g();
+}
+function v() {
+	return g().layer;
+}
+var y = new Proxy({}, {
+	get(e, t) {
+		return g()[t];
+	},
+	set(e, t, n) {
+		return g()[t] = n, !0;
+	}
+}), b = new Proxy({}, {
+	get(e, t) {
+		let n = v(), r = n[t];
+		return typeof r == "function" ? r.bind(n) : r;
+	},
+	set(e, t, n) {
+		return v()[t] = n, !0;
+	}
+}), x = /* @__PURE__ */ i({
+	name: "S3Layer",
+	inheritAttrs: !1,
+	__name: "S3Layer",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		options: { default: () => ({}) }
+	},
+	emits: [
+		"update:modelValue",
+		"success",
+		"yes",
+		"cancel",
+		"beforeEnd",
+		"end",
+		"moveEnd",
+		"resizing",
+		"full",
+		"min",
+		"restore"
+	],
+	setup(i, { expose: h, emit: g }) {
+		let _ = i, y = g, b = f(), x = p(), S = l(), C = d(), w = d(), T = l(!1), E = t(() => !!x.default), D = 0;
+		function O(e) {
+			let t = e.slice(2);
+			return t.charAt(0).toLowerCase() + t.slice(1);
+		}
+		function k() {
+			let e = {};
+			return Object.entries(b).forEach(([t, n]) => {
+				if (!(t === "class" || t === "style")) {
+					if (/^on[A-Z]/.test(t) && typeof n == "function") {
+						e[O(t)] = n;
+						return;
+					}
+					e[t] = n;
+				}
+			}), e;
+		}
+		function A(e) {
+			let t = b.class, n = b.style;
+			t && (typeof e.addClass == "function" ? e.addClass(String(t)) : e.classList.add(...String(t).split(/\s+/).filter(Boolean))), n && (typeof e.css == "function" ? e.css(n) : typeof n == "string" ? e.setAttribute("style", `${e.getAttribute("style") || ""};${n}`) : typeof n == "object" && Object.assign(e.style, n));
+		}
+		function j() {
+			S.value = void 0, C.value = void 0, w.value = void 0, T.value = !1;
+		}
+		function M() {
+			S.value !== void 0 && v().close(S.value);
+		}
+		function N(e, t, n) {
+			if (T.value) return;
+			y("beforeEnd", t, n);
+			let r = e.beforeEnd?.(t, n);
+			return r && typeof r.then == "function" ? (r.then((e) => {
+				e === !1 || S.value !== t || (T.value = !0, v().close(t));
+			}).catch(() => void 0), !1) : r;
+		}
+		async function P() {
+			if (S.value !== void 0 || typeof window > "u") return;
+			let e = v(), t = E.value ? `s3-layer-teleport-${Date.now()}-${D++}` : void 0, n = k(), r = _.options || {}, i = {
+				title: "信息",
+				...n,
+				...r
+			};
+			t && (i.type = 1, i.content = `<div id="${t}" class="s3-layer__teleport"></div>`);
+			let { success: o, yes: s, cancel: c, beforeEnd: l, end: u, moveEnd: d, resizing: f, full: p, min: m, restore: h, ...g } = i;
+			S.value = e.open({
+				...g,
+				success(e, n) {
+					if (C.value = e, t) {
+						let e = document.getElementById(t);
+						e && (w.value = e);
+					}
+					A(e), o?.(e, n), window.dispatchEvent(new Event("resize")), y("success", e, n);
+				},
+				yes(t, n) {
+					s?.(t, n), y("yes", t, n), s || e.close(t);
+				},
+				cancel(e, t) {
+					let n = c?.(e, t);
+					return y("cancel", e, t), n;
+				},
+				beforeEnd(e, t) {
+					return N({
+						...i,
+						beforeEnd: l
+					}, e, t);
+				},
+				end() {
+					u?.(), y("update:modelValue", !1), y("end"), j();
+				},
+				moveEnd(e) {
+					d?.(e), y("moveEnd", e);
+				},
+				resizing(e) {
+					f?.(e), y("resizing", e);
+				},
+				full(e, t) {
+					p?.(e, t), y("full", e, t);
+				},
+				min(e, t) {
+					m?.(e, t), y("min", e, t);
+				},
+				restore(e, t) {
+					h?.(e, t), y("restore", e, t);
+				}
+			}), await a();
+		}
+		m(() => _.modelValue, (e) => {
+			e ? P() : M();
+		}), s(() => {
+			_.modelValue && P();
+		}), o(() => {
+			M(), j();
+		});
+		function F() {
+			return S.value;
+		}
+		function I(e) {
+			S.value !== void 0 && v().style(S.value, e);
+		}
+		function L(e) {
+			S.value !== void 0 && v().title(e, S.value);
+		}
+		function R() {
+			S.value !== void 0 && v().full(S.value);
+		}
+		function z() {
+			S.value !== void 0 && v().min(S.value);
+		}
+		function B() {
+			S.value !== void 0 && v().restore(S.value);
+		}
+		return h({
+			getIndex: F,
+			close: M,
+			style: I,
+			title: L,
+			full: R,
+			min: z,
+			restore: B
+		}), (t, i) => w.value ? (c(), n(e, {
+			key: 0,
+			to: w.value
+		}, [u(t.$slots, "default")], 8, ["to"])) : r("", !0);
+	}
+});
+//#endregion
+export { x as S3Layer, x as s3Layer, v as getLayer, _ as getLayui, b as layer, y as layui };

package/dist/vue3-layer.umd.cjs

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("layui")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`layui`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Vue3Layer={},e.Vue,e.layui))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function r(){let e=globalThis;if(e.layui?.layer)return e.layui;if(e.layer)return{layer:e.layer}}function i(){let e=r();if(!e?.layer)throw Error(`layui layer is not available. Make sure this code runs in a browser environment.`);return e}function a(){return i()}function o(){return i().layer}var s=new Proxy({},{get(e,t){return i()[t]},set(e,t,n){return i()[t]=n,!0}}),c=new Proxy({},{get(e,t){let n=o(),r=n[t];return typeof r==`function`?r.bind(n):r},set(e,t,n){return o()[t]=n,!0}}),l=(0,t.defineComponent)({name:`S3Layer`,inheritAttrs:!1,__name:`S3Layer`,props:{modelValue:{type:Boolean,default:!1},options:{default:()=>({})}},emits:[`update:modelValue`,`success`,`yes`,`cancel`,`beforeEnd`,`end`,`moveEnd`,`resizing`,`full`,`min`,`restore`],setup(e,{expose:n,emit:r}){let i=e,a=r,s=(0,t.useAttrs)(),c=(0,t.useSlots)(),l=(0,t.ref)(),u=(0,t.shallowRef)(),d=(0,t.shallowRef)(),f=(0,t.ref)(!1),p=(0,t.computed)(()=>!!c.default),m=0;function h(e){let t=e.slice(2);return t.charAt(0).toLowerCase()+t.slice(1)}function g(){let e={};return Object.entries(s).forEach(([t,n])=>{if(!(t===`class`||t===`style`)){if(/^on[A-Z]/.test(t)&&typeof n==`function`){e[h(t)]=n;return}e[t]=n}}),e}function _(e){let t=s.class,n=s.style;t&&(typeof e.addClass==`function`?e.addClass(String(t)):e.classList.add(...String(t).split(/\s+/).filter(Boolean))),n&&(typeof e.css==`function`?e.css(n):typeof n==`string`?e.setAttribute(`style`,`${e.getAttribute(`style`)||``};${n}`):typeof n==`object`&&Object.assign(e.style,n))}function v(){l.value=void 0,u.value=void 0,d.value=void 0,f.value=!1}function y(){l.value!==void 0&&o().close(l.value)}function b(e,t,n){if(f.value)return;a(`beforeEnd`,t,n);let r=e.beforeEnd?.(t,n);return r&&typeof r.then==`function`?(r.then(e=>{e===!1||l.value!==t||(f.value=!0,o().close(t))}).catch(()=>void 0),!1):r}async function x(){if(l.value!==void 0||typeof window>`u`)return;let e=o(),n=p.value?`s3-layer-teleport-${Date.now()}-${m++}`:void 0,r=g(),s=i.options||{},c={title:`信息`,...r,...s};n&&(c.type=1,c.content=`<div id="${n}" class="s3-layer__teleport"></div>`);let{success:f,yes:h,cancel:y,beforeEnd:x,end:S,moveEnd:C,resizing:w,full:T,min:E,restore:D,...O}=c;l.value=e.open({...O,success(e,t){if(u.value=e,n){let e=document.getElementById(n);e&&(d.value=e)}_(e),f?.(e,t),window.dispatchEvent(new Event(`resize`)),a(`success`,e,t)},yes(t,n){h?.(t,n),a(`yes`,t,n),h||e.close(t)},cancel(e,t){let n=y?.(e,t);return a(`cancel`,e,t),n},beforeEnd(e,t){return b({...c,beforeEnd:x},e,t)},end(){S?.(),a(`update:modelValue`,!1),a(`end`),v()},moveEnd(e){C?.(e),a(`moveEnd`,e)},resizing(e){w?.(e),a(`resizing`,e)},full(e,t){T?.(e,t),a(`full`,e,t)},min(e,t){E?.(e,t),a(`min`,e,t)},restore(e,t){D?.(e,t),a(`restore`,e,t)}}),await(0,t.nextTick)()}(0,t.watch)(()=>i.modelValue,e=>{e?x():y()}),(0,t.onMounted)(()=>{i.modelValue&&x()}),(0,t.onBeforeUnmount)(()=>{y(),v()});function S(){return l.value}function C(e){l.value!==void 0&&o().style(l.value,e)}function w(e){l.value!==void 0&&o().title(e,l.value)}function T(){l.value!==void 0&&o().full(l.value)}function E(){l.value!==void 0&&o().min(l.value)}function D(){l.value!==void 0&&o().restore(l.value)}return n({getIndex:S,close:y,style:C,title:w,full:T,min:E,restore:D}),(e,n)=>d.value?((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{key:0,to:d.value},[(0,t.renderSlot)(e.$slots,`default`)],8,[`to`])):(0,t.createCommentVNode)(``,!0)}});e.S3Layer=l,e.s3Layer=l,e.getLayer=o,e.getLayui=a,e.layer=c,e.layui=s});

package/package.json

@@ -1,52 +1,73 @@
 {
   "name": "vue3-layer",
-  "version": "1.0.18",
-  "main": "dist/s3Layer.umd.min.js",
+  "version": "2.0.0",
+  "description": "基于 Vue 3 和 layui layer 的 Web 通用弹出层组件",
   "author": "legad",
-  "description": "基于 vue3 的Web 通用弹出层组件",
   "keywords": [
     "vue-layer",
     "vue-modal",
     "vue-dialog",
     "vue3-modal",
     "vue3-dialog",
-    "vue3-layer"
+    "vue3-layer",
+    "layui",
+    "layer"
   ],
   "homepage": "https://github.com/liicos/vue3-layer",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/vue3-layer.umd.cjs",
+  "module": "dist/vue3-layer.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/vue3-layer.js",
+      "require": "./dist/vue3-layer.umd.cjs"
+    },
+    "./style.css": "./dist/vue3-layer.css",
+    "./vue3-layer.css": "./dist/vue3-layer.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.vue"
+  ],
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lib": "vue-cli-service build --target lib --name s3Layer src/components/index.js"
+    "dev": "vite",
+    "build": "vue-tsc -p tsconfig.build.json --noEmit && vite build",
+    "typecheck": "vue-tsc -p tsconfig.build.json --noEmit",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
-    "core-js": "^3.6.5",
-    "jquery": "^3.6.0",
-    "layer-src": "^3.5.1",
-    "nanoid": "^3.1.30"
+    "layui": "^2.13.7"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": ">=3.5.0 <4"
   },
   "devDependencies": {
-    "vue": "^3.0.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
-    "@vue/eslint-config-standard": "^5.1.2",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "eslint-plugin-vue": "^7.0.0"
-  },
-  "files": [
-    "dist",
-    "public",
-    "src"
-  ],
-  "types": "src/vue3-layer.d.ts"
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^24.10.1",
+    "@types/layui": "^2.13.0",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/test-utils": "^2.4.10",
+    "eslint": "^10.4.1",
+    "eslint-plugin-vue": "^10.9.1",
+    "jsdom": "^29.1.1",
+    "prettier": "^3.8.3",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.60.1",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.1.8",
+    "vue": "^3.5.35",
+    "vue-tsc": "^3.3.3"
+  }
 }

package/dist/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>s3Layer demo</title>
-<script src="./s3Layer.umd.js"></script>
-
-<link rel="stylesheet" href="./s3Layer.css">
-
-
-<script>
-console.log(s3Layer)
-</script>