Coder Social home page Coder Social logo

tencentblueking / bkui-vue2 Goto Github PK

View Code? Open in Web Editor NEW
46.0 14.0 38.0 16.22 MB

根据蓝鲸前端规范、设计规范并结合我们业务开发过程中的积累沉淀，提供一套基础组件，供开发人员使用

License: Other

JavaScript 41.40% Vue 43.36% CSS 14.36% HTML 0.88%

bkui-vue2's Issues

表单验证

  • 对部分表单字段进行验证，目前只能一次验证整个表单
  • 在script里面指定某个表单字段的错误信息，目前表单项的错误信息只能通过验证操作才能展示

bug: Cascade 级联选框 搜索选中第三层目录时，handleChange里的selectList值为空 

<template>
  <bk-cascade
    v-model="value"
    :list="list"
    clearable
    filterable
    style="width: 250px;"
    @change="handleChange">
  </bk-cascade>
</template>
  <script>

  export default {
    data(s) {
      return {
        value: [],
        list: [
          {
            id: 'hunan',
            name: '湖南',
            children: [
              {
                id: 'changsha',
                name: '长沙',
              },
              {
                id: 'yueyang',
                name: '岳阳',
              },
            ],
          }, {
            id: 'guangxi',
            name: '广西',
          }, {
            id: 'yunnan',
            name: '云南',
            children: [
              {
                id: 'kunming',
                name: '昆明',
                children: [
                  {
                    id: 'wuhuaqu',
                    name: '五华区',
                  },
                  {
                    id: 'guanduqu',
                    name: '官渡区',
                  },
                  {
                    id: 'xishanqu',
                    name: '西山区',
                  },
                ],
              },
              {
                id: 0,
                name: '大理',
              },
              {
                id: '',
                name: '玉溪',
              },
            ],
          },
        ],
      }
    },
    methods: {
      handleChange(newValue, oldValue, selectList) {
        console.log(newValue, oldValue, selectList)
      },
    },
  }
  </script>

bug: Cascade级联选择器使用bug

【问题描述】
【bug】级联选择器，在 :filter="true" 条件下，对级联选择器赋予初值之后，下拉选项会自动展开，且初值无法展示，但点击级联选择器的输入框后初值会重新展示出来

test

test

是BUG反馈还是需求提交(Is this a BUG REPORT or FEATURE REQUEST)? (choose one):

PaaS/PaaSAgent版本(The versions used):

发生了什么(What happened):

期望是什么(What you expected to happen):

如何复现(How to reproduce it):

相关的日志详情(访问日志及应用日志: paas.log/login.log/esb.log/esb_api.log)和截图等(Log & Screenshot):

备注(Anything else we need to know):

多选框和输入框的x需要hover才显示

image

因为监控很多地方会用该组件，而且操作非常的密集，当x都默认显示的时候有各种显示上的干扰和不美观，希望可以hover的时候才显示对应的x

hover标签时，显示标签的x，hover输入框时，显示输入框清空的x

[cascade]组件bug问题

<bk-cascade
v-model="value"
:list="facList"
clearable
filterable
check-any-level
style="width: 250px;"
@change="handleChange">

当属性filterable check-any-level共同设置的时候，在搜索框里输入关键词查询然后选中某一个值的时候内存溢出，网页会崩溃

表单内select与searchSelect无法正常校验

是BUG反馈还是需求提交(Is this a BUG REPORT or FEATURE REQUEST)? (choose one):
BUG反馈

PaaS/PaaSAgent版本(The versions used):
NO

发生了什么(What happened):
表单里面的select，我的trigger设置成change，点清空的时候没有触发校验
searchSelect 设置成blur或者change，选择失去焦点都不会触发校验

期望是什么(What you expected to happen):
这些项目能够正常触发校验

如何复现(How to reproduce it):
表单里添加select组件，设置校验规则为 必须 ，触发条件 为 change。点清空
表单里添加searchSelect组件，设置校验规则为 必须 ，触发条件 为 blur或者change。添加一些项目，然后清空，失去焦点

相关的日志详情(访问日志及应用日志: paas.log/login.log/esb.log/esb_api.log)和截图等(Log & Screenshot):
NO

备注(Anything else we need to know):
NO

【bug】Tab

是BUG反馈还是需求提交(Is this a BUG REPORT or FEATURE REQUEST)? (choose one):

PaaS/PaaSAgent版本(The versions used):

发生了什么(What happened):

期望是什么(What you expected to happen):

如何复现(How to reproduce it):

相关的日志详情(访问日志及应用日志: paas.log/login.log/esb.log/esb_api.log)和截图等(Log & Screenshot):

备注(Anything else we need to know):

bk-button组件在text=true时，theme失效

是BUG反馈还是需求提交(Is this a BUG REPORT or FEATURE REQUEST)? (choose one):
BUG反馈

PaaS/PaaSAgent版本(The versions used):
无

发生了什么(What happened):
bk-button 当 text=true时，theme选项会失效

期望是什么(What you expected to happen):
当text=true时，theme的danger等变色选项也应该生效

如何复现(How to reproduce it):

相关的日志详情(访问日志及应用日志: paas.log/login.log/esb.log/esb_api.log)和截图等(Log & Screenshot):

备注(Anything else we need to know):

[cascade]多选框不能选择问题

多选框，
image
如果id值为数字，就会出现无法选择的情况……

```json
this.list = [
            {
              id: 32823,
              name: 'gsdk',
              children: [
                {
                  id: 227461,
                  name: 'cache',
                },
                {
                  id: 227462,
                  name: 'cloud_control',
                },
                {
                  id: 591213,
                  name: 'h5https',
                },
                {
                  id: 227463,
                  name: 'Speed',
                },
              ],
            },
            {
              id: 52400,
              name: 'idip_cmd_redis',
              children: [
                {
                  id: 591214,
                  name: 'h5https',
                },
                {
                  id: 421283,
                  name: 'Speed',
                },
                {
                  id: 421281,
                  name: 'cache',
                },
                {
                  id: 421282,
                  name: 'cloud_control',
                },
              ],
            },
            {
              id: 66760,
              name: 'cloud_logsvr',
              children: [
                {
                  id: 591212,
                  name: 'h5https',
                },
                {
                  id: 489871,
                  name: 'Speed',
                },
                {
                  id: 489869,
                  name: 'cache',
                },
                {
                  id: 489870,
                  name: 'cloud_control',
                },
              ],
            },
            {
              id: 72130,
              name: 'GEMlogsvr',
              children: [
                {
                  id: 511244,
                  name: 'logsvr',
                },
              ],
            },
            {
              id: 89165,
              name: 'GEM开发编译',
              children: [
                {
                  id: 564955,
                  name: '蓝盾编译',
                },
              ],
            },
            {
              id: 93047,
              name: 'GEM服务号',
              children: [
                {
                  id: 603742,
                  name: 'image',
                },
                {
                  id: 603743,
                  name: 'modelTrain',
                },
              ],
            },
            {
              id: 32822,
              name: 'gem端游',
              children: [
                {
                  id: 227459,
                  name: 'proxy',
                },
                {
                  id: 235843,
                  name: 'spark',
                },
                {
                  id: 227460,
                  name: 'spider',
                },
              ],
            },
            {
              id: 94139,
              name: 't_bot文档',
              children: [
                {
                  id: 626613,
                  name: 'server',
                },
                {
                  id: 626612,
                  name: 'proxy',
                },
              ],
            },
            {
              id: 95507,
              name: 'tgem管理机',
              children: [
                {
                  id: 661187,
                  name: 'logsvr',
                },
              ],
            },
            {
              id: 5003813,
              name: 'gem服务节点',
              children: [
                {
                  id: 5007455,
                  name: 'server',
                },
              ],
            },
            {
              id: 108443,
              name: '服务集群',
              children: [
                {
                  id: 924194,
                  name: 'pod',
                },
                {
                  id: 925920,
                  name: 'master',
                },
              ],
            },
            {
              id: 110423,
              name: '天美编译加速',
              children: [
                {
                  id: 973877,
                  name: 'UE4编译加速',
                },
                {
                  id: 973878,
                  name: 'Unity编译加速',
                },
              ],
            },
          ];
          /* this.list = [
            {
              id: '32823',
              name: 'gsdk',
              children: [
                {
                  id: '227461',
                  name: 'cache',
                },
                {
                  id: '227462',
                  name: 'cloud_control',
                },
                {
                  id: '591213',
                  name: 'h5https',
                },
                {
                  id: '227463',
                  name: 'Speed',
                },
              ],
            },
            {
              id: '52400',
              name: 'idip_cmd_redis',
              children: [
                {
                  id: '591214',
                  name: 'h5https',
                },
                {
                  id: '421283',
                  name: 'Speed',
                },
                {
                  id: '421281',
                  name: 'cache',
                },
                {
                  id: '421282',
                  name: 'cloud_control',
                },
              ],
            },
            {
              id: '66760',
              name: 'cloud_logsvr',
              children: [
                {
                  id: '591212',
                  name: 'h5https',
                },
                {
                  id: '489871',
                  name: 'Speed',
                },
                {
                  id: '489869',
                  name: 'cache',
                },
                {
                  id: '489870',
                  name: 'cloud_control',
                },
              ],
            },
            {
              id: '72130',
              name: 'GEMlogsvr',
              children: [
                {
                  id: '511244',
                  name: 'logsvr',
                },
              ],
            },
            {
              id: '89165',
              name: 'GEM开发编译',
              children: [
                {
                  id: '564955',
                  name: '蓝盾编译',
                },
              ],
            },
            {
              id: '93047',
              name: 'GEM服务号',
              children: [
                {
                  id: '603742',
                  name: 'image',
                },
                {
                  id: '603743',
                  name: 'modelTrain',
                },
              ],
            },
            {
              id: '32822',
              name: 'gem端游',
              children: [
                {
                  id: '227459',
                  name: 'proxy',
                },
                {
                  id: '235843',
                  name: 'spark',
                },
                {
                  id: '227460',
                  name: 'spider',
                },
              ],
            },
            {
              id: '94139',
              name: 't_bot文档',
              children: [
                {
                  id: '626613',
                  name: 'server',
                },
                {
                  id: '626612',
                  name: 'proxy',
                },
              ],
            },
            {
              id: '95507',
              name: 'tgem管理机',
              children: [
                {
                  id: '661187',
                  name: 'logsvr',
                },
              ],
            },
            {
              id: '5003813',
              name: 'gem服务节点',
              children: [
                {
                  id: '5007455',
                  name: 'server',
                },
              ],
            },
            {
              id: '108443',
              name: '服务集群',
              children: [
                {
                  id: '924194',
                  name: 'pod',
                },
                {
                  id: '925920',
                  name: 'master',
                },
              ],
            },
            {
              id: '110423',
              name: '天美编译加速',
              children: [
                {
                  id: '973877',
                  name: 'UE4编译加速',
                },
                {
                  id: '973878',
                  name: 'Unity编译加速',
                },
              ],
            },
          ];*/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.