sone-ui-component-3.2.4 2.1.27 → 2.1.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Notice.md +106 -0
- package/lib/sone-ui.common.js +9 -8
- package/lib/sone-ui.common.js.map +1 -1
- package/lib/sone-ui.umd.js +9 -8
- package/lib/sone-ui.umd.js.map +1 -1
- package/lib/sone-ui.umd.min.js +1 -1
- package/lib/sone-ui.umd.min.js.map +1 -1
- package/package.json +2 -2
- package/packages/select/src/main.vue +2 -1
- package/src/index.js +1 -1
package/Notice.md
ADDED
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
# sone-ui-component
|
|
2
|
+
|
|
3
|
+
## Sone UI 组件开发文档
|
|
4
|
+
|
|
5
|
+
## 基本介绍
|
|
6
|
+
|
|
7
|
+
### 开发说明
|
|
8
|
+
|
|
9
|
+
1. 安装依赖
|
|
10
|
+
|
|
11
|
+
``` bash
|
|
12
|
+
npm i
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### 脚手架
|
|
16
|
+
- [Vue-cli3.x](https://cli.vuejs.org/zh/)
|
|
17
|
+
|
|
18
|
+
### 主要框架和库
|
|
19
|
+
- 核心:[Vue2.x](https://cn.vuejs.org/v2/guide/)
|
|
20
|
+
- 打包:[webpack4.x](https://webpack.js.org/concepts/)
|
|
21
|
+
- UI库:[element-ui](https://element.eleme.cn/#/zh-CN/guide/design)
|
|
22
|
+
|
|
23
|
+
### 主要目录结构
|
|
24
|
+
|
|
25
|
+
``` bash
|
|
26
|
+
├─build 构建配置文件
|
|
27
|
+
├─docs 组件的文档项目
|
|
28
|
+
├─demo 组件的本地测试
|
|
29
|
+
├─lib 组件UMD打包的目录
|
|
30
|
+
├─packages 组件定义目录
|
|
31
|
+
├─public 公共目录
|
|
32
|
+
└─src 组件引用的目录
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## 运行指令说明
|
|
36
|
+
|
|
37
|
+
### 在定义好组件后,运行以下命令生成组件被使用的入口文件,用于组件注册和单独引入
|
|
38
|
+
|
|
39
|
+
``` bash
|
|
40
|
+
npm run build:file
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
### 组件打包成UMD
|
|
44
|
+
|
|
45
|
+
``` bash
|
|
46
|
+
npm run lib
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### 组件库在发布之前,最好运行,以保证最新的组件入口文件和UMD生成
|
|
50
|
+
|
|
51
|
+
``` bash
|
|
52
|
+
npm run publish:pre
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### 在定义好组件后维护组件文档,想要在组件的文档(markdown)中使用组件做示例时,使用以下命令,自动在vuepress 生成定义好的组件文件[慎用!!!]
|
|
56
|
+
|
|
57
|
+
``` bash
|
|
58
|
+
npm run build:docs
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
[慎用!!!]:此操作会覆盖原有的组件文件,可能会出现对象未定义(nodejs)
|
|
62
|
+
|
|
63
|
+
### 本地启动组件的文档项目
|
|
64
|
+
|
|
65
|
+
``` bash
|
|
66
|
+
npm run docs:dev
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### 组件的文档项目打包
|
|
70
|
+
|
|
71
|
+
``` bash
|
|
72
|
+
npm run docs:build
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
### 本地组件测试:在demo文件夹的App.vue,使用你想要查看效果的组件
|
|
76
|
+
|
|
77
|
+
``` bash
|
|
78
|
+
npm run dev:demo
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
## 主要流程
|
|
82
|
+
|
|
83
|
+
### 定义组件
|
|
84
|
+
|
|
85
|
+
1. 在`src`文件夹下,定义组件;
|
|
86
|
+
2. 在`components.json`文件中,维护好组件的地址;
|
|
87
|
+
3. 运行`npm run build:file`, 生成组件的入口文件;
|
|
88
|
+
|
|
89
|
+
### 测试组件效果
|
|
90
|
+
|
|
91
|
+
定义组件后,测试组件
|
|
92
|
+
|
|
93
|
+
1. 在`demo`文件夹下的`*.vue`,书写相关组件的测试代码;
|
|
94
|
+
2. 运行`npm run dev:demo`,查看效果;
|
|
95
|
+
|
|
96
|
+
### 组件文档维护
|
|
97
|
+
|
|
98
|
+
1. 当有新的组件定义,就需要运行`npm run build:docs`, 将组件复制到docs项目内部;
|
|
99
|
+
2. 在`docs`文件夹的`components`文件夹内,维护组件markdown文件;
|
|
100
|
+
3. 在`docs`文件夹的`.vuepress`的`config.js`内,定义组件的导航路径;
|
|
101
|
+
4. 运行`npm run docs:dev`,查看效果;
|
|
102
|
+
|
|
103
|
+
## 参考
|
|
104
|
+
|
|
105
|
+
[element](https://github.com/ElemeFE/element)
|
|
106
|
+
[vuepress](https://www.vuepress.cn/guide/directory-structure.html)
|
package/lib/sone-ui.common.js
CHANGED
|
@@ -34523,15 +34523,15 @@ normalTable_src_main.install = function(Vue) {
|
|
|
34523
34523
|
|
|
34524
34524
|
/* harmony default export */ var normalTable = (normalTable_src_main);
|
|
34525
34525
|
|
|
34526
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de981356-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/main.vue?vue&type=template&id=
|
|
34527
|
-
var
|
|
34526
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de981356-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/main.vue?vue&type=template&id=67f667d2&
|
|
34527
|
+
var mainvue_type_template_id_67f667d2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-select',{staticClass:"sone-select",attrs:{"value":_vm.model,"placeholder":_vm.placeholder,"clearable":_vm.clearable,"multiple":_vm.multiple,"disabled":_vm.disabled,"collapse-tags":"","filterable":"","popper-class":_vm.popperClass,"popper-append-to-body":_vm.popperAppendToBody,"filter-method":_vm.onFilterOption},on:{"visible-change":_vm.handleVisible,"change":_vm.onChange,"clear":_vm.onClear,"remove-tag":_vm.onRemoveTag,"blur":function (e) { return _vm.$emit('blur', e); },"focus":function (e) { return _vm.$emit('focus', e); }}},[(_vm.type === 'normal')?[_vm._t("default",function(){return _vm._l((_vm.internalOptions),function(item){return _c('el-option',{key:item[_vm.props.value],attrs:{"label":item[_vm.props.label],"disabled":item[_vm.props.disabled],"value":item[_vm.props.value]}})})})]:(_vm.type === 'tree')?[_c('el-tree',{ref:"treeRef",staticClass:"sone-select-tree",attrs:{"data":_vm.internalOptions,"props":_vm.props,"node-key":_vm.props.value,"default-expand-all":"","default-checked-keys":_vm.checkedNodes,"show-checkbox":_vm.multiple,"check-strictly":_vm.checkStrictly,"expand-on-click-node":false,"highlight-current":false,"filter-node-method":_vm.onFilterNode},on:{"check":_vm.onCheckNode},scopedSlots:_vm._u([{key:"default",fn:function(ref){
|
|
34528
34528
|
var node = ref.node;
|
|
34529
34529
|
var data = ref.data;
|
|
34530
34530
|
return _c('div',{staticClass:"custom-select-tree-node"},[_c('el-option',{key:data[_vm.props.value],attrs:{"label":_vm.formatLabelFunc(data, _vm.props.label),"value":data[_vm.props.value],"disabled":data[_vm.props.disabled]}})],1)}}])})]:_vm._e()],2)}
|
|
34531
|
-
var
|
|
34531
|
+
var mainvue_type_template_id_67f667d2_staticRenderFns = []
|
|
34532
34532
|
|
|
34533
34533
|
|
|
34534
|
-
// CONCATENATED MODULE: ./packages/select/src/main.vue?vue&type=template&id=
|
|
34534
|
+
// CONCATENATED MODULE: ./packages/select/src/main.vue?vue&type=template&id=67f667d2&
|
|
34535
34535
|
|
|
34536
34536
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/main.vue?vue&type=script&lang=js&
|
|
34537
34537
|
//
|
|
@@ -34724,7 +34724,8 @@ var mainvue_type_template_id_bd9422c6_staticRenderFns = []
|
|
|
34724
34724
|
}
|
|
34725
34725
|
},
|
|
34726
34726
|
onRemoveTag(val) {
|
|
34727
|
-
|
|
34727
|
+
let newVal = this.model.filter(d => d !== val);
|
|
34728
|
+
this.$emit("change", newVal);
|
|
34728
34729
|
this.$emit("remove-tag", val);
|
|
34729
34730
|
},
|
|
34730
34731
|
onFilterOption(words) {
|
|
@@ -34791,8 +34792,8 @@ var mainvue_type_template_id_bd9422c6_staticRenderFns = []
|
|
|
34791
34792
|
|
|
34792
34793
|
var select_src_main_component = normalizeComponent(
|
|
34793
34794
|
packages_select_src_mainvue_type_script_lang_js_,
|
|
34794
|
-
|
|
34795
|
-
|
|
34795
|
+
mainvue_type_template_id_67f667d2_render,
|
|
34796
|
+
mainvue_type_template_id_67f667d2_staticRenderFns,
|
|
34796
34797
|
false,
|
|
34797
34798
|
null,
|
|
34798
34799
|
null,
|
|
@@ -37956,7 +37957,7 @@ if (typeof window !== 'undefined' && window.Vue) {
|
|
|
37956
37957
|
}
|
|
37957
37958
|
|
|
37958
37959
|
/* harmony default export */ var src_0 = ({
|
|
37959
|
-
version: '2.1.
|
|
37960
|
+
version: '2.1.28',
|
|
37960
37961
|
locale: locale.use,
|
|
37961
37962
|
i18n: locale.i18n,
|
|
37962
37963
|
install,
|