{"_id":"@ctmobile/ui-surnames-sd","_rev":"2-edaf06750d29344756c1fde6c2a7a2a2","name":"@ctmobile/ui-surnames-sd","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ctmobile/ui-surnames-sd","version":"1.0.0","description":"支持移动端的UI组件-Surnames","main":"lib/surnames.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","doc":"jsdoc src README.md -d doc -u doc/tutorials","buildpackage":"ctcopy ../src src && ctbuild --type buildpackage","link":"npm link @ctsj/build && npm link @ctmobile/ui-util"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["surnames","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"author":{"name":"playerljc","email":"playerljc@163.com"},"license":"MIT","bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"homepage":"https://github.com/playerljc/CTMobile-UI#readme","dependencies":{"@babel/runtime":"^7.2.0"},"devDependencies":{"@ctsj/build":"^1.0.0","@ctmobile/ui-util":"^1.0.0"},"_id":"@ctmobile/ui-surnames-sd@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-z8xb3oOiKtb/VuN3Ov7Ug/WDTqp9LCM4NncParsVHFi6GnSdEPIaR/6FGdwmHoXfl0D/PtvzSvz3WO33loIZ5g==","shasum":"8862a57c44495d00908d747e57d2ababaa0794b9","tarball":"https://registry.npmjs.org/@ctmobile/ui-surnames-sd/-/ui-surnames-sd-1.0.0.tgz","fileCount":6,"unpackedSize":35312,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdMVGJCRA9TVsSAnZWagAA6FsQAIHF2d//VqBdsI0v+9mO\n4GbaPcINj8qYK/v7HeQ93ofvNDvx3smtpfUNqtl25cGsnuOu1CIy9G8WaIB1\nwsWEtcrq95a9unTtXgxRoOd633328So2IiSJ5u1+gUGOm6BUbjaMZ5D/Ject\nj6EKjzTlvWArKGg1udS8TUDxbZlYlNt5bKXpsaai3T5HuUEpGWsZHQYr+q9M\nZyz5y/ReA5zWZc+zknNp5QBzsDpJJYhwvRedIryVz7F4+zd6sWSBsjqvlDE2\n2gUrkaQjsvZOQW8htWMYtp3bG0Dgck1Cg0fOkRFtKAAoBbR8NH8UaMTIxi1B\nsYsgKNye3iHb16gg7AaoGg539wgPBlooV46hPQbqDLIQnkg/1LBZdJnUj1D1\nxuYGeUeL5bULNkF9UyubvrDzGaJchHB4SCR9aYAlEzSKAAONm5J7y70Hcn68\n5T1AD+oeJXMHa9lpWQB8jcuga6lioUrO6inHnOze4fGhUA5MgLPuIV5rLLQa\nddQ1FmELgkcJuyuKTUyMTNRYRlNJtPsfr1vmO1HkxUtrvXRV0y9bPFMy2BOl\nGdW0uKPyv1/Ixfu1hLcI9dMzNMc/EL+qT2jKeC8rkcHqGQzjwpugbpBL+dRN\numvWVXGzXnsSO6blbWFvxuXfMufJO20fdnOljCd46IsHxjk9OGDdcMi+Zo/9\n+lix\r\n=Pkvi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICrTELhr4pYgBsCdMDNK1PUBz0XfhXo6oBAJypVULWadAiBT5LtjAsxM0gK172cGwiww1fuRzfJsuG4s53GWL8Hyvg=="}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-surnames-sd_1.0.0_1563513224462_0.9384787428607648"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ctmobile/ui-surnames-sd","version":"1.0.1","description":"支持移动端的UI组件-Surnames","main":"lib/surnames.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","doc":"jsdoc src README.md -d doc -u doc/tutorials","buildpackage":"ctcopy ../src src && ctbuild buildpackage","link":"npm link @ctsj/build"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["surnames","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"author":{"name":"playerljc","email":"playerljc@163.com"},"license":"MIT","bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"homepage":"https://github.com/playerljc/CTMobile-UI#readme","dependencies":{"@babel/runtime":"^7.2.0"},"devDependencies":{"@ctsj/build":"^1.0.11","@ctmobile/ui-util":"^1.0.0"},"_id":"@ctmobile/ui-surnames-sd@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-/shPs97jK8KscFdvqt/TMbmCt23u5DfR6u00a6hAsVzihdJ3nHArnyWrWv7SNm0DRcfXKaisOVhHl+gDRTeLqA==","shasum":"56dfb3a15d4cfa917fe1f9e107462bba662510a0","tarball":"https://registry.npmjs.org/@ctmobile/ui-surnames-sd/-/ui-surnames-sd-1.0.1.tgz","fileCount":6,"unpackedSize":35853,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiFZ6CRA9TVsSAnZWagAAstkQAIZ2DOZsv/pep1u1517/\nnqbVK7aKBss84itPf/48g9aDAZfJ4njIEtJfkHmrFb9Pax1kOZCd9e+wL77R\n8Y81iKA9aISTHP6i5ZQCRgVE1eSDsPO6kY9T9e3jyf0YMHAF9virqc5cT1MB\nzSL6u75JgQt10yntDFBfuXco0ypOWSL+fn4qdowOO5c+aW7DKNSJFbt6pM1G\nVMgUNcvb+QiNT0ajhKhwkY1OYbMEm/Nkmynj/WSPtuk4Wbi97dEKeBbxXL27\nKPeFQ4BhwebupKk/pAhNj2R7pX1KixcAUTI0ArwipQwQmRyUDvCUxomoUfcK\n56CbhTaBAyCKXwER+6NSekIfoScN9w8PeqfsixHBxvrbu1cmLZ2hKNU7Idt1\nt7QgewxV+UjoOhxbClA9Sc3zoQ/wCU05bP1GA1nMk9KyishPOKd6gbP2dWUP\ngVmmXKVpWM3eBqnWqf6jL2vxPvnlai2KdWJdMR224+Ad+XihNyq+ALSkIBB4\nwjPKoAgw28uVZNzgh22fu9U0kik4g5O6NSVUjOXJ9oajtYyfjguDxUOn5lF0\n8Onn2tGXdGtq89Ase55B/KDnLofXAiUjU398MiFOsVDwlP+ZEbtEttGa6HrV\nxb78W9gicMLh0jX7VTsZqJ5BEvGRhObOkZNqTvuQAnIUf9KEqBRdhP/aQk8h\nSSBs\r\n=STxT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAsRrCcIrHguRQNZisq9Oejk8l6AqYsbrZKU+EyG4s8wIhANFOA8gAb5FPsV/FJQrzx+tEznAXImXV8+/5Z1fzIRWH"}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-surnames-sd_1.0.1_1569216121421_0.3437575482900743"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-19T05:13:44.286Z","1.0.0":"2019-07-19T05:13:44.760Z","modified":"2022-04-05T02:04:10.951Z","1.0.1":"2019-09-23T05:22:01.574Z"},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"description":"支持移动端的UI组件-Surnames","homepage":"https://github.com/playerljc/CTMobile-UI#readme","keywords":["surnames","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"author":{"name":"playerljc","email":"playerljc@163.com"},"bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"license":"MIT","readme":"# Surnames\r\n\r\n* [基本布局](#surnames-layout)\r\n* [初始化](#surnames-initial)\r\n* [例子](#surnames-demo)\r\n* [方法](#surnames-methods)\r\n* [事件](#surnames-events)\r\n  - [scrollbefore](#surnames-events-scrollbefore)\r\n  - [scroll](#surnames-events-scroll)\r\n\r\n## 基本布局\r\n\r\n```\r\n\r\n<div class=\"ct-surnames\" id=\"surnames\">\r\n\r\n  <div class=\"ct-surnames-content\">\r\n    <div class=\"ct-surnames-group\">\r\n      <a class=\"ct-surnames-group-title\" data-name=\"A\">A</a>\r\n      <div class=\"ct-surnames-group-inner\">\r\n        <ul>\r\n          <li>A1</li>\r\n          ...\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    ...\r\n  </div>\r\n\r\n</div>\r\n```\r\n\r\n* ct-surnames - 整体容器\r\n  - ct-surnames-highlighted - 高亮指示器\r\n  - ct-surnames-index - 索引\r\n  - ct-surnames-content - 内容\r\n    + ct-surnames-group - 内容项\r\n      * ct-surnames-group-title - 索引名称 data-name - 索引名\r\n      * ct-surnames-group-inner - 内容项容器\r\n\r\n## 初始化\r\n\r\n```\r\n\r\n import { Dom6 } from '@ctmobile/ui-util';\r\n import SurnamesFactory from '@ctmobile/ui-surnames/surnames';\r\n import '@ctmobile/ui-surnames/surnames.less';\r\n import '@ctmobile/ui-surnames/themes/default/surnames.less';\r\n\r\n const el = document.getElementById('surnames');\r\n\r\n function createSurnames() {\r\n   const contentEl = el.querySelector('.ct-surnames-content');\r\n   const indexNames = [\r\n     'A',\r\n     'B',\r\n     'C',\r\n     'D',\r\n     'E',\r\n     'F',\r\n     'G',\r\n     'H',\r\n     'I',\r\n     'J',\r\n     'K',\r\n     'L',\r\n     'M',\r\n     'N',\r\n     'O',\r\n     'P',\r\n     'Q',\r\n     'R',\r\n     'S',\r\n     'T',\r\n     'U',\r\n     'V',\r\n     'W',\r\n     'X',\r\n     'Y',\r\n     'Z',\r\n     '#',\r\n   ];\r\n   const df = document.createDocumentFragment();\r\n   for (let i = 0; i < indexNames.length; i++) {\r\n     const index = indexNames[i];\r\n     let str = `\r\n         <div class=\"ct-surnames-group\">\r\n           <a class=\"ct-surnames-group-title\" data-name=\"${index}\">${index}</a>\r\n           <div class=\"ct-surnames-group-inner\">\r\n             <ul>`;\r\n\r\n     for (let j = 0; j < 10; j++) {\r\n       str += `<li>${index}${j + 1}</li>`;\r\n     }\r\n\r\n     str += `    </ul>\r\n           </div>\r\n         </div>`;\r\n\r\n     const groupEl = Dom6.createElement(str);\r\n     df.appendChild(groupEl);\r\n   }\r\n   contentEl.appendChild(df);\r\n }\r\n\r\n createSurnames();\r\n\r\n const surnames = SurnamesFactory.create(el, { position: 'right' });\r\n```\r\n\r\n|  名称 |  说明 |\r\n| --- | --- |\r\n| {HtmlElement} - el |  整体元素 |\r\n| {object} - config |\r\n\r\n配置\r\n\r\nposition {String} - 索引位置 [left | right | top | bottom] 默认是right  |\r\n\r\n## 例子\r\n\r\n#### html\r\n\r\n#### js\r\n\r\n```\r\n\r\n import { Dom6 } from '@ctmobile/ui-util';\r\n import SurnamesFactory from '@ctmobile/ui-surnames/surnames';\r\n import '@ctmobile/ui-surnames/surnames.less';\r\n import '@ctmobile/ui-surnames/themes/default/surnames.less';\r\n\r\n const el = document.getElementById('surnames');\r\n\r\n function createSurnames() {\r\n   const contentEl = el.querySelector('.ct-surnames-content');\r\n   const indexNames = [\r\n     'A',\r\n     'B',\r\n     'C',\r\n     'D',\r\n     'E',\r\n     'F',\r\n     'G',\r\n     'H',\r\n     'I',\r\n     'J',\r\n     'K',\r\n     'L',\r\n     'M',\r\n     'N',\r\n     'O',\r\n     'P',\r\n     'Q',\r\n     'R',\r\n     'S',\r\n     'T',\r\n     'U',\r\n     'V',\r\n     'W',\r\n     'X',\r\n     'Y',\r\n     'Z',\r\n     '#',\r\n   ];\r\n   const df = document.createDocumentFragment();\r\n   for (let i = 0; i < indexNames.length; i++) {\r\n     const index = indexNames[i];\r\n     let str = `\r\n         <div class=\"ct-surnames-group\">\r\n           <a class=\"ct-surnames-group-title\" data-name=\"${index}\">${index}</a>\r\n           <div class=\"ct-surnames-group-inner\">\r\n             <ul>`;\r\n\r\n     for (let j = 0; j < 10; j++) {\r\n       str += `<li>${index}${j + 1}</li>`;\r\n     }\r\n\r\n     str += `    </ul>\r\n           </div>\r\n         </div>`;\r\n\r\n     const groupEl = Dom6.createElement(str);\r\n     df.appendChild(groupEl);\r\n   }\r\n   contentEl.appendChild(df);\r\n }\r\n\r\n createSurnames();\r\n\r\n const surnames = SurnamesFactory.create(el, { position: 'right' });\r\n```\r\n\r\n## 方法\r\n\r\nscrollToAnimation( indexName ) - 动画滚动到指定索引位置\r\n\r\n* indexName-string 索引名称\r\n\r\nscrollTo( indexName ) - 滚动到指定索引位置\r\n\r\n* indexName-string 索引名称\r\n\r\nupdate - 更新\r\n\r\non( type, handler, ) - 注册事件\r\n\r\n* type-string 事件类型\r\n* handler-Function 事件句柄\r\n\r\noff( type, handler, ) - 注销事件\r\n\r\n* type-string 事件类型\r\n* handler-Function 事件句柄\r\n\r\n## 事件\r\n\r\n|  名称 |  说明 |\r\n| --- | --- |\r\n| scrollBefore |  滚动到指定索引之前 |\r\n| scroll |  滚动到指定索引 |\r\n","readmeFilename":"README.md"}