云筑智联 app-websdk

安装

$ npm i @ibuild-community/app-websdk --save

快速使用

import websdk from "@ibuild-community/app-websdk"

//比如获取当前的位置信息
websdk.getCurrentPosition()
    .then(value=>{
        console.log(value);
    })
    .catch(ex=>{
        console.error(ex);
    })

API

• close ()=>Promise 关闭当前页面
• title (title?:string)=>Promise<void|string> 设置或者获取页面的title
• getCurrentPosition ()=>Promise 获取当前的地理位置
• openImagePicker (option:ImagePickerOption={multiple:false,mediaType:"photo"})=>Promise<ImagePickerResult | Array<ImagePickerResult> | null> 选择设备上的文件,包括视频,照片等

Modal

• openScanModal (props?:QRScanModalProps)=>Promise | null> 二维码扫描
• openCameraModal (props?:CameraProps)=>Promise | null> 拍摄视频/照片
• openAreaModal (props?:TreeModalProps)=>Promise | null> 区域选择
• openCheckItemModal (props?:TreeModalProps)=>Promise | null> 分部分项选择
• openSafetyCheckAreaModal (props?:TreeModalProps)=>Promise | null> 安全检查部位选
• openQualityCheckAreaModal (props?:TreeModalProps)=>Promise | null> 质量检查部位选择
• openTaskCheckAreaModal (props?:TreeModalProps)=>Promise | null> 进度任务流水段选择
• openHiddenDangerModal (props?:TreeModalProps)=>Promise | null> 安全隐患选择
• openSubContractorModal (props?:TreeModalProps)=>Promise | null> 分包单位选择
• openMemberModal (props?:MemberModalProps)=>Promise | null> 项目人员选择
• openRectificationMemberModal (props?:MemberModalProps)=>Promise | null> 整改人选择
• openOrganizationModal (props?:OrganizationModalProps)=>Promise | null> 组织机构选择

types

ImagePickerOption

• mediaType "any" | "photo" | "video" 媒体类型
• multiple boolean 是否可以多选

ImagePickerResult

• path string
• width number
• height number
• mime string
• size number
• modificationDate string

TakePicType

Properties

• all
• photo
• video

QRScanModalProps

• visible boolean
• transition?: **$Values<typeof TransitionType> ** modal切换动画
• barCodeTypes? $Values<typeof QRBarCodeType> [] 识别的二维码类型。默认为空，表示支持所有类型
• maskColor? string 蒙层背景颜色
• cornerColor? string扫描区转角线条颜色
• borderColor? string边线颜色
• loadingColor? string loading 颜色
• rectHeight? number 扫描区高度*
• rectWidth? number 扫描区宽度
• borderWidth? number 扫描区border宽度
• cornerBorderWidth? number 扫描区转角线条宽度
• cornerBorderLength? number 扫描去转角线条长度
• isLoading? boolean 是否显示loading
• scanBarAnimateTime? number 扫描线动画时间
• scanBarColor? string 扫描线颜色
• scanBarMargin? number 扫描线margin
• isShowScanBar? boolean 是否显示扫描线
• topTipText? string 上部分提示文字
• bottomTipText? string 下部分提示文字

TreeModalProps

• visible boolean
• title? string
• multiple? boolean 是否支持多选
• selectedDataSouce *Array 已经选择数据
• lastSelectedPath? Array 已选择数据的全路径
• historyKey? string 提供一个字符串key用以保存历史选择数据以实现数据分离，如果不传的将使用默认key对历史选择数据进行保存
• type?: **$Values<typeof CascadeSelectorType> ** 只有当type==0时才支持多选
• maxLevel?:number 一页最多显示多少列，超过将按单列现实 type==1时，默认为1；type==0时，默认为10
• initLevel?:number 初始化显示列 type==1时，默认为0；type==0时，默认为2
• transition? $Values<typeof TransitionType> 默认为horizontal
• onShown? Function
• onHidden? Function 禁止在IOS 在onHidden中调用alert

CascadeSelectorType

• 0 只能选择到最后一层级
• 1 *可以选择任一层级

MemberModalProps

• visible boolean
• title? string
• multiple? boolean 是否支持多选
• selectedDataSouce *Array 已经选择数据
• lastSelectedPath? Array 已选择数据的全路径
• historyKey? string 提供一个字符串key用以保存历史选择数据以实现数据分离，如果不传的将使用默认key对历史选择数据进行保存
• onRequestClose function(selectedData?: Object[]|null):void 点击关闭、确定按钮或者选择完数据后触发。点击关闭或者确定按钮时selectedData为空
• transition? $Values<typeof TransitionType> 默认为horizontal
• onShown? Function
• onHidden? Function 禁止在IOS 在onHidden中调用alert

OrganizationModalProps

• visible boolean
• type?: **$Values<typeof CascadeSelectorType> ** 只有当type==0时才支持多选
• title? string
• lastSelectedPath? Array 已选择数据的全路径
• onChanged? ***function (path: Object[]) => void ** 每次选择数据改变触发
• transition? $Values<typeof TransitionType> 默认为horizontal
• onShown? Function
• onHidden? Function 禁止在IOS 在onHidden中调用alert