前言
在现代前端开发中，为了提高效率和可维护性，我们常常会使用 npm 包来解决一些常见的问题。@eix-js/core 是一个提供了基础 JavaScript 框架和组件库的 npm 包，它支持代码复用和快速开发，并且用于处理一些常见的业务场景。
安装和使用
npm install @eix-js/core --save
在项目中引入 @eix-js/core：
import Core from '@eix-js/core';
现在，你就可以使用 @eix-js/core 中的所有组件和函数了。
组件介绍
日期选择器（DatePicker）
DatePicker 是一个简单的日期选择组件，它可以让用户轻松地选择日期，支持以下配置项：
value: 默认选中的日期，String 类型，默认值为当前日期maxDate: 最大可选择的日期，String 类型，默认为 无限远的未来minDate: 最小可选择的日期，String 类型，默认为 无限远的过去onChange: 日期选择变化时的回调函数，Function 类型，默认为空函数
示例代码
-- -------------------- ---- ------- ------ - ---------- - ---- --------------- -------- ---------------------- - --------------------- ------- ------ - ---------------- ----------- --------------------------- --- ------------------------------- --
空状态占位（EmptyState）
EmptyState 是一个用于展示空数据状态的组件，它可以用于占位空数据，支持以下配置项：
icon: 空状态图标，String 类型description: 空状态描述，String 类型button: 空状态按钮，Object 类型，包括文本和点击回调函数
示例代码
-- -------------------- ---- -------
------ - ---------- - ---- ---------------
----------------
-----------
------------
----------------------
--------- ----- ------- -------- ----------------------- --
---
-------------------------------
--模态框（Modal）
Modal 是一个包含标题和内容的弹出框，它可以用于展示一些重要信息，支持以下配置项：
title: 弹出框标题，String 类型content: 弹出框内容，可以是任何类型的组件或内容，ReactNode 类型visible: 弹出框可见状态，Boolean 类型，默认为falseonClose: 弹出框关闭时的回调函数，Function 类型，默认为空函数
示例代码
-- -------------------- ---- -------
------ - ----- - ---- ---------------
-------- ----------------- -
------------------------
-
-------- ------------------ -
-------------------------
-
----------------
--
------- ----------------------------------------
------ ------------- ------------------------ ---------------------------
------------------------------
----------- --------- -----------
--------
----
-------------------------------
--总结
@eix-js/core 是一个非常简单易用的前端基础组件库，它包含了多个常见的组件和工具函数，可以非常方便地用于快速开发和代码复用。本文介绍了其中的 DatePick、EmptyState 和 Modal 三个组件的使用方法和示例代码。如果你需要在项目中使用这些组件，可以参照本文进行相关配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067371890c4f72775840b0