Normal Programming Mistake

    @beisen/dropdown

    0.0.86-2 • Public • Published

    drop-down 使用说明

    项目运行

    1. cnpm install 或 npm install cnpm使用教程

    2. npm run dev (开发环境打包 port:8080)

    3. npm run test (测试用例)

    4. npm run build (生产环境打包)

    drop-down参数

    const props = {
      /**
       * input框前的文字标识,可为空
       */
      title: '测试',
    
      /**
       * 下拉菜单为单选或者多选
       * true  多选
       * false 单选(默认)
       */
      multiple: true,
    
      /**
       * 是否显示搜索框
       */
      hasSearch: false,
    
      hiddenTip: false,
    
      /**
       * 信息是否左右显示
       */
      sideTip: false,
    
      /**
       * 限制选择数量
       * 当超过该数量后,其它的则禁用
       */
      limitCount: 5,
    
      /**
       * 每项的内容
       */
      children: [
        {
          value: 0,
          text: '查看详情',
          isActive: false,
          isChecked: true,
          tipText: "哎哎多撒多撒<br/>多撒多撒多所"  //如果有该字段,则鼠标移入文字会一直显示tip,tip内容为该字段内容
    
        }
      ],
    
      /**
       * 是否显示
       */
      hidden: false,
    
      /**
       * 是否使用模板下拉(空内容的弹层)
       */
      templateDrop: true,
    
      /**
       * 自定义模板弹层内容
       */
      templateComponent: [<div onClick={this.clickLi}>111</div>, <div>111</div>],
    
      /**
       * 弹层宽度
       * 外部传入,最小为170px
       */
      dropdownWidth: '500px',
    
      /**
       * 弹层最大高度
       */
      maxHeight: '',
    
      /**
       * 点击后事件回调
       * @param event 事件
       * @param val 抛出的值(单选为对象,多选为数组)
       */
      onClick: function (event, val) { console.log(val); },
      /**
       * 多语言参数
       */
      translation: {
                searchText: '搜索',
                confirmText: '确定'
            }
    }

    drop-down调用方法

    1.安装npm组件包

    npm install @beisen/drop-down --save-dev
    

    2.引用组件

    import DropDown from "@beisen/drop-down"
    1. 传入参数

      该参数为上述参数,传入方式使用: {...参数}

      render () {
      		return (
      			<DropDown {...data} />
      		)
      	}

    Install

    npm i @beisen/dropdown

    DownloadsWeekly Downloads

    37

    Version

    0.0.86-2

    License

    ISC

    Unpacked Size

    1.87 MB

    Total Files

    32

    Last publish

    Collaborators

    • beisencorp