{"_id":"@alicd/crui-task-sorter","_rev":"24-fbbad44c806abc573c1efa126a329d13","name":"@alicd/crui-task-sorter","dist-tags":{"latest":"0.0.21"},"versions":{"0.0.21":{"name":"@alicd/crui-task-sorter","version":"0.0.21","author":{"name":"@alicd/walle"},"_id":"@alicd/crui-task-sorter@0.0.21","maintainers":[{"name":"later_7","email":"tony7leek@gmail.com"}],"dist":{"shasum":"210858f890c3ad36b0aefd2b2c2cbb3b2dca8af2","tarball":"https://registry.npmjs.org/@alicd/crui-task-sorter/-/crui-task-sorter-0.0.21.tgz","fileCount":28,"integrity":"sha512-yYwomLkD59QPRN1EcM5A7xUNyKfd411c7a8DKqOtPFlN0grxdAa7mvmeXBrvrvHfT2Ks5o7P38HXNsQdPu8mpw==","signatures":[{"sig":"MEYCIQDXBL4BKXcrkFuPs9avncESugz9W7+dGOymZypHSxZk0QIhANYa7rIn4IKMdQL0YZ1PLCX3I9hk+uU9Akyin7Ezwurs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":946222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOX4nCRA9TVsSAnZWagAAj/cP/1+aq4cpo7Q+2LuIT+xb\nUplZYNSZscKAP+/L8tfFSf7Ws5/bXVS5NyA35KjU/OFS606J5DQnJQVxGkdr\nir7rbOazEZV+mC55cRggOaEFOGd2qqnKRL6/GTQUZwrER62Doj2hi92Km3/d\nTg1wir4liMTm5JG7OdeZf2EBV1md+8rFwg/bVExhVj8/7aqYD4MQW7SIynz2\n73IOCkQ/IGn+Y9LQ0PKOw67rPo/5fAQqM/iiovARF4UTAffkaUp96OgiocE/\n/soFyEITMZxVLNmFk7Vp8NBPt1+nPZ11oFLJgBU5wcrQGXr8mHuU1KvkcFGp\nzjgJEwT5RGZBUk3Vh037a4qKb2KirC1m35nczRkrDj8YWrC0FJEB1VdO7Od7\n1mGYVupciajSCtXSQPWaog9gJQlmj5YNFO19YS//fYcxl2RyI5unV36j+M8B\nV/l6bcbcTkmC4kZ14gaDmEpZTDfNawHg61DF2yEi67OoiJBt7kdupOg7TD6p\n3Sf5VGxcm0aHxPwvuJaeVobzuNv6RP9OAgDgPrboUuoMVGt5jmauVBqFCYco\nhFoNEHX3BO8vrhLlwnJmFd7zLuueyfZBWNsnUptbfVTvfNdThyWE++9ZytSE\nmGn/G2dLLgiiHSixEUZGGH8I/qyHz9JTypfY088c8K+JPh9yZdd/rbzbLqhH\nzc6R\r\n=fgTd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","gitHead":"19356a02a2075ac939b50d2b1d838b633499d53c","scripts":{"dev":"rm -rf ./site && NODE_ENV=development webpack --config webpack.config.babel.js --progress && webpack-dev-server","pub":"rm -rf ./lib && rm -rf ./dist && babel src --copy-file --extensions .js,.jsx --out-dir lib && npm run prod","demo":"rm -rf ./site ./_data && NODE_ENV=demo webpack-dev-server --config webpack.config.babel.js --progress","prod":"NODE_ENV=production webpack --config webpack.config.babel.js --progress","build":"babel src -d lib & webpack --config webpack.config.babel.js --progress","clean":"rm -rf ./dist ./lib ./site","start":"npm run dev"},"_npmUser":{"name":"later_7","email":"tony7leek@gmail.com"},"_npmVersion":"5.6.0","description":"--- category: Components type: UI Views component: Overlay chinese: 排序面板 english: TaskSorter ---","directories":{},"_nodeVersion":"9.8.0","dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10","@alicd/crui-icon-button":"^0.0.7","@alicd/crui-task-overlay":"^0.0.22"},"_hasShrinkwrap":false,"devDependencies":{"webpack":"^2.6.1","babel-cli":"^6.26.0","node-sass":"^4.5.3","babel-core":"^6.25.0","css-loader":"^0.28.4","@alicd/next":"^0.19.x","file-loader":"^0.11.2","sass-loader":"^6.0.6","autoprefixer":"^7.1.1","babel-loader":"^7.1.1","style-loader":"^0.18.2","webpack-merge":"^4.1.0","md-meta-loader":"^0.0.4","babel-preset-react":"^6.24.1","webpack-dev-server":"^2.8.2","babel-plugin-import":"^1.4.0","babel-preset-es2015":"^6.24.1","html-webpack-plugin":"^2.29.0","babel-preset-stage-0":"^6.22.0","escape-string-regexp":"^1.0.5","jsonml-to-react-component":"^0.2.6","extract-text-webpack-plugin":"^2.1.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-add-module-exports":"^0.2.1"},"_npmOperationalInternal":{"tmp":"tmp/crui-task-sorter_0.0.21_1564048934672_0.8886104690532297","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-07-25T10:02:14.451Z","modified":"2024-07-15T07:14:18.052Z","0.0.21":"2019-07-25T10:02:14.808Z"},"author":{"name":"@alicd/walle"},"description":"--- category: Components type: UI Views component: Overlay chinese: 排序面板 english: TaskSorter ---","maintainers":[{"email":"hahaiwin@163.com","name":"hahaiwin"},{"email":"1149518004@qq.com","name":"snowden_"},{"email":"1312065793@qq.com","name":"vincent.ljq"},{"email":"595620510@qq.com","name":"zhen.hz"},{"email":"251250076@qq.com","name":"cismous"},{"email":"juntao.wjt@alibaba-inc.com","name":"juntao.wjt"},{"email":"xiongqi.me@foxmail.com","name":"xiongqi"},{"email":"guoli.ygl@cainiao.com","name":"mingche_286130"},{"email":"joshuasui@163.com","name":"joshuasui"},{"email":"maopengcheng1994@gmail.com","name":"mmpc"},{"email":"littlehmy@163.com","name":"0little"},{"email":"yf871020@163.com","name":"yf871020"},{"email":"zyy7259@gmail.com","name":"zyy7259"},{"email":"tony7leek@gmail.com","name":"later_7"},{"email":"775710651@qq.com","name":"qijian1990"},{"email":"xiekaif@163.com","name":"gepik"},{"email":"yanzhe.xyz@alibaba-inc.com","name":"jimmyxuster"},{"email":"laijianqing@gmail.com","name":"helloljq"},{"email":"rentj1@163.com","name":"rentj1"},{"email":"zhangqing332@live.com","name":"js8zq332"},{"email":"527710279@qq.com","name":"xiaobc"}],"readme":"---\ncategory: Components\ntype: UI Views\ncomponent: Overlay\nchinese: 排序面板\nenglish: TaskSorter\n---\n\n可以对序列数据进行排序、删除等操作，并且提供了设置设置按钮的插槽，一般用于表格列设置（排序或者移除某些列的展示等）。\n\n## API\n\n### TaskSorter\n\n|   成员   | 说明 | 类型 | 默认值 |\n| ----- | ----- | ----- | ----- |\n| dataSource | 列表数据数据源（`value` 属性为唯一标识，不能出现重复）。 | `[{ text: string, value: any}]`| `[ ]` |\n| disabled | 是否禁用条目的删除功能 | `boolean` | `false` |\n| draggable | 是否启用条目的拖动重排序功能 | `boolean` | `true` |\n| visible | 是否显示弹层, 如果此属性为 `false`，弹层不会被渲染 | `boolean` | `false` |\n| title | 设定弹层标题 | `string` 或 `number` | `\"排序设置\"` |\n| width | 设定弹层宽度 | `number` | `300` |\n| height | 设定弹层高度 | `number` | `500` |\n| onOk | 点击确定按钮触发的事件 | `(data: object[]) => void` | 默认不执行任何操作 |\n| onCancel | 点击取消按钮触发的事件 | `(e: object[]) => void` | 默认不执行任何操作 |\n| loading | 设置弹层载入状态 | `boolean` | `false` |\n| showTitle | 是否显示标题 | `boolean` | `true` |\n| showFooter | 是否显示弹层底部的按钮栏 | `boolean` | `true` |\n| hasMask | 是否显示遮罩 | `boolean` | `true` |\n| onDragStart | 用户开始进行拖动重排时触发的事件 | `(params: { event: Event, node: OrderNode }) => void` | 默认不执行任何操作 |\n| onDragEnter | 数据条目刚刚拖动到另一条目上时触发的条件 | `(params: { event: Event, node: OrderNode }) => void` | 默认不执行任何操作 |\n| onDragOver | 数据条目拖动过程中，当指针悬浮于另一条目上时，持续触发这一事件 | `(params: { event: Event, node: OrderNode }) => void` | 默认不执行任何操作 |\n| onDragLeave | 数据条目拖动过程中指针离开另一条目时触发的条件 | `(params: { event: Event, node: OrderNode }) => void` | 默认不执行任何操作 |\n| onDrop | 拖动重排结束时触发的事件 | `(params: { event: Event, dragNode: OrderNode, dragNodesKeys: number, node: OrderNode, dropPosition: number, dropToGap: boolean }) => boolean` | 默认不执行任何操作 |\n| canDrop | 某一数据条目是否可被拖动到另一数据条目之上 | `(params: { dragNode: OrderNode, dragNodesKeys: number, node: OrderNode, dropPosition: number, dropToGap: boolean }) => boolean` | 默认始终返回 `true` |\n| onChange | 数据条目被重排或删除后触发的事件 | `(data: object[]) => void` | 默认不执行任何操作 |\n| className | 自定义类名 | `string` | N/A |\n| canCloseByEsc | 是否支持 esc 按键关闭弹层 | `boolean` | true |\n| canCloseByOutSideClick | 点击弹层外的区域是否关闭弹层 | `boolean` | `true` |\n| canCloseByMask | 点击遮罩区域是否关闭弹层 | `boolean` | `true` |\n| animation | 配置动画的播放方式 | `object` 或 `boolean` | `{ \"in\": \"expandInDown\", \"out\": \"expandOutUp\" }` |\n| target | 配置弹层定位的参照元素 | `any` | `Position.VIEWPORT` |\n| align | 弹层相对于target的定位, 详见开发指南的[定位部分](#定位) | `string` 或 `boolean` | `\"cc cc\"` |\n| offset | 弹层相对于target定位的微调 | `number[2]` | `[0, 0]` |\n| beforeClose | 弹层关闭前触发的事件 | `() => void` | 默认不执行任何操作 |\n| onClose | 弹层关闭后触发的事件 | `() => void` | 默认不执行任何操作 |\n| afterClose | 弹层关闭后触发的事件, 如果有动画，则在动画结束后触发 | `() => void` | 默认不执行任何操作 |\n| beforeOpen | 弹层打开前触发的事件 | `() => void` | 默认不执行任何操作 |\n| onOpen | 弹层打开后触发的事件 | `() => void` | 默认不执行任何操作|\n| afterOpen | 弹层打开后触发的事件, 如果有动画，则在动画结束后触发 | `() => void` | 默认不执行任何操作 |\n| onRequestClose | 弹层请求关闭触发的事件。**参数**: _reason_: `string` 弹层关闭的来源 _e_: `Event` DOM 事件 | `(reason: string, e: Event) => void` | 默认不执行任何操作 |\n| beforePosition | 弹层定位完成前触发的事件 | `() => void` | 默认不执行任何操作 |\n| onPosition | 弹层定位完成后触发的事件。**参数**: _config_: `object` 定位的参数 _node_: `object` 定位的元素 | `(config: object, node: object) => void` | 默认不执行任何操作 |\n| autoFocus | 弹层打开的时候是否让里面的元素自动获取焦点 | `boolean` | `false` |\n| cache | 隐藏时是否保留子节点 | `boolean` | `false` |\n| safeNode | 安全节点,当点击 document 的时候, 如果包含该节点则不会关闭弹层, 如果是函数需要返回 ref, 如果是字符串则是该DOM的 id, 也可以直接传入DOM节点 | `any` | N/A |\n| wrapperClassName | 弹层的根节点的样式类 | `string` | N/A |\n| container | 指定渲染组件的容器 | `any` | N/A |\n| shouldUpdatePosition | 强制更新定位信息 | `boolean` | N/A |\n| needAdjust | 是否自动调整定位的位置 | `boolean` | N/A |\n| disableScroll | 是否禁用页面滚动 | `boolean` | `true` |\n| prefix | 样式类名的品牌前缀 | `string` | `\"next-\"` |\n| showDelete | 是否展示条目前面的删除图表， 设置为 false 则无法删除 | `boolean` | `true` |\n\n### TaskSorter.Setting\n\n用于设置任务面板右上角的元素。\n","readmeFilename":"README.md"}