{"_id":"@ams-team/field-tag","_rev":"3-4090015b5a1105a1317fb38c4477470a","name":"@ams-team/field-tag","dist-tags":{"latest":"1.2.7"},"versions":{"1.2.2":{"name":"@ams-team/field-tag","version":"1.2.2","description":"标签","author":{"name":"jun85.li"},"main":"lib/field-tag.js","unpkg":"lib/field-tag.js","_id":"@ams-team/field-tag@1.2.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.1","_npmUser":{"name":"w3cmark","email":"lijungm305@gmail.com"},"dist":{"integrity":"sha512-RMCkF11d4SRO5nYWo/rInQgJTcU8DlHDXm8QMX26WsPguWTj6QyeN7JkorUgkKycpMSgAkrVDc17t31kgSxBOw==","shasum":"018f3ab9c67042498ea4d8486f9f568ee6fe4c7e","tarball":"https://registry.npmjs.org/@ams-team/field-tag/-/field-tag-1.2.2.tgz","fileCount":7,"unpackedSize":32991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVoW2CRA9TVsSAnZWagAAQfMQAIsJKo3zVv+BIp9jRpbr\nJDzJRK8XAfkqm8seXGbxwkKSrATPmydq1Br/CyWJ/BknRHZDQj05eR/FWlr9\n2NkxI5lCkSmLxVMIJr5HS36NC3f7xvq8fQegDir+dG1HEh1o/KwX/EJ2Qx9a\netKqkNgOF9AzjQdXVPc7jewjadHiwvxkscdM4sgj31pwV/CzMRKYfkLIt4LJ\nPlB73ZJqsIj2j/dCwKBeEy8SfX+CcLcESG1h0KyplsUrrL2TJ3SJ7fCi3YZq\nqKwKXEFMVTUbrLnwtmOkkpb8d8fQ2UioF6WeZMRfzXbCdyYwpUti3KHkxw/O\nKCbGsEJixrc2ArCmmO5SK+LqkE6geY1v1EzW6T5bSTsSJTUT/kGhd8z0GDF1\nqvq547OJwUJxU8gEJeYnCodlZT+9zgNx9NfeDY4Kt4ielyRLStg9GaYhPDri\nI2M+tplMqXtDmRryKhqk/+HAirss4PczrISp7Wkx33QkTH17TOJVZMDLvfHW\na+Agagg8gOeuaROavhsO8wRw7yvzNtMmxpXKOpR1H7UOvUG3GUYZNqnOO9I0\n/bFxTWG2vJl/cBp0+U7rn9l4wv0ZsBVUCxYJ4CVhVuFWXkt1HDJ5hf8PcLXH\nLMviY2UckdLY5hX1Rz2TPr/8/VLcLtcWhZS9y0cksUTR15apHwzEfHtxhNl8\n3cfS\r\n=b0/L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCP/aKtnMalZRSAHJaGqEzBATX1w2gjfBJ0bZSDzZpVqgIhAM1QOVVEwJ2FbjiWy5oLs/tqQERnWJS4dTPdXpJKWJ+o"}]},"maintainers":[{"name":"w3cmark","email":"lijungm305@gmail.com"},{"name":"eshaooo","email":"16602047278@163.com"},{"name":"bfkkkd","email":"yournana@gmail.com"},{"name":"wzbwzb","email":"1069467662@qq.com"},{"name":"hodor-cn","email":"331492653@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/field-tag_1.2.2_1565951414274_0.525265176696075"},"_hasShrinkwrap":false},"1.2.3":{"name":"@ams-team/field-tag","version":"1.2.3","description":"标签","author":{"name":"jun85.li"},"main":"lib/field-tag.js","unpkg":"lib/field-tag.js","_id":"@ams-team/field-tag@1.2.3","_npmVersion":"6.4.1","_nodeVersion":"10.15.1","_npmUser":{"name":"w3cmark","email":"lijungm305@gmail.com"},"dist":{"integrity":"sha512-xNKubIhf1CL5HKUjJ5alGzCtcdrN44G1GyBXrF48LWDIkQUja6y66T/c1eTg13Ts8Zz6dThNttABpI+Ibf+gEw==","shasum":"398ab543c7209302e28c81651b30ce11f73c39b7","tarball":"https://registry.npmjs.org/@ams-team/field-tag/-/field-tag-1.2.3.tgz","fileCount":8,"unpackedSize":50385,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdWStXCRA9TVsSAnZWagAAZZwP/1oHyJMqXpVbXbs7yP4+\nmcVr0V5O5CFJnrJbcfX++nWkG0qWvgi/TfzNb47D6eKdHI+Fm3oTZg0tNxOc\nuKUrCmotvkulMZNVeGN0KbBAq0vEY2Vs3JmBSdGkMo2mwcdZ+DY10Y0W5IGk\nR2t79HScltsJGcxq9t2bBBi7BO0qai8ZI/T9nlIRd/7Q4zCAPcXB616Ob2ww\npoX8gpQA7TKyXflOIHYg4ZXqko/o47Yxvser2WGXlu0hDl46AFhLBeokcjVo\nVTnnGFyBjJ68GkKWGC7uC2dIy5cWppREIDQMIpOAccS9pmG0S7gYp18Lz5Cn\nAjsiD6yZwOkBTBWlGN2PKcooaVS6MZyNOPhuFHhqMYlsdOmCBRyzHrn8DbmS\ntBIETXU//9K9IjuCXtrGeqRVFxD69j1IacsFPp0SRbYzdph6U/S60TuuTsLt\nt79c9Wsvub+QUgGB7PiSEC6Ky1MxoZ9BUGAg2YmoaKcr/RYzfeyLGvgNfwm3\no85INzvOw1dRGZFFKUujIG0qdLrprXwgVIpxr2BovsU+R/K7X/gvHYtJsJdr\ny8IYXsZWezDWqXZWJYtuR8Kb86C3vobd5iQzIATwcrikfxGNzfuYVHGHOMcc\nriBl5nwIz0rytq1x/EDPuHf02wuZMurCMvb7lEWyTm0/I1ubFVgqW1v931Gj\nAjX2\r\n=5//4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFaeKbZNKB+Mon0KbM8mEabg01ANCUiPCf3d/kVmop2AIgcYFZBjtFnQlkoMk/TPW/RNPgrfhP0p/KJX20EdX+u1o="}]},"maintainers":[{"name":"bfkkkd","email":"yournana@gmail.com"},{"name":"eshaooo","email":"16602047278@163.com"},{"name":"hodor-cn","email":"331492653@qq.com"},{"name":"w3cmark","email":"lijungm305@gmail.com"},{"name":"wzbwzb","email":"1069467662@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/field-tag_1.2.3_1566124886806_0.38646539762540044"},"_hasShrinkwrap":false},"1.2.7":{"name":"@ams-team/field-tag","version":"1.2.7","description":"AMS标签","author":{"name":"ams"},"main":"lib/field-tag.js","unpkg":"lib/field-tag.js","_id":"@ams-team/field-tag@1.2.7","_nodeVersion":"8.16.2","_npmVersion":"6.14.4","_npmUser":{"name":"wzbwzb","email":"1069467662@qq.com"},"dist":{"integrity":"sha512-uhwVNC88FbcxSlh6eBegUDzTHFsHRG4zf4RxHccviiWTWaxuqFmVctnZdjjPRva8HJLbdWk7pISp6kj4eyh00w==","shasum":"7c52d27f4dceb1668de98829847ffafc0d5db7cf","tarball":"https://registry.npmjs.org/@ams-team/field-tag/-/field-tag-1.2.7.tgz","fileCount":8,"unpackedSize":59517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglAlDCRA9TVsSAnZWagAAPlsP/jGQDHCbWPhAHuO5xFE4\nPGVoRFeVDUByyqJK9IG9sdU5YnEf+6zjXUKcJNp+MZT5XO2IM23mGwYCWmIj\nmX+GqqKhKAe5DmtUvLWwve23JsmYHo7nbMwHjfPlYyVtPz7O4Wo0/dNtVfRr\nO/Bnf/gQbGsdNTB++tZzWs1YbX/PrBviRuxV7rS8nw00HBnXBq24lEwJaWHa\n94U+HNSxwQWGq/VShqFtBA/UY8kqvaN0G7iafa6cxUP5ZPV5aQ3zIguDovTN\n+ETvPKAK/hbCla5vcL0+w1iYhL6dP8EmnMwKVjUvgXjcV0YWVYpgtgKksqhd\nJAIJTlqX+Y5UY7WLREcuAXAKHycF2WiGRks6yIur3eBo17r+hTCseIlVNmSW\nGKfbJ0WAw3Cdvl1Exmz62BMI4JLkSXQKHkkQinfGHnb5JtxN1G4g89bMcUJV\nqSDLoLNWgc/9ElpaG18tDMMQeN3mB4ACvJy+5GERiQyfa//gc6anGg6gw9Xc\nQUBJpWyJaHsVaQN4GMRhPZYxPxT9hBnEt/YuEuE0y2KbzWsv8A5wiFGwohDZ\nTx+bTUlsHtByTQR6qaNU0itfoWB5i+SzBj9f9J1LVG1uYrOVzJw9M5//oWhJ\nCJ0fVa3TgEan1imFPhskIQ5C8Nj3joNWdpBCbFH+ElpioapoTH94GqRpYvD2\nGwIq\r\n=wh1g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH3IV8ReGkPPwfCDAhJIIuvrdLJCdoYb3OcPGXZsskRWAiAOHdqz8/gPTnINJRtuvJxhIVmDGeFVnqtbYms9SvxoDA=="}]},"directories":{},"maintainers":[{"name":"hodor-cn","email":"331492653@qq.com"},{"name":"wzbwzb","email":"1069467662@qq.com"},{"name":"bfkkkd","email":"yournana@gmail.com"},{"name":"eshaooo","email":"16602047278@163.com"},{"name":"w3cmark","email":"lijungm305@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/field-tag_1.2.7_1620314434803_0.3774167185924895"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-16T10:30:14.066Z","1.2.2":"2019-08-16T10:30:14.457Z","modified":"2022-04-04T13:53:05.884Z","1.2.3":"2019-08-18T10:41:26.939Z","1.2.7":"2021-05-06T15:20:34.962Z"},"maintainers":[{"name":"hodor-cn","email":"331492653@qq.com"},{"name":"wzbwzb","email":"1069467662@qq.com"},{"name":"bfkkkd","email":"yournana@gmail.com"},{"name":"eshaooo","email":"16602047278@163.com"},{"name":"w3cmark","email":"lijungm305@gmail.com"}],"description":"AMS标签","author":{"name":"ams"},"readme":"# field-tag AMS标签\n\n## 预览图\n\n![field-tag](http://h5rsc.vipstatic.com/ams/packages/field-tag.png)\n\n## 使用\n\n在AMS的resourc配置使用：\n\n```js\n// 输入创建标签\ntestTag: {\n    type: 'tag',\n    label: '标签',\n    props: {\n        'allow-create': true\n    }\n}\n\n// 选择标签（接口数据）\ntestTag: {\n    type: 'tag',\n    label: '标签',\n    props: {\n        placeholder: '请输入标签',\n        action: 'https://www.easy-mock.com/mock/5a0023effbbb09615044cb82/tag',\n        successCode: 200\n    }\n}\n\n// 选择标签（静态数据）\ntestTag: {\n    type: 'tag',\n    label: '标签',\n    props: {\n        placeholder: '请选择标签',\n        options: [\n            {\n                'id': 2001,\n                'name': '电商',\n            },\n            {\n                'id': 2002,\n                'name': '游戏',\n            },\n            {\n                'id': 2003,\n                'name': '效率',\n            },\n            {\n                'id': 2004,\n                'name': '资讯',\n            },\n            {\n                'id': 2005,\n                'name': '社区',\n            }\n        ]\n    }\n}\n\n// 创建或选择标签（静态数据，也支持接口数据）\ntestTag: {\n    type: 'tag',\n    label: '标签',\n    props: {\n        'allow-create': true,\n        options: ['唯品会', '天猫', '淘宝', '京东', '拼多多']\n    }\n}\n```\n\n接口数据结构：\n\n```js\n// 输入创建标签\n{\n    \"code\": 200,\n    \"data\": {\n        \"list\":[\"aaaa.bbb.name\", \"aaaa.ccc.name\"]\n    },\n    \"msg\": \"success\"\n}\n\n// 从接口选择已有标签添加模式\n{\n    \"code\": 200,\n    \"data\": {\n        \"list\":[\n            {\n                \"id\": 2001,\n                \"name\": \"aaaa.bbb.name\",\n                \"subName\": \"分类一\" //【可选】显示在下拉选择的次标题，如果没有subName，下拉次标题显示id\n            }\n            ...\n        ]\n    },\n    \"msg\": \"success\"\n}\n```\n\n> 其中上面每个标签包含`id`、`name`和`subName`三个字段，建议接口统一输出同名的字段。如果有旧接口无法兼容，可以通过`props.idKey`、`props.nameKey`和`props.subNameKey`来配置和接口对应的字段名。\n\n## 传值\nArray\n\n```js\n// 自由输入添加标签模式\n[\"aaaa.bbb.name\", \"aaaa.ccc.name\"]\n\n// 选择标签\n[\n    {\n        \"id\":2001,\n        \"name\":\"aaaa.bbb.name\",\n        \"subName\": \"分类一\" // //【可选】显示在下拉选择的次标题，如果没有subName，下拉次标题显示id\n    },\n    ...\n]\n```\n\n## 深入：get、set与view配置\n\n如果业务的数据结构千奇百怪，上面配置无法实现，可以通过更自由的`get`、`set` 与 `view` 来配置\n\n```js\ntestTag: {\n    type: 'tag',\n    label: '选择标签',\n    props: {\n        placeholder: '请输入标签',\n        action: 'https://www.easy-mock.com/mock/5a0023effbbb09615044cb82/tag',\n        successCode: 200\n    },\n    get(value) { // 编辑状态下有效（ctx 为 edit）\n        console.log(value)\n        return value.map(item => {\n            return (item.name || item) + '-get';\n        });\n    },\n    set(value) { // 编辑状态下有效（ctx 为 edit）\n        console.log(value)\n        return value.map(item => {\n            return (item.name || item) + '-set';\n        });\n    },\n    view(value) { // 显示状态下有效（ctx 为 view）\n        console.log(value)\n        return value.map(item => {\n            return item.name + '-view';\n        });\n    }\n},\n```\n\n## 配置\n\n|  参数  |  类型  |  必填  |  说明  |  默认值 |\n| ---- | ---- | ---- | ---- | ---- |\n| type | string | 是 | 文本类型 | 固定值为`tag` |\n| label | string | 否 | 标签文本 | - |\n| hidden | boolean | 否 | 是否隐藏field | `false`|\n| rules | array | 否 | 校验规则，详见[async-validator](https://github.com/yiminghe/async-validator) | - |\n| collapseLimit | number | 否 | 展示状态下，最多显示的标签个数，超出隐藏 | - |\n| on | object | - | 事件绑定 | - |\n| on.click | function | 否 | 点击 Tag 时触发的事件 | - |\n| on.close | function | 否 | 关闭 Tag 时触发的事件 | - |\n| props | object | - | 补充属性 | - |\n| props.action | string | 否 | 标签数据接口地址（优先级高于`options`） | - |\n| props.options | array | 否 | 标签静态数据接口地址 | - |\n| props.method | string | 否 | 接口请求方法， | `GET` |\n| props.successCode | number | 否 | 接口请求成功code | 和resource的全局配置里的`api` `successCode` 一致 |\n| props.withCredentials | boolean | 否 | 接口请求是否携带cookie | 和resource的全局配置里的`api` `withCredentials` 一致 |\n| props.placeholder | string | 否 | 输入框的`placeholder`配置 | `请输入...` |\n| props.button | string 或者 boolean | 否 | 如果是`string`类型，代表添加按钮的文案配置；如果是`boolean`类型，值为false代表隐藏该按钮 | `+ 添加` |\n| props.size | string | 否 | 尺寸，可取值：medium / small / mini | -  |\n| props.closable | boolean | 否 | 编辑状态下，标签是否可关闭 | `false` |\n| props.template | string | 否 | 标签显示的内容模板，语法和vue的模板语法类似，比如 `{{ name }} - {{ subName }} - {{ id }}` （其中`name`、`subName`和`id`是数据结构里的字段）| 默认只展示`name`字段 |\n| props['multiple-limit'] | number | 否 | 用户最多可以选择的项目数，为 0 则不限制 | 0 |\n| props['allow-create'] | boolean | 否 | 输入文字来创建新的标签（注意：允许输入创建，数据结构统一使用元素为字符串的数组格式 `[\"aaaa.bbb.name\", \"aaaa.ccc.name\"]`） | `false` |\n| props.idKey | string | 否 | 表示`id`这个字段key | `id` |\n| props.nameKey | string | 否 | 表示`name`这个字段key | `name` |\n| props.subNameKey | string | 否 | 表示`subName`这个字段key | `subName` |\n\n更多的props配置请查看：\n\n+ [element-input](http://element-cn.eleme.io/#/zh-CN/component/input)\n+ [element-tag](http://element-cn.eleme.io/#/zh-CN/component/tag)\n","readmeFilename":"README.md"}