@greypan/web-ui 1.1.1 → 1.2.1

package/dist/components/back-top/index.js

@@ -1,22 +1,19 @@
-import "../../node_modules/.pnpm/iconify-icon@3.0.2/node_modules/iconify-icon/dist/iconify-icon.js";
-import { unsafeCSS as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
-import { html as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
-import { LitElement as n } from "../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";
-import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
-import { customElement as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { customElement as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import o from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
-import s from "./style.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import i from "./style.js";
+import "iconify-icon";
+import { LitElement as a, html as o, unsafeCSS as s } from "lit";
 import { getRootScrollTop as c } from "@greypan/browser-kit";
 //#region src/components/back-top/index.ts
-var l = class extends n {
+var l = class extends a {
 	constructor(...e) {
 		super(...e), this.smooth = !0, this.threshold = 200, this.visible = !1, this.scrollTarget = window;
 	}
 	static {
-		this.styles = e(s);
+		this.styles = s(i);
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.computeVisible(), this.onScrollTarget();
@@ -59,7 +56,7 @@ var l = class extends n {
 		e.key == "Enter" && (e.preventDefault(), this.toTop());
 	}
 	render() {
-		return t`
+		return o`
       <div role="button" tabindex="0" @click=${this.toTop} @keydown=${this.onEnter}>
         <slot>
           <!-- 默认 slot 加上 tabindex="-1"，防止双重 focus -->
@@ -71,19 +68,19 @@ var l = class extends n {
     `;
 	}
 };
-o([i({
+r([t({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "smooth", void 0), o([i({
+})], l.prototype, "smooth", void 0), r([t({
 	type: Number,
 	reflect: !0
-})], l.prototype, "threshold", void 0), o([i({
+})], l.prototype, "threshold", void 0), r([t({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "visible", void 0), o([i({
+})], l.prototype, "visible", void 0), r([t({
 	type: Object,
 	attribute: !1
-})], l.prototype, "scrollTarget", void 0), o([a()], l.prototype, "eventController", void 0), l = o([r("web-ui-back-top")], l);
+})], l.prototype, "scrollTarget", void 0), r([n()], l.prototype, "eventController", void 0), l = r([e("web-ui-back-top")], l);
 //#endregion
 export { l as WebUiBackTop };
 

package/dist/components/back-top/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import 'iconify-icon'\nimport '@/components/button'\nimport { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-back-top')\nexport class WebUiBackTop extends LitElement {\n  static styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) smooth = true\n  @property({ type: Number, reflect: true }) threshold: number = 200\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ type: Object, attribute: false }) scrollTarget: HTMLElement | Window = window\n\n  @state() private eventController?: AbortController\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.eventController?.abort()\n  }\n\n  protected override willUpdate(props: PropertyValues) {\n    super.willUpdate(props)\n\n    if (props.has('threshold') || props.has('scrollTarget')) {\n      this.computeVisible()\n    }\n    //避免首次与 connectedCallback 重复触发\n    if (props.has('scrollTarget') && this.hasUpdated) {\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) {\n      return window\n    }\n    const isRoot =\n      this.scrollTarget === window ||\n      this.scrollTarget === document.documentElement ||\n      this.scrollTarget === document.body\n    return isRoot ? window : this.scrollTarget\n  }\n\n  private onScrollTarget() {\n    this.eventController?.abort()\n    this.eventController = new AbortController()\n\n    this.target.addEventListener(\n      'scroll',\n      () => {\n        this.computeVisible()\n      },\n      {\n        signal: this.eventController.signal,\n        passive: true\n      }\n    )\n  }\n\n  private computeVisible() {\n    const { target } = this\n    let nextVisible: boolean\n    if (target === window) {\n      nextVisible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      nextVisible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n    if (nextVisible !== this.visible) {\n      this.visible = nextVisible\n      this.dispatchEvent(\n        new CustomEvent('visible-change', {\n          detail: { visible: nextVisible },\n          bubbles: true,\n          composed: true\n        })\n      )\n    }\n  }\n\n  toTop() {\n    this.target.scrollTo({\n      top: 0,\n      behavior: this.smooth ? 'smooth' : 'auto'\n    })\n  }\n\n  private onEnter(e: KeyboardEvent) {\n    if ((e as KeyboardEvent).key == 'Enter') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  render() {\n    return html`\n      <div role=\"button\" tabindex=\"0\" @click=${this.toTop} @keydown=${this.onEnter}>\n        <slot>\n          <!-- 默认 slot 加上 tabindex=\"-1\"，防止双重 focus -->\n          <web-ui-button tabindex=\"-1\" icon>\n            <iconify-icon icon=\"octicon:move-to-top-16\" width=\"16\" height=\"16\"></iconify-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n}\n\nexport interface WebUiBackTop {\n  readonly $events: {\n    'visible-change': CustomEvent<{ visible: boolean }>\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AASO,IAAA,IAAA,cAA2B,EAAW;;6BAGU,qBACU,oBACT,wBAC6B;;;gBALnE,EAAU,CAAK;;CAS/B,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,iBAAiB,MAAM;CAC9B;CAEA,WAA8B,GAAuB;EAOnD,AANA,MAAM,WAAW,CAAK,IAElB,EAAM,IAAI,WAAW,KAAK,EAAM,IAAI,cAAc,MACpD,KAAK,eAAe,GAGlB,EAAM,IAAI,cAAc,KAAK,KAAK,cACpC,KAAK,eAAe;CAExB;CAEA,IAAY,SAAS;EAQnB,OAPK,KAAK,eAIR,KAAK,iBAAiB,UACtB,KAAK,iBAAiB,SAAS,mBAC/B,KAAK,iBAAiB,SAAS,OACjB,SAAS,KAAK,eANrB;CAOX;CAEA,iBAAyB;EAIvB,AAHA,KAAK,iBAAiB,MAAM,GAC5B,KAAK,kBAAkB,IAAI,gBAAgB,GAE3C,KAAK,OAAO,iBACV,gBACM;GACJ,KAAK,eAAe;EACtB,GACA;GACE,QAAQ,KAAK,gBAAgB;GAC7B,SAAS;EACX,CACF;CACF;CAEA,iBAAyB;EACvB,IAAM,EAAE,cAAW,MACf;EACJ,IAAI,MAAW,QACb,IAAc,EAAiB,KAAK,KAAK;OACpC,IAAI,aAAkB,aAC3B,IAAc,EAAO,aAAa,KAAK;OAEvC,MAAU,MAAM,kDAAkD;EAEpE,AAAI,MAAgB,KAAK,YACvB,KAAK,UAAU,GACf,KAAK,cACH,IAAI,YAAY,kBAAkB;GAChC,QAAQ,EAAE,SAAS,EAAY;GAC/B,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CAEJ;CAEA,QAAQ;EACN,KAAK,OAAO,SAAS;GACnB,KAAK;GACL,UAAU,KAAK,SAAS,WAAW;EACrC,CAAC;CACH;CAEA,QAAgB,GAAkB;EAChC,AAAK,EAAoB,OAAO,YAC9B,EAAE,eAAe,GACjB,KAAK,MAAM;CAEf;CAEA,SAAS;EACP,OAAO,CAAI;+CACgC,KAAK,MAAM,YAAY,KAAK,QAAQ;;;;;;;;;CASjF;AACF;GAzGG,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MACxC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAM,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,MAE3C,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,UATR,EAAc,iBAAiB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import 'iconify-icon'\nimport '@/components/button'\nimport { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-back-top')\nexport class WebUiBackTop extends LitElement {\n  static styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) smooth = true\n  @property({ type: Number, reflect: true }) threshold: number = 200\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ type: Object, attribute: false }) scrollTarget: HTMLElement | Window = window\n\n  @state() private eventController?: AbortController\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.eventController?.abort()\n  }\n\n  protected override willUpdate(props: PropertyValues) {\n    super.willUpdate(props)\n\n    if (props.has('threshold') || props.has('scrollTarget')) {\n      this.computeVisible()\n    }\n    if (props.has('scrollTarget') && this.hasUpdated) {\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) {\n      return window\n    }\n    const isRoot =\n      this.scrollTarget === window ||\n      this.scrollTarget === document.documentElement ||\n      this.scrollTarget === document.body\n    return isRoot ? window : this.scrollTarget\n  }\n\n  private onScrollTarget() {\n    this.eventController?.abort()\n    this.eventController = new AbortController()\n\n    this.target.addEventListener(\n      'scroll',\n      () => {\n        this.computeVisible()\n      },\n      {\n        signal: this.eventController.signal,\n        passive: true\n      }\n    )\n  }\n\n  private computeVisible() {\n    const { target } = this\n    let nextVisible: boolean\n    if (target === window) {\n      nextVisible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      nextVisible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n    if (nextVisible !== this.visible) {\n      this.visible = nextVisible\n      this.dispatchEvent(\n        new CustomEvent('visible-change', {\n          detail: { visible: nextVisible },\n          bubbles: true,\n          composed: true\n        })\n      )\n    }\n  }\n\n  toTop() {\n    this.target.scrollTo({\n      top: 0,\n      behavior: this.smooth ? 'smooth' : 'auto'\n    })\n  }\n\n  private onEnter(e: KeyboardEvent) {\n    if ((e as KeyboardEvent).key == 'Enter') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  render() {\n    return html`\n      <div role=\"button\" tabindex=\"0\" @click=${this.toTop} @keydown=${this.onEnter}>\n        <slot>\n          <!-- 默认 slot 加上 tabindex=\"-1\"，防止双重 focus -->\n          <web-ui-button tabindex=\"-1\" icon>\n            <iconify-icon icon=\"octicon:move-to-top-16\" width=\"16\" height=\"16\"></iconify-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n}\n\nexport interface WebUiBackTop {\n  readonly $events: {\n    'visible-change': CustomEvent<{ visible: boolean }>\n  }\n}\n"],"mappings":";;;;;;;;;;AASO,IAAA,IAAA,cAA2B,EAAW;;6BAGU,qBACU,oBACT,wBAC6B;;;gBALnE,EAAU,CAAK;;CAS/B,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,iBAAiB,MAAM;CAC9B;CAEA,WAA8B,GAAuB;EAMnD,AALA,MAAM,WAAW,CAAK,IAElB,EAAM,IAAI,WAAW,KAAK,EAAM,IAAI,cAAc,MACpD,KAAK,eAAe,GAElB,EAAM,IAAI,cAAc,KAAK,KAAK,cACpC,KAAK,eAAe;CAExB;CAEA,IAAY,SAAS;EAQnB,OAPK,KAAK,eAIR,KAAK,iBAAiB,UACtB,KAAK,iBAAiB,SAAS,mBAC/B,KAAK,iBAAiB,SAAS,OACjB,SAAS,KAAK,eANrB;CAOX;CAEA,iBAAyB;EAIvB,AAHA,KAAK,iBAAiB,MAAM,GAC5B,KAAK,kBAAkB,IAAI,gBAAgB,GAE3C,KAAK,OAAO,iBACV,gBACM;GACJ,KAAK,eAAe;EACtB,GACA;GACE,QAAQ,KAAK,gBAAgB;GAC7B,SAAS;EACX,CACF;CACF;CAEA,iBAAyB;EACvB,IAAM,EAAE,cAAW,MACf;EACJ,IAAI,MAAW,QACb,IAAc,EAAiB,KAAK,KAAK;OACpC,IAAI,aAAkB,aAC3B,IAAc,EAAO,aAAa,KAAK;OAEvC,MAAU,MAAM,kDAAkD;EAEpE,AAAI,MAAgB,KAAK,YACvB,KAAK,UAAU,GACf,KAAK,cACH,IAAI,YAAY,kBAAkB;GAChC,QAAQ,EAAE,SAAS,EAAY;GAC/B,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CAEJ;CAEA,QAAQ;EACN,KAAK,OAAO,SAAS;GACnB,KAAK;GACL,UAAU,KAAK,SAAS,WAAW;EACrC,CAAC;CACH;CAEA,QAAgB,GAAkB;EAChC,AAAK,EAAoB,OAAO,YAC9B,EAAE,eAAe,GACjB,KAAK,MAAM;CAEf;CAEA,SAAS;EACP,OAAO,CAAI;+CACgC,KAAK,MAAM,YAAY,KAAK,QAAQ;;;;;;;;;CASjF;AACF;GAxGG,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MACxC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAM,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,MAE3C,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,UATR,EAAc,iBAAiB,CAAA,GAAA,CAAA"}

package/dist/components/button/index.js

@@ -1,24 +1,21 @@
-import { unsafeCSS as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
-import { html as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
-import { LitElement as n } from "../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";
-import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
-import { customElement as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { customElement as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import a from "./style.js";
-import o from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import n from "./style.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { LitElement as i, html as a, unsafeCSS as o } from "lit";
 //#region src/components/button/index.ts
-var s = class extends n {
+var s = class extends i {
 	constructor(...e) {
 		super(...e), this.full = !1, this.primary = !1, this.text = !1, this.icon = !1;
 	}
 	static {
-		this.styles = e(a);
+		this.styles = o(n);
 	}
 	render() {
-		return t`
+		return a`
       <button>
-        ${this.icon ? t`<slot></slot>` : t`
+        ${this.icon ? a`<slot></slot>` : a`
               <slot name="prefix"></slot>
               <slot></slot>
               <slot name="suffix"></slot>
@@ -27,19 +24,19 @@ var s = class extends n {
     `;
 	}
 };
-o([i({
+r([t({
 	type: Boolean,
 	reflect: !0
-})], s.prototype, "full", void 0), o([i({
+})], s.prototype, "full", void 0), r([t({
 	type: Boolean,
 	reflect: !0
-})], s.prototype, "primary", void 0), o([i({
+})], s.prototype, "primary", void 0), r([t({
 	type: Boolean,
 	reflect: !0
-})], s.prototype, "text", void 0), o([i({
+})], s.prototype, "text", void 0), r([t({
 	type: Boolean,
 	reflect: !0
-})], s.prototype, "icon", void 0), s = o([r("web-ui-button")], s);
+})], s.prototype, "icon", void 0), s = r([e("web-ui-button")], s);
 //#endregion
 export { s as WebUiButton };
 

package/dist/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-button')\nexport class WebUiButton extends LitElement {\n  static styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) full = false\n  @property({ type: Boolean, reflect: true }) primary = false\n  @property({ type: Boolean, reflect: true }) text = false\n  @property({ type: Boolean, reflect: true }) icon = false\n\n  render() {\n    return html`\n      <button>\n        ${this.icon\n          ? html`<slot></slot>`\n          : html`\n              <slot name=\"prefix\"></slot>\n              <slot></slot>\n              <slot name=\"suffix\"></slot>\n            `}\n      </button>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;AAMO,IAAA,IAAA,cAA0B,EAAW;;2BAGS,mBACG,gBACH,gBACA;;;gBALnC,EAAU,CAAK;;CAO/B,SAAS;EACP,OAAO,CAAI;;UAEL,KAAK,OACH,CAAI,kBACJ,CAAI;;;;cAIF;;;CAGZ;AACF;GAlBG,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAP3C,EAAc,eAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-button')\nexport class WebUiButton extends LitElement {\n  static styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) full = false\n  @property({ type: Boolean, reflect: true }) primary = false\n  @property({ type: Boolean, reflect: true }) text = false\n  @property({ type: Boolean, reflect: true }) icon = false\n\n  render() {\n    return html`\n      <button>\n        ${this.icon\n          ? html`<slot></slot>`\n          : html`\n              <slot name=\"prefix\"></slot>\n              <slot></slot>\n              <slot name=\"suffix\"></slot>\n            `}\n      </button>\n    `\n  }\n}\n"],"mappings":";;;;;;;AAMO,IAAA,IAAA,cAA0B,EAAW;;2BAGS,mBACG,gBACH,gBACA;;;gBALnC,EAAU,CAAK;;CAO/B,SAAS;EACP,OAAO,CAAI;;UAEL,KAAK,OACH,CAAI,kBACJ,CAAI;;;;cAIF;;;CAGZ;AACF;GAlBG,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAP3C,EAAc,eAAe,CAAA,GAAA,CAAA"}

package/dist/components/layout/index.js

@@ -1,18 +1,15 @@
-import { unsafeCSS as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
-import { html as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
-import { LitElement as n } from "../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";
-import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
-import { customElement as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { customElement as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import i from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
-import a from "./style.js";
+import t from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import n from "./style.js";
+import { LitElement as r, html as i, unsafeCSS as a } from "lit";
 //#region src/components/layout/index.ts
-var o = class extends n {
+var o = class extends r {
 	static {
-		this.styles = e(a);
+		this.styles = a(n);
 	}
 	render() {
-		return t`
+		return i`
       <header>
         <slot name="header"></slot>
       </header>
@@ -28,7 +25,7 @@ var o = class extends n {
     `;
 	}
 };
-o = i([r("web-ui-layout")], o);
+o = t([e("web-ui-layout")], o);
 //#endregion
 export { o as WebUiLayout };
 

package/dist/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-layout')\nexport class WebUiLayout extends LitElement {\n  static styles = unsafeCSS(style)\n\n  render() {\n    return html`\n      <header>\n        <slot name=\"header\"></slot>\n      </header>\n      <main>\n        <slot></slot>\n      </main>\n      <aside>\n        <div class=\"menu\"><slot name=\"sidebar\"></slot></div>\n      </aside>\n      <footer>\n        <slot name=\"tabbar\"></slot>\n      </footer>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;AAMO,IAAA,IAAA,cAA0B,EAAW;;gBAC1B,EAAU,CAAK;;CAE/B,SAAS;EACP,OAAO,CAAI;;;;;;;;;;;;;;CAcb;AACF;OApBC,EAAc,eAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-layout')\nexport class WebUiLayout extends LitElement {\n  static styles = unsafeCSS(style)\n\n  render() {\n    return html`\n      <header>\n        <slot name=\"header\"></slot>\n      </header>\n      <main>\n        <slot></slot>\n      </main>\n      <aside>\n        <div class=\"menu\"><slot name=\"sidebar\"></slot></div>\n      </aside>\n      <footer>\n        <slot name=\"tabbar\"></slot>\n      </footer>\n    `\n  }\n}\n"],"mappings":";;;;;;AAMO,IAAA,IAAA,cAA0B,EAAW;;gBAC1B,EAAU,CAAK;;CAE/B,SAAS;EACP,OAAO,CAAI;;;;;;;;;;;;;;CAcb;AACF;OApBC,EAAc,eAAe,CAAA,GAAA,CAAA"}

package/dist/components/svg-draw-lines/index.js

@@ -1,21 +1,18 @@
-import { unsafeCSS as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
-import { html as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
-import { LitElement as n } from "../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";
-import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
-import { customElement as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
+import { customElement as e } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { query as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import s from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
-import c from "./style.js";
+import i from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import a from "./style.js";
+import { LitElement as o, html as s, unsafeCSS as c } from "lit";
 //#region src/components/svg-draw-lines/index.ts
-var l = class extends n {
+var l = class extends o {
 	constructor(...e) {
 		super(...e), this.duration = 1e3, this.easing = "linear", this.isAnimating = !1, this.svgClone = null;
 	}
 	static {
-		this.styles = e(c);
+		this.styles = c(a);
 	}
 	handleSlotChange() {
 		this.isAnimating || (this.cloneOriginalSvg(), this.isAnimating = !0, this.startAnimation());
@@ -74,19 +71,19 @@ var l = class extends n {
 		this.isAnimating = !1, this.svgClone = null;
 	}
 	render() {
-		return t`
+		return s`
       <slot ?hidden="${this.isAnimating}" @slotchange="${this.handleSlotChange}"></slot>
       ${this.isAnimating ? this.svgClone : ""}
     `;
 	}
 };
-s([i({
+i([t({
 	type: Number,
 	reflect: !0
-})], l.prototype, "duration", void 0), s([i({
+})], l.prototype, "duration", void 0), i([t({
 	type: String,
 	reflect: !0
-})], l.prototype, "easing", void 0), s([a()], l.prototype, "isAnimating", void 0), s([a()], l.prototype, "svgClone", void 0), s([o("slot")], l.prototype, "slotEl", void 0), l = s([r("web-ui-svg-draw-lines")], l);
+})], l.prototype, "easing", void 0), i([n()], l.prototype, "isAnimating", void 0), i([n()], l.prototype, "svgClone", void 0), i([r("slot")], l.prototype, "slotEl", void 0), l = i([e("web-ui-svg-draw-lines")], l);
 //#endregion
 export { l as WebUiSvgDrawLines };
 

package/dist/components/svg-draw-lines/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/svg-draw-lines/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-svg-draw-lines')\nexport class WebUiSvgDrawLines extends LitElement {\n  static styles = unsafeCSS(style)\n\n  @property({ type: Number, reflect: true }) duration = 1000\n  @property({ type: String, reflect: true }) easing = 'linear'\n\n  @state() private isAnimating = false\n  @state() private svgClone: SVGSVGElement | null = null\n  @query('slot') private slotEl!: HTMLSlotElement\n\n  private handleSlotChange() {\n    if (this.isAnimating) return\n\n    this.cloneOriginalSvg()\n\n    this.isAnimating = true\n    void this.startAnimation()\n  }\n\n  private cloneOriginalSvg() {\n    const original = this.slotEl.assignedElements({ flatten: true })[0]\n    if (!(original instanceof SVGSVGElement)) return\n\n    const svgClone = original.cloneNode(true) as SVGSVGElement\n    svgClone.classList.add('svg-clone')\n    this.svgClone = svgClone\n  }\n\n  private async startAnimation() {\n    if (!this.svgClone) return\n    await this.updateComplete\n\n    const selectors = 'path, rect, circle, line, polyline, polygon, ellipse'\n    const elements = Array.from(this.svgClone.querySelectorAll(selectors)) as SVGGeometryElement[]\n\n    const animTasks: SVGGeometryElement[] = []\n    let cursor = { x: 0, y: 0 }\n\n    // 除 path 外其余几何图形无需额外处理\n    // 将绘制多段路径的单 path 先拆分为多 path 并重新插入 dom\n    // 再分别计算每个 path 的 total length\n    elements.forEach(el => {\n      if (el instanceof SVGPathElement) {\n        const d = el.getAttribute('d') || ''\n        const segments = d.split(/(?=[Mm])/).filter(s => s.trim())\n\n        // 无论是一段还是多段，统一处理\n        segments.forEach(seg => {\n          const pathPart = segments.length > 1 ? (el.cloneNode() as SVGPathElement) : el\n          let finalD = seg.startsWith('m') ? `M${cursor.x} ${cursor.y}${seg}` : seg\n\n          finalD = this.fixPathGap(pathPart, finalD)\n          pathPart.setAttribute('d', finalD)\n\n          if (segments.length > 1) el.parentNode?.insertBefore(pathPart, el)\n\n          animTasks.push(pathPart)\n\n          const end = pathPart.getPointAtLength(pathPart.getTotalLength())\n          cursor = { x: end.x, y: end.y }\n        })\n\n        if (segments.length > 1) el.remove()\n      } else {\n        animTasks.push(el)\n      }\n    })\n\n    if (animTasks.length === 0) return this.stopAnimation()\n\n    const promises = animTasks.map((el, i) => {\n      return new Promise<void>(resolve => {\n        this.drawLine(el, i, resolve)\n      })\n    })\n\n    await Promise.all(promises)\n    this.stopAnimation()\n  }\n\n  // 缺口修复逻辑\n  // 多走 0.1px 触发渲染闭合和确定起始矢量方向\n  private fixPathGap(pathEl: SVGPathElement, d: string): string {\n    if (/[Zz]\\s*$/.test(d)) {\n      pathEl.setAttribute('d', d)\n      const p0 = pathEl.getPointAtLength(0)\n      const p1 = pathEl.getPointAtLength(0.1)\n\n      // 将 Z 替换为回到起点并多走 0.1px 的路径\n      return d.replace(/[Zz]\\s*$/, `L${p0.x.toFixed(3)} ${p0.y.toFixed(3)} L${p1.x.toFixed(3)} ${p1.y.toFixed(3)}`)\n    }\n    return d\n  }\n\n  private drawLine(el: SVGGeometryElement, index: number, onFinish: () => void) {\n    const strokeWidth = parseFloat(getComputedStyle(el).strokeWidth) || 0\n    const len = el.getTotalLength() + strokeWidth\n\n    el.style.strokeDasharray = `${len}`\n    el.style.strokeDashoffset = `${len}`\n\n    const anim = el.animate([{ strokeDashoffset: `${len}` }, { strokeDashoffset: '0' }], {\n      duration: this.duration,\n      easing: this.easing,\n      fill: 'forwards'\n    })\n    anim.onfinish = onFinish\n  }\n\n  private stopAnimation() {\n    this.isAnimating = false\n    this.svgClone = null\n  }\n\n  render() {\n    return html`\n      <slot ?hidden=\"${this.isAnimating}\" @slotchange=\"${this.handleSlotChange}\"></slot>\n      ${this.isAnimating ? this.svgClone : ''}\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/svg-draw-lines/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-svg-draw-lines')\nexport class WebUiSvgDrawLines extends LitElement {\n  static styles = unsafeCSS(style)\n\n  @property({ type: Number, reflect: true }) duration = 1000\n  @property({ type: String, reflect: true }) easing = 'linear'\n\n  @state() private isAnimating = false\n  @state() private svgClone: SVGSVGElement | null = null\n  @query('slot') private slotEl!: HTMLSlotElement\n\n  private handleSlotChange() {\n    if (this.isAnimating) return\n\n    this.cloneOriginalSvg()\n\n    this.isAnimating = true\n    void this.startAnimation()\n  }\n\n  private cloneOriginalSvg() {\n    const original = this.slotEl.assignedElements({ flatten: true })[0]\n    if (!(original instanceof SVGSVGElement)) return\n\n    const svgClone = original.cloneNode(true) as SVGSVGElement\n    svgClone.classList.add('svg-clone')\n    this.svgClone = svgClone\n  }\n\n  private async startAnimation() {\n    if (!this.svgClone) return\n    await this.updateComplete\n\n    const selectors = 'path, rect, circle, line, polyline, polygon, ellipse'\n    const elements = Array.from(this.svgClone.querySelectorAll(selectors)) as SVGGeometryElement[]\n\n    const animTasks: SVGGeometryElement[] = []\n    let cursor = { x: 0, y: 0 }\n\n    // 除 path 外其余几何图形无需额外处理\n    // 将绘制多段路径的单 path 先拆分为多 path 并重新插入 dom\n    // 再分别计算每个 path 的 total length\n    elements.forEach(el => {\n      if (el instanceof SVGPathElement) {\n        const d = el.getAttribute('d') || ''\n        const segments = d.split(/(?=[Mm])/).filter(s => s.trim())\n\n        // 无论是一段还是多段，统一处理\n        segments.forEach(seg => {\n          const pathPart = segments.length > 1 ? (el.cloneNode() as SVGPathElement) : el\n          let finalD = seg.startsWith('m') ? `M${cursor.x} ${cursor.y}${seg}` : seg\n\n          finalD = this.fixPathGap(pathPart, finalD)\n          pathPart.setAttribute('d', finalD)\n\n          if (segments.length > 1) el.parentNode?.insertBefore(pathPart, el)\n\n          animTasks.push(pathPart)\n\n          const end = pathPart.getPointAtLength(pathPart.getTotalLength())\n          cursor = { x: end.x, y: end.y }\n        })\n\n        if (segments.length > 1) el.remove()\n      } else {\n        animTasks.push(el)\n      }\n    })\n\n    if (animTasks.length === 0) return this.stopAnimation()\n\n    const promises = animTasks.map((el, i) => {\n      return new Promise<void>(resolve => {\n        this.drawLine(el, i, resolve)\n      })\n    })\n\n    await Promise.all(promises)\n    this.stopAnimation()\n  }\n\n  // 缺口修复逻辑\n  // 多走 0.1px 触发渲染闭合和确定起始矢量方向\n  private fixPathGap(pathEl: SVGPathElement, d: string): string {\n    if (/[Zz]\\s*$/.test(d)) {\n      pathEl.setAttribute('d', d)\n      const p0 = pathEl.getPointAtLength(0)\n      const p1 = pathEl.getPointAtLength(0.1)\n\n      // 将 Z 替换为回到起点并多走 0.1px 的路径\n      return d.replace(/[Zz]\\s*$/, `L${p0.x.toFixed(3)} ${p0.y.toFixed(3)} L${p1.x.toFixed(3)} ${p1.y.toFixed(3)}`)\n    }\n    return d\n  }\n\n  private drawLine(el: SVGGeometryElement, index: number, onFinish: () => void) {\n    const strokeWidth = parseFloat(getComputedStyle(el).strokeWidth) || 0\n    const len = el.getTotalLength() + strokeWidth\n\n    el.style.strokeDasharray = `${len}`\n    el.style.strokeDashoffset = `${len}`\n\n    const anim = el.animate([{ strokeDashoffset: `${len}` }, { strokeDashoffset: '0' }], {\n      duration: this.duration,\n      easing: this.easing,\n      fill: 'forwards'\n    })\n    anim.onfinish = onFinish\n  }\n\n  private stopAnimation() {\n    this.isAnimating = false\n    this.svgClone = null\n  }\n\n  render() {\n    return html`\n      <slot ?hidden=\"${this.isAnimating}\" @slotchange=\"${this.handleSlotChange}\"></slot>\n      ${this.isAnimating ? this.svgClone : ''}\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/reactive-element.js

@@ -1,10 +1,10 @@
-import { adoptStyles as e, getCompatibleStyle as t, unsafeCSS as n } from "./css-tag.js";
+import { adoptStyles as e, getCompatibleStyle as t } from "./css-tag.js";
 //#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/reactive-element.js
-var { is: r, defineProperty: i, getOwnPropertyDescriptor: a, getOwnPropertyNames: o, getOwnPropertySymbols: s, getPrototypeOf: c } = Object, l = globalThis, u = l.trustedTypes, d = u ? u.emptyScript : "", f = l.reactiveElementPolyfillSupport, p = (e, t) => e, m = {
+var { is: n, defineProperty: r, getOwnPropertyDescriptor: i, getOwnPropertyNames: a, getOwnPropertySymbols: o, getPrototypeOf: s } = Object, c = globalThis, l = c.trustedTypes, u = l ? l.emptyScript : "", d = c.reactiveElementPolyfillSupport, f = (e, t) => e, p = {
 	toAttribute(e, t) {
 		switch (t) {
 			case Boolean:
-				e = e ? d : null;
+				e = e ? u : null;
 				break;
 			case Object:
 			case Array: e = e == null ? e : JSON.stringify(e);
@@ -29,30 +29,30 @@ var { is: r, defineProperty: i, getOwnPropertyDescriptor: a, getOwnPropertyNames
 		}
 		return n;
 	}
-}, h = (e, t) => !r(e, t), g = {
+}, m = (e, t) => !n(e, t), h = {
 	attribute: !0,
 	type: String,
-	converter: m,
+	converter: p,
 	reflect: !1,
 	useDefault: !1,
-	hasChanged: h
+	hasChanged: m
 };
-Symbol.metadata ??= Symbol("metadata"), l.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-var _ = class extends HTMLElement {
+Symbol.metadata ??= Symbol("metadata"), c.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var g = class extends HTMLElement {
 	static addInitializer(e) {
 		this._$Ei(), (this.l ??= []).push(e);
 	}
 	static get observedAttributes() {
 		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
 	}
-	static createProperty(e, t = g) {
+	static createProperty(e, t = h) {
 		if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
-			let n = Symbol(), r = this.getPropertyDescriptor(e, n, t);
-			r !== void 0 && i(this.prototype, e, r);
+			let n = Symbol(), i = this.getPropertyDescriptor(e, n, t);
+			i !== void 0 && r(this.prototype, e, i);
 		}
 	}
 	static getPropertyDescriptor(e, t, n) {
-		let { get: r, set: i } = a(this.prototype, e) ?? {
+		let { get: r, set: a } = i(this.prototype, e) ?? {
 			get() {
 				return this[t];
 			},
@@ -63,25 +63,25 @@ var _ = class extends HTMLElement {
 		return {
 			get: r,
 			set(t) {
-				let a = r?.call(this);
-				i?.call(this, t), this.requestUpdate(e, a, n);
+				let i = r?.call(this);
+				a?.call(this, t), this.requestUpdate(e, i, n);
 			},
 			configurable: !0,
 			enumerable: !0
 		};
 	}
 	static getPropertyOptions(e) {
-		return this.elementProperties.get(e) ?? g;
+		return this.elementProperties.get(e) ?? h;
 	}
 	static _$Ei() {
-		if (this.hasOwnProperty(p("elementProperties"))) return;
-		let e = c(this);
+		if (this.hasOwnProperty(f("elementProperties"))) return;
+		let e = s(this);
 		e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
 	}
 	static finalize() {
-		if (this.hasOwnProperty(p("finalized"))) return;
-		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(p("properties"))) {
-			let e = this.properties, t = [...o(e), ...s(e)];
+		if (this.hasOwnProperty(f("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(f("properties"))) {
+			let e = this.properties, t = [...a(e), ...o(e)];
 			for (let n of t) this.createProperty(n, e[n]);
 		}
 		let e = this[Symbol.metadata];
@@ -142,14 +142,14 @@ var _ = class extends HTMLElement {
 	_$ET(e, t) {
 		let n = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, n);
 		if (r !== void 0 && !0 === n.reflect) {
-			let i = (n.converter?.toAttribute === void 0 ? m : n.converter).toAttribute(t, n.type);
+			let i = (n.converter?.toAttribute === void 0 ? p : n.converter).toAttribute(t, n.type);
 			this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
 		}
 	}
 	_$AK(e, t) {
 		let n = this.constructor, r = n._$Eh.get(e);
 		if (r !== void 0 && this._$Em !== r) {
-			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? m : e.converter;
+			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? p : e.converter;
 			this._$Em = r;
 			let a = i.fromAttribute(t, e.type);
 			this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
@@ -158,7 +158,7 @@ var _ = class extends HTMLElement {
 	requestUpdate(e, t, n, r = !1, i) {
 		if (e !== void 0) {
 			let a = this.constructor;
-			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? h)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
+			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? m)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
 			this.C(e, t, n);
 		}
 		!1 === this.isUpdatePending && (this._$ES = this._$EP());
@@ -222,8 +222,8 @@ var _ = class extends HTMLElement {
 	updated(e) {}
 	firstUpdated(e) {}
 };
-_.elementStyles = [], _.shadowRootOptions = { mode: "open" }, _[p("elementProperties")] = /* @__PURE__ */ new Map(), _[p("finalized")] = /* @__PURE__ */ new Map(), f?.({ ReactiveElement: _ }), (l.reactiveElementVersions ??= []).push("2.1.2");
+g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[f("elementProperties")] = /* @__PURE__ */ new Map(), g[f("finalized")] = /* @__PURE__ */ new Map(), d?.({ ReactiveElement: g }), (c.reactiveElementVersions ??= []).push("2.1.2");
 //#endregion
-export { _ as ReactiveElement, e as adoptStyles, m as defaultConverter, t as getCompatibleStyle, h as notEqual, n as unsafeCSS };
+export { g as ReactiveElement, e as adoptStyles, p as defaultConverter, t as getCompatibleStyle, m as notEqual };
 
 //# sourceMappingURL=reactive-element.js.map

package/dist/types/react.d.ts

@@ -6,11 +6,11 @@ type ExtractReactEvents<T> = T extends {
 } ? {
     [K in keyof E as `on${string & K}`]?: (e: E[K]) => void;
 } : object;
-export type ReactWrapper<T> = DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & ExtractReactEvents<T> & HTMLAttributes<HTMLElement>, HTMLElement>;
+export type LitReactWrapper<T> = DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & ExtractReactEvents<T> & HTMLAttributes<HTMLElement>, HTMLElement>;
 export interface WebUiComponents {
-    'web-ui-button': ReactWrapper<WebUiButton>;
-    'web-ui-back-top': ReactWrapper<WebUiBackTop>;
-    'web-ui-layout': ReactWrapper<WebUiLayout>;
+    'web-ui-button': LitReactWrapper<WebUiButton>;
+    'web-ui-back-top': LitReactWrapper<WebUiBackTop>;
+    'web-ui-layout': LitReactWrapper<WebUiLayout>;
 }
 declare module 'react' {
     namespace JSX {

package/dist/types/vue.d.ts

@@ -6,11 +6,11 @@ type ExtractVueEvents<T> = T extends {
 } ? {
     [K in keyof E as `on${Capitalize<string & K>}`]?: (e: E[K]) => void;
 } : object;
-export type VueWrapper<T> = DefineComponent<ExtractProps<OmitLitBase<T>> & ExtractVueEvents<T>>;
+export type LitVueWrapper<T> = DefineComponent<ExtractProps<OmitLitBase<T>> & ExtractVueEvents<T>>;
 export interface WebUiComponents {
-    'web-ui-button': VueWrapper<WebUiButton>;
-    'web-ui-back-top': VueWrapper<WebUiBackTop>;
-    'web-ui-layout': VueWrapper<WebUiLayout>;
+    'web-ui-button': LitVueWrapper<WebUiButton>;
+    'web-ui-back-top': LitVueWrapper<WebUiBackTop>;
+    'web-ui-layout': LitVueWrapper<WebUiLayout>;
 }
 declare module 'vue' {
     interface GlobalComponents extends WebUiComponents {

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@greypan/web-ui",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pan-Z2l0aHVi/mono.git"
   },
   "type": "module",
+  "files": [
+    "dist"
+  ],
   "sideEffects": [
     "./dist/index.js",
     "./dist/components/*/index.js",
@@ -36,15 +39,31 @@
   "dependencies": {
     "iconify-icon": "^3.0.2",
     "lit": "^3.3.3",
-    "@greypan/browser-kit": "1.2.1",
-    "@greypan/js-kit": "1.1.1"
+    "@greypan/browser-kit": "1.4.0",
+    "@greypan/js-kit": "1.3.0"
+  },
+  "devDependencies": {
+    "react": "^19.2.7",
+    "vue": "^3.5.39"
+  },
+  "peerDependencies": {
+    "react": ">=16",
+    "vue": ">=3"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
   },
   "browserslist": [
     "defaults"
   ],
+  "description": "Lit-based web components for React, Vue, and vanilla JS",
   "scripts": {
-    "build": "run-p type-check \"build-only {@}\" --",
-    "build-only": "vp build",
+    "build": "vue-tsc --build && vp build",
     "preview": "vp preview",
     "test": "vp test run",
     "type-check": "vue-tsc --build",

package/.turbo/turbo-build.log

@@ -1,44 +0,0 @@
-
-> @greypan/web-ui@1.1.1 build /home/runner/work/mono/mono/packages/web-ui
-> run-p type-check "build-only {@}" --
-
-
-> @greypan/web-ui@1.1.1 type-check /home/runner/work/mono/mono/packages/web-ui
-> vue-tsc --build
-
-
-> @greypan/web-ui@1.1.1 build-only /home/runner/work/mono/mono/packages/web-ui
-> vp build
-
-vite v8.1.3 building client environment for production...
-
-rendering chunks...
-
-[unplugin:dts] Start generate declaration files...
-[unplugin:dts] Declaration files built in 2295ms.
-
-computing gzip size...
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js            0.30 kB │ gzip: 0.22 kB │ map:  0.59 kB
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/base.js             0.32 kB │ gzip: 0.23 kB │ map:  0.64 kB
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/custom-element.js   0.35 kB │ gzip: 0.23 kB │ map:  0.68 kB
-dist/components/svg-draw-lines/style.js                                                                               0.35 kB │ gzip: 0.26 kB │ map:  0.45 kB
-dist/index.js                                                                                                         0.36 kB │ gzip: 0.17 kB
-dist/_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js                                                   0.51 kB │ gzip: 0.33 kB
-dist/components/back-top/style.js                                                                                     0.55 kB │ gzip: 0.31 kB │ map:  0.67 kB
-dist/node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js                                                      0.62 kB │ gzip: 0.20 kB
-dist/components/layout/style.js                                                                                       0.72 kB │ gzip: 0.41 kB │ map:  0.97 kB
-dist/node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js                                                           0.76 kB │ gzip: 0.32 kB
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js            0.76 kB │ gzip: 0.43 kB │ map:  1.34 kB
-dist/components/button/style.js                                                                                       0.99 kB │ gzip: 0.43 kB │ map:  1.29 kB
-dist/components/layout/index.js                                                                                       1.29 kB │ gzip: 0.50 kB │ map:  0.86 kB
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js         1.33 kB │ gzip: 0.69 kB │ map:  2.38 kB
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js                     1.50 kB │ gzip: 0.78 kB │ map:  2.89 kB
-dist/node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js                                     1.65 kB │ gzip: 0.71 kB │ map:  2.06 kB
-dist/components/button/index.js                                                                                       1.75 kB │ gzip: 0.61 kB │ map:  1.43 kB
-dist/components/back-top/index.js                                                                                     3.72 kB │ gzip: 1.35 kB │ map:  5.15 kB
-dist/components/svg-draw-lines/index.js                                                                               3.98 kB │ gzip: 1.50 kB │ map:  6.66 kB
-dist/node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/reactive-element.js            7.85 kB │ gzip: 2.64 kB │ map: 13.43 kB
-dist/node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js                                              9.27 kB │ gzip: 3.54 kB │ map: 17.03 kB
-dist/node_modules/.pnpm/iconify-icon@3.0.2/node_modules/iconify-icon/dist/iconify-icon.js                            29.01 kB │ gzip: 9.28 kB │ map: 97.11 kB
-
-✓ built in 2.39s

package/.turbo/turbo-test.log

@@ -1,14 +0,0 @@
-
-> @greypan/web-ui@1.1.1 test /home/runner/work/mono/mono/packages/web-ui
-> vp test run
-
-
- RUN  v4.1.9 /home/runner/work/mono/mono/packages/web-ui
-
- ✓ src/components/layout/__tests__/layout.spec.ts (1 test) 12ms
-
- Test Files  1 passed (1)
-      Tests  1 passed (1)
-   Start at  14:32:08
-   Duration  4.15s (transform 69ms, setup 0ms, import 119ms, tests 12ms, environment 3.38s)
-

package/CHANGELOG.md

@@ -1,28 +0,0 @@
-# @greypan/web-ui
-
-## 1.1.1
-
-### Patch Changes
-
-- Updated dependencies [ec36e92]
-  - @greypan/js-kit@1.1.1
-  - @greypan/browser-kit@1.2.1
-
-## 1.1.0
-
-### Minor Changes
-
-- 4dfde81: 完善子包依赖，修复依赖缺失
-
-### Patch Changes
-
-- Updated dependencies [4dfde81]
-  - @greypan/browser-kit@1.2.0
-  - @greypan/js-kit@1.1.0
-
-## 1.0.1
-
-### Patch Changes
-
-- Updated dependencies
-  - @greypan/browser-kit@1.1.0