{"_id":"@dfeidao/fd-m000023","_rev":"3-cf91be6f2bc8db8c1965b8471c125f2a","name":"@dfeidao/fd-m000023","dist-tags":{"latest":"4.6.201908201054"},"versions":{"4.6.201908101755":{"name":"@dfeidao/fd-m000023","version":"4.6.201908101755","description":"FlatList拖拽列表","scripts":{"test":"../../node_modules/.bin/tsc -w","lint":"../../node_modules/.bin/tslint -p tsconfig.json","compile":"../../node_modules/.bin/tsc","build":"npm run lint && npm run compile"},"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets-mobile"},"keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"author":{"name":"高塬"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"react-native-draggable-flatlist":"1.1.7"},"devDependencies":{"@types/react-native-draggable-flatlist":"1.1.1"},"_id":"@dfeidao/fd-m000023@4.6.201908101755","_nodeVersion":"12.8.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-2ZSQGh3i+HS9XfVMdSeB3Wj5WwpepqED1JhwBTpJfOK3nsZkKzJomUuFFeuTJMwfemf06bU8NJXLi5aij5Eevw==","shasum":"c2bbb871732fc2ce20a3160e7ac5f3a7c3584937","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000023/-/fd-m000023-4.6.201908101755.tgz","fileCount":7,"unpackedSize":6650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTpSmCRA9TVsSAnZWagAAEpsQAJhJWbnYs8Cw77j87YDI\nBH6NLIKsaiFHiV5OAxNJpe9ZpF6Lj72gCyWsxJVRhcbE9P5dBwdyEaiijEy1\nPvM2UKNprJnzfQ8XSJMDmb2U1OYXLB0eYyoCXY/Jmwod/lDvtSXdyhoQI637\nljGuPwYfl0mnWEsvvSCeVJAFqn9s5lK3Be167XPgAOp9D4ti40vPCp704NsU\nsKtSmAisQGUesgMyYXE/bM7g0RtO8T59INsDk5Lg9rcAae7vz02YRmKaTCM3\nosbhBJg3q8fnjEzIidnCmoSAvy/O/JLMuCUV7DcznXrEBPvVSr48cs1wqTbW\nkwO6+Gv1rh9VEVNt1h0YNPQB3cH0dJZPR2po8q6+TWlWSkYzVKQxp8b896rL\nCeuuScKMhHIKnWsumwT36oQQKqs3LePleQUstdCaGC3ssW5Tyhy78SsQtOwq\nPTcUrrvdYPldX2gJJc/8pUnfEtfrY7oD5031fENQRc2ydy4HREp8cljo1YfX\n+ehk2siIJpAFIp+lHtuxnAygP3TRLEsdEQezbDmE0oWQfOpppg/rXeiMCPTg\nPfMlkk8GE9h+0OXPRjsqw2IMaMFg170Za1Qd/gNGzFP0tsg6zmWD5f5Kco6Q\nFv2ihcggBgbW5dSARxZwL+VNJ447S4upcomeykrK0c2D3+k8zDK+h9dcciyL\nEQFb\r\n=r2mN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDsZR4mc6pEWn+3hd8rw6S7r6DqZDiAOSI1EJ0sXw/YAIgIfcx2+Ntv1MWGu9Ss6n216zQHofM6NYTvZrJrm1llsA="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000023_4.6.201908101755_1565430949378_0.9703091919199793"},"_hasShrinkwrap":false},"4.6.201908130957":{"name":"@dfeidao/fd-m000023","version":"4.6.201908130957","description":"FlatList拖拽列表","scripts":{"test":"../../node_modules/.bin/tsc -w","lint":"../../node_modules/.bin/tslint -p tsconfig.json","compile":"../../node_modules/.bin/tsc","build":"npm run lint && npm run compile"},"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets-mobile"},"keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"author":{"name":"高塬"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"react-native-draggable-flatlist":"1.1.7"},"devDependencies":{"@types/react-native-draggable-flatlist":"1.1.1"},"_id":"@dfeidao/fd-m000023@4.6.201908130957","_nodeVersion":"12.8.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-dX1U80tf/8jyzIZ+SwEv7bGM3Nblz0GvUPuJaUk+84+FU6SvNg8VWuSOaM2eidhcLIpcZ6XU34eX+q+Ce/Vwbg==","shasum":"23f2e0c1bf42de5bd9725b5e228fa6e8339aa687","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000023/-/fd-m000023-4.6.201908130957.tgz","fileCount":7,"unpackedSize":6652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUhj/CRA9TVsSAnZWagAAokIP/1w3MGOlA97HRkp6utLN\n3sEWutQtvOZVaiy0Rcg4zJaDJFGLA2w3GdwMuA+yyrvmGbSRCQj2m/h8Vzsc\nH7stao7SZm7kL/pwqBopMHWkdgSyYVbLYsD6OnGBdjsVMyZKzGGVwdgx66R/\n2Z5cNklf2dlKJLWToVWAckeDeSfXSJZ4qNyrWt0mkJGzX20UYnCe/EU1RKGo\n2vNxVpismHfhHQxvMS36IrDFFsNHvzEV0AfsgjzxGlD3ixeZWDi/VgO1xxV/\nCn1sYSzWTRUZoTqpJ6irpnGzCkzdWE9riRpfzRVUrpqviIU2mti8pEG5S2l6\nBiIvGZ2kbtkKwQa+9ynMJTPEQtMe9vXBo3lgkxtj2GjWxk5v++74eu90Ra/a\n6F6eYLahhRQg1w9sXTYqjjhtn9NSxZCSDGBYlJYqkBI42rFyXga3ZtMmGHRD\ne/PifMO63Qs44o6g8KpN762XhzC4gfvpmx7iJupOdF1FFRa6nWrmTv8K/VV/\n2U2/cqPfVNp/b1zt83nQo2nu1Rxz76t52JTbFTeNcKHOYqzSBFClCKg8yqyD\nBc//T+/bfgc/7j9JQr5vIjVdSz0pcF4XrvXlZP5fZHNuMIxENbvk+APedKxH\n6nTnPWNYhBvZHtHxqEMqGBhn4+RFIPuahGOwnvgCTSsHXT9gGxYfJqCrpPcY\njguM\r\n=C6wp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID/s+vXjCR21zgqeS5jivDG+RjRZVt3LaDjBu76Y9QsPAiAphnqEzbOC5Kvj8ciIfs1sNTzTQQPpweAVdnD5BoSePQ=="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000023_4.6.201908130957_1565661439151_0.420748383010058"},"_hasShrinkwrap":false},"4.6.201908201054":{"name":"@dfeidao/fd-m000023","version":"4.6.201908201054","description":"FlatList拖拽列表","scripts":{"test":"../../node_modules/.bin/tsc -w","lint":"../../node_modules/.bin/tslint -p tsconfig.json","compile":"../../node_modules/.bin/tsc","build":"npm run lint && npm run compile"},"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets-mobile"},"keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"author":{"name":"高塬"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"react-native-draggable-flatlist":"1.1.7"},"devDependencies":{"@types/react-native-draggable-flatlist":"1.1.1"},"_id":"@dfeidao/fd-m000023@4.6.201908201054","_nodeVersion":"12.8.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-XEmZxzGuKi1mNVPzscKorQyrZK6w0gLZw4alcGGZaXZV8nocFUdkWpoaVZiFl21vrW86Buy6CknPLuwaRjCG2g==","shasum":"1fa8029e3a566938a027fc5ad86a89b2cee8df81","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000023/-/fd-m000023-4.6.201908201054.tgz","fileCount":7,"unpackedSize":7288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdW2DfCRA9TVsSAnZWagAAdB8P/27r/w2rQVkJEFSYV+V3\n+mkIkZq+N1Qk2eGCxhuOXIHTX2I1vNuWqFN4TwIt1hPrJvO5uSKfdB7lx75F\niAe/ZAWPKSW+P0qFCVP1fYiLZWZ5vsBJsIsROXlwnv//xk+a6S+0WzrJTCnR\nzTYTog2Z7dWIYf048QrSWXSsx/Iz3HtuFJsI/T9qcEryQ/5TASkTYLrCZERD\nQKrBQuXfBycg411DbC/VTn3v/Wf7ilUGJCLKBOibsVY8GrNFrUwPeZVsB8lJ\nJX7Ro01jDJrTTwinrENTAipc9GRvFUzs3oLOY2jASRwWy43LcevI+8VYmw2s\n6ridgb7el/7oyrMHvc6FnX+ICoeKcJLoxpC9jnqmSRXIl5S0a7rbNt+zhVc8\nCLFc1BBcgy3c+7fNxxpbnC8URawUcZjX6M+FvJpf9yV7OMMYeeNHiD7B5ees\n0TekuHWXCf+l6pN9ke95rKQwMrqeEg7wvp+d6DbB18aBV7VMR8BRrooJyXoZ\nB/nBepgf88PAroLmVI0d7d7DWuCxPWi6DfOKOqrG1ezLVGnxKGUWoQtmcUly\nRjdd7CVQI6VEVVA5GXaSoNuVLO1ZzC4kHmko/iXq3/LQZ1mhNIqpZalLIq7W\nPNotLp1Li/U4eF7fWqNTauiMV+ZMXpx2WZGgrdhbR6hZvA+Y69JrEEXcutF+\nbuKQ\r\n=2oDN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBgcskzJBKtaHmTiFSyOiXdcnqrxmw0QPz5AHTfmfPpgIhAOuzTfYCsgOVBtEJcSxB6WEf5woZN6ErD4GXaFzs7YgX"}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000023_4.6.201908201054_1566269662559_0.4734726683306594"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-10T09:55:49.191Z","4.6.201908101755":"2019-08-10T09:55:49.524Z","modified":"2022-04-05T04:16:22.236Z","4.6.201908130957":"2019-08-13T01:57:19.307Z","4.6.201908201054":"2019-08-20T02:54:22.669Z"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"description":"FlatList拖拽列表","keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets-mobile"},"author":{"name":"高塬"},"license":"MIT","readme":"# FlatList拖拽列表\n\n<https://dfeidao.gitee.io/widgets-mobile/>\n\n## Installation\n\n```sh\nyarn add --dev @dfeidao/fd-m000023\n```\n\n## Attributes\n\n属性 | 描述 | 示例\n-----|------|-----\nrenderItem | 每个FlatList容器的样式模板 | renderItem的参数是一个对象，具有item, index, is_active属性。item为渲染使用的其中一条数据，index为数组下标, is_active表示当前是否处于拖拽状态。注意：`渲染的子项外层请不要是使用TouchableOpacity标签，否则会影响拖动效果`\ndata | 数据源\nonMoveEnd | 拖拽完成触发的事件\nonPress | 行点击事件\n\n## Example\n\n初始化事件a001\n\n```ts\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\n\nexport default function a001(fd: IFeidaoAiMobile, e: any) {\n\trender(fd,\n\t\t{\n\t\t\tdata: [...Array(7)].map((_, index) => ({\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\tlabel: index\n\t\t\t}))\n\t\t}\n\t);\n}\n```\n\nonMoveEnd事件a002\n\n```ts\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\n\nexport default function a002(fd: IFeidaoAiMobile, e: {param: {data: unknown[]}}) {\n\tconst data = param.data;\n\trender(fd,\n\t\t{\n\t\t\tdata\n\t\t}\n\t);\n}\n```\n\ntpl\n\n```tsx\nimport M023 from '@dfeidao/fd-m000023';\n\nexport default function tpl(a: <T>(action: string, ...args: unknown[]) => ((...args: unknown[]) => void), s: (...class_names: string[]) => {}, d: <T>(d: string) => T, fd: IFeidaoAiMobile) {\n\treturn (\n\t\t<M023\n\t\t\trenderItem={({ item, index, is_active }) => {\n\t\t\t\tconst _item = item as {\n\t\t\t\t\tbackgroundColor: string;\n\t\t\t\t\tlabel: string;\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<View style={{\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tbackgroundColor: is_active ? '#6c67ff' : item.backgroundColor, // isActived长按选中后拖拽颜色变为蓝色\n\t\t\t\t\t\tborderRadius: 5,\n\t\t\t\t\t\theight: 100,\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t\t\tmarginLeft: 15,\n\t\t\t\t\t\tmarginRight: 15\n\t\t\t\t\t}}>\n\t\t\t\t\t\t<Text style={{\n\t\t\t\t\t\t\tcolor: '#333',\n\t\t\t\t\t\t\tfontSize: 32,\n\t\t\t\t\t\t\tfontWeight: 'bold',\n\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{_item.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t);\n\t\t\t}}\n\t\t\tdata={d(data)}\n\t\t\tonPress={({ item, index，is_active }) => {\n\t\t\t\tconsole.log(item, index，is_active);\n\t\t\t}}\n\t\t\tonMoveEnd={a('a002')}\n\t\t/>\n\t)\n}\n```\n","readmeFilename":"readme.md"}