@sun-panel/micro-app 1.0.6 → 1.0.7

package/README.md

@@ -7,7 +7,6 @@ Sun Panel 微应用组件 - 基于 LitElement 的微应用开发框架，提供
 `@sun-panel/micro-app` 是一个用于开发 Sun Panel 微应用的 JavaScript 组件库，提供了：
 
 - 基于原生 Web Components 的基础组件类
-- 内置的事件绑定和验证功能
 - TypeScript 类型定义支持
 - 预设的卡片和页面组件基类
 - 与 Lit 框架兼容的开发体验
@@ -20,279 +19,4 @@ npm install @sun-panel/micro-app
 
 ## 快速开始
 
-### 创建卡片组件
-
-```javascript
-import { SunPanelCardElement } from '@sun-panel/micro-app';
-
-class MyCard extends SunPanelCardElement {
-  constructor() {
-    super();
-    this.title = 'My Card';
-    this.count = 0;
-  }
-
-  render() {
-    return `
-      <style>
-        :host {
-          display: block;
-          padding: 16px;
-          border: 1px solid #ccc;
-        }
-      </style>
-      <h3>${this.title}</h3>
-      <p>Count: ${this.count}</p>
-      <button onclick="this.increment()">Increment</button>
-    `;
-  }
-
-  increment() {
-    this.count++;
-    this.update();
-  }
-}
-
-// 定义自定义元素
-customElements.define('my-card', MyCard);
-```
-
-### 创建页面组件
-
-```javascript
-import { SunPanelPageElement } from '@sun-panel/micro-app';
-
-class MyPage extends SunPanelPageElement {
-  constructor() {
-    super();
-    this.message = 'Hello World';
-  }
-
-  render() {
-    return `
-      <style>
-        :host {
-          display: block;
-          padding: 20px;
-        }
-      </style>
-      <h1>${this.pageTitle}</h1>
-      <p>${this.message}</p>
-    `;
-  }
-}
-
-// 定义自定义元素
-customElements.define('my-page', MyPage);
-```
-
-### 使用验证功能
-
-```typescript
-import { Validator, FormValidator } from '@sun-panel/micro-app';
-
-// 验证单个字段
-const rules = {
-  required: true,
-  type: 'string',
-  minLength: 3,
-  maxLength: 20
-};
-
-const errors = await Validator.validateField('test', rules, 'username');
-if (errors.length > 0) {
-  console.log('Validation errors:', errors);
-}
-
-// 验证对象
-const formRules = {
-  username: {
-    required: true,
-    type: 'string',
-    minLength: 3
-  },
-  email: {
-    required: true,
-    type: 'email'
-  }
-};
-
-const formData = {
-  username: 'test',
-  email: 'test@example.com'
-};
-
-const formValidator = new FormValidator(formRules);
-await formValidator.validateOrThrow(formData); // 抛出验证错误或无错误
-```
-
-## 核心组件
-
-### SunPanelElement
-
-基础元素类，提供微应用的基本能力：
-
-- 基于原生 Web Components 标准
-- 内置影子 DOM 管理
-- 属性和生命周期管理
-- 事件派发机制
-
-### SunPanelCardElement
-
-卡片元素基类，适用于微应用中的卡片组件：
-
-- 支持卡片大小配置
-- 支持卡片标题
-- 内置卡片信息处理
-- 预设卡片样式
-
-### SunPanelPageElement
-
-页面元素基类，适用于微应用中的页面组件：
-
-- 支持页面标题和描述
-- 内置页面生命周期管理
-- 预设页面布局
-
-## API
-
-### 元素生命周期
-
-- `connectedCallback()` - 元素插入 DOM 时调用
-- `disconnectedCallback()` - 元素从 DOM 移除时调用
-- `attributeChangedCallback()` - 属性变化时调用
-
-### 实用工具
-
-- `Validator` - 验证工具类
-- `FormValidator` - 表单验证器
-- `ValidationError` - 验证错误类
-
-## 构建
-
-```bash
-# 复制源文件到发布目录
-npm run build
-```
-
-## 开发
-
-### 开发测试环境
-
-```bash
-# 启动开发服务器（带热重载）
-✓ Rollup 正在监听文件变化
-✓ 开发服务器运行在: http://localhost:3000
-✓ LiveReload 已启用
-✓ 成功构建: dev/bundle.js (91ms)
-
-```
-
-这将：
-- 启动 Rollup watch 模式监听文件变化
-- 自动启动开发服务器（http://localhost:3000）
-- 自动在浏览器中打开测试页面
-- 支持源码修改后自动重新构建和热重载
-
-### 测试环境功能
-
-开发测试环境包含：
-- **卡片组件测试**：展示不同主题和大小的卡片
-- **页面组件测试**：演示页面组件的功能
-- **验证功能测试**：测试字段和表单验证
-- **实时预览**：修改源代码后自动刷新
-
-### 修改代码后
-
-1. 修改 `src/` 目录下的源代码
-2. Rollup 会自动重新构建 `dev/bundle.js`
-3. 浏览器会自动刷新
-4. 立即查看修改效果
-
-### 构建生产版本
-
-```bash
-# 构建生产版本
-npm run build
-```
-
-## 开发模式说明
-
-此库采用 TypeScript 定义文件的开发模式：
-
-- 使用者可以选择使用 JavaScript 或 TypeScript 方式导入和使用组件
-
-## 开发时链接模块（开发者指南）
-
-如果你正在开发基于 `@sun-panel/micro-app` 的微应用，并且希望在开发时获得最新的类型提示，可以使用 npm link 方式链接到本地的开发版本：
-
-### 在微应用项目中链接开发版本
-
-假设你有以下目录结构：
-```
-sun-panel-app/
-├── sun-panel-micro-app/          # 正在开发的模块
-└── sun-panel-micro-app-hslr-demo-app/  # 微应用项目
-```
-
-**步骤 1：在 sun-panel-micro-app 目录创建全局链接**
-
-```bash
-cd sun-panel-micro-app
-npm link
-```
-
-**步骤 2：在微应用项目目录链接到全局包**
-
-```bash
-cd sun-panel-micro-app-hslr-demo-app
-npm link @sun-panel/micro-app
-```
-
-**步骤 3：重新加载 VSCode**
-
-按 `Cmd+Shift+P`，输入 "Developer: Reload Window" 并回车。
-
-### 配置 jsconfig.json
-
-在微应用项目根目录创建 `jsconfig.json` 文件：
-
-```json
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "moduleResolution": "node",
-    "checkJs": true
-  },
-  "include": ["src/**/*", "**/*.js"],
-  "exclude": ["node_modules", "dist"]
-}
-```
-
-### 效果
-
-- ✅ 编辑器会显示来自 `sun-panel-micro-app/src` 的最新类型定义
-- ✅ 修改类型定义后无需重新发布，编辑器会自动更新提示
-- ✅ 运行时代码通过 vite alias 引用开发目录的代码
-- ✅ 类型提示通过 npm link 引用开发目录的类型定义
-
-### 解除链接
-
-如果要恢复使用 npm 发布的版本：
-
-```bash
-cd sun-panel-micro-app-hslr-demo-app
-npm unlink @sun-panel/micro-app
-```
-
-然后重新加载 VSCode 即可。
-
-## 类型定义开源
-
-本项目的所有类型定义文件（以 `.d.ts` 结尾的文件）采用 MIT 开源协议发布，允许在任何项目中自由使用。
-
-详细信息请参阅 [TYPES_LICENSE.md](TYPES_LICENSE.md) 文件。
-
-## 许可证
-
-MIT
+参阅：[官方微应用开发文档](https://doc.sun-panel.top/v2/zh_cn/micro_app_dev/)

package/dist/SunPanelPageElement.d.ts

@@ -1,7 +1,6 @@
 import { SunPanelElement } from './SunPanelElement';
 import { TemplateResult, PropertyValueMap } from 'lit';
-import { SpContextPage, NetworkMode } from './types/common';
-import { PageInitializedParam } from './types/api';
+import { SpContextPage, NetworkMode, PageInitializedParam } from './types/common';
 /**
  * Sun Panel 页面元素基类
  * 用于开发微应用中的页面组件，以窗口的形式加载

package/dist/SunPanelPageElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SunPanelPageElement.d.ts","sourceRoot":"","sources":["../src/SunPanelPageElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAQ,cAAc,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAe,MAAM,aAAa,CAAC;AAGhE;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,eAAe;IAEtD,MAAM,CAAC,UAAU;;;;;MAGf;IAEF,KAAK,EAAE,aAAa,CAAC;;IAmBrB;;;;OAIG;IACH,aAAa,CAAC,cAAc,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;IAa3D;;OAEG;IACH;;;OAGG;IACH,YAAY,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAK/E;;OAEG;IACH,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAwB1E,WAAW,IAAI,IAAI;IAKnB;;;OAGG;IACH,aAAa,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IAIjD;;;OAGG;IACH,eAAe,IAAI,IAAI;IAIvB;;;OAGG;IACH,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI;IAI9D;;;OAGG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAIhE;;;OAGG;IACH,oBAAoB,CAAC,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,GAAG,IAAI;IAInF;;OAEG;IACH,MAAM,IAAI,cAAc;CAIzB"}
+{"version":3,"file":"SunPanelPageElement.d.ts","sourceRoot":"","sources":["../src/SunPanelPageElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAQ,cAAc,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAwB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAIxG;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,eAAe;IAEtD,MAAM,CAAC,UAAU;;;;;MAGf;IAEF,KAAK,EAAE,aAAa,CAAC;;IAmBrB;;;;OAIG;IACH,aAAa,CAAC,cAAc,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;IAa3D;;OAEG;IACH;;;OAGG;IACH,YAAY,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAK/E;;OAEG;IACH,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAwB1E,WAAW,IAAI,IAAI;IAKnB;;;OAGG;IACH,aAAa,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IAIjD;;;OAGG;IACH,eAAe,IAAI,IAAI;IAIvB;;;OAGG;IACH,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI;IAI9D;;;OAGG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAIhE;;;OAGG;IACH,oBAAoB,CAAC,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,GAAG,IAAI;IAInF;;OAEG;IACH,MAAM,IAAI,cAAc;CAIzB"}

package/dist/index.bundle.js

@@ -20,5 +20,5 @@ const b=globalThis,E=t=>t,C=b.trustedTypes,w=C?C.createPolicy("lit-html",{create
      * @license
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
-     */class ot extends v{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const i=s?.renderBefore??e;let n=i._$litPart$;if(void 0===n){const t=s?.renderBefore??null;i._$litPart$=n=new X(e.insertBefore(O(),t),t,void 0,s??{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return B}}ot._$litElement$=!0,ot.finalized=!0,rt.litElementHydrateSupport?.({LitElement:ot});const at=rt.litElementPolyfillSupport;at?.({LitElement:ot}),(rt.litElementVersions??=[]).push("4.2.2");class ht extends ot{constructor(){super(),this._initialized=!1,this._eventListeners=new Map}initializeMicroApp(){this._initialized||(this._setupEventListeners(),this._initialized=!0)}connectedCallback(){super.connectedCallback(),this.initializeMicroApp(),this.onConnected()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupEventListeners(),this.onDisconnected()}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),this.onAttributeChanged(t,e,s)}_setupEventListeners(){}_cleanupEventListeners(){const t=Array.from(this._eventListeners.entries());for(const[e,s]of t)s.forEach(t=>{window.removeEventListener(e,t)});this._eventListeners.clear()}addEventListener(t,e,s){super.addEventListener(t,e,s)}dispatchCustomEvent(t,e){const s=new CustomEvent(t,{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(s)}onConnected(){}onDisconnected(){}onAttributeChanged(t,e,s){}render(){return V``}}class lt extends ht{constructor(){super(),this.spCtx={api:{},darkMode:!1,language:"zh-CN",networkMode:"wan",staticPath:"",role:0,widgetInfo:{}}}updateContext(t){if(!t||"object"!=typeof t)return;const e=Object.fromEntries(Object.entries(t).filter(([t,e])=>void 0!==e));this.spCtx={...this.spCtx,...e}}firstUpdated(t){super.firstUpdated?.(t),this.onFirstRendered()}updated(t){if(super.updated(t),t.has("spCtx")){const e=t.get("spCtx")||{},s=this.spCtx;s.widgetInfo!==e.widgetInfo&&this.onWidgetInfoChanged(s.widgetInfo,e.widgetInfo),s.darkMode!==e.darkMode&&this.onDarkModeChanged(s.darkMode,e.darkMode),s.language!==e.language&&this.onLanguageChanged(s.language,e.language),s.networkMode!==e.networkMode&&this.onNetworkModeChanged(s.networkMode,e.networkMode)}}onConnected(){super.onConnected(),this.onInitialized()}onInitialized(){}onFirstRendered(){}onDarkModeChanged(t,e){}onLanguageChanged(t,e){}onNetworkModeChanged(t,e){}onWidgetInfoChanged(t,e){}render(){return V``}}lt.properties={spCtx:{type:Object,attribute:!1}};class dt extends ht{constructor(){super(),this.spCtx={api:{},darkMode:!1,language:"zh-CN",networkMode:"wan",staticPath:"",role:0,background:"",widgetInfo:{},customParam:{}}}updateContext(t){if(!t||"object"!=typeof t)return;const e=Object.fromEntries(Object.entries(t).filter(([t,e])=>void 0!==e));this.spCtx={...this.spCtx,...e}}firstUpdated(t){super.firstUpdated?.(t),this.onFirstRendered()}updated(t){if(super.updated(t),t.has("spCtx")){const e=t.get("spCtx")||{},s=this.spCtx;s.darkMode!==e.darkMode&&this.onDarkModeChanged(s.darkMode,e.darkMode),s.language!==e.language&&this.onLanguageChanged(s.language,e.language),s.networkMode!==e.networkMode&&this.onNetworkModeChanged(s.networkMode,e.networkMode)}}onConnected(){super.onConnected(),this.onInitialized({widgetInfo:this.spCtx.widgetInfo,customParam:this.spCtx.customParam})}onInitialized(t){}onFirstRendered(){}onDarkModeChanged(t,e){}onLanguageChanged(t,e){}onNetworkModeChanged(t,e){}render(){return V``}}dt.properties={spCtx:{type:Object,attribute:!1}};class ct extends Error{constructor(t){super(`Validation failed: ${t.map(t=>t.message).join(", ")}`),this.name="ValidationError",this.errors=t}}class pt{static async validateField(t,e,s="field"){const i=[];if(e.required&&(null==t||""===t))return i.push({field:s,message:e.message||`${s} is required`,value:t}),i;if(null==t||""===t)return i;if(e.type){let n=!1;switch(e.type){case"string":n="string"==typeof t;break;case"number":n="number"==typeof t&&!isNaN(t);break;case"boolean":n="boolean"==typeof t;break;case"object":n="object"==typeof t&&null!==t&&!Array.isArray(t);break;case"array":n=Array.isArray(t);break;case"date":n=t instanceof Date||!isNaN(Date.parse(t));break;case"email":n="string"==typeof t&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);break;case"url":try{new URL(t),n=!0}catch{n=!1}break;default:n=!0}n||i.push({field:s,message:e.message||`${s} must be of type ${e.type}`,value:t})}if(void 0!==e.minLength&&"string"==typeof t&&t.length<e.minLength&&i.push({field:s,message:e.message||`${s} must be at least ${e.minLength} characters`,value:t}),void 0!==e.maxLength&&"string"==typeof t&&t.length>e.maxLength&&i.push({field:s,message:e.message||`${s} must be no more than ${e.maxLength} characters`,value:t}),void 0!==e.min&&"number"==typeof t&&t<e.min&&i.push({field:s,message:e.message||`${s} must be at least ${e.min}`,value:t}),void 0!==e.max&&"number"==typeof t&&t>e.max&&i.push({field:s,message:e.message||`${s} must be no more than ${e.max}`,value:t}),e.pattern&&"string"==typeof t&&!e.pattern.test(t)&&i.push({field:s,message:e.message||`${s} format is invalid`,value:t}),e.validator)try{const n=await Promise.resolve(e.validator(t));"string"==typeof n?i.push({field:s,message:n,value:t}):!1===n&&i.push({field:s,message:e.message||`${s} is invalid`,value:t})}catch(n){i.push({field:s,message:e.message||`Validation failed for ${s}: ${n instanceof Error?n.message:String(n)}`,value:t})}return i}static async validateObject(t,e){const s=[];for(const i of Object.keys(e)){const n=e[i],r=t[i],o=await this.validateField(r,n,i);s.push(...o)}return s}static async validateArray(t,e){if(!Array.isArray(t))return[{field:"array",message:"Value must be an array",value:t}];const s=[];if(void 0!==e.min&&t.length<e.min&&s.push({field:"array",message:e.message||`Array must have at least ${e.min} items`,value:t}),void 0!==e.max&&t.length>e.max&&s.push({field:"array",message:e.message||`Array must have no more than ${e.max} items`,value:t}),e.validator)for(let i=0;i<t.length;i++){const n=t[i],r=await this.validateField(n,e,`array[${i}]`);s.push(...r)}return s}}t.FormValidator=class{constructor(t){this.rules=t}async validate(t){return await pt.validateObject(t,this.rules)}async validateOrThrow(t){const e=await this.validate(t);if(e.length>0)throw new ct(e)}},t.SunPanelElement=ht,t.SunPanelPageElement=dt,t.SunPanelWidgetElement=lt,t.VERSION='"1.0.6"',t.ValidationError=ct,t.Validator=pt}(this.SunPanelMicroApp=this.SunPanelMicroApp||{});
+     */class ot extends v{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const i=s?.renderBefore??e;let n=i._$litPart$;if(void 0===n){const t=s?.renderBefore??null;i._$litPart$=n=new X(e.insertBefore(O(),t),t,void 0,s??{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return B}}ot._$litElement$=!0,ot.finalized=!0,rt.litElementHydrateSupport?.({LitElement:ot});const at=rt.litElementPolyfillSupport;at?.({LitElement:ot}),(rt.litElementVersions??=[]).push("4.2.2");class ht extends ot{constructor(){super(),this._initialized=!1,this._eventListeners=new Map}initializeMicroApp(){this._initialized||(this._setupEventListeners(),this._initialized=!0)}connectedCallback(){super.connectedCallback(),this.initializeMicroApp(),this.onConnected()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupEventListeners(),this.onDisconnected()}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),this.onAttributeChanged(t,e,s)}_setupEventListeners(){}_cleanupEventListeners(){const t=Array.from(this._eventListeners.entries());for(const[e,s]of t)s.forEach(t=>{window.removeEventListener(e,t)});this._eventListeners.clear()}addEventListener(t,e,s){super.addEventListener(t,e,s)}dispatchCustomEvent(t,e){const s=new CustomEvent(t,{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(s)}onConnected(){}onDisconnected(){}onAttributeChanged(t,e,s){}render(){return V``}}class lt extends ht{constructor(){super(),this.spCtx={api:{},darkMode:!1,language:"zh-CN",networkMode:"wan",staticPath:"",role:0,widgetInfo:{}}}updateContext(t){if(!t||"object"!=typeof t)return;const e=Object.fromEntries(Object.entries(t).filter(([t,e])=>void 0!==e));this.spCtx={...this.spCtx,...e}}firstUpdated(t){super.firstUpdated?.(t),this.onFirstRendered()}updated(t){if(super.updated(t),t.has("spCtx")){const e=t.get("spCtx")||{},s=this.spCtx;s.widgetInfo!==e.widgetInfo&&this.onWidgetInfoChanged(s.widgetInfo,e.widgetInfo),s.darkMode!==e.darkMode&&this.onDarkModeChanged(s.darkMode,e.darkMode),s.language!==e.language&&this.onLanguageChanged(s.language,e.language),s.networkMode!==e.networkMode&&this.onNetworkModeChanged(s.networkMode,e.networkMode)}}onConnected(){super.onConnected(),this.onInitialized()}onInitialized(){}onFirstRendered(){}onDarkModeChanged(t,e){}onLanguageChanged(t,e){}onNetworkModeChanged(t,e){}onWidgetInfoChanged(t,e){}render(){return V``}}lt.properties={spCtx:{type:Object,attribute:!1}};class dt extends ht{constructor(){super(),this.spCtx={api:{},darkMode:!1,language:"zh-CN",networkMode:"wan",staticPath:"",role:0,background:"",widgetInfo:{},customParam:{}}}updateContext(t){if(!t||"object"!=typeof t)return;const e=Object.fromEntries(Object.entries(t).filter(([t,e])=>void 0!==e));this.spCtx={...this.spCtx,...e}}firstUpdated(t){super.firstUpdated?.(t),this.onFirstRendered()}updated(t){if(super.updated(t),t.has("spCtx")){const e=t.get("spCtx")||{},s=this.spCtx;s.darkMode!==e.darkMode&&this.onDarkModeChanged(s.darkMode,e.darkMode),s.language!==e.language&&this.onLanguageChanged(s.language,e.language),s.networkMode!==e.networkMode&&this.onNetworkModeChanged(s.networkMode,e.networkMode)}}onConnected(){super.onConnected(),this.onInitialized({widgetInfo:this.spCtx.widgetInfo,customParam:this.spCtx.customParam})}onInitialized(t){}onFirstRendered(){}onDarkModeChanged(t,e){}onLanguageChanged(t,e){}onNetworkModeChanged(t,e){}render(){return V``}}dt.properties={spCtx:{type:Object,attribute:!1}};class ct extends Error{constructor(t){super(`Validation failed: ${t.map(t=>t.message).join(", ")}`),this.name="ValidationError",this.errors=t}}class pt{static async validateField(t,e,s="field"){const i=[];if(e.required&&(null==t||""===t))return i.push({field:s,message:e.message||`${s} is required`,value:t}),i;if(null==t||""===t)return i;if(e.type){let n=!1;switch(e.type){case"string":n="string"==typeof t;break;case"number":n="number"==typeof t&&!isNaN(t);break;case"boolean":n="boolean"==typeof t;break;case"object":n="object"==typeof t&&null!==t&&!Array.isArray(t);break;case"array":n=Array.isArray(t);break;case"date":n=t instanceof Date||!isNaN(Date.parse(t));break;case"email":n="string"==typeof t&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);break;case"url":try{new URL(t),n=!0}catch{n=!1}break;default:n=!0}n||i.push({field:s,message:e.message||`${s} must be of type ${e.type}`,value:t})}if(void 0!==e.minLength&&"string"==typeof t&&t.length<e.minLength&&i.push({field:s,message:e.message||`${s} must be at least ${e.minLength} characters`,value:t}),void 0!==e.maxLength&&"string"==typeof t&&t.length>e.maxLength&&i.push({field:s,message:e.message||`${s} must be no more than ${e.maxLength} characters`,value:t}),void 0!==e.min&&"number"==typeof t&&t<e.min&&i.push({field:s,message:e.message||`${s} must be at least ${e.min}`,value:t}),void 0!==e.max&&"number"==typeof t&&t>e.max&&i.push({field:s,message:e.message||`${s} must be no more than ${e.max}`,value:t}),e.pattern&&"string"==typeof t&&!e.pattern.test(t)&&i.push({field:s,message:e.message||`${s} format is invalid`,value:t}),e.validator)try{const n=await Promise.resolve(e.validator(t));"string"==typeof n?i.push({field:s,message:n,value:t}):!1===n&&i.push({field:s,message:e.message||`${s} is invalid`,value:t})}catch(n){i.push({field:s,message:e.message||`Validation failed for ${s}: ${n instanceof Error?n.message:String(n)}`,value:t})}return i}static async validateObject(t,e){const s=[];for(const i of Object.keys(e)){const n=e[i],r=t[i],o=await this.validateField(r,n,i);s.push(...o)}return s}static async validateArray(t,e){if(!Array.isArray(t))return[{field:"array",message:"Value must be an array",value:t}];const s=[];if(void 0!==e.min&&t.length<e.min&&s.push({field:"array",message:e.message||`Array must have at least ${e.min} items`,value:t}),void 0!==e.max&&t.length>e.max&&s.push({field:"array",message:e.message||`Array must have no more than ${e.max} items`,value:t}),e.validator)for(let i=0;i<t.length;i++){const n=t[i],r=await this.validateField(n,e,`array[${i}]`);s.push(...r)}return s}}t.FormValidator=class{constructor(t){this.rules=t}async validate(t){return await pt.validateObject(t,this.rules)}async validateOrThrow(t){const e=await this.validate(t);if(e.length>0)throw new ct(e)}},t.SunPanelElement=ht,t.SunPanelPageElement=dt,t.SunPanelWidgetElement=lt,t.VERSION='"1.0.7"',t.ValidationError=ct,t.Validator=pt}(this.SunPanelMicroApp=this.SunPanelMicroApp||{});
 //# sourceMappingURL=index.bundle.js.map