Safe-component-qk NPM

共享组件、静态资源、工具类、api及mixins：

组件

在/components 下，引用方式如

import Pagination from 'safe-component/components/Pagination'

可用ElementUI下组件，在引入后会被wabpack转码。

静态资源

在/assets 下，设想是存放需编译的静态资源，如.less，静态图片(会被base64转码）等。

.less

位于./less 下，是预编译文件， .css建议放置在静态路径统一引用。引用方式：

@import '~safe-component/assets/less/common.less';

图片

图片位于./img下，引入如下：

<img :src="require('safe-component/assets/img/areas.png')"/>

工具类、api及mixins

这三者需要用rollup + babel打包，不然在IE下引用会报错。源码放置在/src下，打包后放置在/lib下。

提供/src/main.js 作为统一入口，打包后为/lib/index.js，上面三者可以用如下方式统一引用：

import { post, loadOrgTreeWithUser } from 'safe-component'

打包：运行npm i， npm run build 可以构建 /lib/index.js ，或运行 npm run build_all 构建所有js文件

工具类

在/src/utils下面，由/src/utils/index 负责模块输出，打包输出为/lib/utils.js有独立逻辑可以另写文件后在index中输出，可用npm run build_utils 来独立构建，应用方式如：

import { post } from 'safe-component/lib/utils'

也可以在‘safe-component’中统一引用

api

提供访问数据接口，如获取组织树，入参为必要参数，返回Promise，源码在/src/api下，打包输出为/lib/api.js

可用npm run build_api 来打包，应用方式如：

import { loadOrgTreeWithUser } from 'safe-component/lib/api'

// in actions
loadOrgTreeWithUser (store, data) {
  return loadOrgTreeWithUser(store.state.orgId)
},

mixins

提供mixins，源码在/src/mixins下，打包输出为/lib/mixins.js

每个mixin 为独立一个文件，放置在/src/mixins下，有。./index统一输出。

可用npm run build_mixins 来打包，应用方式如：

import { setProgress } from 'safe-component/lib/mixins'

mixins: [ setProgress ],

wiki文档（包含组件、公共方法说明）

https://km.glodon.com/pages/viewpage.action?pageId=38641382

@infinitebrahmanuniverse/nolb-saf @everything-registry/sub-chunk-2700

3 years ago

4 years ago

4 years ago

4 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago