hbte-saas-ui 0.0.2 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hbte-saas-ui",
-  "version": "0.0.2",
+  "version": "1.0.2",
   "main": "./lib/hbte-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -36,5 +36,11 @@
     "sass-loader": "^10.1.0",
     "vue-template-compiler": "^2.6.11",
     "vuepress": "^1.9.7"
-  }
+  },
+  "peerDependencies":{
+    "vue":">=2.6.11",
+    "element-ui": ">=2.15.6"
+  },
+  "license": "MIT",
+  "files": ["lib"]
 }

package/.browserslistrc

@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not dead

package/.editorconfig

@@ -1,7 +0,0 @@
-[*.{js,jsx,ts,tsx,vue}]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-trim_trailing_whitespace = true
-insert_final_newline = true
-max_line_length = 100

package/.env.development

@@ -1 +0,0 @@
-NODE_ENV=development

package/.env.lib

@@ -1 +0,0 @@
-NODE_ENV=production

package/.eslintrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  extends: ["plugin:vue/essential", "eslint:recommended"],
-  parserOptions: {
-    parser: "babel-eslint",
-  },
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
-  },
-};

package/.prettierrc

@@ -1,3 +0,0 @@
-{
-  "endOfLine": "auto"
-}

package/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
-};

package/docs/.vuepress/config.js

@@ -1,23 +0,0 @@
-module.exports = {
-  title: "hbte-ui",
-  themeConfig: {
-    sidebar: ["/", "/FullTable", "EditArea","AdvQuery","CustomQuery","QueryForm", "Table", "ToolGroup", "Pagination", "FilterDrop"],
-    nav: [
-      // {
-      //   text: "test",
-      //   link: "/Fulltable",
-      // },
-    ],
-  },
-  base: "/doc/",
-  markdown: {
-    lineNumbers: true,
-  },
-  configureWebpack: {
-    resolve: {
-      alias: {
-        "@": "/src",
-      },
-    },
-  },
-};

package/docs/.vuepress/styles/index.styl

@@ -1,4 +0,0 @@
-.theme-default-content:not(.custom) 
-  max-width 90% !important
-.page-nav
-  max-width 90% !important

package/docs/AdvQuery.md

@@ -1,26 +0,0 @@
-# AdvQuery 高级查询面板
-
-## Attributes
-
-| 参数              | 说明                                                           | 类型      | 可选值 | 默认值 |
-| ----------------- | -------------------------------------------------------------- | --------- | ------ | ------ |
-| _qryFormProps_    | 必填，表单的控件配置数组，成员 api 见 QueryForm.md 的 FormProp | _Array_   | -      | _[]_   |
-| _qryFormData_     | 必填，表单数据对象                                             | _Object_  | -      | _{}_   |
-| _showCusQuery_    | 是否展示自定义查询                                             | _Boolean_ | -      | _true_ |
-| _customQueryData_ | 自定义查询 CustomQuery 控件的传参，详情见 CustomQuery.md       | _Array_   | -      | _[]_   |
-
-## Slots
-
-| 插槽名称                   | 说明                                                                                  |
-| -------------------------- | ------------------------------------------------------------------------------------- |
-| _[qryFormProps[key].prop]_ | QueryForm 的插槽,qryFormProps.slot 为 true 时将插入名为 qryFormProps[key].prop 的插槽 |
-
-## Methods
-
-| 方法名称      | 说明             | 参数 |
-| ------------- | ---------------- | ---- |
-| _firstExtend_ | 首次展开高级查询 | -    |
-| _extendFrom_  | 手动展开高级查询 | -    |
-| _unextend_    | 手动收起高级查询 | -    |
-| _deleteCus_   | 删除自定义筛选   | -    |
-| _advQuery_    | 高级筛选查询     | -    |

package/docs/CustomQuery.md

@@ -1,21 +0,0 @@
-# CustomQuery 自定义高级查询
-
-## Attributes
-
-| 参数           | 说明                                                           | 类型     | 可选值 | 默认值 |
-| -------------- | -------------------------------------------------------------- | -------- | ------ | ------ |
-| _qryFormProps_ | 必填，表单的控件配置数组，成员 api 见 QueryForm.md 的 FormProp | _Array_  | -      | _[]_   |
-| _qryFormData_  | 必填，表单数据对象                                             | _Object_ | -      | _{}_   |
-
-## Slots
-
-| 插槽名称                   | 说明                                                                                  |
-| -------------------------- | ------------------------------------------------------------------------------------- |
-| _[qryFormProps[key].prop]_ | QueryForm 的插槽,qryFormProps.slot 为 true 时将插入名为 qryFormProps[key].prop 的插槽 |
-
-## Methods
-
-| 方法名称          | 说明           | 参数          |
-| ----------------- | -------------- | ------------- |
-| _customQuery_     | 自定义筛选查询 | -             |
-| _customQuerySave_ | 自定义筛选保存 | _type_,_data_ |

package/docs/EditArea.md

@@ -1,16 +0,0 @@
-# Editarea 编辑区域
-
-## Attributes
-
-| 参数          | 说明                                                                                                                                                                                                                                                       | 类型                    | 可选值                                                  | 默认值     |
-| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | ------------------------------------------------------- | ---------- |
-| _value_       | 必填,绑定的要编辑的值,要使控件能编辑传入的 value，请总是加上.sync 修饰符                                                                                                                                                                                   | _\*_                    | -                                                       | -          |
-| _type_        | 必填,编辑使用的控件类型，仅支持 hb-query-form 当前支持的部分类型                                                                                                                                                                                           | _String_                | input, select, date, daterange, switch, checkbox, radio | input      |
-| _keepEdit_    | 是否显示为常驻的编辑控件，一般用于必须编辑字段的情况，设置为 true 之后 input 之类的输入框将一直显示，传入的 insert、change 将会无效                                                                                                                        | _Boolean_               | -                                                       | false      |
-| _multiple_    | 是否多选，仅支持多选的控件能生效                                                                                                                                                                                                                           | _Boolean_               | -                                                       | false      |
-| _placeholder_ | 传给控件的 placeholder                                                                                                                                                                                                                                     | _String_                | -                                                       | 请编辑内容 |
-| _optList_     | 待选参数，一般用于需要提供下拉或其他参数的控件，具体情况请参考 hb-query-form 的 optList                                                                                                                                                                    | -                       | -                                                       | -          |
-| _emptyClear_  | 编辑时值为空时是否保存，传入 true 将会在清空时保存空值                                                                                                                                                                                                     | \_Boolean               | -                                                       | false      |
-| _insert_      | 控件代理填充函数，keepEdit 为 false 时可用，返回一个其他值替换 value 来填充到控件进行编辑，一般用于显示 label 但是填充 id 的情况                                                                                                                           | _Function(value)_       | -                                                       | null       |
-| _change_      | 控件代理保存函数，keepEdit 为 false 时可用，value 一般在失焦时通过.sync 进行自动修改,change 用于提交数据或者 value 处理等其他同步/异步操作。此时控件不再对 value 进行修改,需要用户在父组件手动修改 value.在所有操作完成后，必须调用 next 退出 loading 状态 | _Function(next,value)_  | -                                                       | null       |
-| _validate_    | 校验函数，用于校验编辑后的值是否符合标准，调用 next(er)表示校验结束，er 为 Error 对象时表示校验失败，er.message 作为错误提示                                                                                                                               | _Function(next, value)_ | -                                                       | null       |

package/docs/FilterDrop.md

@@ -1,29 +0,0 @@
-# FilterDrop 表格列过滤
-
-列过滤下拉菜单组件
-
-## Attributes
-
-| 参数             | 说明                     | 类型      | 可选值                                                 | 默认值       |
-| ---------------- | ------------------------ | --------- | ------------------------------------------------------ | ------------ |
-| _columns_        | 表格列过滤下拉菜单项配置 | _Array_   | -                                                      | _[ ]_        |
-| _placement_      | 菜单弹出位置             | _String_  | _top/top-start/top-end/bottom/bottom-start/bottom-end_ | _bottom-end_ |
-| _disabledFilter_ | 是否禁用组件             | _Boolean_ | -                                                      | _false_      |
-
-## Event
-
-| 事件名称        | 说明                           | 回调参数             |
-| --------------- | ------------------------------ | -------------------- |
-| _columnsChange_ | 表格列过滤弹窗中点击保存时触发 | 发生改变后的 colunms |
-
-## Methods
-
-| 方法名称 | 说明                   | 参数 |
-| -------- | ---------------------- | ---- |
-| _close_  | 手动关闭下拉菜单弹出层 | -    |
-
-## Slots
-
-| 插槽名称   | 说明         |
-| ---------- | ------------ |
-| _dropdown_ | 触发下拉菜单 |

package/docs/FullTable.md

@@ -1,68 +0,0 @@
-# Fulltable 多功能表格
-
-此组件为 pagination+fiterdrop+table 的组合组件，如果业务情况足够特殊，建议单独使用各个组件
-
-## Attributes
-
-| 参数             | 说明                                                                                             | 类型       | 可选值                                                 | 默认值                                 |
-| ---------------- | ------------------------------------------------------------------------------------------------ | ---------- | ------------------------------------------------------ | -------------------------------------- |
-| _tableData_      | 表格显示的数据,提供给 hb-table                                                                   | _Array_    | -                                                      | _[ ]_                                  |
-| _height_         | 容器高度                                                                                         | _String_   | -                                                      | _auto_                                 |
-| _serial_         | 是否显示序号列                                                                                   | _Boolean_  | -                                                      | _true_                                 |
-| _select_         | 是否显示勾选列                                                                                   | _Boolean_  | -                                                      | _false_                                |
-| _reserveSelect_  | 同 elementUI 的 reserve-selection                                                                | _Boolean_  | -                                                      | _false_                                |
-| _selectable_     | 仅 select 为 true 有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 | _Function_ | -                                                      | -                                      |
-| _paging_         | 是否启用分页,启用将显示 hb-pagination                                                            | _Boolean_  | -                                                      | _true_                                 |
-| _pageData_       | hb-pagination 配置                                                                               | _Object_   | -                                                      | _{ pageSize: 50,pageNum: 1,total: 0 }_ |
-| _pageSizes_      | hb-pagination 配置                                                                               | _Array_    | -                                                      | _[20, 50, 100]_                        |
-| _showFilter_     | hb-pagination 配置                                                                               | _Boolean_  | -                                                      | _true_                                 |
-| _placement_      | hb-pagination 配置                                                                               | _String_   | _top/top-start/top-end/bottom/bottom-start/bottom-end_ | _bottom-end_                           |
-| _disabledFilter_ | hb-pagination 配置                                                                               | _Boolean_  | -                                                      | _false_                                |
-| _columns_        | 表格列配置,提供给 hb-table 和 hb-pagination                                                      | _Array_    | -                                                      | _[ ]_                                  |
-
-## Columns Attributes
-
-组件的 Columns 相当于 el-table 的 columns 属性、edit-area 属性与 hb-pagination 的 columns 属性合并的转发
-
-| 参数            | 说明                                                                                                  | 类型                                      | 可选值                  | 默认值 |
-| --------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------- | ----------------------- | ------ |
-| _prop_          | 列字段名，显示哪一个字段内容                                                                          | _String_                                  | -                       | -      |
-| _label_         | 对应列标题                                                                                            | _String_                                  | -                       | -      |
-| _width_         | 对应列的固定宽度                                                                                      | _String_                                  | -                       | -      |
-| _minWidth_      | 对应列的最小宽度，设置此属性后 width 会失效。设置了 minWidth 的列会按比例分配表格剩余宽度             | _String_                                  | -                       | -      |
-| _slot_          | 是否启用插槽列，设置为 true，列属性会失效如 minWidth，label, formatter 等,，需要在 column 组件上传入  | _Boolean_                                 | -                       | -      |
-| _fixed_         | 列是否固定在左侧或者右侧，true 表示固定在左侧                                                         | _String,Boolean_                          | _true / left / right_   | -      |
-| _edit_          | 可编辑列标识，传入对象将启用单元格编辑功能，对象为要传入 edit-area 组件的属性作为转发                 | _Object_                                  | -                       | -      |
-| _editCondition_ | 拒绝编辑函数，当这一列某些单元格不需要展示编辑控件时，传入函数返回 false 即可对这些单元格关闭编辑功能 | _Function(colIndex,rowIndex,col,row)_     | -                       | -      |
-| _align_         | 对齐方式                                                                                              | _String_                                  | _left / center / right_ | _left_ |
-| _formatter_     | 用来格式化内容                                                                                        | _Function(row, column, cellValue, index)_ | -                       | -      |
-| _currentSelect_ | 是否显示对应列，状态会映射在列过滤的下拉列表中                                                        | _Boolean_                                 | -                       | -      |
-
-## Event
-
-| 事件名称         | 说明                           | 回调参数             |
-| ---------------- | ------------------------------ | -------------------- |
-| _pageSizeChange_ | 切换每页显示条数时触发         | 每页条数             |
-| _pageNumChange_  | 当前页变化时触发               | 当前页               |
-| _columnsChange_  | 表格列过滤弹窗中点击保存时触发 | 发生改变后的 colunms |
-
-## Methods
-
-| 方法名称       | 说明                                | 参数 |
-| -------------- | ----------------------------------- | ---- |
-| _elTable_      | 获取最内层的 el-table 的 vnode 节点 | -    |
-| _openLoading_  | 打开表格 loading 状态               | -    |
-| _closeLoading_ | 关闭表格 loading 状态               | -    |
-
-## Slots
-
-| 插槽名称     | 说明                                        |
-| ------------ | ------------------------------------------- |
-| _[PropName]_ | el-table 对应 prop 的列插槽 el-table-column |
-
-## Column Slots
-
-| 插槽名称 | 说明                                           |
-| -------- | ---------------------------------------------- |
-| _-_      | 自定义列的内容，参数为 { row, column, $index } |
-| _header_ | 自定义表头的内容. 参数为 { column, $index }    |

package/docs/Pagination.md

@@ -1,22 +0,0 @@
-# Pagination 表格分页
-
-表格分页工具，内嵌了列过滤下拉菜单组件
-
-## Attributes
-
-| 参数             | 说明                            | 类型      | 可选值                                                 | 默认值                                 |
-| ---------------- | ------------------------------- | --------- | ------------------------------------------------------ | -------------------------------------- |
-| _pageData_       | 分页数据配置                    | _Object_  | -                                                      | _{ pageSize: 50,pageNum: 1,total: 0 }_ |
-| _pageSizes_      | 每页显示条目个数                | _Array_   | -                                                      | _[20, 50, 100]_                        |
-| _showFilter_     | 是否显示 hb-filterdrop          | _Boolean_ | -                                                      | _true_                                 |
-| _columns_        | 表格列配置,提供给 hb-filterdrop | _Array_   | -                                                      | _[ ]_                                  |
-| _placement_      | hb-filterdrop 配置              | _String_  | _top/top-start/top-end/bottom/bottom-start/bottom-end_ | _bottom-end_                           |
-| _disabledFilter_ | hb-filterdrop 配置              | _Boolean_ | -                                                      | _false_                                |
-
-## Event
-
-| 事件名称         | 说明                           | 回调参数             |
-| ---------------- | ------------------------------ | -------------------- |
-| _pageSizeChange_ | 切换每页显示条数时触发         | 每页条数             |
-| _pageNumChange_  | 当前页变化时触发               | 当前页               |
-| _columnsChange_  | 表格列过滤弹窗中点击保存时触发 | 发生改变后的 colunms |

package/docs/QueryForm.md

@@ -1,27 +0,0 @@
-# QueryForm 控件生成器
-
-## Attributes
-
-| 参数          | 说明                                              | 类型     | 可选值                  | 默认值  |
-| ------------- | ------------------------------------------------- | -------- | ----------------------- | ------- |
-| _formProp_    | 控件配置数组,针对表单字段的控件配置，见##FormProp | _Object_ | -                       | _{}_    |
-| _qryFormData_ | 表单绑定对象,控件只会处理 FormProp.prop 字段      | _Object_ | -                       | _{}_    |
-| _size_        | 该控件的 size，同 elementUI 的 size               | _String_ | _medium / small / mini_ | _small_ |
-
-## Slots
-
-| 插槽名称          | 说明                                                      |
-| ----------------- | --------------------------------------------------------- |
-| _[FormProp.prop]_ | 如果 formProp.slot 为 true，将会插入 formProp.prop 的插槽 |
-
-## FormProp
-
-| 参数          | 说明                                                              | 类型                                                                        | 可选值 | 默认值 |
-| ------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------- | ------ | ------ |
-| _type_        | 必填，控件类型，用于生成 elementUI 中的指定控件或自定义控件       | _input / select / date / daterange / switch / radio / checkbox / selectAll_ | -      | -      |
-| _label_       | 必填，字段描述文本                                                | _String_                                                                    | -      | -      |
-| _prop_        | 必填，绑定 model 到 qryFormData 的那个属性                        | _String_                                                                    | -      | -      |
-| _placeholder_ | 控件的 placeholder                                                | _String_                                                                    | -      | -      |
-| _multiple_    | 部分控件的 multiple 属性                                          | _Boolean_                                                                   | -      | -      |
-| _slot_        | 控件是否使用自定义插槽的内容，如果为 true，将不生成控件而使用插槽 | _Boolean_                                                                   | -      | -      |
-| _optList_     | 部分控件所依赖的数据来源，如 select 的下拉列表数组                | _\*_                                                                        | -      | -      |

package/docs/README.md

@@ -1,17 +0,0 @@
-# README
-
-## md 文件管理说明
-
-首先在 docs 文件夹下面创建与组件同名的 .md 文件
-
-然后再 docs/.vurpress/config.js 文件的 **_sidebar_** 中配置路径，名称要与.md 文件名相同
-
-使用 npm run doc 运行服务
-
-## 表格格式模板
-
-| 表头         | 表头           | 表头       |
-| ------------ | -------------- | ---------- |
-| _斜体单元格_ | **加粗单元格** | 普通单元格 |
-| _斜体单元格_ | **加粗单元格** | 普通单元格 |
-| _斜体单元格_ | **加粗单元格** | 普通单元格 |

package/docs/Table.md

@@ -1,58 +0,0 @@
-# Table 基础表格
-
-## Attributes
-
-| 参数            | 说明                                                                                             | 类型            | 可选值 | 默认值  |
-| --------------- | ------------------------------------------------------------------------------------------------ | --------------- | ------ | ------- |
-| _tableData_     | 表格显示的数据                                                                                   | _Array_         | -      | _[ ]_   |
-| _height_        | el-table 的 height 属性                                                                          | _String/Number_ | -      | _100%_  |
-| _serial_        | 是否显示序号列                                                                                   | _Boolean_       | -      | _true_  |
-| _select_        | 是否显示勾选列                                                                                   | _Boolean_       | -      | _false_ |
-| _reserveSelect_ | 同 elementUI 的 reserve-selection                                                                | _Boolean_       | -      | _false_ |
-| _selectable_    | 仅 select 为 true 有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 | _Function_      | -      | -       |
-| _columns_       | 列配置，见(Column Attributes)                                                                    | _Array_         | -      | _[]_    |
-
-## Columns Attributes
-
-组件的 Columns 相当于 el-table 的 columns 属性与 edit-area 属性合并的转发
-
-| 参数            | 说明                                                                                                  | 类型                                      | 可选值                  | 默认值 |
-| --------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------- | ----------------------- | ------ |
-| _prop_          | 列字段名，显示哪一个字段内容                                                                          | _String_                                  | -                       | -      |
-| _label_         | 对应列标题                                                                                            | _String_                                  | -                       | -      |
-| _width_         | 对应列的固定宽度                                                                                      | _String_                                  | -                       | -      |
-| _minWidth_      | 对应列的最小宽度，设置此属性后 width 会失效。设置了 minWidth 的列会按比例分配表格剩余宽度             | _String_                                  | -                       | -      |
-| _slot_          | 是否启用插槽列，设置为 true，列属性会失效如 minWidth，label, formatter 等,，需要在 column 组件上传入  | _Boolean_                                 | -                       | -      |
-| _fixed_         | 列是否固定在左侧或者右侧，true 表示固定在左侧                                                         | _String,Boolean_                          | _true / left / right_   | -      |
-| _always_        | 提供给 filter-drop 使用，true 表示此列一直显示，不受 filter 影响                                      | _Boolean_                                 | _true / false_          | -      |
-| _edit_          | 可编辑列标识，传入对象将启用单元格编辑功能，对象为要传入 edit-area 组件的属性作为转发                 | _Object_                                  | -                       | -      |
-| _editCondition_ | 拒绝编辑函数，当这一列某些单元格不需要展示编辑控件时，传入函数返回 false 即可对这些单元格关闭编辑功能 | _Function(colIndex,rowIndex,col,row)_     | -                       | -      |
-| _align_         | 对齐方式                                                                                              | _String_                                  | _left / center / right_ | _left_ |
-| _formatter_     | 用来格式化内容                                                                                        | _Function(row, column, cellValue, index)_ | -                       | -      |
-
-## Methods
-
-| 方法名称       | 说明                                | 参数     |
-| -------------- | ----------------------------------- | -------- |
-| _elTable_      | 获取最内层的 el-table 的 vnode 节点 | -        |
-| _openLoading_  | 打开表格 loading 状态               | 每页条数 |
-| _closeLoading_ | 关闭表格 loading 状态               | 当前页   |
-
-## Slots
-
-| 插槽名称     | 说明                                        |
-| ------------ | ------------------------------------------- |
-| _[PropName]_ | el-table 对应 prop 的列插槽 el-table-column |
-
-## Column Slots
-
-| 插槽名称 | 说明                                           |
-| -------- | ---------------------------------------------- |
-| _-_      | 自定义列的内容，参数为 { row, column, $index } |
-| _header_ | 自定义表头的内容. 参数为 { column, $index }    |
-
-## Events
-
-| 事件名称     | 说明         | 回调参数        |
-| ------------ | ------------ | --------------- |
-| _selectData_ | 选择列时触发 | Array(已选内容) |

package/docs/ToolGroup.md

@@ -1,32 +0,0 @@
-# Toolgroup 工具组
-
-显示预设好的一些工具图标以及搜索栏，一般用于内容顶部实现工具性交互
-
-## Attributes
-
-| 参数    | 说明                                                          | 类型      | 可选值       | 默认值 |
-| ------- | ------------------------------------------------------------- | --------- | ------------ | ------ |
-| _icons_ | 要显示的工具按钮 name 数组                                    | _Array_   | [add,upload] | []     |
-| _useKw_ | 是否显示工具栏                                                | _Boolean_ | -            | true   |
-| _tools_ | 额外工具按钮数组,内容见(Btn Attributes)，传入后当前组件可使用 | _Array_   | -            | []     |
-
-## Events
-
-| 事件名称 | 说明                 | 回调参数                 |
-| -------- | -------------------- | ------------------------ |
-| _event_  | 点击工具栏按钮时触发 | (event:icons 对应的成员) |
-| _search_ | 搜索时触发           | (kw: 关键字)             |
-
-## Btn
-
-| 参数    | 说明                | 类型     | 可选值 | 默认值 |
-| ------- | ------------------- | -------- | ------ | ------ |
-| _event_ | 该按钮代表的事件名  | _String_ | -      | -      |
-| _text_  | 该按钮的文本内容    | _String_ | -      | -      |
-| _icon_  | 该按钮要显示的 icon | _String_ | -      | -      |
-
-## Slots
-
-| 插槽名称 | 说明                         |
-| -------- | ---------------------------- |
-| _-_      | 插入到按钮和输入框中间的内容 |

package/examples/App.vue

@@ -1,97 +0,0 @@
-<template>
-  <div id="app">
-    <!-- 测试组件路由 -->
-    <div class="menu" :style="`bottom:${show ? '30%' : '10%'}`">
-      <router-link v-show="!!show" v-for="item in demo" :key="item" :to="item">
-        {{ item }}</router-link
-      >
-      <a href="javascript:;" @click="show = !show">显隐菜单</a>
-    </div>
-    <router-view />
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      show: true,
-      demo: [
-        "HBFullTable",
-        "HBAdvQuery",
-        "HBPagination",
-        "HBFilterDrop",
-        "HBDialog",
-        "ElementCpTest",
-        "HBFragment",
-        "HbNavmenu",
-        "HBTopBar",
-        "HBEditarea",
-        "HBToolgroup",
-        "HBOrganizeDialog",
-        "HBAuthority",
-        "HBFloatFooter",
-        "HBSelectVague",
-        "HBImageViewer",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="scss">
-#app {
-  background: #aecabd;
-  height: 100vh;
-}
-.menu {
-  position: fixed;
-  right: 10px;
-  bottom: 50%;
-  z-index: 999;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  max-height: calc(50vh);
-  height: auto;
-  width: 240px;
-  a {
-    display: block;
-    flex: 1;
-    margin: 0 0 4px 0;
-    border: 1px solid #eee;
-    border-radius: 6px;
-    padding: 2px 6px;
-    font-size: 12px;
-    line-height: 20px;
-    text-align: center;
-    background: #f5f5f5;
-    &:active {
-      background: #e6e6e6;
-    }
-  }
-}
-.testUrl {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 30px;
-}
-
-.testUrl a {
-  margin-right: 20px;
-  border: 1px solid #ccc;
-  padding: 5px;
-}
-
-#nav {
-  padding: 30px;
-}
-
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
-
-#nav a.router-link-exact-active {
-  color: #42b983;
-}
-</style>

package/examples/main.js

@@ -1,39 +0,0 @@
-import Vue from "vue";
-import App from "./App.vue";
-import router from "./router";
-import elementUi from "element-ui";
-Vue.use(elementUi);
-import "element-ui/lib/theme-chalk/index.css";
-import "../packages/theme-chalk/index.scss";
-import hbteui from "../packages/index";
-Vue.use(hbteui);
-
-// import "../packages/theme-chalk/common/global.scss";
-
-import lodash from "lodash";
-import axios from "axios";
-Vue.$http = axios.create({
-  baseURL: "/",
-});
-
-hbteui.config({
-  HbToolgroup: [
-    {
-      event: "delete",
-      text: "删除",
-      icon: "el-icon-delete",
-    },
-    {
-      event: "edit",
-      text: "编辑",
-      icon: "el-icon-edit",
-    },
-  ],
-});
-Vue.config.productionTip = false;
-Vue.prototype.$lodash = lodash;
-
-new Vue({
-  router,
-  render: (h) => h(App),
-}).$mount("#app");