tplus-components-touch 3.25.7 → 3.26.2

package/dist/components/test/index.js

@@ -239,9 +239,9 @@ var A = function (_Component) {
 //   }
 // }
 
-/**
- * @title 基本Tooltip
- * @description trigger 设置显示方式。
+/**
+ * @title 基本Tooltip
+ * @description trigger 设置显示方式。
  */
 
 // import React, { Component } from 'react';

package/dist/components/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/test/index.js"],"names":["A","props","onChange","e","setState","value","state","Component","Test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+OA;;;;;;IAEOA,C;;;AAEL,aAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAAA,UAOnBC,QAPmB,GAOR,UAACC,CAAD,EAAO;AAChB,YAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGA,YAAKF,KAAL,CAAWC,QAAX,CAAoBC,CAApB;AACD,KAZkB;;AAEjB,UAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BASQ;AACP,aACE,iDAAO,UAAU,KAAKH,QAAtB,EAAgC,OAAO,KAAKD,KAAL,CAAWI,KAAlD,GADF;AAGD;;;EApBcE,gB,GAjPjB;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;AAMA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IAgCqBC,I;;;AAEnB,gBAAYP,KAAZ,EAAmB;AAAA;;AAAA,mIACXA,KADW;;AAAA,WAMnBC,QANmB,GAMR,UAACC,CAAD,EAAO;AAChB,aAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGD,KAVkB;;AAEjB,WAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BAMQ;AACP,aACE,8BAAC,CAAD,IAAG,OAAO,KAAKC,KAAL,CAAWD,KAArB,EAA4B,UAAU,KAAKH,QAA3C,GADF;AAGD;;;EAjB+BK,gB;;kBAAbC,I","file":"index.js","sourcesContent":["// import React, { Component } from 'react';\r\n\r\n\r\n// class Test extends Component {\r\n//     state = {\r\n//         show: false\r\n//     }\r\n//     onFocus = () => {\r\n//         console.log('focus')\r\n//         this.setState({\r\n//             show: true\r\n//         })\r\n//     }\r\n//     onBlur = () => {\r\n//         console.log('blur')\r\n//         this.setState({\r\n//             show: false\r\n//         })\r\n//     }\r\n//     onHide = (visible) => {\r\n//         this.setState({\r\n//             show: visible\r\n//         })\r\n//     }\r\n//     render() {\r\n//     let content = (\r\n//         <div>\r\n//             <h3>消息</h3>\r\n//             <ul>\r\n//                 <li>您的服务器已宕机，请处理。</li>\r\n//                 <li>您的手机已停机，请续费。</li>\r\n//                 <li>你的工资已到账，请查收。</li>\r\n//             </ul>\r\n//         </div>\r\n//     );\r\n//         return (\r\n//             <Popover\r\n//                 placement=\"topLeft\"\r\n//                 show={this.state.show}\r\n//                 onHide={this.onHide}\r\n//                 content={content}>\r\n\r\n//                 <FormControl type='text' onFocus={this.onFocus} onBlur={this.onBlur} />\r\n//             </Popover>\r\n//         )\r\n//     }\r\n// }\r\n// export default Test;\r\n\r\n// import React, {Component} from 'react';\r\n\r\n\r\n// class Test extends Component {\r\n//     constructor(props) {\r\n//         super(props);\r\n//         this.state = {\r\n//             show: false\r\n//         }\r\n//     }\r\n//     handleClose = () => {\r\n//         this.setState({\r\n//             show: false\r\n//         })\r\n//     }\r\n//     show = () => {\r\n//         this.setState({\r\n//             show: true\r\n//         })\r\n//     }\r\n//     onHide = (visible) => {\r\n//         this.setState({\r\n//             show: visible\r\n//         })\r\n//     }\r\n//     render() {\r\n//         let content = (\r\n//             <div>\r\n//                 <Button\r\n//                     colors=\"primary\"\r\n//                     onClick={ this.handleClose }\r\n//                     size=\"sm\">\r\n//                     关闭\r\n//                 </Button>\r\n//             </div>\r\n//         )\r\n//         return (\r\n//             <div>\r\n//                 <Popover\r\n//                     id=\"demo2\"\r\n//                     placement=\"right\"\r\n//                     title={<h3>请确认您的包裹已签收！</h3>}\r\n//                     content={content}\r\n//                     show={this.state.show}\r\n//                     onHide={this.onHide}\r\n//                 >\r\n//                     {/* <Button\r\n//                         colors=\"primary\"\r\n//                         onClick={ this.show }\r\n//                         >确认按钮</Button> */}\r\n//                         <FormControl type='text' onFocus={this.show}  />\r\n//                 </Popover>\r\n//             </div>\r\n//         )\r\n//     }\r\n// }\r\n\r\n// export default Test;\r\n\r\n// /**\r\n// *\r\n// * @title 拖拽改变列宽度\r\n// * @parent 列操作-拖拽 Drag\r\n// * @description onDropBorder方法为调整列宽后触发的回调函数。注：不支持tree结构的表头、合并表头的table。\r\n// * demo1002\r\n// */\r\n// import React, { Component } from 'react';\r\n\r\n// const columns23 = [\r\n//   {\r\n//     title: \"订单编号\",\r\n//     dataIndex: \"a\",\r\n//     key: \"a\",\r\n//     width: '200',\r\n//     fixed:'left'\r\n//   },\r\n//   {\r\n//     title: \"单据日期\",\r\n//     dataIndex: \"b\",\r\n//     key: \"b\",\r\n//     width: '600'\r\n//   },\r\n//   {\r\n//     title: \"供应商\",\r\n//     dataIndex: \"c\",\r\n//     key: \"c\",\r\n//     width: '200',\r\n//   },\r\n//   {\r\n//     title: \"联系人\",\r\n//     dataIndex: \"d\",\r\n//     key: \"d\",\r\n//     width: 500,\r\n//   }\r\n// ];\r\n\r\n// const data23 = [\r\n//   { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\r\n//   { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\r\n//   { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\r\n// ];\r\n\r\n// // const DragColumnTable = dragColumn(Table);\r\n\r\n\r\n\r\n// export default class Test extends Component {\r\n//   constructor(props) {\r\n//     super(props);\r\n//   }\r\n\r\n//   render() {\r\n//     return <Table\r\n//             columns={columns23}\r\n//             data={data23}\r\n//             bordered\r\n//             dragborder={true}\r\n//             draggable={true}\r\n//             scroll={{y:200}}\r\n//             onDropBorder ={(e,width)=>{\r\n//               console.log(width+\"--调整列宽后触发事件\",e.target);\r\n//             }}\r\n//             />;\r\n//   }\r\n// }\r\n\r\n/**\r\n * @title 基本Tooltip\r\n * @description trigger 设置显示方式。\r\n */\r\n\r\n\r\n// import React, { Component } from 'react';\r\n\r\n\r\n\r\n// export default class Test extends Component {\r\n//   state = {\r\n//     visible: false\r\n//   }\r\n\r\n//   onHide = (visible) => {\r\n//     console.log('onHide', visible);\r\n//     this.setState({\r\n//       visible: visible\r\n//     })\r\n//   }\r\n\r\n//   show = () => {\r\n//     this.setState({\r\n//       visible: !this.state.visible\r\n//     })\r\n//   }\r\n\r\n//   render() {\r\n//     let tip = (\r\n//       <div>\r\n//         这是一个很强的提醒！\r\n// \t\t\t</div>\r\n//     )\r\n\r\n//     return (\r\n//       <div className=\"demo-tooltip\">\r\n//         <Tooltip inverse overlay={tip}>\r\n//           <Button colors=\"primary\">\r\n//             鼠标滑过显示\r\n// \t\t\t\t\t</Button>\r\n//         </Tooltip>\r\n//         <Tooltip\r\n//           trigger=\"click\"\r\n//           rootClose\r\n//           placement=\"bottom\"\r\n//           overlay={tip}\r\n//           visible={this.state.visible}\r\n//           onVisibleChange={v => console.log(v)}\r\n//           onHide={this.onHide}>\r\n//           <Button style={{ marginLeft: 100 }} colors=\"primary\" onClick={this.show}>\r\n//             点击显示\r\n// \t\t\t\t\t</Button>\r\n//         </Tooltip>\r\n//       </div>\r\n//     )\r\n//   }\r\n// }\r\n\r\n\r\n\r\n\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Input } from 'antd';\r\n class A extends Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      value: ''\r\n    }\r\n  }\r\n\r\n  onChange = (e) => {\r\n    this.setState({\r\n      value: e\r\n    })\r\n    this.props.onChange(e)\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Input onChange={this.onChange} value={this.props.value} />\r\n    )\r\n  }\r\n}\r\n\r\nexport default class Test extends Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      value: ''\r\n    }\r\n  }\r\n  onChange = (e) => {\r\n    this.setState({\r\n      value: e\r\n    })\r\n  }\r\n  render() {\r\n    return (\r\n      <A value={this.state.value} onChange={this.onChange} />\r\n    )\r\n  }\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/test/index.js"],"names":["A","props","onChange","e","setState","value","state","Component","Test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+OA;;;;;;IAEOA,C;;;AAEL,aAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAAA,UAOnBC,QAPmB,GAOR,UAACC,CAAD,EAAO;AAChB,YAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGA,YAAKF,KAAL,CAAWC,QAAX,CAAoBC,CAApB;AACD,KAZkB;;AAEjB,UAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BASQ;AACP,aACE,iDAAO,UAAU,KAAKH,QAAtB,EAAgC,OAAO,KAAKD,KAAL,CAAWI,KAAlD,GADF;AAGD;;;EApBcE,gB,GAjPjB;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;AAMA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IAgCqBC,I;;;AAEnB,gBAAYP,KAAZ,EAAmB;AAAA;;AAAA,mIACXA,KADW;;AAAA,WAMnBC,QANmB,GAMR,UAACC,CAAD,EAAO;AAChB,aAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGD,KAVkB;;AAEjB,WAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BAMQ;AACP,aACE,8BAAC,CAAD,IAAG,OAAO,KAAKC,KAAL,CAAWD,KAArB,EAA4B,UAAU,KAAKH,QAA3C,GADF;AAGD;;;EAjB+BK,gB;;kBAAbC,I","file":"index.js","sourcesContent":["// import React, { Component } from 'react';\n\n\n// class Test extends Component {\n//     state = {\n//         show: false\n//     }\n//     onFocus = () => {\n//         console.log('focus')\n//         this.setState({\n//             show: true\n//         })\n//     }\n//     onBlur = () => {\n//         console.log('blur')\n//         this.setState({\n//             show: false\n//         })\n//     }\n//     onHide = (visible) => {\n//         this.setState({\n//             show: visible\n//         })\n//     }\n//     render() {\n//     let content = (\n//         <div>\n//             <h3>消息</h3>\n//             <ul>\n//                 <li>您的服务器已宕机，请处理。</li>\n//                 <li>您的手机已停机，请续费。</li>\n//                 <li>你的工资已到账，请查收。</li>\n//             </ul>\n//         </div>\n//     );\n//         return (\n//             <Popover\n//                 placement=\"topLeft\"\n//                 show={this.state.show}\n//                 onHide={this.onHide}\n//                 content={content}>\n\n//                 <FormControl type='text' onFocus={this.onFocus} onBlur={this.onBlur} />\n//             </Popover>\n//         )\n//     }\n// }\n// export default Test;\n\n// import React, {Component} from 'react';\n\n\n// class Test extends Component {\n//     constructor(props) {\n//         super(props);\n//         this.state = {\n//             show: false\n//         }\n//     }\n//     handleClose = () => {\n//         this.setState({\n//             show: false\n//         })\n//     }\n//     show = () => {\n//         this.setState({\n//             show: true\n//         })\n//     }\n//     onHide = (visible) => {\n//         this.setState({\n//             show: visible\n//         })\n//     }\n//     render() {\n//         let content = (\n//             <div>\n//                 <Button\n//                     colors=\"primary\"\n//                     onClick={ this.handleClose }\n//                     size=\"sm\">\n//                     关闭\n//                 </Button>\n//             </div>\n//         )\n//         return (\n//             <div>\n//                 <Popover\n//                     id=\"demo2\"\n//                     placement=\"right\"\n//                     title={<h3>请确认您的包裹已签收！</h3>}\n//                     content={content}\n//                     show={this.state.show}\n//                     onHide={this.onHide}\n//                 >\n//                     {/* <Button\n//                         colors=\"primary\"\n//                         onClick={ this.show }\n//                         >确认按钮</Button> */}\n//                         <FormControl type='text' onFocus={this.show}  />\n//                 </Popover>\n//             </div>\n//         )\n//     }\n// }\n\n// export default Test;\n\n// /**\n// *\n// * @title 拖拽改变列宽度\n// * @parent 列操作-拖拽 Drag\n// * @description onDropBorder方法为调整列宽后触发的回调函数。注：不支持tree结构的表头、合并表头的table。\n// * demo1002\n// */\n// import React, { Component } from 'react';\n\n// const columns23 = [\n//   {\n//     title: \"订单编号\",\n//     dataIndex: \"a\",\n//     key: \"a\",\n//     width: '200',\n//     fixed:'left'\n//   },\n//   {\n//     title: \"单据日期\",\n//     dataIndex: \"b\",\n//     key: \"b\",\n//     width: '600'\n//   },\n//   {\n//     title: \"供应商\",\n//     dataIndex: \"c\",\n//     key: \"c\",\n//     width: '200',\n//   },\n//   {\n//     title: \"联系人\",\n//     dataIndex: \"d\",\n//     key: \"d\",\n//     width: 500,\n//   }\n// ];\n\n// const data23 = [\n//   { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\n//   { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\n//   { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\n// ];\n\n// // const DragColumnTable = dragColumn(Table);\n\n\n\n// export default class Test extends Component {\n//   constructor(props) {\n//     super(props);\n//   }\n\n//   render() {\n//     return <Table\n//             columns={columns23}\n//             data={data23}\n//             bordered\n//             dragborder={true}\n//             draggable={true}\n//             scroll={{y:200}}\n//             onDropBorder ={(e,width)=>{\n//               console.log(width+\"--调整列宽后触发事件\",e.target);\n//             }}\n//             />;\n//   }\n// }\n\n/**\n * @title 基本Tooltip\n * @description trigger 设置显示方式。\n */\n\n\n// import React, { Component } from 'react';\n\n\n\n// export default class Test extends Component {\n//   state = {\n//     visible: false\n//   }\n\n//   onHide = (visible) => {\n//     console.log('onHide', visible);\n//     this.setState({\n//       visible: visible\n//     })\n//   }\n\n//   show = () => {\n//     this.setState({\n//       visible: !this.state.visible\n//     })\n//   }\n\n//   render() {\n//     let tip = (\n//       <div>\n//         这是一个很强的提醒！\n// \t\t\t</div>\n//     )\n\n//     return (\n//       <div className=\"demo-tooltip\">\n//         <Tooltip inverse overlay={tip}>\n//           <Button colors=\"primary\">\n//             鼠标滑过显示\n// \t\t\t\t\t</Button>\n//         </Tooltip>\n//         <Tooltip\n//           trigger=\"click\"\n//           rootClose\n//           placement=\"bottom\"\n//           overlay={tip}\n//           visible={this.state.visible}\n//           onVisibleChange={v => console.log(v)}\n//           onHide={this.onHide}>\n//           <Button style={{ marginLeft: 100 }} colors=\"primary\" onClick={this.show}>\n//             点击显示\n// \t\t\t\t\t</Button>\n//         </Tooltip>\n//       </div>\n//     )\n//   }\n// }\n\n\n\n\n\n\nimport React, { Component } from 'react';\nimport { Input } from 'antd';\n class A extends Component {\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ''\n    }\n  }\n\n  onChange = (e) => {\n    this.setState({\n      value: e\n    })\n    this.props.onChange(e)\n  }\n\n  render() {\n    return (\n      <Input onChange={this.onChange} value={this.props.value} />\n    )\n  }\n}\n\nexport default class Test extends Component {\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ''\n    }\n  }\n  onChange = (e) => {\n    this.setState({\n      value: e\n    })\n  }\n  render() {\n    return (\n      <A value={this.state.value} onChange={this.onChange} />\n    )\n  }\n}"]}

package/dist/components/ticon/iconfont/demo_index.html

@@ -54,6 +54,18 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe698;</span>
+                <div class="name">加号</div>
+                <div class="code-name">&amp;#xe698;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe697;</span>
+                <div class="name">解绑</div>
+                <div class="code-name">&amp;#xe697;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe7b9;</span>
                 <div class="name">预定</div>
@@ -1380,9 +1392,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1635411928381') format('woff2'),
-       url('iconfont.woff?t=1635411928381') format('woff'),
-       url('iconfont.ttf?t=1635411928381') format('truetype');
+  src: url('iconfont.woff2?t=1637907866758') format('woff2'),
+       url('iconfont.woff?t=1637907866758') format('woff'),
+       url('iconfont.ttf?t=1637907866758') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -1408,6 +1420,24 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-jiahao"></span>
+            <div class="name">
+              加号
+            </div>
+            <div class="code-name">.icon-jiahao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiebang"></span>
+            <div class="name">
+              解绑
+            </div>
+            <div class="code-name">.icon-jiebang
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-yuding"></span>
             <div class="name">
@@ -3397,6 +3427,22 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiahao"></use>
+                </svg>
+                <div class="name">加号</div>
+                <div class="code-name">#icon-jiahao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiebang"></use>
+                </svg>
+                <div class="name">解绑</div>
+                <div class="code-name">#icon-jiebang</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-yuding"></use>

package/dist/components/ticon/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 1096671 */
-  src: url('iconfont.woff2?t=1635411928381') format('woff2'),
-       url('iconfont.woff?t=1635411928381') format('woff'),
-       url('iconfont.ttf?t=1635411928381') format('truetype');
+  src: url('iconfont.woff2?t=1637907866758') format('woff2'),
+       url('iconfont.woff?t=1637907866758') format('woff'),
+       url('iconfont.ttf?t=1637907866758') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-jiahao:before {
+  content: "\e698";
+}
+
+.icon-jiebang:before {
+  content: "\e697";
+}
+
 .icon-yuding:before {
   content: "\e7b9";
 }