vue2-client 1.8.62 → 1.8.63

package/src/base-client/components/common/XTree/XTree.vue

@@ -0,0 +1,71 @@
+<script setup>
+const props = defineProps({
+  // 树数据
+  // example: [{ title: '标题', key: '1', children: []}]
+  treeData: {
+    type: Array,
+    required: true
+  }
+})
+
+const emit = defineEmits(['onSelect'])
+
+function onSelect (keys, e) {
+  emit('onSelect', keys, e)
+}
+</script>
+
+<template>
+  <div class="tree_main">
+    <a-directory-tree
+      :tree-data="props.treeData"
+      @select="onSelect"
+      :default-selected-keys="props.treeData.length > 0 ? props.treeData[0].key : null"
+      :default-expand-all="true"
+    ></a-directory-tree>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.tree_main {
+  :deep(.ant-tree li .ant-tree-node-content-wrapper){
+    color: #000000e0;
+  }
+  :deep(.ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle) {
+    color: #0000004d;
+    i {
+      font-size: 16px !important;
+      line-height: 40px;
+    }
+  }
+  :deep(.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before){
+    height: 40px;
+    border-radius: 6px;
+  }
+  :deep(.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before){
+    background: #e6f7ff;
+  }
+  :deep(.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before){
+    background: #e6f7ff;
+  }
+  :deep(.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher){
+    color: #0000004d;
+  }
+  :deep(.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected){
+    color: #000000e0;
+  }
+  :deep(.ant-tree li .ant-tree-node-content-wrapper){
+    line-height: 40px;
+    height: 40px;
+  }
+  :deep(.ant-tree li) {
+    padding-left: 4px;
+  }
+  :deep(.ant-tree ul) {
+    padding-left: 10px;
+  }
+  :deep(.ant-tree-icon__customize){
+    display: none;
+  }
+}
+</style>

package/src/base-client/components/common/XTree/index.js

@@ -0,0 +1,3 @@
+import XTree from './XTree'
+
+export default XTree

package/src/base-client/components/common/XTree/index.md

@@ -0,0 +1,36 @@
+# XTree
+
+更美观的树控件
+
+
+## 何时使用
+
+当需要一个美观的树控件时
+
+
+引用方式：
+
+```javascript
+import XTree from '@vue2-client/base-client/components/XTree/XTree'
+
+export default {
+    components: {
+      XTree
+    }
+}
+```
+
+
+
+## 代码演示
+
+```html
+<x-tree :tree-data="treeData" @onSelect="onSelect"></x-tree>
+```
+
+## API
+
+| 参数        | 说明      | 类型    | 默认值 |
+|-----------|---------|-------|-----|
+| treeData  | 数据集合    | Array | []  |
+| @onSelect | 树节点选择事件 | event | -   |

package/src/components/STable/index.js

@@ -161,7 +161,7 @@ export default {
             current: r.pageNo, // 返回结果中的当前分页数
             total: r.totalCount, // 返回结果中的总记录数
             showSizeChanger: this.showSizeChanger,
-            showTotal: (total, range) => range[0] === range[1] ? `第 ${range[0]} / 共 ${total} 条, 合计 ${r.totalPage} 页` : `第 ${range[0]} ~ ${range[1]} / 共 ${total} 条, 合计 ${r.totalPage} 页`,
+            showTotal: (total, range) => range[0] === range[1] ? `${range[0]} | 共 ${total} 项` : `${range[0]}-${range[1]} | 共 ${total} 项`,
             pageSize: (pagination && pagination.pageSize) || this.localPagination.pageSize
           }) || false
           // 为防止删除数据后导致页面当前页面数据长度为 0 ,自动翻页到上一页
@@ -258,9 +258,9 @@ export default {
 
       // 绘制 alert 组件
       return (
-        <a-alert showIcon={true} style="margin-bottom: 16px">
+        <a-alert showIcon={true} style="margin-bottom: 8px;font-size: 14px;">
           <template slot="message">
-            <span style="margin-right: 12px">已选择: <a style="font-weight: 600">{this.selectedRows.length}</a></span>
+            <span style="margin-right: 12px;">已选择: <a style="font-weight: 600">{this.selectedRows.length}</a></span>
             {needTotalItems}
             {clearItem}
           </template>

package/src/font-style/font.css

@@ -1,6 +1,4 @@
 @font-face {
-  font-family: 'PingFang';
-  src: url('./PingFang.ttf');
-  font-weight: normal;
-  font-style: normal;
+  font-family: 'PingFangSC-Regular-woff2';
+  src: url('./PingFangSC-Regular.woff2') format('woff2');
 }