@inpageedit/core 0.1.1 → 0.2.0

package/dist/{index-Bz9ciRCe.js → index-vjK9PEyV.js}

@@ -1,4 +1,5 @@
-import { b as C, j as n, a as A, S as m } from "./index-CGg-JS5d.js";
+import { j as n } from "./index-D3QOS3-Q.js";
+import { Service as C, Inject as A, Schema as v } from "./index.js";
 import { R as B } from "./Preferences-Bg3J5Ur9.js";
 import { s as I } from "./sleep-DpyIipK-.js";
 var j = Object.create, x = Object.defineProperty, q = Object.getOwnPropertyDescriptor, w = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), _ = (t) => {
@@ -12,10 +13,10 @@ var j = Object.create, x = Object.defineProperty, q = Object.getOwnPropertyDescr
   for (var h = i.length - 1; h >= 0; h--)
     u = N(a, o, b = {}, t[3], g), d = (0, i[h])(r, u), b._ = 1, y(d) && (r = d);
   return O(t, r), p && x(r, o, p), s ? a ^ 4 ? l : p : r;
-}, S, v, k;
+}, S, m, k;
 S = [B(
-  m.object({
-    toolboxAlwaysShow: m.boolean().description("Make the toolbox opened by default").default(!1)
+  v.object({
+    toolboxAlwaysShow: v.boolean().description("Make the toolbox opened by default").default(!1)
   }),
   {
     toolboxAlwaysShow: !1
@@ -132,10 +133,10 @@ class f extends (k = C) {
     this.container.querySelector(`.ipe-toolbox-btn#${e}`)?.remove(), this.ctx.emit("toolbox/button/removed", { ctx: this.ctx, id: e });
   }
 }
-v = E(k);
-f = L(v, 0, "PluginToolbox", S, f);
-T(v, 1, f);
+m = E(k);
+f = L(m, 0, "PluginToolbox", S, f);
+T(m, 1, f);
 export {
   f as PluginToolbox
 };
-//# sourceMappingURL=index-Bz9ciRCe.js.map
+//# sourceMappingURL=index-vjK9PEyV.js.map

package/dist/{index-Bz9ciRCe.js.map → index-vjK9PEyV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Bz9ciRCe.js","sources":["../src/plugins/toolbox/index.tsx"],"sourcesContent":["import { Inject, InPageEdit, Schema, Service } from '@/InPageEdit'\nimport { ReactElement } from 'jsx-dom'\n\ndeclare module '@/InPageEdit' {\n  interface InPageEdit {\n    toolbox: PluginToolbox\n  }\n  interface Events {\n    'toolbox/button/added'(payload: { ctx: InPageEdit; button: HTMLElement }): void\n    'toolbox/button/removed'(payload: { ctx: InPageEdit; id: string }): void\n  }\n}\n\n@RegisterPreferences(\n  Schema.object({\n    toolboxAlwaysShow: Schema.boolean()\n      .description('Make the toolbox opened by default')\n      .default(false),\n  }),\n  {\n    toolboxAlwaysShow: false,\n  }\n)\n@Inject(['preferences'])\nexport class PluginToolbox extends Service {\n  container!: HTMLElement\n  private forceShow = false\n\n  constructor(public ctx: InPageEdit) {\n    super(ctx, 'toolbox', false)\n  }\n\n  protected async start(): Promise<void> {\n    if (mw && mw.config.get('wgIsArticle') === false && !this.forceShow) {\n      this.container = this.createIndicatorForNotArticlePage()\n    } else {\n      this.container = this.createToolbox()\n    }\n    document.body.appendChild(this.container)\n    await sleep(0) // wait nextTick\n    this.ctx.preferences.get('toolboxAlwaysShow').then((val) => {\n      if (val) {\n        this.container.querySelector('#toolbox-toggle')?.classList.add('opened')\n        this.container.querySelectorAll('.btn-group').forEach((el) => {\n          el.classList.add('opened')\n        })\n      }\n    })\n  }\n\n  protected stop(): void | Promise<void> {\n    this.container?.remove()\n  }\n\n  private createToolbox() {\n    const toggler = (\n      <button\n        className=\"ipe-toolbox-btn\"\n        id=\"toolbox-toggle\"\n        onClick={function (e) {\n          const isOpened = this.classList.contains('opened')\n          this.classList.toggle('opened', !isOpened)\n          element.querySelectorAll('.btn-group').forEach((el) => {\n            el.classList.toggle('opened', !isOpened)\n          })\n        }}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"icon icon-tabler icons-tabler-outline icon-tabler-plus\"\n        >\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M12 5l0 14\" />\n          <path d=\"M5 12l14 0\" />\n        </svg>\n      </button>\n    )\n    const element = (\n      <div id=\"ipe-edit-toolbox\">\n        <ul className=\"btn-group group1\" style={{ display: 'flex', flexDirection: 'column' }}></ul>\n        <ul className=\"btn-group group2\" style={{ display: 'flex', flexDirection: 'row' }}></ul>\n        {toggler}\n      </div>\n    )\n\n    return element as HTMLElement\n  }\n\n  private createIndicatorForNotArticlePage() {\n    const indicator = (\n      <div id=\"ipe-edit-toolbox\">\n        <div\n          id=\"ipe-toolbox-placeholder\"\n          style=\"width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #3f51b5; color: #fff; pointer-events: none;\"\n        >\n          <svg\n            style=\"width: 0.5em; height: 0.5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"icon icon-tabler icons-tabler-outline icon-tabler-check\"\n          >\n            <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M5 12l5 5l10 -10\" />\n          </svg>\n        </div>\n      </div>\n    )\n    return indicator as HTMLElement\n  }\n\n  private normalizeButtonId(id: string) {\n    if (!id) {\n      id = Math.random().toString(36).substring(2, 8)\n    }\n    return `ipe-toolbox__${id.trim()}`.replace(/\\s\\.#/g, '-')\n  }\n\n  addButton(payload: {\n    id: string\n    group?: 'auto' | 'group1' | 'group2'\n    icon: string | HTMLElement | SVGElement | JQuery | ReactElement\n    tooltip?: string | HTMLElement | JQuery\n    buttonProps?: Record<string, any>\n    onClick?: (event: MouseEvent) => void\n    index?: number\n  }) {\n    let { id, group, icon, tooltip, buttonProps, onClick, index } = payload\n    id = this.normalizeButtonId(id)\n\n    const existingButton = this.container.querySelector(`#${id}`)\n    if (existingButton) {\n      this.ctx.logger('toolbox').warn(`Button with id ${id} already exists, replacing it.`)\n      existingButton.remove()\n    }\n\n    let groupEl: HTMLElement | null = null\n    if (typeof group === 'undefined' || group === 'auto') {\n      // 选择按钮最少的那一组，一样多就选第一组\n      const group1 = this.container.querySelector('.btn-group.group1') as HTMLElement\n      const group2 = this.container.querySelector('.btn-group.group2') as HTMLElement\n      const group1Count = group1?.children.length || 0\n      const group2Count = group2?.children.length || 0\n      groupEl = group1Count <= group2Count ? group1 : group2\n    } else {\n      groupEl = this.container.querySelector(`.btn-group.${group}`)\n    }\n    if (!groupEl) throw new Error(`Button group ${group} not found`)\n\n    const button = (\n      <li class=\"btn-tip-group\" id={id} onClick={onClick}>\n        <div class=\"btn-tip\">{tooltip}</div>\n        <button id={`${id}-btn`} class=\"ipe-toolbox-btn\" {...buttonProps}>\n          {icon}\n        </button>\n      </li>\n    )\n\n    if (typeof index === 'number') {\n      if (index <= 0) {\n        groupEl.prepend(button)\n      } else if (index >= groupEl.children.length) {\n        groupEl.appendChild(button)\n      } else {\n        groupEl.children[index]?.before(button)\n      }\n    } else {\n      groupEl.appendChild(button)\n    }\n\n    this.ctx.emit('toolbox/button/added', {\n      ctx: this.ctx,\n      button: button as HTMLElement,\n    })\n\n    return button as HTMLElement\n  }\n\n  removeButton(id: string) {\n    const button = this.container.querySelector(`.ipe-toolbox-btn#${id}`)\n    button?.remove()\n    this.ctx.emit('toolbox/button/removed', { ctx: this.ctx, id })\n  }\n}\n"],"names":["_PluginToolbox_decorators","_init","_a","RegisterPreferences","Schema","Inject","PluginToolbox","Service","ctx","sleep","val","el","element","jsxs","jsx","e","isOpened","id","payload","group","icon","tooltip","buttonProps","onClick","index","existingButton","groupEl","group1","group2","group1Count","group2Count","button","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}
+{"version":3,"file":"index-vjK9PEyV.js","sources":["../src/plugins/toolbox/index.tsx"],"sourcesContent":["import { Inject, InPageEdit, Schema, Service } from '@/InPageEdit'\nimport { ReactElement } from 'jsx-dom'\n\ndeclare module '@/InPageEdit' {\n  interface InPageEdit {\n    toolbox: PluginToolbox\n  }\n  interface Events {\n    'toolbox/button/added'(payload: { ctx: InPageEdit; button: HTMLElement }): void\n    'toolbox/button/removed'(payload: { ctx: InPageEdit; id: string }): void\n  }\n}\n\n@RegisterPreferences(\n  Schema.object({\n    toolboxAlwaysShow: Schema.boolean()\n      .description('Make the toolbox opened by default')\n      .default(false),\n  }),\n  {\n    toolboxAlwaysShow: false,\n  }\n)\n@Inject(['preferences'])\nexport class PluginToolbox extends Service {\n  container!: HTMLElement\n  private forceShow = false\n\n  constructor(public ctx: InPageEdit) {\n    super(ctx, 'toolbox', false)\n  }\n\n  protected async start(): Promise<void> {\n    if (mw && mw.config.get('wgIsArticle') === false && !this.forceShow) {\n      this.container = this.createIndicatorForNotArticlePage()\n    } else {\n      this.container = this.createToolbox()\n    }\n    document.body.appendChild(this.container)\n    await sleep(0) // wait nextTick\n    this.ctx.preferences.get('toolboxAlwaysShow').then((val) => {\n      if (val) {\n        this.container.querySelector('#toolbox-toggle')?.classList.add('opened')\n        this.container.querySelectorAll('.btn-group').forEach((el) => {\n          el.classList.add('opened')\n        })\n      }\n    })\n  }\n\n  protected stop(): void | Promise<void> {\n    this.container?.remove()\n  }\n\n  private createToolbox() {\n    const toggler = (\n      <button\n        className=\"ipe-toolbox-btn\"\n        id=\"toolbox-toggle\"\n        onClick={function (e) {\n          const isOpened = this.classList.contains('opened')\n          this.classList.toggle('opened', !isOpened)\n          element.querySelectorAll('.btn-group').forEach((el) => {\n            el.classList.toggle('opened', !isOpened)\n          })\n        }}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"icon icon-tabler icons-tabler-outline icon-tabler-plus\"\n        >\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M12 5l0 14\" />\n          <path d=\"M5 12l14 0\" />\n        </svg>\n      </button>\n    )\n    const element = (\n      <div id=\"ipe-edit-toolbox\">\n        <ul className=\"btn-group group1\" style={{ display: 'flex', flexDirection: 'column' }}></ul>\n        <ul className=\"btn-group group2\" style={{ display: 'flex', flexDirection: 'row' }}></ul>\n        {toggler}\n      </div>\n    )\n\n    return element as HTMLElement\n  }\n\n  private createIndicatorForNotArticlePage() {\n    const indicator = (\n      <div id=\"ipe-edit-toolbox\">\n        <div\n          id=\"ipe-toolbox-placeholder\"\n          style=\"width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #3f51b5; color: #fff; pointer-events: none;\"\n        >\n          <svg\n            style=\"width: 0.5em; height: 0.5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"icon icon-tabler icons-tabler-outline icon-tabler-check\"\n          >\n            <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M5 12l5 5l10 -10\" />\n          </svg>\n        </div>\n      </div>\n    )\n    return indicator as HTMLElement\n  }\n\n  private normalizeButtonId(id: string) {\n    if (!id) {\n      id = Math.random().toString(36).substring(2, 8)\n    }\n    return `ipe-toolbox__${id.trim()}`.replace(/\\s\\.#/g, '-')\n  }\n\n  addButton(payload: {\n    id: string\n    group?: 'auto' | 'group1' | 'group2'\n    icon: string | HTMLElement | SVGElement | JQuery | ReactElement\n    tooltip?: string | HTMLElement | JQuery\n    buttonProps?: Record<string, any>\n    onClick?: (event: MouseEvent) => void\n    index?: number\n  }) {\n    let { id, group, icon, tooltip, buttonProps, onClick, index } = payload\n    id = this.normalizeButtonId(id)\n\n    const existingButton = this.container.querySelector(`#${id}`)\n    if (existingButton) {\n      this.ctx.logger('toolbox').warn(`Button with id ${id} already exists, replacing it.`)\n      existingButton.remove()\n    }\n\n    let groupEl: HTMLElement | null = null\n    if (typeof group === 'undefined' || group === 'auto') {\n      // 选择按钮最少的那一组，一样多就选第一组\n      const group1 = this.container.querySelector('.btn-group.group1') as HTMLElement\n      const group2 = this.container.querySelector('.btn-group.group2') as HTMLElement\n      const group1Count = group1?.children.length || 0\n      const group2Count = group2?.children.length || 0\n      groupEl = group1Count <= group2Count ? group1 : group2\n    } else {\n      groupEl = this.container.querySelector(`.btn-group.${group}`)\n    }\n    if (!groupEl) throw new Error(`Button group ${group} not found`)\n\n    const button = (\n      <li class=\"btn-tip-group\" id={id} onClick={onClick}>\n        <div class=\"btn-tip\">{tooltip}</div>\n        <button id={`${id}-btn`} class=\"ipe-toolbox-btn\" {...buttonProps}>\n          {icon}\n        </button>\n      </li>\n    )\n\n    if (typeof index === 'number') {\n      if (index <= 0) {\n        groupEl.prepend(button)\n      } else if (index >= groupEl.children.length) {\n        groupEl.appendChild(button)\n      } else {\n        groupEl.children[index]?.before(button)\n      }\n    } else {\n      groupEl.appendChild(button)\n    }\n\n    this.ctx.emit('toolbox/button/added', {\n      ctx: this.ctx,\n      button: button as HTMLElement,\n    })\n\n    return button as HTMLElement\n  }\n\n  removeButton(id: string) {\n    const button = this.container.querySelector(`.ipe-toolbox-btn#${id}`)\n    button?.remove()\n    this.ctx.emit('toolbox/button/removed', { ctx: this.ctx, id })\n  }\n}\n"],"names":["_PluginToolbox_decorators","_init","_a","RegisterPreferences","Schema","Inject","PluginToolbox","Service","ctx","sleep","val","el","element","jsxs","jsx","e","isOpened","id","payload","group","icon","tooltip","buttonProps","onClick","index","existingButton","groupEl","group1","group2","group1Count","group2Count","button","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/{index-BI0z4WfP.js → index-wYcxrK6G.js}

@@ -1,4 +1,4 @@
-import { j as n } from "./index-CGg-JS5d.js";
+import { j as n } from "./index-D3QOS3-Q.js";
 const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLeft_1gdgl_27", W = "_inputRight_1gdgl_30", $ = "_swapButton_1gdgl_46", i = {
   twinSwapInput: x,
   inputWrapper: y,
@@ -80,4 +80,4 @@ const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLef
 export {
   C as T
 };
-//# sourceMappingURL=index-BI0z4WfP.js.map
+//# sourceMappingURL=index-wYcxrK6G.js.map

package/dist/{index-BI0z4WfP.js.map → index-wYcxrK6G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BI0z4WfP.js","sources":["../src/components/TwinSwapInput/index.tsx"],"sourcesContent":["import { JSX } from 'jsx-dom/jsx-runtime'\nimport styles from './styles.module.sass'\n\nexport type TwinSwapInputProps = {\n  inputs: [TwinSwapInputInput, TwinSwapInputInput]\n  enableSwap?: boolean\n} & JSX.IntrinsicElements['div']\n\nexport interface TwinSwapInputInput {\n  label?: string\n  id?: string\n  name: string\n  value?: string\n  disabled?: boolean\n  inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>\n}\n\nexport type TwinSwapElement = HTMLDivElement & {\n  swap: () => void\n  toggleEnableSwap: (enable?: boolean) => void\n}\n\nexport const TwinSwapInput = (props: TwinSwapInputProps) => {\n  const { inputs, enableSwap = true, ...rest } = props\n\n  const normalizedInputs =\n    inputs?.length === 2\n      ? inputs\n      : ([inputs?.[0] ?? {}, inputs?.[1] ?? {}] as [TwinSwapInputInput, TwinSwapInputInput])\n\n  // 内部稳定引用\n  const inputRefs: [HTMLInputElement | null, HTMLInputElement | null] = [null, null]\n\n  let swapCount = 0\n  let swapBtnRef: HTMLButtonElement | null = null\n  let svgRef: SVGElement | null = null\n\n  const checkIfInputDisabled = () => inputRefs.some((el) => el && el.disabled)\n\n  const swap = () => {\n    if (!inputRefs[0] || !inputRefs[1]) return\n    if (checkIfInputDisabled()) return\n\n    const a = inputRefs[0]\n    const b = inputRefs[1]\n    const va = a.value\n    const vb = b.value\n    a.value = vb\n    b.value = va\n\n    // 与原实现一致：派发 change（不冒泡）\n    a.dispatchEvent(new Event('change'))\n    b.dispatchEvent(new Event('change'))\n\n    swapCount++\n    if (svgRef) {\n      svgRef.style.transform = `rotateY(${swapCount * -180}deg)`\n      svgRef.style.transition = 'transform 200ms ease'\n    }\n  }\n\n  const toggleEnableSwap = (enable?: boolean) => {\n    if (!swapBtnRef) return\n    const next = enable ?? !swapBtnRef.disabled\n    swapBtnRef.disabled = !next\n    if (next) {\n      // 与原实现一致：开启时把 inputs 解禁\n      inputRefs.forEach((el) => {\n        if (el) el.disabled = false\n      })\n    }\n  }\n\n  const swapButton = (\n    <button\n      type=\"button\"\n      aria-label=\"Swap values\"\n      onClick={swap}\n      disabled={checkIfInputDisabled() || !enableSwap}\n      ref={(el) => (swapBtnRef = el as HTMLButtonElement)}\n    >\n      <svg\n        ref={(el) => (svgRef = el as unknown as SVGElement)}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"icon-tabler icons-tabler-outline icon-tabler-transfer\"\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <path d=\"M20 10h-16l5.5 -6\" />\n        <path d=\"M4 14h16l-5.5 6\" />\n      </svg>\n    </button>\n  ) as HTMLButtonElement\n\n  const container = (\n    <div className={`twin-swap-input ${styles.twinSwapInput}`} {...rest}>\n      {normalizedInputs.map((input, index) => {\n        const { label, id, name, value, disabled, inputProps } = input\n        const isLeft = index === 0\n        const inputId = id || name\n\n        return (\n          <div\n            className={`${styles.inputWrapper} ${isLeft ? styles.inputLeft : styles.inputRight}`}\n          >\n            {label && <label htmlFor={inputId}>{label}</label>}\n            <input\n              ref={(el) => (inputRefs[index] = el as HTMLInputElement)}\n              type=\"text\"\n              id={inputId}\n              name={name}\n              value={value}\n              disabled={disabled}\n              {...inputProps}\n            />\n          </div>\n        )\n      })}\n\n      <div className={styles.swapButton}>{swapButton}</div>\n    </div>\n  ) as TwinSwapElement\n\n  container.swap = swap\n  container.toggleEnableSwap = toggleEnableSwap\n\n  return container\n}\n"],"names":["TwinSwapInput","props","inputs","enableSwap","rest","normalizedInputs","inputRefs","swapCount","swapBtnRef","svgRef","checkIfInputDisabled","el","swap","a","b","va","vb","toggleEnableSwap","enable","next","swapButton","jsx","jsxs","container","styles","input","index","label","id","name","value","disabled","inputProps","isLeft","inputId"],"mappings":"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"}
+{"version":3,"file":"index-wYcxrK6G.js","sources":["../src/components/TwinSwapInput/index.tsx"],"sourcesContent":["import { JSX } from 'jsx-dom/jsx-runtime'\nimport styles from './styles.module.sass'\n\nexport type TwinSwapInputProps = {\n  inputs: [TwinSwapInputInput, TwinSwapInputInput]\n  enableSwap?: boolean\n} & JSX.IntrinsicElements['div']\n\nexport interface TwinSwapInputInput {\n  label?: string\n  id?: string\n  name: string\n  value?: string\n  disabled?: boolean\n  inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>\n}\n\nexport type TwinSwapElement = HTMLDivElement & {\n  swap: () => void\n  toggleEnableSwap: (enable?: boolean) => void\n}\n\nexport const TwinSwapInput = (props: TwinSwapInputProps) => {\n  const { inputs, enableSwap = true, ...rest } = props\n\n  const normalizedInputs =\n    inputs?.length === 2\n      ? inputs\n      : ([inputs?.[0] ?? {}, inputs?.[1] ?? {}] as [TwinSwapInputInput, TwinSwapInputInput])\n\n  // 内部稳定引用\n  const inputRefs: [HTMLInputElement | null, HTMLInputElement | null] = [null, null]\n\n  let swapCount = 0\n  let swapBtnRef: HTMLButtonElement | null = null\n  let svgRef: SVGElement | null = null\n\n  const checkIfInputDisabled = () => inputRefs.some((el) => el && el.disabled)\n\n  const swap = () => {\n    if (!inputRefs[0] || !inputRefs[1]) return\n    if (checkIfInputDisabled()) return\n\n    const a = inputRefs[0]\n    const b = inputRefs[1]\n    const va = a.value\n    const vb = b.value\n    a.value = vb\n    b.value = va\n\n    // 与原实现一致：派发 change（不冒泡）\n    a.dispatchEvent(new Event('change'))\n    b.dispatchEvent(new Event('change'))\n\n    swapCount++\n    if (svgRef) {\n      svgRef.style.transform = `rotateY(${swapCount * -180}deg)`\n      svgRef.style.transition = 'transform 200ms ease'\n    }\n  }\n\n  const toggleEnableSwap = (enable?: boolean) => {\n    if (!swapBtnRef) return\n    const next = enable ?? !swapBtnRef.disabled\n    swapBtnRef.disabled = !next\n    if (next) {\n      // 与原实现一致：开启时把 inputs 解禁\n      inputRefs.forEach((el) => {\n        if (el) el.disabled = false\n      })\n    }\n  }\n\n  const swapButton = (\n    <button\n      type=\"button\"\n      aria-label=\"Swap values\"\n      onClick={swap}\n      disabled={checkIfInputDisabled() || !enableSwap}\n      ref={(el) => (swapBtnRef = el as HTMLButtonElement)}\n    >\n      <svg\n        ref={(el) => (svgRef = el as unknown as SVGElement)}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"icon-tabler icons-tabler-outline icon-tabler-transfer\"\n      >\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n        <path d=\"M20 10h-16l5.5 -6\" />\n        <path d=\"M4 14h16l-5.5 6\" />\n      </svg>\n    </button>\n  ) as HTMLButtonElement\n\n  const container = (\n    <div className={`twin-swap-input ${styles.twinSwapInput}`} {...rest}>\n      {normalizedInputs.map((input, index) => {\n        const { label, id, name, value, disabled, inputProps } = input\n        const isLeft = index === 0\n        const inputId = id || name\n\n        return (\n          <div\n            className={`${styles.inputWrapper} ${isLeft ? styles.inputLeft : styles.inputRight}`}\n          >\n            {label && <label htmlFor={inputId}>{label}</label>}\n            <input\n              ref={(el) => (inputRefs[index] = el as HTMLInputElement)}\n              type=\"text\"\n              id={inputId}\n              name={name}\n              value={value}\n              disabled={disabled}\n              {...inputProps}\n            />\n          </div>\n        )\n      })}\n\n      <div className={styles.swapButton}>{swapButton}</div>\n    </div>\n  ) as TwinSwapElement\n\n  container.swap = swap\n  container.toggleEnableSwap = toggleEnableSwap\n\n  return container\n}\n"],"names":["TwinSwapInput","props","inputs","enableSwap","rest","normalizedInputs","inputRefs","swapCount","swapBtnRef","svgRef","checkIfInputDisabled","el","swap","a","b","va","vb","toggleEnableSwap","enable","next","swapButton","jsx","jsxs","container","styles","input","index","label","id","name","value","disabled","inputProps","isLeft","inputId"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { InPageEdit as IPECore } from './InPageEdit';
-export { InPageEdit, Service, Schema } from './InPageEdit';
+export * from './InPageEdit';
 export { default as BasePlugin } from './plugins/BasePlugin';
 declare global {
     const InPageEdit: typeof IPECore;
@@ -21,3 +21,18 @@ declare global {
         };
     }
 }
+declare global {
+    namespace mw {
+        /**
+         * @see https://doc.wikimedia.org/mediawiki-core/master/js/Hook.html
+         * @see https://github.com/wikimedia-gadgets/types-mediawiki/blob/9b4e7c3b9034d64a44a0667229a6d9585fe09b30/mw/hook.d.ts
+         */
+        interface Hook<T extends any[] = any[]> {
+            add(...handler: Array<(...data: T) => any>): this;
+            deprecate(msg: string): this;
+            fire(...data: T): this;
+            remove(...handler: Array<(...data: T) => any>): this;
+        }
+        function hook(name: 'InPageEdit.ready'): Hook<[IPECore]>;
+    }
+}