@inpageedit/core 0.8.1 → 0.9.0

package/dist/{index-DwyuBkCK.js → index-BB9MXkUv.js}

@@ -1,5 +1,5 @@
 import { j as s } from "./index-CvhkVj_L.js";
-import { B as I, S as b, a as v, I as S } from "./index-COlXHFRg.js";
+import { B as I, S as b, a as v, I as S } from "./index-9Z4ds-WM.js";
 import { A as w } from "./ActionButton-BgbTKTg7.js";
 const O = (r) => typeof r == "function";
 async function j(r) {
@@ -87,7 +87,7 @@ class u extends (D = I) {
       }).description(""),
       "about",
       {}
-    ), import("./index-mntCdHRr.js").then((e) => {
+    ), import("./index-CNsB3Vcb.js").then((e) => {
       const t = this.ctx.plugin(e.PluginPreferencesUI);
       this.addDisposeHandler(() => {
         t.dispose();
@@ -168,4 +168,4 @@ k(f, 1, u);
 export {
   u as PluginPreferences
 };
-//# sourceMappingURL=index-DwyuBkCK.js.map
+//# sourceMappingURL=index-BB9MXkUv.js.map

package/dist/index-BB9MXkUv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BB9MXkUv.js","sources":["../src/utils/computeable.ts","../src/plugins/preferences/index.tsx"],"sourcesContent":["export type ComputeAble<T> = (() => T | Promise<T>) | T\r\nconst isFunction = (value: any): value is Function => typeof value === 'function'\r\nexport async function computeFallback<T>(value: ComputeAble<T>): Promise<T> {\r\n  if (isFunction(value)) {\r\n    return await value()\r\n  } else {\r\n    return value\r\n  }\r\n}\r\n","import { Inject, InPageEdit, Schema } from '@/InPageEdit.js'\r\nimport { IPEStorageItem, IPEStorageManager } from '@/services/StorageService.js'\r\nimport { computeFallback, ComputeAble } from '@/utils/computeable.js'\r\n\r\ndeclare module '@/InPageEdit' {\r\n  export interface InPageEdit {\r\n    preferences: PluginPreferences\r\n  }\r\n}\r\n\r\nexport interface InPageEditPreferenceUICategory {\r\n  name: string\r\n  label: string\r\n  description?: string\r\n  index?: number\r\n}\r\n\r\nexport interface InPageEditPreferenceUIRegistryItem {\r\n  name: string\r\n  schema: Schema\r\n  defaults: Record<string, any>\r\n  category: string\r\n}\r\n\r\n@Inject(['storage'])\r\nexport class PluginPreferences extends BasePlugin {\r\n  private db: IPEStorageManager<any>\r\n  public customRegistries: InPageEditPreferenceUIRegistryItem[] = []\r\n  public categoryDefinitions: InPageEditPreferenceUICategory[] = []\r\n  private _defaultPreferences: Record<string, any> = {}\r\n\r\n  constructor(public ctx: InPageEdit) {\r\n    super(ctx, {}, 'preferences')\r\n    this.db = ctx.storage.createDatabse<any>('preferences', Infinity)\r\n    this.ctx.set('preferences', this)\r\n  }\r\n\r\n  async start() {\r\n    this.defineCategory({\r\n      name: 'general',\r\n      label: 'General',\r\n      description: 'General settings',\r\n    })\r\n    this.defineCategory({\r\n      name: 'edit',\r\n      label: 'Editing',\r\n      description: 'Settings related to editing content',\r\n    })\r\n    this.defineCategory({\r\n      name: 'about',\r\n      label: 'About',\r\n      description: 'About InPageEdit',\r\n      index: 99,\r\n    })\r\n\r\n    this.registerCustomConfig(\r\n      'about',\r\n      Schema.object({\r\n        about: Schema.const(\r\n          <div className=\"prose\">\r\n            <h2>✏️ InPageEdit NEXT</h2>\r\n            <i>v{this.ctx.version}</i>\r\n            <h2>Portals</h2>\r\n            <div style=\"display: flex; flex-direction: column; gap: 1rem\">\r\n              <a\r\n                href={this.ctx.Endpoints.HOME_URL}\r\n                target=\"_blank\"\r\n                style={{ display: 'block', width: '100%' }}\r\n              >\r\n                Official Website & Help Center\r\n              </a>\r\n              <ActionButton\r\n                href={`${this.ctx.Endpoints.UPDATE_LOGS_URL}#${this.ctx.version}`}\r\n                style={{ display: 'block', width: '100%' }}\r\n              >\r\n                Update Logs\r\n              </ActionButton>\r\n            </div>\r\n            <h2>Join us</h2>\r\n            <ul>\r\n              <li>\r\n                <strong>GitHub</strong>:{' '}\r\n                <a href={this.ctx.Endpoints.GITHUB_URL} target=\"_blank\">\r\n                  inpageedit/inpageedit-next\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <strong>QQ Group</strong>: 1026023666\r\n              </li>\r\n            </ul>\r\n            <hr />\r\n            <p>🚀 Modular, Extensible Supercharged Plugin for MediaWiki.</p>\r\n            <p>InPageEdit-NEXT Copyright © 2025-present dragon-fish</p>\r\n          </div>\r\n        ).role('raw-html'),\r\n      }).description(''),\r\n      'about',\r\n      {}\r\n    )\r\n\r\n    import('./ui/index').then((module) => {\r\n      const fork = this.ctx.plugin(module.PluginPreferencesUI)\r\n      this.addDisposeHandler(() => {\r\n        fork.dispose()\r\n      })\r\n    })\r\n  }\r\n\r\n  async get<T = any>(key: string, fallback?: ComputeAble<T>): Promise<T | null> {\r\n    fallback ??= () => {\r\n      const defaultValue = this.getDefaultValue(key)\r\n      this.logger.debug(key, `(fallback value: ${defaultValue})`)\r\n      return defaultValue as T\r\n    }\r\n    const value = (await this.db.get(key, undefined)) as T | null\r\n    return value !== null ? value : ((await computeFallback(fallback)) as T)\r\n  }\r\n\r\n  getDefaultValue(key: string): unknown {\r\n    return (this._defaultPreferences[key] ??= this.loadDefaultConfigs()[key])\r\n  }\r\n\r\n  set<T = any>(key: string, value: T): Promise<IPEStorageItem<T> | void> {\r\n    const defaultValue = this.getDefaultValue(key)\r\n    if (value === defaultValue) {\r\n      return this.db.delete(key)\r\n    } else {\r\n      return this.db.set(key, value)\r\n    }\r\n  }\r\n\r\n  async getAll() {\r\n    const data = this.loadDefaultConfigs()\r\n    await this.db.iterate((value: IPEStorageItem, key: string) => {\r\n      data[key] = value\r\n    })\r\n    return data\r\n  }\r\n\r\n  private loadDefaultConfigs() {\r\n    const data = {} as Record<string, any>\r\n    this.getConfigRegistries().forEach((item) => {\r\n      // 首先读取 schema 上的默认值\r\n      try {\r\n        const defaultValues = item.schema({}) as any\r\n        Object.entries(defaultValues).forEach(([key, val]) => {\r\n          data[key] = val\r\n        })\r\n      } catch {}\r\n\r\n      // 然后读取注册时定义的默认值\r\n      item.defaults &&\r\n        Object.entries(item.defaults).forEach(([key, val]) => {\r\n          data[key] = val\r\n        })\r\n    })\r\n\r\n    Object.entries(data).forEach(([key, val]) => {\r\n      this._defaultPreferences[key] = val\r\n    })\r\n\r\n    return data\r\n  }\r\n\r\n  registerCustomConfig(\r\n    name: string,\r\n    schema: Schema,\r\n    category: string,\r\n    defaults: Record<string, any>\r\n  ) {\r\n    this.customRegistries.push({\r\n      name,\r\n      schema,\r\n      category,\r\n      defaults,\r\n    })\r\n    return this\r\n  }\r\n\r\n  getConfigRegistries(category?: string): InPageEditPreferenceUIRegistryItem[] {\r\n    return Array.from(this.ctx.registry.entries())\r\n      .map<{\r\n        name: string\r\n        schema: Schema\r\n        defaults: Record<string, any>\r\n      }>(([plugin, fork]) => {\r\n        if (plugin === null) {\r\n          return {\r\n            name: '@root',\r\n            schema: (InPageEdit as any)?.PreferencesSchema || null,\r\n            defaults: (InPageEdit as any)?.PreferencesDefaults || {},\r\n          }\r\n        } else {\r\n          return {\r\n            name: plugin.name,\r\n            schema: (plugin as any)?.PreferencesSchema || null,\r\n            defaults: (plugin as any)?.PreferencesDefaults || {},\r\n          }\r\n        }\r\n      })\r\n      .filter((item) => item.schema !== null)\r\n      .map((item) => {\r\n        return {\r\n          ...item,\r\n          category: item.schema.meta.category || 'general',\r\n        }\r\n      })\r\n      .concat(this.customRegistries)\r\n      .filter((item) => !category || item.category === category)\r\n  }\r\n\r\n  defineCategory(category: InPageEditPreferenceUICategory) {\r\n    const index = this.categoryDefinitions.findIndex((tab) => tab.name === category.name)\r\n    if (index < 0) {\r\n      this.categoryDefinitions.push(category)\r\n    } else {\r\n      this.categoryDefinitions[index] = category\r\n    }\r\n    this.categoryDefinitions.sort((a, b) => {\r\n      return (a.index ?? 0) - (b.index ?? 0)\r\n    })\r\n    return this\r\n  }\r\n\r\n  getConfigCategories() {\r\n    return this.categoryDefinitions\r\n  }\r\n}\r\n"],"names":["isFunction","value","computeFallback","_PluginPreferences_decorators","_init","_a","Inject","PluginPreferences","BasePlugin","ctx","Schema","jsxs","jsx","ActionButton","module","fork","key","fallback","defaultValue","data","item","defaultValues","val","name","schema","category","defaults","plugin","InPageEdit","index","tab","a","b","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/{index-DBV8FBjA.js → index-BDVcDlsf.js}

@@ -1,5 +1,5 @@
 import { j as a } from "./index-CvhkVj_L.js";
-import { b as D, I as C, S as m } from "./index-COlXHFRg.js";
+import { b as D, I as C, S as m } from "./index-9Z4ds-WM.js";
 import { R as T } from "./Preferences-Bg3J5Ur9.js";
 var E = Object.create, x = Object.defineProperty, q = Object.getOwnPropertyDescriptor, y = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), _ = (e) => {
   throw TypeError(e);
@@ -136,4 +136,4 @@ O(f, 1, v);
 export {
   v as PluginToolbox
 };
-//# sourceMappingURL=index-DBV8FBjA.js.map
+//# sourceMappingURL=index-BDVcDlsf.js.map

package/dist/index-BDVcDlsf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BDVcDlsf.js","sources":["../src/plugins/toolbox/index.tsx"],"sourcesContent":["import { Inject, InPageEdit, Schema, Service } from '@/InPageEdit'\r\nimport { JSX, ReactElement } from 'jsx-dom'\r\nimport './styles.scss'\r\n\r\ndeclare module '@/InPageEdit' {\r\n  interface InPageEdit {\r\n    toolbox: PluginToolbox\r\n  }\r\n  interface Events {\r\n    'toolbox/button-added'(payload: { ctx: InPageEdit; button: HTMLElement }): void\r\n    'toolbox/button-removed'(payload: { ctx: InPageEdit; id: string }): void\r\n  }\r\n}\r\n\r\n@RegisterPreferences(\r\n  Schema.object({\r\n    toolboxAlwaysShow: Schema.boolean()\r\n      .description('Make the toolbox opened by default')\r\n      .default(false),\r\n  }).description('Toolbox preferences')\r\n)\r\n@Inject(['preferences'])\r\nexport class PluginToolbox extends Service {\r\n  container!: HTMLElement\r\n\r\n  constructor(public ctx: InPageEdit) {\r\n    super(ctx, 'toolbox', false)\r\n  }\r\n\r\n  protected async start(): Promise<void> {\r\n    this.container = this.createToolbox()\r\n    this.ctx.preferences.get('toolboxAlwaysShow').then((val) => {\r\n      if (val) {\r\n        this.container.classList.add('is-persistent')\r\n      }\r\n    })\r\n    this.setupHoverLogic()\r\n    document.body.appendChild(this.container)\r\n\r\n    // 初始化时更新按钮延迟\r\n    this.updateButtonDelays()\r\n  }\r\n\r\n  protected stop(): void | Promise<void> {\r\n    this.container?.remove()\r\n  }\r\n\r\n  private get isPersistent() {\r\n    return this.container.classList.contains('is-persistent')\r\n  }\r\n\r\n  private setupHoverLogic() {\r\n    let hoverTimeout: number | null = null\r\n\r\n    // 鼠标进入时暂时展开\r\n    this.container.addEventListener('mouseenter', () => {\r\n      if (hoverTimeout) {\r\n        clearTimeout(hoverTimeout)\r\n        hoverTimeout = null\r\n      }\r\n\r\n      // 如果不在持久化状态，则添加hover展开效果\r\n      if (!this.isPersistent) {\r\n        this.container.classList.add('is-hovered')\r\n      }\r\n    })\r\n\r\n    // 鼠标离开时收起（如果不是持久化状态）\r\n    this.container.addEventListener('mouseleave', () => {\r\n      if (!this.isPersistent) {\r\n        hoverTimeout = window.setTimeout(() => {\r\n          this.container.classList.remove('is-hovered')\r\n        }, 150) // 延迟150ms收起，避免快速移动鼠标时闪烁\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 计算按钮动画延迟\r\n   * @param index 按钮索引（从0开始）\r\n   * @param totalCount 总按钮数量\r\n   * @returns 延迟时间（秒）\r\n   */\r\n  private calculateButtonDelay(index: number, totalCount: number): number {\r\n    if (totalCount <= 1) return 0\r\n\r\n    // 总动画时长150ms = 0.15s\r\n    const totalDuration = 0.15\r\n    // 使用平方根函数创建非线性延迟，差值逐渐缩小\r\n    const normalizedIndex = index / (totalCount - 1)\r\n    const delay = totalDuration * Math.sqrt(normalizedIndex)\r\n\r\n    return Math.round(delay * 1000) / 1000 // 保留3位小数\r\n  }\r\n\r\n  /**\r\n   * 更新按钮组的动画延迟\r\n   */\r\n  private updateButtonDelays() {\r\n    const btnGroups = this.container.querySelectorAll('.btn-group')\r\n\r\n    btnGroups.forEach((group) => {\r\n      const buttons = group.querySelectorAll('.btn-tip-group')\r\n      const totalCount = buttons.length\r\n\r\n      buttons.forEach((button, index) => {\r\n        const delay = this.calculateButtonDelay(index, totalCount)\r\n        ;(button as HTMLElement).style.setProperty('--transition-delay', `${delay}s`)\r\n        ;(button as HTMLElement).style.setProperty('--max-transition-delay', '0.15s')\r\n      })\r\n    })\r\n  }\r\n\r\n  private createToolbox() {\r\n    const toggler = (\r\n      <button\r\n        className=\"ipe-toolbox-btn\"\r\n        id=\"toolbox-toggler\"\r\n        onClick={() => {\r\n          this.toggle()\r\n        }}\r\n      >\r\n        {/* Font Awesome 5 Solid: Plus */}\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"448\" height=\"512\" viewBox=\"0 0 448 512\">\r\n          <rect width=\"448\" height=\"512\" fill=\"none\" />\r\n          <path\r\n            fill=\"currentColor\"\r\n            d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32\"\r\n          />\r\n        </svg>\r\n      </button>\r\n    )\r\n    const element = (\r\n      <div id=\"ipe-edit-toolbox\">\r\n        <ul className=\"btn-group group1\" style={{ display: 'flex', flexDirection: 'column' }}></ul>\r\n        <ul className=\"btn-group group2\" style={{ display: 'flex', flexDirection: 'row' }}></ul>\r\n        {toggler}\r\n      </div>\r\n    )\r\n\r\n    return element as HTMLElement\r\n  }\r\n\r\n  private normalizeButtonId(id: string) {\r\n    if (!id) {\r\n      id = Math.random().toString(36).substring(2, 8)\r\n    }\r\n    return `ipe-toolbox__${id.trim()}`.replace(/\\s\\.#/g, '-')\r\n  }\r\n\r\n  addButton(payload: {\r\n    id: string\r\n    group?: 'auto' | 'group1' | 'group2'\r\n    icon: string | HTMLElement | SVGElement | ReactElement\r\n    tooltip?: string | HTMLElement\r\n    itemProps?: JSX.IntrinsicElements['li']\r\n    buttonProps?: JSX.IntrinsicElements['button']\r\n    onClick?: (event: MouseEvent) => void\r\n    index?: number\r\n  }) {\r\n    let { id, group, icon, tooltip, itemProps, buttonProps, onClick, index } = payload\r\n    id = this.normalizeButtonId(id)\r\n\r\n    const existingButton = this.container.querySelector(`#${id}`)\r\n    if (existingButton) {\r\n      this.ctx.logger('toolbox').warn(`Button with id ${id} already exists, replacing it.`)\r\n      existingButton.remove()\r\n    }\r\n\r\n    let groupEl: HTMLElement | null = null\r\n    if (typeof group === 'undefined' || group === 'auto') {\r\n      // 选择按钮最少的那一组，一样多就选第一组\r\n      const group1 = this.container.querySelector('.btn-group.group1') as HTMLElement\r\n      const group2 = this.container.querySelector('.btn-group.group2') as HTMLElement\r\n      const group1Count = group1?.children.length || 0\r\n      const group2Count = group2?.children.length || 0\r\n      groupEl = group1Count <= group2Count ? group1 : group2\r\n    } else {\r\n      groupEl = this.container.querySelector(`.btn-group.${group}`)\r\n    }\r\n    if (!groupEl) throw new Error(`Button group ${group} not found`)\r\n\r\n    const button = (\r\n      <li class=\"btn-tip-group\" id={id} onClick={onClick} {...itemProps}>\r\n        <div class=\"btn-tip\">{tooltip}</div>\r\n        <button id={`${id}-btn`} class=\"ipe-toolbox-btn\" {...buttonProps}>\r\n          {icon}\r\n        </button>\r\n      </li>\r\n    )\r\n\r\n    if (typeof index === 'number') {\r\n      if (index <= 0) {\r\n        groupEl.prepend(button)\r\n      } else if (index >= groupEl.children.length) {\r\n        groupEl.appendChild(button)\r\n      } else {\r\n        groupEl.children[index]?.before(button)\r\n      }\r\n    } else {\r\n      groupEl.appendChild(button)\r\n    }\r\n\r\n    this.ctx.emit('toolbox/button-added', {\r\n      ctx: this.ctx,\r\n      button: button as HTMLElement,\r\n    })\r\n\r\n    // 更新按钮延迟\r\n    this.updateButtonDelays()\r\n\r\n    return button as HTMLElement\r\n  }\r\n\r\n  removeButton(id: string) {\r\n    const button = this.container.querySelector(`.ipe-toolbox-btn#${id}`)\r\n    button?.remove()\r\n    this.ctx.emit('toolbox/button-removed', { ctx: this.ctx, id })\r\n\r\n    // 更新按钮延迟\r\n    this.updateButtonDelays()\r\n  }\r\n\r\n  getContainer() {\r\n    return this.container\r\n  }\r\n\r\n  get isOpened() {\r\n    return (\r\n      this.container.classList.contains('is-persistent') ||\r\n      this.container.classList.contains('is-hovered')\r\n    )\r\n  }\r\n\r\n  toggle(force?: boolean) {\r\n    const isPersistent = this.isPersistent\r\n    const newPersistent = typeof force === 'boolean' ? force : !isPersistent\r\n    this.container.classList.toggle('is-persistent', newPersistent)\r\n    this.container.classList.remove('is-hovered')\r\n    this.ctx.preferences.set('toolboxAlwaysShow', newPersistent)\r\n  }\r\n}\r\n"],"names":["_PluginToolbox_decorators","_init","_a","RegisterPreferences","Schema","Inject","PluginToolbox","Service","ctx","val","hoverTimeout","index","totalCount","totalDuration","normalizedIndex","delay","group","buttons","button","jsxs","jsx","id","payload","icon","tooltip","itemProps","buttonProps","onClick","existingButton","groupEl","group1","group2","group1Count","group2Count","force","isPersistent","newPersistent","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/index-Bh70Udzi.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-Bh70Udzi.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  required?: 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, required, 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              required={required}\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","required","inputProps","isLeft","inputId"],"mappings":"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"}
+{"version":3,"file":"index-Bh70Udzi.js","sources":["../src/components/TwinSwapInput/index.tsx"],"sourcesContent":["import { JSX } from 'jsx-dom/jsx-runtime'\r\nimport styles from './styles.module.sass'\r\n\r\nexport type TwinSwapInputProps = {\r\n  inputs: [TwinSwapInputInput, TwinSwapInputInput]\r\n  enableSwap?: boolean\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport interface TwinSwapInputInput {\r\n  label?: string\r\n  id?: string\r\n  name: string\r\n  value?: string\r\n  disabled?: boolean\r\n  required?: boolean\r\n  inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>\r\n}\r\n\r\nexport type TwinSwapElement = HTMLDivElement & {\r\n  swap: () => void\r\n  toggleEnableSwap: (enable?: boolean) => void\r\n}\r\n\r\nexport const TwinSwapInput = (props: TwinSwapInputProps) => {\r\n  const { inputs, enableSwap = true, ...rest } = props\r\n\r\n  const normalizedInputs =\r\n    inputs?.length === 2\r\n      ? inputs\r\n      : ([inputs?.[0] ?? {}, inputs?.[1] ?? {}] as [TwinSwapInputInput, TwinSwapInputInput])\r\n\r\n  // 内部稳定引用\r\n  const inputRefs: [HTMLInputElement | null, HTMLInputElement | null] = [null, null]\r\n\r\n  let swapCount = 0\r\n  let swapBtnRef: HTMLButtonElement | null = null\r\n  let svgRef: SVGElement | null = null\r\n\r\n  const checkIfInputDisabled = () => inputRefs.some((el) => el && el.disabled)\r\n\r\n  const swap = () => {\r\n    if (!inputRefs[0] || !inputRefs[1]) return\r\n    if (checkIfInputDisabled()) return\r\n\r\n    const a = inputRefs[0]\r\n    const b = inputRefs[1]\r\n    const va = a.value\r\n    const vb = b.value\r\n    a.value = vb\r\n    b.value = va\r\n\r\n    // 与原实现一致：派发 change（不冒泡）\r\n    a.dispatchEvent(new Event('change'))\r\n    b.dispatchEvent(new Event('change'))\r\n\r\n    swapCount++\r\n    if (svgRef) {\r\n      svgRef.style.transform = `rotateY(${swapCount * -180}deg)`\r\n      svgRef.style.transition = 'transform 200ms ease'\r\n    }\r\n  }\r\n\r\n  const toggleEnableSwap = (enable?: boolean) => {\r\n    if (!swapBtnRef) return\r\n    const next = enable ?? !swapBtnRef.disabled\r\n    swapBtnRef.disabled = !next\r\n    if (next) {\r\n      // 与原实现一致：开启时把 inputs 解禁\r\n      inputRefs.forEach((el) => {\r\n        if (el) el.disabled = false\r\n      })\r\n    }\r\n  }\r\n\r\n  const swapButton = (\r\n    <button\r\n      type=\"button\"\r\n      aria-label=\"Swap values\"\r\n      onClick={swap}\r\n      disabled={checkIfInputDisabled() || !enableSwap}\r\n      ref={(el) => (swapBtnRef = el as HTMLButtonElement)}\r\n    >\r\n      <svg\r\n        ref={(el) => (svgRef = el as unknown as SVGElement)}\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        class=\"icon-tabler icons-tabler-outline icon-tabler-transfer\"\r\n      >\r\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n        <path d=\"M20 10h-16l5.5 -6\" />\r\n        <path d=\"M4 14h16l-5.5 6\" />\r\n      </svg>\r\n    </button>\r\n  ) as HTMLButtonElement\r\n\r\n  const container = (\r\n    <div className={`twin-swap-input ${styles.twinSwapInput}`} {...rest}>\r\n      {normalizedInputs.map((input, index) => {\r\n        const { label, id, name, value, disabled, required, inputProps } = input\r\n        const isLeft = index === 0\r\n        const inputId = id || name\r\n\r\n        return (\r\n          <div\r\n            className={`${styles.inputWrapper} ${isLeft ? styles.inputLeft : styles.inputRight}`}\r\n          >\r\n            {label && <label htmlFor={inputId}>{label}</label>}\r\n            <input\r\n              ref={(el) => (inputRefs[index] = el as HTMLInputElement)}\r\n              type=\"text\"\r\n              id={inputId}\r\n              name={name}\r\n              value={value}\r\n              disabled={disabled}\r\n              required={required}\r\n              {...inputProps}\r\n            />\r\n          </div>\r\n        )\r\n      })}\r\n\r\n      <div className={styles.swapButton}>{swapButton}</div>\r\n    </div>\r\n  ) as TwinSwapElement\r\n\r\n  container.swap = swap\r\n  container.toggleEnableSwap = toggleEnableSwap\r\n\r\n  return container\r\n}\r\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","required","inputProps","isLeft","inputId"],"mappings":";;;;;;;GAuBaA,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,QAAAC,GAAQ,YAAAC,IAAa,IAAM,GAAGC,MAASH,GAEzCI,IACJH,GAAQ,WAAW,IACfA,IACC,CAACA,IAAS,CAAC,KAAK,CAAA,GAAIA,IAAS,CAAC,KAAK,CAAA,CAAE,GAGtCI,IAAgE,CAAC,MAAM,IAAI;AAEjF,MAAIC,IAAY,GACZC,IAAuC,MACvCC,IAA4B;AAEhC,QAAMC,IAAuB,MAAMJ,EAAU,KAAK,CAACK,MAAOA,KAAMA,EAAG,QAAQ,GAErEC,IAAO,MAAM;AAEjB,QADI,CAACN,EAAU,CAAC,KAAK,CAACA,EAAU,CAAC,KAC7BI,IAAwB;AAE5B,UAAMG,IAAIP,EAAU,CAAC,GACfQ,IAAIR,EAAU,CAAC,GACfS,IAAKF,EAAE,OACPG,IAAKF,EAAE;AACb,IAAAD,EAAE,QAAQG,GACVF,EAAE,QAAQC,GAGVF,EAAE,cAAc,IAAI,MAAM,QAAQ,CAAC,GACnCC,EAAE,cAAc,IAAI,MAAM,QAAQ,CAAC,GAEnCP,KACIE,MACFA,EAAO,MAAM,YAAY,WAAWF,IAAY,IAAI,QACpDE,EAAO,MAAM,aAAa;AAAA,EAE9B,GAEMQ,IAAmB,CAACC,MAAqB;AAC7C,QAAI,CAACV,EAAY;AACjB,UAAMW,IAAOD,KAAU,CAACV,EAAW;AACnC,IAAAA,EAAW,WAAW,CAACW,GACnBA,KAEFb,EAAU,QAAQ,CAACK,MAAO;AACxB,MAAIA,QAAO,WAAW;AAAA,IACxB,CAAC;AAAA,EAEL,GAEMS,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,SAAST;AAAA,MACT,UAAUF,EAAA,KAA0B,CAACP;AAAA,MACrC,KAAK,CAACQ,MAAQH,IAAaG;AAAA,MAE3B,UAAAW,gBAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAACX,MAAQF,IAASE;AAAA,UACvB,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,gBAAa;AAAA,UACb,kBAAe;AAAA,UACf,mBAAgB;AAAA,UAChB,OAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAU,EAAC,UAAK,QAAO,QAAO,GAAE,iBAAgB,MAAK,QAAO;AAAA,YAClD,gBAAAA,EAAC,QAAA,EAAK,GAAE,oBAAA,CAAoB;AAAA,YAC5B,gBAAAA,EAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B;AAAA,EAAA,GAIEE,sBACH,OAAA,EAAI,WAAW,mBAAmBC,EAAO,aAAa,IAAK,GAAGpB,GAC5D,UAAA;AAAA,IAAAC,EAAiB,IAAI,CAACoB,GAAOC,MAAU;AACtC,YAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,YAAAC,MAAeR,GAC7DS,IAASR,MAAU,GACnBS,IAAUP,KAAMC;AAEtB,aACEP,gBAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAGE,EAAO,YAAY,IAAIU,IAASV,EAAO,YAAYA,EAAO,UAAU;AAAA,UAEjF,UAAA;AAAA,YAAAG,KAAS,gBAAAN,EAAC,SAAA,EAAM,SAASc,GAAU,UAAAR,GAAM;AAAA,YAC1C,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK,CAACV,MAAQL,EAAUoB,CAAK,IAAIf;AAAA,gBACjC,MAAK;AAAA,gBACL,IAAIwB;AAAA,gBACJ,MAAAN;AAAA,gBACA,OAAAC;AAAA,gBACA,UAAAC;AAAA,gBACA,UAAAC;AAAA,gBACC,GAAGC;AAAA,cAAA;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN,CAAC;AAAA,IAED,gBAAAZ,EAAC,OAAA,EAAI,WAAWG,EAAO,YAAa,UAAAJ,EAAA,CAAW;AAAA,EAAA,GACjD;AAGF,SAAAG,EAAU,OAAOX,GACjBW,EAAU,mBAAmBN,GAEtBM;AACT;"}

package/dist/{index-C8dOYIIz.js → index-CADkQBg0.js}

@@ -1,5 +1,5 @@
 import { j as a, F as Ne, P as Ee } from "./index-CvhkVj_L.js";
-import { B as K, I as Se, S as P } from "./index-COlXHFRg.js";
+import { B as K, I as Se, S as P } from "./index-9Z4ds-WM.js";
 import { I as Pe } from "./IconQuickEdit-CAL1HXIb.js";
 import { R as We } from "./Preferences-Bg3J5Ur9.js";
 import { R as _e } from "./RadioBox-nJqWsxW2.js";
@@ -1246,4 +1246,4 @@ class St extends K {
 export {
   St as PluginQuickDiff
 };
-//# sourceMappingURL=index-C8dOYIIz.js.map
+//# sourceMappingURL=index-CADkQBg0.js.map