@inpageedit/core 0.1.1 → 0.3.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 dragon-fish
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2025 dragon-fish
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,55 +1,55 @@
-<div align="center">
-
-[![InPageEdit Logo](https://ipe.js.org/images/logo/InPageEdit.png)](https://ipe.js.org/images/logo/InPageEdit.png)
-
-# InPageEdit NEXT
-
-🚀 MediaWiki 的模块化、可扩展超级增强插件
-
-**InPageEdit NEXT**是由机智的小鱼君开发的一款 MediaWiki 多功能插件。主要功能旨在使许多 MediaWiki 的功能在不打开新标签页的情况下完成(包括但不限于编辑)，极大加快维护 wiki 的速度。模块化设计、类型定义清晰完整，插件可自由热插拔。
-
-</div>
-
-## 快速上手 / Quick Start
-
-[![](https://data.jsdelivr.com/v1/package/npm/@inpageedit/core/badge)](https://www.jsdelivr.com/package/npm/@inpageedit/core)
-
-在*个人 JS 页*添加以下代码：
-
-<!-- prettier-ignore -->
-```javascript
-// InPageEdit NEXT
-$('<script src="https://unpkg.com/@inpageedit/core" type="module"></script>').appendTo('body')
-```
-
-## 特色功能 / Features
-
-**编辑者视角 / For wiki editors**
-
-- 快速编辑 / Quick Edit
-- 快速移动 / Quick Move
-- 快速重定向 / Quick Redirect
-- 快速差异 / Quick Diff
-- 快速预览 / Quick Preview
-
-**开发者视角 / For developers**
-
-- 可热插拔的模块化设计
-- 完全使用 TypeScript 编写
-- 超简单的扩展能力，示例插件：[hello-world](./examples/plugins/hello-world.js)
-
-## Supported languages
-
-> [!NOTE]
->
-> Currently only English is supported. We're working on i18n support.
-
----
-
-🚀 Modular, Extensible Supercharged Plugin for MediaWiki.
-
-> [MIT License](https://opensource.org/licenses/MIT)
->
-> InPageEdit-NEXT Copyright © 2025-present dragon-fish
-
-See more: [GitHub](https://github.com/inpageedit/inpageedit-next) | [Update logs](https://ipe.js.org/update/) | [File issues](https://github.com/inpageedit/inpageedit-next/issues)
+<div align="center">
+
+[![InPageEdit Logo](https://ipe.js.org/images/logo/InPageEdit.png)](https://ipe.js.org/images/logo/InPageEdit.png)
+
+# InPageEdit NEXT
+
+🚀 MediaWiki 的模块化、可扩展超级增强插件
+
+**InPageEdit NEXT**是由机智的小鱼君开发的一款 MediaWiki 多功能插件。主要功能旨在使许多 MediaWiki 的功能在不打开新标签页的情况下完成(包括但不限于编辑)，极大加快维护 wiki 的速度。模块化设计、类型定义清晰完整，插件可自由热插拔。
+
+</div>
+
+## 快速上手 / Quick Start
+
+[![](https://data.jsdelivr.com/v1/package/npm/@inpageedit/core/badge)](https://www.jsdelivr.com/package/npm/@inpageedit/core)
+
+在*个人 JS 页*添加以下代码：
+
+<!-- prettier-ignore -->
+```javascript
+// InPageEdit NEXT
+$('<script src="https://unpkg.com/@inpageedit/core" type="module"></script>').appendTo('body')
+```
+
+## 特色功能 / Features
+
+**编辑者视角 / For wiki editors**
+
+- 快速编辑 / Quick Edit
+- 快速移动 / Quick Move
+- 快速重定向 / Quick Redirect
+- 快速差异 / Quick Diff
+- 快速预览 / Quick Preview
+
+**开发者视角 / For developers**
+
+- 可热插拔的模块化设计
+- 完全使用 TypeScript 编写
+- 超简单的扩展能力，示例插件：[hello-world](./docs/.templates/examples/plugins/hello-world.js)
+
+## Supported languages
+
+> [!NOTE]
+>
+> Currently only English is supported. We're working on i18n support.
+
+---
+
+🚀 Modular, Extensible Supercharged Plugin for MediaWiki.
+
+> [MIT License](https://opensource.org/licenses/MIT)
+>
+> InPageEdit-NEXT Copyright © 2025-present dragon-fish
+
+See more: [GitHub](https://github.com/inpageedit/inpageedit-next) | [Update logs](https://ipe.js.org/update/) | [File issues](https://github.com/inpageedit/inpageedit-next/issues)

package/dist/ActionButton-ByMKIthQ.js

@@ -0,0 +1,24 @@
+import { c as s } from "./index-CvhkVj_L.js";
+const c = window?.location?.origin, p = ({
+  type: n,
+  tag: t,
+  href: o,
+  target: i,
+  children: a,
+  ...e
+}) => (t = t || (o ? "a" : "button"), typeof i > "u" && o && o.startsWith("http") && !o.startsWith(c) && (i = "_blank"), s(
+  t,
+  {
+    className: `theme-ipe ipe-action-button btn btn-${n || "default"}`,
+    // @ts-ignore
+    href: t === "a" ? o : void 0,
+    target: t === "a" ? i : void 0,
+    "data-href": t !== "a" ? o : void 0,
+    ...e
+  },
+  a
+));
+export {
+  p as A
+};
+//# sourceMappingURL=ActionButton-ByMKIthQ.js.map

package/dist/ActionButton-ByMKIthQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton-ByMKIthQ.js","sources":["../src/components/ActionButton.tsx"],"sourcesContent":["import { h, JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport interface ActionButtonProps {\r\n  type?: 'primary' | 'secondary' | 'danger' | 'default'\r\n  tag?: 'a' | 'button' | 'div'\r\n}\r\n\r\nconst origin = window?.location?.origin\r\n\r\nexport const ActionButton = ({\r\n  type,\r\n  tag,\r\n  href,\r\n  target,\r\n  children,\r\n  ...rest\r\n}: ActionButtonProps &\r\n  Omit<JSX.IntrinsicElements['button'], 'type'> &\r\n  JSX.IntrinsicElements['a']) => {\r\n  tag = tag || (href ? 'a' : 'button')\r\n  if (\r\n    typeof target === 'undefined' &&\r\n    href &&\r\n    href.startsWith('http') &&\r\n    !href.startsWith(origin)\r\n  ) {\r\n    target = '_blank'\r\n  }\r\n  return h(\r\n    tag,\r\n    {\r\n      className: `theme-ipe ipe-action-button btn btn-${type || 'default'}`,\r\n      // @ts-ignore\r\n      href: tag === 'a' ? href : undefined,\r\n      target: tag === 'a' ? target : undefined,\r\n      'data-href': tag !== 'a' ? href : undefined,\r\n      ...rest,\r\n    },\r\n    children\r\n  )\r\n}\r\n"],"names":["origin","ActionButton","type","tag","href","target","children","rest","h"],"mappings":";AAOA,MAAMA,IAAS,QAAQ,UAAU,QAEpBC,IAAe,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,OAGEJ,IAAMA,MAAQC,IAAO,MAAM,WAEzB,OAAOC,IAAW,OAClBD,KACAA,EAAK,WAAW,MAAM,KACtB,CAACA,EAAK,WAAWJ,CAAM,MAEvBK,IAAS,WAEJG;AAAAA,EACLL;AAAA,EACA;AAAA,IACE,WAAW,uCAAuCD,KAAQ,SAAS;AAAA;AAAA,IAEnE,MAAMC,MAAQ,MAAMC,IAAO;AAAA,IAC3B,QAAQD,MAAQ,MAAME,IAAS;AAAA,IAC/B,aAAaF,MAAQ,MAAMC,IAAO;AAAA,IAClC,GAAGG;AAAA,EAAA;AAAA,EAELD;AAAA;"}

package/dist/InPageEdit.d.ts

@@ -1,9 +1,8 @@
-import { Context, Inject } from 'cordis';
+import { Context, Inject, Events as CordisEvents } from 'cordis';
 export interface InPageEditCoreConfig {
     baseURL: string | URL;
     legacyPreferences: Record<string, any>;
 }
-export * from 'cordis';
 /**
  * ✏️ InPageEdit NEXT
  *
@@ -23,3 +22,9 @@ export declare class InPageEdit extends Context {
     constructor(config?: Partial<InPageEditCoreConfig>);
     useScope(inject: Inject): Promise<this>;
 }
+export { Inject, Schema, Service } from 'cordis';
+export interface Events<C extends InPageEdit = InPageEdit> extends CordisEvents<C> {
+}
+export interface InPageEdit {
+    [InPageEdit.events]: Events<this>;
+}

package/dist/{CheckBox-ROZZIK-t.js → InputBox-FIzJ-rPN.js}

@@ -1,5 +1,12 @@
-import { j as e } from "./index-CGg-JS5d.js";
+import { j as e } from "./index-CvhkVj_L.js";
 const h = (s) => {
+  const { id: t, name: l, label: a, checked: c, inputProps: i, labelProps: n, children: p, ...o } = s;
+  return /* @__PURE__ */ e("label", { className: "theme-ipe ipe-checkbox", ...o, children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", id: t, name: l, checked: c, ...i }),
+    /* @__PURE__ */ e("span", { className: "ipe-checkbox-box" }),
+    /* @__PURE__ */ e("span", { ...n, children: a || p })
+  ] });
+}, b = (s) => {
   const { label: t, id: l, name: a, value: c, disabled: i, labelProps: n, inputProps: p, ...o } = s;
   return /* @__PURE__ */ e("div", { className: "theme-ipe ipe-input-box", ...o, children: [
     /* @__PURE__ */ e("label", { htmlFor: l, style: { display: "block" }, ...n, children: t }),
@@ -15,16 +22,9 @@ const h = (s) => {
       }
     )
   ] });
-}, b = (s) => {
-  const { id: t, name: l, label: a, checked: c, inputProps: i, labelProps: n, children: p, ...o } = s;
-  return /* @__PURE__ */ e("label", { className: "theme-ipe ipe-checkbox", ...o, children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", id: t, name: l, checked: c, ...i }),
-    /* @__PURE__ */ e("span", { className: "ipe-checkbox-box" }),
-    /* @__PURE__ */ e("span", { ...n, children: a || p })
-  ] });
 };
 export {
-  b as C,
-  h as I
+  h as C,
+  b as I
 };
-//# sourceMappingURL=CheckBox-ROZZIK-t.js.map
+//# sourceMappingURL=InputBox-FIzJ-rPN.js.map

package/dist/InputBox-FIzJ-rPN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox-FIzJ-rPN.js","sources":["../src/components/CheckBox.tsx","../src/components/InputBox.tsx"],"sourcesContent":["import { JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport type CheckBoxProps = {\r\n  id?: string\r\n  name: string\r\n  label?: string | HTMLElement\r\n  checked?: boolean\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n  labelProps?: JSX.IntrinsicElements['span']\r\n} & JSX.IntrinsicElements['label']\r\n\r\nexport const CheckBox = (props: CheckBoxProps) => {\r\n  const { id, name, label, checked, inputProps, labelProps, children, ...rest } = props\r\n  return (\r\n    <label className=\"theme-ipe ipe-checkbox\" {...rest}>\r\n      <input type=\"checkbox\" id={id} name={name} checked={checked} {...inputProps} />\r\n      <span className=\"ipe-checkbox-box\"></span>\r\n      <span {...labelProps}>{label || children}</span>\r\n    </label>\r\n  )\r\n}\r\n","import { JSX } from 'jsx-dom'\r\n\r\nexport type InputBoxProps = {\r\n  label: string\r\n  id?: string\r\n  name: string\r\n  value?: string\r\n  disabled?: boolean\r\n  labelProps?: JSX.IntrinsicElements['label']\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport const InputBox = (props: InputBoxProps) => {\r\n  const { label, id, name, value, disabled, labelProps, inputProps, ...rest } = props\r\n  return (\r\n    <div className=\"theme-ipe ipe-input-box\" {...rest}>\r\n      <label htmlFor={id} style={{ display: 'block' }} {...labelProps}>\r\n        {label}\r\n      </label>\r\n      <input\r\n        id={id}\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        style={{ width: '100%' }}\r\n        {...inputProps}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["CheckBox","props","id","name","label","checked","inputProps","labelProps","children","rest","jsxs","jsx","InputBox","value","disabled"],"mappings":";AAWO,MAAMA,IAAW,CAACC,MAAyB;AAChD,QAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,YAAAC,GAAY,YAAAC,GAAY,UAAAC,GAAU,GAAGC,EAAA,IAASR;AAChF,SACES,gBAAAA,EAAC,SAAA,EAAM,WAAU,0BAA0B,GAAGD,GAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,WAAM,MAAK,YAAW,IAAAT,GAAQ,MAAAC,GAAY,SAAAE,GAAmB,GAAGC,GAAY;AAAA,IAC7E,gBAAAK,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGJ,GAAa,eAASC,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ,GCRaI,IAAW,CAACX,MAAyB;AAChD,QAAM,EAAE,OAAAG,GAAO,IAAAF,GAAI,MAAAC,GAAM,OAAAU,GAAO,UAAAC,GAAU,YAAAP,GAAY,YAAAD,GAAY,GAAGG,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAA2B,GAAGD,GAC3C,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,SAAST,GAAI,OAAO,EAAE,SAAS,QAAA,GAAY,GAAGK,GAClD,UAAAH,EAAA,CACH;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,MAAAC;AAAA,QACA,OAAAU;AAAA,QACA,UAAAC;AAAA,QACA,OAAO,EAAE,OAAO,OAAA;AAAA,QACf,GAAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/Preferences-Bg3J5Ur9.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preferences-Bg3J5Ur9.js","sources":["../src/decorators/Preferences.ts"],"sourcesContent":["import Schema from 'schemastery'\n\ntype AnyConstructor<T = any> = new (...args: any[]) => T\n\nexport type PreferenceAugmented<C extends AnyConstructor, D extends Record<string, any>> = C & {\n  PreferencesSchema: Schema<D>\n  PreferencesDefaults: D\n}\n\n/**\n * Decorator for registering preferences\n *\n * ```ts\n * @RegisterPreferences(\n *   Schema.object({\n *     foo: Schema.string().description('Foo description'),\n *   }),\n *   {\n *     foo: 'default foo value',\n *   }\n * )\n * class Foo {}\n * ```\n *\n * same as:\n *\n * ```ts\n * class Foo {\n *    static ConfigSchema = Schema.object({\n *      foo: Schema.string().description('Foo description')\n *    })\n *    static ConfigDefaults = {\n *      foo: 'default foo value'\n *    }\n * }\n * ```\n */\nexport function RegisterPreferences<D extends Record<string, any>>(schema: Schema<D>, defaults: D) {\n  return function <T extends AnyConstructor>(target: T): PreferenceAugmented<T, D> {\n    ;(target as any).PreferencesSchema = schema\n    ;(target as any).PreferencesDefaults = defaults\n    return target as PreferenceAugmented<T, D>\n  }\n}\n"],"names":["RegisterPreferences","schema","defaults","target"],"mappings":"AAqCO,SAASA,EAAmDC,GAAmBC,GAAa;AACjG,SAAO,SAAoCC,GAAsC;AAC7E,WAAAA,EAAe,oBAAoBF,GACnCE,EAAe,sBAAsBD,GAChCC;AAAA,EACT;AACF;"}
+{"version":3,"file":"Preferences-Bg3J5Ur9.js","sources":["../src/decorators/Preferences.ts"],"sourcesContent":["import Schema from 'schemastery'\r\n\r\ntype AnyConstructor<T = any> = new (...args: any[]) => T\r\n\r\nexport type PreferenceAugmented<C extends AnyConstructor, D extends Record<string, any>> = C & {\r\n  PreferencesSchema: Schema<D>\r\n  PreferencesDefaults: D\r\n}\r\n\r\n/**\r\n * Decorator for registering preferences\r\n *\r\n * ```ts\r\n * @RegisterPreferences(\r\n *   Schema.object({\r\n *     foo: Schema.string().description('Foo description'),\r\n *   }),\r\n *   {\r\n *     foo: 'default foo value',\r\n *   }\r\n * )\r\n * class Foo {}\r\n * ```\r\n *\r\n * same as:\r\n *\r\n * ```ts\r\n * class Foo {\r\n *    static ConfigSchema = Schema.object({\r\n *      foo: Schema.string().description('Foo description')\r\n *    })\r\n *    static ConfigDefaults = {\r\n *      foo: 'default foo value'\r\n *    }\r\n * }\r\n * ```\r\n */\r\nexport function RegisterPreferences<D extends Record<string, any>>(schema: Schema<D>, defaults: D) {\r\n  return function <T extends AnyConstructor>(target: T): PreferenceAugmented<T, D> {\r\n    ;(target as any).PreferencesSchema = schema\r\n    ;(target as any).PreferencesDefaults = defaults\r\n    return target as PreferenceAugmented<T, D>\r\n  }\r\n}\r\n"],"names":["RegisterPreferences","schema","defaults","target"],"mappings":"AAqCO,SAASA,EAAmDC,GAAmBC,GAAa;AACjG,SAAO,SAAoCC,GAAsC;AAC7E,WAAAA,EAAe,oBAAoBF,GACnCE,EAAe,sBAAsBD,GAChCC;AAAA,EACT;AACF;"}

package/dist/{RadioBox-Bt5tAniV.js → RadioBox-BZFhTEo5.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./index-CGg-JS5d.js";
+import { j as e } from "./index-CvhkVj_L.js";
 const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "_close_v5fz5_27", s = {
   mbox: f,
   title: u,
@@ -51,4 +51,4 @@ export {
   P as M,
   g as R
 };
-//# sourceMappingURL=RadioBox-Bt5tAniV.js.map
+//# sourceMappingURL=RadioBox-BZFhTEo5.js.map

package/dist/RadioBox-BZFhTEo5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioBox-BZFhTEo5.js","sources":["../src/components/MBox/index.tsx","../src/components/RadioBox.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport { JSX } from 'jsx-dom/jsx-runtime'\r\nimport styles from './styles.module.sass'\r\n\r\nexport type MBoxProps = {\r\n  type?:\r\n    | ''\r\n    | 'default'\r\n    | 'note'\r\n    | 'info'\r\n    | 'tip'\r\n    | 'success'\r\n    | 'important'\r\n    | 'done'\r\n    | 'warning'\r\n    | 'caution'\r\n    | 'error'\r\n  title?: ReactNode\r\n  content?: ReactNode\r\n  closeable?: boolean\r\n  titleProps?: JSX.IntrinsicElements['div']\r\n  contentProps?: JSX.IntrinsicElements['div']\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport type MBoxElement = HTMLElement & {\r\n  close: () => Promise<void>\r\n}\r\n\r\nexport const MBox = (props: MBoxProps) => {\r\n  const {\r\n    type = 'default',\r\n    title,\r\n    content,\r\n    closeable = true,\r\n    titleProps,\r\n    contentProps,\r\n    children,\r\n    ...rest\r\n  } = props\r\n  let titleContent = title\r\n  if (typeof title === 'undefined' && type !== 'default') {\r\n    titleContent = type[0].toUpperCase() + type.slice(1).toLowerCase()\r\n  }\r\n\r\n  const close = async () => {\r\n    if (!box) {\r\n      return Promise.resolve()\r\n    }\r\n    const { promise, resolve } = Promise.withResolvers<void>()\r\n\r\n    const animation = box.animate(\r\n      [\r\n        { opacity: '1', height: box.clientHeight + 'px' },\r\n        { opacity: '0', height: '0px', margin: '0px' },\r\n      ],\r\n      {\r\n        duration: 300,\r\n        easing: 'ease',\r\n      }\r\n    )\r\n\r\n    animation.addEventListener('finish', () => {\r\n      box.remove()\r\n      resolve()\r\n    })\r\n\r\n    return promise\r\n  }\r\n\r\n  const box = (\r\n    <div className={`theme-ipe ipe-mbox mbox-type-${type || 'default'} ${styles.mbox}`} {...rest}>\r\n      {titleContent && (\r\n        <div className={`ipe-mbox-title ${styles.title}`} {...titleProps}>\r\n          {titleContent}\r\n        </div>\r\n      )}\r\n      <div className={`ipe-mbox-content ${styles.content}`} {...contentProps}>\r\n        {children || content}\r\n      </div>\r\n      {closeable && (\r\n        <a onClick={close} className={`ipe-mbox-close ${styles.close}`}>\r\n          ×\r\n        </a>\r\n      )}\r\n    </div>\r\n  ) as MBoxElement\r\n  box.close = close\r\n  return box\r\n}\r\n","import { JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport type RadioBoxProps = {\r\n  id?: string\r\n  name: string\r\n  value: string\r\n  label?: string | HTMLElement\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n  labelProps?: JSX.IntrinsicElements['span']\r\n} & JSX.IntrinsicElements['label']\r\n\r\nexport const RadioBox = (props: RadioBoxProps) => {\r\n  const { id, name, value, label, inputProps, labelProps, children, ...rest } = props\r\n  return (\r\n    <label className=\"theme-ipe ipe-radio-box\" {...rest}>\r\n      <input type=\"radio\" id={id} name={name} value={value} {...inputProps} />\r\n      <span className=\"ipe-checkbox-box\"></span>\r\n      <span {...labelProps}>{label || children}</span>\r\n    </label>\r\n  )\r\n}\r\n"],"names":["MBox","props","type","title","content","closeable","titleProps","contentProps","children","rest","titleContent","close","box","promise","resolve","jsxs","styles","jsx","RadioBox","id","name","value","label","inputProps","labelProps"],"mappings":";;;;;;GA4BaA,IAAO,CAACC,MAAqB;AACxC,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,MAAIS,IAAeP;AACnB,EAAI,OAAOA,IAAU,OAAeD,MAAS,cAC3CQ,IAAeR,EAAK,CAAC,EAAE,YAAA,IAAgBA,EAAK,MAAM,CAAC,EAAE,YAAA;AAGvD,QAAMS,IAAQ,YAAY;AACxB,QAAI,CAACC;AACH,aAAO,QAAQ,QAAA;AAEjB,UAAM,EAAE,SAAAC,GAAS,SAAAC,MAAY,QAAQ,cAAA;AAarC,WAXkBF,EAAI;AAAA,MACpB;AAAA,QACE,EAAE,SAAS,KAAK,QAAQA,EAAI,eAAe,KAAA;AAAA,QAC3C,EAAE,SAAS,KAAK,QAAQ,OAAO,QAAQ,MAAA;AAAA,MAAM;AAAA,MAE/C;AAAA,QACE,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACV,EAGQ,iBAAiB,UAAU,MAAM;AACzC,MAAAA,EAAI,OAAA,GACJE,EAAA;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMD,IACJG,gBAAAA,EAAC,OAAA,EAAI,WAAW,gCAAgCb,KAAQ,SAAS,IAAIc,EAAO,IAAI,IAAK,GAAGP,GACrF,UAAA;AAAA,IAAAC,KACC,gBAAAO,EAAC,SAAI,WAAW,kBAAkBD,EAAO,KAAK,IAAK,GAAGV,GACnD,UAAAI,EAAA,CACH;AAAA,IAEF,gBAAAO,EAAC,OAAA,EAAI,WAAW,oBAAoBD,EAAO,OAAO,IAAK,GAAGT,GACvD,UAAAC,KAAYJ,EAAA,CACf;AAAA,IACCC,KACC,gBAAAY,EAAC,KAAA,EAAE,SAASN,GAAO,WAAW,kBAAkBK,EAAO,KAAK,IAAI,UAAA,IAAA,CAEhE;AAAA,EAAA,GAEJ;AAEF,SAAAJ,EAAI,QAAQD,GACLC;AACT,GC7EaM,IAAW,CAACjB,MAAyB;AAChD,QAAM,EAAE,IAAAkB,GAAI,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,UAAAhB,GAAU,GAAGC,EAAA,IAASR;AAC9E,SACEc,gBAAAA,EAAC,SAAA,EAAM,WAAU,2BAA2B,GAAGN,GAC7C,UAAA;AAAA,IAAA,gBAAAQ,EAAC,WAAM,MAAK,SAAQ,IAAAE,GAAQ,MAAAC,GAAY,OAAAC,GAAe,GAAGE,GAAY;AAAA,IACtE,gBAAAN,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGO,GAAa,eAAShB,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/components/ActionButton.d.ts

@@ -1,9 +1,6 @@
-import { JSX, ReactNode } from 'jsx-dom';
-export declare const ActionButton: ({ type, link, target, buttonProps, anchorProps, children, }: {
-    type?: "primary" | "secondary" | "danger";
-    link?: string;
-    target?: string;
-    anchorProps?: JSX.IntrinsicElements["a"];
-    buttonProps?: JSX.IntrinsicElements["button"];
-    children?: ReactNode;
-}) => import('jsx-dom').ReactElement;
+import { JSX } from 'jsx-dom';
+export interface ActionButtonProps {
+    type?: 'primary' | 'secondary' | 'danger' | 'default';
+    tag?: 'a' | 'button' | 'div';
+}
+export declare const ActionButton: ({ type, tag, href, target, children, ...rest }: ActionButtonProps & Omit<JSX.IntrinsicElements["button"], "type"> & JSX.IntrinsicElements["a"]) => HTMLAnchorElement;

package/dist/components/SchemaForm/index.d.ts

@@ -0,0 +1,142 @@
+import { default as Schema } from 'schemastery';
+export interface SchemaFormI18n {
+    arrayAdd?: string;
+    arrayMoveUp?: string;
+    arrayMoveDown?: string;
+    arrayRemove?: string;
+    dictAdd?: string;
+    dictRemove?: string;
+    rootLabel?: string;
+}
+export declare const DEFAULT_I18N: Required<SchemaFormI18n>;
+export type JSONValue = string | number | boolean | null | JSONValue[] | {
+    [k: string]: JSONValue;
+};
+export interface SchemaFormChangeDetail<T = any> {
+    path: (string | number)[];
+    value: any;
+    state: T;
+}
+export type SchemaFormChangeEvent<T = any> = Event & {
+    detail: SchemaFormChangeDetail<T>;
+};
+type PathSeg = string | number;
+declare abstract class BaseFieldElement<T = any> extends HTMLElement {
+    /** Schemastery 子 schema（泛型） */ protected _schema: Schema<T>;
+    /** 字段路径（用于 data-path 与事件）*/ protected _path: PathSeg[];
+    /** 当前值（UI 原始值）*/ protected _value: T;
+    /** ShadowRoot */ protected $root: ShadowRoot;
+    /** 显示标签 */ protected _label?: string;
+    /** i18n 文本 */ protected _i18n: Required<SchemaFormI18n>;
+    constructor();
+    /** 初始化公共容器（带类名与 data-path） */
+    protected makeFieldContainer(typeClass: string, description?: string): HTMLDivElement;
+    /** 外部设置 schema/path/label/value */
+    set schema(v: Schema<T>);
+    get schema(): Schema<T>;
+    set path(p: PathSeg[]);
+    get path(): PathSeg[];
+    set label(v: string | undefined);
+    get label(): string | undefined;
+    set i18n(v: Partial<SchemaFormI18n> | undefined);
+    get i18n(): Partial<SchemaFormI18n> | undefined;
+    setValue(v: T): void;
+    getValue(): T;
+    /** 子类实现具体渲染 */
+    protected abstract render(): void;
+    /** 触发变更事件（冒泡） */
+    protected emitChange(value: T): void;
+}
+declare class SchemaFormString extends BaseFieldElement<string | undefined> {
+    private $input?;
+    protected render(): void;
+}
+declare class SchemaFormNumber extends BaseFieldElement<number | undefined> {
+    private $input?;
+    protected render(): void;
+}
+declare class SchemaFormBoolean extends BaseFieldElement<boolean> {
+    protected render(): void;
+}
+declare class SchemaFormDate extends BaseFieldElement<Date | undefined> {
+    private $input?;
+    protected render(): void;
+}
+declare class SchemaFormConst extends BaseFieldElement<any> {
+    protected render(): void;
+}
+declare class SchemaFormUnion extends BaseFieldElement<any> {
+    protected render(): void;
+}
+declare class SchemaFormTuple extends BaseFieldElement<any[]> {
+    protected render(): void;
+}
+declare class SchemaFormObject extends BaseFieldElement<Record<string, any>> {
+    protected render(): void;
+}
+declare class SchemaFormArray extends BaseFieldElement<any[]> {
+    protected render(): void;
+}
+declare class SchemaFormDict extends BaseFieldElement<Record<string, any>> {
+    protected render(): void;
+}
+export declare class SchemaForm<T extends any = unknown> extends HTMLElement {
+    private _schema;
+    private _state;
+    private $root;
+    private _i18n;
+    constructor();
+    set schema(value: Schema<T>);
+    get schema(): Schema<T>;
+    set schemaJSON(value: JSONValue);
+    get schemaJSON(): any;
+    setData(data: Partial<T>, opts?: {
+        validate?: boolean;
+        autofix?: boolean;
+    }): void;
+    getData(opts?: {
+        validate?: boolean;
+        autofix?: boolean;
+    }): T;
+    reset(): void;
+    refresh(): void;
+    set i18n(v: Partial<SchemaFormI18n>);
+    get i18n(): Partial<SchemaFormI18n>;
+    private render;
+}
+export interface FormInstance<T> {
+    /** 底层元素 */ el: SchemaForm<T>;
+    /** 设置数据（可选校验）*/ setData: (v: Partial<T>, opts?: {
+        validate?: boolean;
+    }) => void;
+    /** 获取数据（默认校验）*/ getData: (opts?: {
+        validate?: boolean;
+    }) => T;
+    /** 卸载/清理 */ destroy: () => void;
+}
+/**
+ * 创建一个带强类型提示的 Schemastery 表单实例。
+ * @param schema Schemastery schema（函数调用返回 T）
+ * @param options 初始值与 onChange 回调
+ */
+export declare function createSchemasteryForm<T = any>(schema: Schema<T>, options?: {
+    value?: Partial<T>;
+    onChange?: (val: T) => void;
+    i18n?: Partial<SchemaFormI18n>;
+}): FormInstance<T>;
+declare global {
+    interface HTMLElementTagNameMap {
+        'schema-form': SchemaForm<any>;
+        'schema-form-string': SchemaFormString;
+        'schema-form-number': SchemaFormNumber;
+        'schema-form-boolean': SchemaFormBoolean;
+        'schema-form-date': SchemaFormDate;
+        'schema-form-const': SchemaFormConst;
+        'schema-form-union': SchemaFormUnion;
+        'schema-form-tuple': SchemaFormTuple;
+        'schema-form-object': SchemaFormObject;
+        'schema-form-array': SchemaFormArray;
+        'schema-form-dict': SchemaFormDict;
+    }
+}
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from './MBox/index';
+export * from './ProgressBar/index';
+export * from './TabView/index';
+export * from './TwinSwapInput';
+export * from './ActionButton';
+export * from './CheckBox';
+export * from './InputBox';
+export * from './RadioBox';

package/dist/components/index.js

@@ -0,0 +1,79 @@
+import { M as y, R as x } from "../RadioBox-BZFhTEo5.js";
+import { j as i } from "../index-CvhkVj_L.js";
+import { P as L } from "../index-CvhkVj_L.js";
+import { T as A } from "../index-BPsDFq9U.js";
+import { A as N } from "../ActionButton-ByMKIthQ.js";
+import { C as z, I as $ } from "../InputBox-FIzJ-rPN.js";
+const r = "_tabview_zlbug_1", _ = "_labels_container_zlbug_4", b = "_label_zlbug_4", d = "_active_zlbug_32", m = "_contents_container_zlbug_35", t = {
+  tabview: r,
+  labels_container: _,
+  label: b,
+  active: d,
+  contents_container: m
+};
+console.log(t);
+function h({
+  tabs: n = [],
+  defaultActiveIndex: l = 0
+}) {
+  const c = /* @__PURE__ */ i("div", { className: `ipe-tabView ${t.tabview}`, children: [
+    /* @__PURE__ */ i("ul", { className: `ipe-tabView__labels-container ${t.labels_container}`, children: n.map((a) => /* @__PURE__ */ i(f, { name: a.name, children: a.children }, a.name)) }),
+    /* @__PURE__ */ i("div", { className: `ipe-tabView__contents ${t.contents_container}`, children: n.map((a) => /* @__PURE__ */ i(p, { name: a.name, children: a.content }, a.name)) })
+  ] }), s = c.querySelector(
+    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${l + 1})`
+  );
+  return s && s.click(), c;
+}
+function f({ name: n, children: l }) {
+  return /* @__PURE__ */ i(
+    "li",
+    {
+      "data-tab-name": n,
+      className: `ipe-tabView__label ${t.label}`,
+      onClick: function(c) {
+        c.preventDefault();
+        const s = this.closest(".ipe-tabView");
+        if (!s) return;
+        const a = Array.from(s.children).find(
+          (e) => e.classList.contains("ipe-tabView__labels")
+        )?.children;
+        a && Array.from(a).forEach((e) => {
+          e.classList.remove(t.active);
+        }), this.classList.add(t.active);
+        const o = Array.from(s.children).find(
+          (e) => e.classList.contains("ipe-tabView__contents")
+        )?.children;
+        o && Array.from(o).forEach((e) => {
+          e instanceof HTMLElement && (e.dataset.tabName === n ? (e.style.display = "", e.classList.add(t.active)) : (e.style.display = "none", e.classList.remove(t.active)));
+        });
+      },
+      children: /* @__PURE__ */ i("a", { children: l || n })
+    }
+  );
+}
+function p({ name: n, children: l }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-tab-name": n,
+      className: "ipe-tabView__content-body",
+      style: {
+        display: "none"
+      },
+      children: l
+    }
+  );
+}
+export {
+  N as ActionButton,
+  z as CheckBox,
+  $ as InputBox,
+  y as MBox,
+  L as ProgressBar,
+  x as RadioBox,
+  p as TabContent,
+  f as TabLabel,
+  h as TabView,
+  A as TwinSwapInput
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/TabView/index.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport styles from './styles.module.sass'\r\n\r\nexport interface TabViewLabelOptions {\r\n  name: string\r\n  children: ReactNode\r\n}\r\n\r\nconsole.log(styles)\r\n\r\nexport function TabView({\r\n  tabs = [],\r\n  defaultActiveIndex = 0,\r\n}: {\r\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\r\n  defaultActiveIndex?: number\r\n}) {\r\n  const el = (\r\n    <div className={`ipe-tabView ${styles.tabview}`}>\r\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabLabel key={tab.name} name={tab.name}>\r\n            {tab.children}\r\n          </TabLabel>\r\n        ))}\r\n      </ul>\r\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabContent key={tab.name} name={tab.name}>\r\n            {tab.content}\r\n          </TabContent>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\r\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\r\n  )\r\n  if (defaultActiveLabel) {\r\n    defaultActiveLabel.click()\r\n  }\r\n\r\n  return el\r\n}\r\n\r\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <li\r\n      data-tab-name={name}\r\n      className={`ipe-tabView__label ${styles.label}`}\r\n      onClick={function (e) {\r\n        e.preventDefault()\r\n        const container = this.closest('.ipe-tabView')\r\n        if (!container) return\r\n        const labels = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__labels')\r\n        )?.children\r\n        if (labels) {\r\n          Array.from(labels).forEach((label) => {\r\n            label.classList.remove(styles.active)\r\n          })\r\n        }\r\n        this.classList.add(styles.active)\r\n        const contents = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__contents')\r\n        )?.children\r\n        if (contents) {\r\n          Array.from(contents).forEach((content) => {\r\n            if (content instanceof HTMLElement) {\r\n              if (content.dataset.tabName === name) {\r\n                content.style.display = ''\r\n                content.classList.add(styles.active)\r\n              } else {\r\n                content.style.display = 'none'\r\n                content.classList.remove(styles.active)\r\n              }\r\n            }\r\n          })\r\n        }\r\n      }}\r\n    >\r\n      <a>{children || name}</a>\r\n    </li>\r\n  )\r\n}\r\n\r\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <div\r\n      data-tab-name={name}\r\n      className=\"ipe-tabView__content-body\"\r\n      style={{\r\n        display: 'none',\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n"],"names":["styles","TabView","tabs","defaultActiveIndex","el","jsxs","jsx","tab","TabLabel","TabContent","defaultActiveLabel","name","children","e","container","labels","label","contents","content"],"mappings":";;;;;;;;;;;;;AAQA,QAAQ,IAAIA,CAAM;AAEX,SAASC,EAAQ;AAAA,EACtB,MAAAC,IAAO,CAAA;AAAA,EACP,oBAAAC,IAAqB;AACvB,GAGG;AACD,QAAMC,IACJC,gBAAAA,EAAC,OAAA,EAAI,WAAW,eAAeL,EAAO,OAAO,IAC3C,UAAA;AAAA,IAAA,gBAAAM,EAAC,MAAA,EAAG,WAAW,iCAAiCN,EAAO,gBAAgB,IACpE,UAAAE,EAAK,IAAI,CAACK,wBACRC,GAAA,EAAwB,MAAMD,EAAI,MAChC,UAAAA,EAAI,YADQA,EAAI,IAEnB,CACD,EAAA,CACH;AAAA,IACA,gBAAAD,EAAC,SAAI,WAAW,yBAAyBN,EAAO,kBAAkB,IAC/D,YAAK,IAAI,CAACO,MACT,gBAAAD,EAACG,GAAA,EAA0B,MAAMF,EAAI,MAClC,YAAI,QAAA,GADUA,EAAI,IAErB,CACD,EAAA,CACH;AAAA,EAAA,GACF,GAGIG,IAAqBN,EAAG;AAAA,IAC5B,kEAAkED,IAAqB,CAAC;AAAA,EAAA;AAE1F,SAAIO,KACFA,EAAmB,MAAA,GAGdN;AACT;AAEO,SAASI,EAAS,EAAE,MAAAG,GAAM,UAAAC,KAAmD;AAClF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAW,sBAAsBX,EAAO,KAAK;AAAA,MAC7C,SAAS,SAAUa,GAAG;AACpB,QAAAA,EAAE,eAAA;AACF,cAAMC,IAAY,KAAK,QAAQ,cAAc;AAC7C,YAAI,CAACA,EAAW;AAChB,cAAMC,IAAS,MAAM,KAAKD,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACV,MAClDA,EAAG,UAAU,SAAS,qBAAqB;AAAA,QAAA,GAC1C;AACH,QAAIW,KACF,MAAM,KAAKA,CAAM,EAAE,QAAQ,CAACC,MAAU;AACpC,UAAAA,EAAM,UAAU,OAAOhB,EAAO,MAAM;AAAA,QACtC,CAAC,GAEH,KAAK,UAAU,IAAIA,EAAO,MAAM;AAChC,cAAMiB,IAAW,MAAM,KAAKH,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACV,MACpDA,EAAG,UAAU,SAAS,uBAAuB;AAAA,QAAA,GAC5C;AACH,QAAIa,KACF,MAAM,KAAKA,CAAQ,EAAE,QAAQ,CAACC,MAAY;AACxC,UAAIA,aAAmB,gBACjBA,EAAQ,QAAQ,YAAYP,KAC9BO,EAAQ,MAAM,UAAU,IACxBA,EAAQ,UAAU,IAAIlB,EAAO,MAAM,MAEnCkB,EAAQ,MAAM,UAAU,QACxBA,EAAQ,UAAU,OAAOlB,EAAO,MAAM;AAAA,QAG5C,CAAC;AAAA,MAEL;AAAA,MAEA,UAAA,gBAAAM,EAAC,KAAA,EAAG,UAAAM,KAAYD,EAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAG3B;AAEO,SAASF,EAAW,EAAE,MAAAE,GAAM,UAAAC,KAAmD;AACpF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAGV,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}