@weitutech/by-components 1.1.5 → 1.1.6

package/docs/extension.md

@@ -0,0 +1,15 @@
+### 如需要扩展
+
+  1. 应从 vex-table 第三方组件库查看是否有相应的功能
+  
+  2. 如需要加入通用实用的表单元素、应该先考虑在组件form中加入、其次是以custom插槽的形式插入
+
+### 第三方插件
+
+  [element-ui](https://element.eleme.cn/#/zh-CN)
+
+  [vuedraggable](https://www.npmjs.com/package/vuedraggable)
+
+  [vxe-table](https://vxetable.cn/pluginDocs/table3/#/demo/list)
+
+  [moment](https://momentjs.cn/)

package/docs/form.md

@@ -0,0 +1,93 @@
+### 类型(没有注册看 Element 的组件使用方法)
+
+```
+  | 'input'
+  | 'inputNumber'
+  | 'select'
+  | 'treeSelect'
+  | 'datepicker'
+  | 'cascader'
+  | 'switch'
+  | 'checkbox'
+  | 'radio'
+  | 'upload'
+  | 'customDatePicker' // 自定义的时间选择器
+  | 'search' // 搜索按钮区域
+  | 'formButtons' // 表单按钮区域
+  | 'custom' // 自定义
+```
+
+#### Event
+
+| 事件          | 参数                |
+| ------------- | ------------------- |
+| change        | context: IFormItems |
+| queryBtnClick | 无                  |
+
+完整案列见 [表单 by-form](../README.md)
+
+#### 表单按钮区域（重置、搜索按钮）
+
+- formItem使用'formButtons'类型
+- @submit 触发搜索事件
+- @reset 触发重置事件 （内部已实现重置逻辑，如无需其他逻辑，可不实现）
+
+```
+// 示例：
+//formItems中使用示例：
+{
+  //重置、搜索 按钮
+  type: 'formButtons',
+  labelWidth: '10px',
+  otherOptions: {
+    submit: true, //  是否显示搜索按钮,默认显示
+    reset: false, //  是否显示重置按钮,默认显示
+    submitText: '搜索', //  搜索按钮文字
+    resetText: '重置' //  重置按钮文字
+    showSubmitIcon: true, //  是否显示搜索按钮图标,默认显示
+  }
+}
+
+//form使用示例：（by-form & by-page-search组件使用示例）
+<by-form
+  ref="BFormRef"
+  v-model="formData"
+  v-bind="formConfig"
+  @submit="handleSubmit"
+  @reset="handleReset"
+></by-form>
+
+<by-page-search
+  v-model="searchQuery"
+  :search-form-config="formConfig"
+  @change="handleFormChange"
+  @submit="handleSubmit"
+  @reset="handleReset"
+></by-page-search>
+```
+
+### 特殊说明
+
+#### 自定义时间选中器'customDatePicker'特别说明
+
+自定义时间选中器同时支持时间段方式绑定值 和 单独时间方式绑定值
+
+```
+// 时间段方式绑定值
+{
+  type: 'customDatePicker',
+  field: 'report_time',
+  label: '报表时间'
+}
+```
+
+```
+// 单独时间方式绑定值
+{
+  type: 'customDatePicker',
+  field: 'report_time',  // 仍然保留原来的字段，保证兼容性
+  startTimeField: 'start_time',  // 新增开始时间字段
+  endTimeField: 'end_time',  // 新增结束时间字段
+  label: '报表时间'
+}
+```

package/docs/table.md

@@ -0,0 +1,43 @@
+### table
+
+#### 列宽缓存
+
+    - 列宽缓存会根据 name 属性进行缓存; 所以如果业务中表格需要缓存列宽，请务必给table组件设置name属性（类型为String）
+
+    - name属性值不能重复，最好根据当前业务场景进行命名（如： name='adManage_headline2_account'）,能保证不重名即可
+
+    - 当新增列、删除列时，会实时更新列宽缓存
+
+    - 注意📢： 一个项目中的name属性千万不能重名、一个项目中的name属性千万不能重名、一个项目中的name属性千万不能重名
+
+#### 行高自适应
+
+    - 如果需要行高自适应，请设置属性：:auto-height="true"
+
+    - 如果某个单元格的内容超出单元格显示，会自动撑高单元格
+
+#### 自定义列
+
+    给table组件设置以下对象
+    customColumnConfig: { // 自定义列
+      showCustomColumn: true, // 是否显示自定义列
+      infoMethod: getCustomTableList,  // 回显用的接口
+      infoMethodParams: {}, // 回显用的接口参数
+      submitMethod: setCustomTableList, // 保存用的接口
+      submitMethodParams: {}, // 保存用的接口参数
+      slots: ["source_material_count"] // 需要使用插槽的字段集合
+    }
+    并通过事件Event @setColumn="handleSetColumn" 实现对列的设置
+    const handleSetColumn = (columns) => {
+      this.gridOptions.columns = [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 50, fixed: "left", title: "序号" },
+        ...columns,
+        { title: "操作", width: 80, fixed: "right", slots: { default: "operate" }}
+      ]
+    }
+
+#### Event
+
+见[第三方插件vxe-table](./extension.md)
+完整案列见 [表格 by-table](../README.md)

package/lib/by-components.common.js

@@ -60423,8 +60423,6 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// ./src/components/pager/index.vue?vue&type=template&id=43bb822c
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/pager/index.vue?vue&type=script&lang=js
 /* harmony default export */ var pagervue_type_script_lang_js = ({
   name: 'BYPager',
@@ -60656,8 +60654,6 @@ var tablevue_type_template_id_cb534b18_scoped_true_render = function render() {
 };
 var tablevue_type_template_id_cb534b18_scoped_true_staticRenderFns = [];
 
-;// ./src/components/table/index.vue?vue&type=template&id=cb534b18&scoped=true
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
@@ -60877,8 +60873,6 @@ var custom_columnvue_type_template_id_1ef83e59_render = function render() {
 };
 var custom_columnvue_type_template_id_1ef83e59_staticRenderFns = [];
 
-;// ./src/components/custom-column/index.vue?vue&type=template&id=1ef83e59
-
 // EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
 var vuedraggable_umd = __webpack_require__(9135);
 var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
@@ -61773,8 +61767,6 @@ var formvue_type_template_id_dfd366a4_render = function render() {
 };
 var formvue_type_template_id_dfd366a4_staticRenderFns = [];
 
-;// ./src/components/form/form.vue?vue&type=template&id=dfd366a4
-
 ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=3344cc16
 var pair_number_inputvue_type_template_id_3344cc16_render = function render() {
   var _vm = this,
@@ -61805,8 +61797,6 @@ var pair_number_inputvue_type_template_id_3344cc16_render = function render() {
 };
 var pair_number_inputvue_type_template_id_3344cc16_staticRenderFns = [];
 
-;// ./src/components/form/comps/pair-number-input.vue?vue&type=template&id=3344cc16
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=script&lang=js
 /* harmony default export */ var pair_number_inputvue_type_script_lang_js = ({
   props: {
@@ -61916,8 +61906,6 @@ var custom_date_pickervue_type_template_id_2b63f178_render = function render() {
 };
 var custom_date_pickervue_type_template_id_2b63f178_staticRenderFns = [];
 
-;// ./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=2b63f178
-
 // EXTERNAL MODULE: ./node_modules/moment/moment.js
 var moment = __webpack_require__(9412);
 var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
@@ -62325,8 +62313,6 @@ var page_searchvue_type_template_id_1e091bb7_render = function render() {
 };
 var page_searchvue_type_template_id_1e091bb7_staticRenderFns = [];
 
-;// ./src/components/page-search/page-search.vue?vue&type=template&id=1e091bb7
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/page-search/page-search.vue?vue&type=script&lang=js
 
 
@@ -62489,8 +62475,6 @@ var fold_searchvue_type_template_id_828bc332_render = function render() {
 };
 var fold_searchvue_type_template_id_828bc332_staticRenderFns = [];
 
-;// ./src/components/fold-search/index.vue?vue&type=template&id=828bc332
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/fold-search/index.vue?vue&type=script&lang=js
 /* harmony default export */ var fold_searchvue_type_script_lang_js = ({
   data() {
@@ -62572,8 +62556,6 @@ var selectvue_type_template_id_74ac8720_render = function render() {
 };
 var selectvue_type_template_id_74ac8720_staticRenderFns = [];
 
-;// ./src/components/form/comps/select.vue?vue&type=template&id=74ac8720
-
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
 var element_ui_common = __webpack_require__(4927);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/select.vue?vue&type=script&lang=js
@@ -62732,8 +62714,6 @@ var date_picker_rangevue_type_template_id_272893a1_render = function render() {
 };
 var date_picker_rangevue_type_template_id_272893a1_staticRenderFns = [];
 
-;// ./src/components/form/comps/date-picker-range.vue?vue&type=template&id=272893a1
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/date-picker-range.vue?vue&type=script&lang=js
 
 

package/lib/by-components.umd.js

@@ -60433,8 +60433,6 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// ./src/components/pager/index.vue?vue&type=template&id=43bb822c
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/pager/index.vue?vue&type=script&lang=js
 /* harmony default export */ var pagervue_type_script_lang_js = ({
   name: 'BYPager',
@@ -60666,8 +60664,6 @@ var tablevue_type_template_id_cb534b18_scoped_true_render = function render() {
 };
 var tablevue_type_template_id_cb534b18_scoped_true_staticRenderFns = [];
 
-;// ./src/components/table/index.vue?vue&type=template&id=cb534b18&scoped=true
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
@@ -60887,8 +60883,6 @@ var custom_columnvue_type_template_id_1ef83e59_render = function render() {
 };
 var custom_columnvue_type_template_id_1ef83e59_staticRenderFns = [];
 
-;// ./src/components/custom-column/index.vue?vue&type=template&id=1ef83e59
-
 // EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
 var vuedraggable_umd = __webpack_require__(3741);
 var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
@@ -61783,8 +61777,6 @@ var formvue_type_template_id_dfd366a4_render = function render() {
 };
 var formvue_type_template_id_dfd366a4_staticRenderFns = [];
 
-;// ./src/components/form/form.vue?vue&type=template&id=dfd366a4
-
 ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=3344cc16
 var pair_number_inputvue_type_template_id_3344cc16_render = function render() {
   var _vm = this,
@@ -61815,8 +61807,6 @@ var pair_number_inputvue_type_template_id_3344cc16_render = function render() {
 };
 var pair_number_inputvue_type_template_id_3344cc16_staticRenderFns = [];
 
-;// ./src/components/form/comps/pair-number-input.vue?vue&type=template&id=3344cc16
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=script&lang=js
 /* harmony default export */ var pair_number_inputvue_type_script_lang_js = ({
   props: {
@@ -61926,8 +61916,6 @@ var custom_date_pickervue_type_template_id_2b63f178_render = function render() {
 };
 var custom_date_pickervue_type_template_id_2b63f178_staticRenderFns = [];
 
-;// ./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=2b63f178
-
 // EXTERNAL MODULE: ./node_modules/moment/moment.js
 var moment = __webpack_require__(9618);
 var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
@@ -62335,8 +62323,6 @@ var page_searchvue_type_template_id_1e091bb7_render = function render() {
 };
 var page_searchvue_type_template_id_1e091bb7_staticRenderFns = [];
 
-;// ./src/components/page-search/page-search.vue?vue&type=template&id=1e091bb7
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/page-search/page-search.vue?vue&type=script&lang=js
 
 
@@ -62499,8 +62485,6 @@ var fold_searchvue_type_template_id_828bc332_render = function render() {
 };
 var fold_searchvue_type_template_id_828bc332_staticRenderFns = [];
 
-;// ./src/components/fold-search/index.vue?vue&type=template&id=828bc332
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/fold-search/index.vue?vue&type=script&lang=js
 /* harmony default export */ var fold_searchvue_type_script_lang_js = ({
   data() {
@@ -62582,8 +62566,6 @@ var selectvue_type_template_id_74ac8720_render = function render() {
 };
 var selectvue_type_template_id_74ac8720_staticRenderFns = [];
 
-;// ./src/components/form/comps/select.vue?vue&type=template&id=74ac8720
-
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
 var element_ui_common = __webpack_require__(3421);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/select.vue?vue&type=script&lang=js
@@ -62742,8 +62724,6 @@ var date_picker_rangevue_type_template_id_272893a1_render = function render() {
 };
 var date_picker_rangevue_type_template_id_272893a1_staticRenderFns = [];
 
-;// ./src/components/form/comps/date-picker-range.vue?vue&type=template&id=272893a1
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/date-picker-range.vue?vue&type=script&lang=js
 
 

package/package.json

@@ -1,12 +1,8 @@
 {
   "name": "@weitutech/by-components",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "private": false,
   "main": "lib/by-components.umd.js",
-  "sideEffects": [
-    "*.vue",
-    "*.scss"
-  ],
   "scripts": {
     "dev": "vue-cli-service serve",
     "build": "npm run build:js && npm run build:css",