@weitutech/by-components 1.1.17 → 1.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weitutech/by-components",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "private": false,
   "main": "lib/by-components.umd.js",
   "scripts": {
@@ -9,7 +9,10 @@
     "build:js": "vue-cli-service build --target lib --name by-components src/index.js",
     "build:css": "sass src/style/index.scss lib/index.css --no-source-map --style=compressed",
     "lint:fix": "eslint --ext .js,.vue src --fix",
-    "format": "prettier --write \"src/**/*.{js,vue,json,scss}\""
+    "format": "prettier --write \"src/**/*.{js,vue,json,scss}\"",
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs",
+    "docs:deploy": "bash deploy.sh"
   },
   "dependencies": {
     "axios": "^1.7.7",
@@ -30,13 +33,27 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "@vue/eslint-config-prettier": "^10.2.0",
+    "@vuepress/plugin-back-to-top": "^1.9.10",
+    "@vuepress/plugin-medium-zoom": "^1.9.10",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.3.0",
     "prettier": "^3.5.3",
     "sass": "^1.79.4",
-    "sass-loader": "^16.0.2",
-    "vue-template-compiler": "^2.6.14"
+    "sass-loader": "^10.5.2",
+    "vue-server-renderer": "^2.7.16",
+    "vue-template-compiler": "^2.6.14",
+    "vuepress": "^1.9.10",
+    "webpack": "^4.47.0",
+    "webpack-cli": "^4.10.0"
+  },
+  "overrides": {
+    "@vue/cli-service": {
+      "webpack": "^5.99.9"
+    },
+    "vuepress": {
+      "webpack": "^4.47.0"
+    }
   }
 }

package/docs/extension.md

@@ -1,15 +0,0 @@
-### 如需要扩展
-
-  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

@@ -1,93 +0,0 @@
-### 类型(没有注册看 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

@@ -1,43 +0,0 @@
-### 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)