pxcube-ui 0.2.3 → 0.2.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 +1 -1
- package/components/message/index.js +1 -1
- package/components/message/index.mjs +3 -2
- package/package.json +2 -3
- package/pixel-ui/version.js +1 -1
- package/pixel-ui/version.mjs +1 -1
- package/styles/index.css +1 -1
- package/types/components/button/src/button.d.ts +0 -79
- package/types/components/icon/src/icon.d.ts +45 -0
- package/types/pixel-ui/version.d.ts +1 -1
- package/logo.png +0 -0
package/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("../../components/message/src/message.vue.js"),r=require("vue"),p=require("../../components/message/src/message.js"),_=require("../../utils/get-props.js");;/* empty css */const h=r.ref(35),m=r.ref(30),v=r.ref(10),E=r.ref("animate__flipOutX"),g=r.ref(0),L=e=>{e.offset&&(m.value=e.offset),g.value+=1,e.messageID=g.value;const t=r.h($.default,{...e}),s=
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("../../components/message/src/message.vue.js"),r=require("vue"),p=require("../../components/message/src/message.js"),_=require("../../utils/get-props.js");;/* empty css */;/* empty css */const h=r.ref(35),m=r.ref(30),v=r.ref(10),E=r.ref("animate__flipOutX"),g=r.ref(0),L=e=>{e.offset&&(m.value=e.offset),g.value+=1,e.messageID=g.value;const t=r.h($.default,{...e}),s=q(e.position??_.getPropsDefault(p.messageProps.position),e.duration??_.getPropsDefault(p.messageProps.duration));if(s)r.render(t,s);else throw new Error("not found node")},q=(e="top",t)=>{const s=document.getElementsByClassName("px-message__container--"+e),n="px-message--"+g.value,a=document.createElement("div");a.classList.add(`px-message__container--${e}`),a.classList.add("px-message__container--item"),a.id=n;const o=h.value+v.value,l=m.value,u=()=>e=="center"?s.length?(Array.from(s).forEach(i=>{var d=i;d.style.top=`calc(${d.style.top} - ${o/2}px)`}),`calc(${s[s.length-1].style.top} + ${o}px)`):`calc(50% - ${o/2}px)`:`calc(${s.length} * ${o}px + ${l}px)`;return Object.assign(a.style,{top:u(),left:e=="right"?"auto":"0",right:e=="right"?"30px":"0",margin:e!=="right"?"auto auto":"none"}),a.classList.remove("animate__flipInX"),document.body.appendChild(a),t>0&&N(e,n,t+s.length*150),a},N=(e,t,s)=>{if(!t||!s)return!1;const n=document.querySelector(`#${t}`);if(!n)return!1;var a=setTimeout(()=>{y(n,e),clearTimeout(a)},s)},y=(e,t)=>{e.classList.add(E.value);const s=()=>{r.render(null,e),e.parentNode&&e.parentNode.removeChild(e),w(t),e.removeEventListener("animationend",s),e.removeEventListener("transitionend",s)};e.addEventListener("animationend",s),e.addEventListener("transitionend",s)},w=e=>{const t=document.getElementsByClassName("px-message__container--"+e),s=t.length,n=h.value,a=v.value;Array.from(t).forEach((o,l)=>{const u=o;if(e=="center"){const f=s*n+(s-1)*a,i=window.innerHeight,x=Math.max(0,(i-f)/2)+(n+a)*l;u.style.top=`${x/i*100}%`}else u.style.top=`${m.value+l*(n+a)}px`})},C=(e,t)=>{var s="px-message--"+e,n=document.querySelector(`#${s}`);return y(n,t)},c={__create:(e,t,s)=>{var n={message:t,type:e};return typeof s=="object"&&(n={...n,...s}),L(n)},success:(e,t)=>c.__create("success",e,t),default:(e,t)=>c.__create("default",e,t),warning:(e,t)=>c.__create("warning",e,t),error:(e,t)=>c.__create("error",e,t),danger:(e,t)=>c.__create("danger",e,t)};exports.__activeCloseMessage=C;exports.pxMessage=c;
|
|
@@ -3,6 +3,7 @@ import { ref as c, h as L, render as h } from "vue";
|
|
|
3
3
|
import { messageProps as p } from "../../components/message/src/message.mjs";
|
|
4
4
|
import { getPropsDefault as _ } from "../../utils/get-props.mjs";
|
|
5
5
|
/* empty css */
|
|
6
|
+
/* empty css */
|
|
6
7
|
const v = c(35), g = c(30), x = c(10), N = c("animate__flipOutX"), u = c(0), w = (e) => {
|
|
7
8
|
e.offset && (g.value = e.offset), u.value += 1, e.messageID = u.value;
|
|
8
9
|
const t = L(E, { ...e }), n = C(
|
|
@@ -49,7 +50,7 @@ const v = c(35), g = c(30), x = c(10), N = c("animate__flipOutX"), u = c(0), w =
|
|
|
49
50
|
} else
|
|
50
51
|
i.style.top = `${g.value + l * (s + a)}px`;
|
|
51
52
|
});
|
|
52
|
-
},
|
|
53
|
+
}, S = (e, t) => {
|
|
53
54
|
var n = "px-message--" + e, s = document.querySelector(`#${n}`);
|
|
54
55
|
return y(s, t);
|
|
55
56
|
}, r = {
|
|
@@ -65,6 +66,6 @@ const v = c(35), g = c(30), x = c(10), N = c("animate__flipOutX"), u = c(0), w =
|
|
|
65
66
|
danger: (e, t) => r.__create("danger", e, t)
|
|
66
67
|
};
|
|
67
68
|
export {
|
|
68
|
-
|
|
69
|
+
S as __activeCloseMessage,
|
|
69
70
|
r as pxMessage
|
|
70
71
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pxcube-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"description": "Pixel Cube UI 组件库",
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./pixel-ui/index.js",
|
|
@@ -23,8 +23,7 @@
|
|
|
23
23
|
"styles",
|
|
24
24
|
"iconfont",
|
|
25
25
|
"_virtual",
|
|
26
|
-
"README.md"
|
|
27
|
-
"logo.png"
|
|
26
|
+
"README.md"
|
|
28
27
|
],
|
|
29
28
|
"peerDependencies": {
|
|
30
29
|
"vue": ">=3.5.0"
|
package/pixel-ui/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.2.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.2.5",t="2026-09-20";exports.updateDate=t;exports.version=e;
|
package/pixel-ui/version.mjs
CHANGED