1.0.0 • Published 3 years ago
fastamis v1.0.0
fastlion-amis
使用之前
- pakeage.json
- 开始之前需在项目主目录下的 pakeage.json 文件中如下位置添加内容
"dependencies": {
// ...
"fastlion-amis":"^1.0.4"
},- 或者也可以在 init.sh 文件添加指令并保存至 pakeage.json 文件中，见如下步骤
- 自定义包的问题
- 由于自定义npm包在引用下可能出现amis导入部分模块出错的问题，因此将自定义npm包对amis内的部分模块进行替换(不影响正常使用，版本升级需重新初始化)，主要对以下三个文件夹进行替换
+ (fastlion-amis)lib
- (amis)lib
+ (fastlion-amis)src
- (amis)src
+ (fastlion-amis)sdk
- (amis)sdk- 在初次使用项目之前，需要运行以下 sh 文件，达到安装依赖包与替换原文件的目的。请在项目根目录下新建 init.sh 文件，并将以下shell命令复制并保存到 init.sh 中
#!/bin/bash
cnpm install
wait
sleep 2
cd node_modules/
cp -rf fastlion-amis/src/ amis/
cp -rf fastlion-amis/lib amis/
cp -rf fastlion-amis/sdk amis/- 未在 pakeage.json 中添加 "fastlion-amis":"^1.0.4" 时，使用下面的shell命令
#!/bin/bash
cnpm install fastlion-amis --save-dev
wait
cnpm install
wait
sleep 2
cd node_modules/
cp -rf fastlion-amis/src/ amis/
cp -rf fastlion-amis/lib amis/
cp -rf fastlion-amis/sdk amis/- 命令行窗口打开项目根目录，运行以下指令(init.sh文件已新建并复制命令)
sh init.sh- 启动项目
- 以上shell命令运行完成后，命令行窗口在项目根目录下运行以下命令启动项目
npm run dev自定义组件
- lion-table-img
- 表格图片展示组件
# 示例
{
"$schema": "https://houtai.baidu.com/v2/schemas/table.json#",
"type": "table",
"data": {
"items": [
{
"id": "9264",
"lion-table-img": {
"value": "afe39284f2be774ca3268c1a2612e7bb,2e56d5ada31032f10f776cfee71c8aab",
"info": [{
"api": "http://bw.fastlion.cn:7778/lion/app_fastlion_retail",
"addr": "/api/v1/download/img/afe39284f2be774ca3268c1a2612e7bb?fileName=%E7%94%B5%E8%84%91%E9%87%87%E8%B4%AD%E8%A1%A5%E8%B4%B4%E5%88%B6%E5%BA%A61.jpeg&namefield=USER_PHOTOS&md5Field=39960ADE98E98F912C49BF357CFBFB74",
"name": "电脑采购补贴制度1.jpeg",
"size": 193279
}, {
"api": "http://bw.fastlion.cn:7778/lion/app_fastlion_retail",
"addr": "/api/v1/download/img/2e56d5ada31032f10f776cfee71c8aab?fileName=H8W%28C5RO%40263X3X%28NW1%5D0HQ.jpg&namefield=USER_PHOTOS&md5Field=13FC0E288A72FEB4BD4D8023E852A137",
"name": "H8W(C5RO@263X3X(NW1]0HQ.jpg",
"size": 132670
}]
}
},
]
},
"affixHeader": false,
"syncLocation": false,
"columns": [
{
"name": "id",
"label": "ID",
"type": "text"
},
{
"type": "lion-table-img",
"label": "附件图片",
"name": "lion-table-img",
}
]
}- lion-table-file
- 表格文件展示组件(暂只有展示功能)
# 示例
{
"$schema": "https://houtai.baidu.com/v2/schemas/table.json#",
"type": "table",
"data": {
"items": [
{
"id": "9264",
"lion-table-file": {
"value": "afe39284f2be774ca3268c1a2612e7bb,2e56d5ada31032f10f776cfee71c8aab",
"info": [{
"api": "http://bw.fastlion.cn:7778/lion/app_fastlion_retail",
"addr": "/api/v1/download/img/afe39284f2be774ca3268c1a2612e7bb?fileName=%E7%94%B5%E8%84%91%E9%87%87%E8%B4%AD%E8%A1%A5%E8%B4%B4%E5%88%B6%E5%BA%A61.jpeg&namefield=USER_PHOTOS&md5Field=39960ADE98E98F912C49BF357CFBFB74",
"name": "电脑采购补贴制度1.jpeg",
"size": 193279
}, {
"api": "http://bw.fastlion.cn:7778/lion/app_fastlion_retail",
"addr": "/api/v1/download/img/2e56d5ada31032f10f776cfee71c8aab?fileName=H8W%28C5RO%40263X3X%28NW1%5D0HQ.jpg&namefield=USER_PHOTOS&md5Field=13FC0E288A72FEB4BD4D8023E852A137",
"name": "H8W(C5RO@263X3X(NW1]0HQ.jpg",
"size": 132670
}]
}
},
]
},
"affixHeader": false,
"syncLocation": false,
"columns": [
{
"name": "id",
"label": "ID",
"type": "text"
},
{
"type": "lion-table-file",
"label": "附件图片",
"name": "lion-table-file",
}
]
}- lion-form-file
- 表单文件上传组件，需传入action
# 示例
{
"type": "form",
"actions": [{
"type": "submit",
"label": "提交",
"level": "primary"
}],
"api": "http://localhost:3000",
"body": [
{
"type": "input-text",
"label": "文本框",
"name": "text"
},
{
"type": "input-password",
"label": "<a href='./password'>密码</a>",
"name": "password"
}, {
"type": "lion-form-file",
"name": "LionFormFile",
"action": "https://www.mocky.io/v2/5cc8019d300000980a055e76"
}
]
},- lion-form-img
- 表单图片上传组件，需传入action
# 示例
{
"type": "form",
"actions": [{
"type": "submit",
"label": "提交",
"level": "primary"
}],
"api": "http://localhost:3000",
"body": [
{
"type": "input-text",
"label": "文本框",
"name": "text"
},
{
"type": "input-password",
"label": "<a href='./password'>密码</a>",
"name": "password"
}
, {
"type": "lion-form-img",
"name": "LionFormImg",
"action": "https://www.mocky.io/v2/5cc8019d300000980a055e76"
}
]
},1.0.0
3 years ago