概述

LG-SDK 为第三方平台提供了一种简单的方式进行集成，实现 OTC 交易功能如同开发 HTML一样简单。

我们使用 Web Components 技术来实现 SDK。 SDK 会在不支持 Web Components 特性的平台中降级为普通的 HTML 元素。

LG-SDK 是一个由 Vue, Vue Router , tailwindcss,Vite和TypeScript开发的应用组件。旨在为第三方平台提供一套轻量级、可扩展、可国际化的前端集成方案。

它集成了现代化前端生态中的主流库与工具，涵盖表单验证、国际化、状态管理、数据请求、UI 动画、构建优化等多个方面
通过合理的依赖划分与模块化设计，开发者可以快速集成并在项目中实现一致的交互体验与稳定的性能表现。

特性

我们的产品严格遵循 Web Components 这一现代 Web 标准进行构建。这意味着您获得的不是一个被特定框架锁定的组件库，而是一套原生、通用、面向未来的 UI 解决方案。

这是 Web Components 最核心的价值，也是我们产品的立身之本。

框架无关，无缝集成
- 核心特点：我们的组件是真正的框架无关。它们可以在 React、Angular、Svelte、Vue 或任何其他框架中无缝使用，甚至可以在没有框架的纯 HTML/JavaScript 项目中运行。
- 产品价值：为您当前和未来的所有项目提供统一的 UI 基石，无论技术栈如何选型或更迭，UI 组件层都无需重写。
浏览器原生支持，无惧技术演变
- 核心特点：Web Components 是 W3C 标准，得到了所有现代浏览器的原生支持。它们不依赖任何外部框架运行时，作为一等公民嵌入到浏览器平台中。
- 产品价值：具备极致的长期稳定性和向前兼容性。您无需担心像第三方 UI 库那样因框架版本巨变而带来的升级与迁移成本。
理想的微前端基石
- 核心特点：在微前端架构中，不同子应用可能采用不同技术栈。我们的 Web Components 作为中立的“共享组件层”，是解决技术栈隔离、实现 UI 统一的完美方案。
- 产品价值：轻松构建风格一致、体验统一的大型应用，同时保持各子团队的技術自主权。

Web Components 标准提供的封装能力，确保了组件的独立性和可靠性。

真正的样式隔离（Shadow DOM）
- 核心特点：利用 Shadow DOM 技术，组件内部的样式被完全封装，不会与外部页面样式相互污染。同时，外部页面的 CSS 也不会意外覆盖组件内部样式。
- 产品价值：确保组件在任何环境中都能保持视觉一致性和行为可预测性，就像一个“黑盒”，大大降低了集成和维护的复杂度。
完整的逻辑与结构封装（Custom Elements）
- 核心特点：通过 Custom Elements 将组件的 HTML 结构、CSS 样式和 JavaScript 逻辑打包成一个独立的自定义 HTML 标签（如 <my-product-card>）。
- 产品价值：使用者只需通过标准的 HTML 属性（Attributes）和事件（Events）与组件交互，无需关心内部实现细节，简化了使用方式，提升了组件的可维护性。

像原生标签一样使用
- 核心特点：我们的组件使用起来和 <div>、<input> 等原生 HTML 标签一样简单。可以通过 HTML 属性传参，监听 DOM 事件，也可以使用任何框架的模板语法或指令进行绑定。
- 产品价值：极低的学习成本。开发者可以像使用普通 HTML 元素一样直觉地使用它们，无需记忆额外的 API。
无缝融入现有工具链
- 核心特点：Web Components 可以与所有现代前端工具链协同工作，包括打包工具（Webpack、Vite）、模块化方案（ES Modules）以及包管理器（npm）。
- 产品价值：您可以轻松地通过 npm 安装和管理我们的组件，并利用现有的构建流程进行集成和优化。

选择我们的产品，意味着您选择的不是另一个“Vue 组件库”，而是选择了 Web 标准的未来，以及由此带来的无与伦比的灵活性、稳定性和互操作性。