{"versions":{"1.0.3":{"name":"af-table-column","version":"1.0.3","description":"af-table-column: auto fit table column, 自适应宽度的列组件","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","package":"vue-cli-service build --target lib --name af-table-column ./src/components/AFTableColumn/index.js","lint":"vue-cli-service lint"},"main":"./dist/af-table-column.common.js","repository":{"type":"git","url":"git+https://github.com/legendJaden/AFTableColumn.git"},"dependencies":{"vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.4.0","@vue/cli-plugin-eslint":"^3.4.0","@vue/cli-service":"^3.8.0","autoprefixer":"^6.6.0","babel-core":"^6.24.1","babel-eslint":"^10.0.1","babel-loader":"^6.4.0","babel-plugin-component":"^1.1.1","babel-preset-es2015":"^6.24.1","babel-preset-vue-app":"^1.2.0","element-ui":"^2.5.4","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0","vue-template-compiler":"^2.6.10"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{"vue/no-unused-vars":0},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"c601c6cecad9cbb8e373de26c9a3296e0105d327","bugs":{"url":"https://github.com/legendJaden/AFTableColumn/issues"},"homepage":"https://github.com/legendJaden/AFTableColumn#readme","_id":"af-table-column@1.0.3","_nodeVersion":"8.11.1","_npmVersion":"6.9.0","dist":{"shasum":"5cf6b461054a8c8a7446a51623717d6c205d5d4f","size":223951,"noattachment":false,"tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/af-table-column/-/af-table-column-1.0.3.tgz"},"maintainers":[{"name":"anonymous","email":"wbz20125409@hotmail.com"}],"_npmUser":{"name":"anonymous","email":"wbz20125409@hotmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/af-table-column_1.0.3_1568800218907_0.022052611925323262"},"_hasShrinkwrap":false,"publish_time":1568800219181,"_cnpm_publish_time":1568800219181,"contributors":[]},"1.0.2":{"name":"af-table-column","version":"1.0.2","description":"af-table-column: auto fit table column, 自适应宽度的列组件","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","package":"vue-cli-service build --target lib --name af-table-column ./src/components/AFTableColumn/index.js","lint":"vue-cli-service lint"},"main":"./dist/af-table-column.common.js","repository":{"type":"git","url":"git+https://github.com/legendJaden/AFTableColumn.git"},"dependencies":{"vue":"^2.5.22"},"devDependencies":{"@vue/cli-plugin-babel":"^3.4.0","@vue/cli-plugin-eslint":"^3.4.0","@vue/cli-service":"^3.4.0","autoprefixer":"^6.6.0","babel-core":"^6.24.1","babel-eslint":"^10.0.1","babel-loader":"^6.4.0","babel-plugin-component":"^1.1.1","babel-preset-es2015":"^6.24.1","babel-preset-vue-app":"^1.2.0","element-ui":"^2.5.4","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0","vue-template-compiler":"^2.5.21"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"98c57594cd6c8f0707f410b45f194a208959f92f","bugs":{"url":"https://github.com/legendJaden/AFTableColumn/issues"},"homepage":"https://github.com/legendJaden/AFTableColumn#readme","_id":"af-table-column@1.0.2","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"wbz20125409@hotmail.com"},"dist":{"shasum":"eaeef5833592c3f3018c29aa29f661e83693ae01","size":267427,"noattachment":false,"tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/af-table-column/-/af-table-column-1.0.2.tgz"},"maintainers":[{"name":"anonymous","email":"wbz20125409@hotmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/af-table-column_1.0.2_1550055546917_0.54226676925791"},"_hasShrinkwrap":false,"publish_time":1550055547146,"_cnpm_publish_time":1550055547146,"contributors":[]},"1.0.1":{"name":"af-table-column","version":"1.0.1","description":"af-table-column: auto fit table column, 自适应宽度的列组件","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","package":"vue-cli-service build --target lib --name af-table-column ./src/components/AFTableColumn/index.js","lint":"vue-cli-service lint"},"main":"./dist/af-table-column.common.js","dependencies":{"vue":"^2.5.22"},"devDependencies":{"@vue/cli-plugin-babel":"^3.4.0","@vue/cli-plugin-eslint":"^3.4.0","@vue/cli-service":"^3.4.0","autoprefixer":"^6.6.0","babel-core":"^6.24.1","babel-eslint":"^10.0.1","babel-loader":"^6.4.0","babel-plugin-component":"^1.1.1","babel-preset-es2015":"^6.24.1","babel-preset-vue-app":"^1.2.0","element-ui":"^2.5.4","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0","vue-template-compiler":"^2.5.21"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"9e1266bec2bfd1df239535b5d56488dab0af078d","_id":"af-table-column@1.0.1","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"wbz20125409@hotmail.com"},"dist":{"shasum":"87488d3a42ae1227cf530b7b19c7787b80a9c1c4","size":267346,"noattachment":false,"tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/af-table-column/-/af-table-column-1.0.1.tgz"},"maintainers":[{"name":"anonymous","email":"wbz20125409@hotmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/af-table-column_1.0.1_1550050433662_0.94377852921758"},"_hasShrinkwrap":false,"publish_time":1550050433819,"_cnpm_publish_time":1550050433819,"contributors":[]},"1.0.0":{"name":"af-table-column","version":"1.0.0","description":"af-table-column: auto fit table column, 自适应宽度的列组件","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","package":"vue-cli-service build --target lib --name af-table-column ./src/components/AFTableColumn/index.js","lint":"vue-cli-service lint"},"main":"./dist/af-table-column.common.js","dependencies":{"vue":"^2.5.22"},"devDependencies":{"@vue/cli-plugin-babel":"^3.4.0","@vue/cli-plugin-eslint":"^3.4.0","@vue/cli-service":"^3.4.0","autoprefixer":"^6.6.0","babel-core":"^6.24.1","babel-eslint":"^10.0.1","babel-loader":"^6.4.0","babel-plugin-component":"^1.1.1","babel-preset-es2015":"^6.24.1","babel-preset-vue-app":"^1.2.0","element-ui":"^2.5.4","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0","vue-template-compiler":"^2.5.21"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"c181dcf2fe90d8c6e9aae90e04302b05be463b1e","_id":"af-table-column@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"wbz20125409@hotmail.com"},"dist":{"shasum":"f357ede3aa2ec48ce1cb682c137c277f2df61e27","size":266282,"noattachment":false,"tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/af-table-column/-/af-table-column-1.0.0.tgz"},"maintainers":[{"name":"anonymous","email":"wbz20125409@hotmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/af-table-column_1.0.0_1550048832537_0.9287938958269304"},"_hasShrinkwrap":false,"publish_time":1550048832811,"_cnpm_publish_time":1550048832811,"contributors":[]}},"dist-tags":{"latest":"1.0.3"},"name":"af-table-column","time":{"modified":"2023-08-09T05:03:31.434Z","created":"2022-01-27T07:50:06.811Z","1.0.3":"2019-09-18T09:50:19.181Z","1.0.2":"2019-02-13T10:59:07.146Z","1.0.1":"2019-02-13T09:33:53.819Z","1.0.0":"2019-02-13T09:07:12.811Z"},"readme":"# [af-table-column](https://github.com/legendJaden/AFTableColumn)\r\n\r\n### 简介\r\n基于 `element-ui` 组件库的 `el-table-column` 组件, 支持自适应列宽功能\r\n### 安装\r\n```\r\nnpm install af-table-column\r\n```\r\n\r\n### 使用\r\n> 注意: 需要事先引入 `Vue` 和 `Element-UI` 依赖库, 并在 `<el-table></el-table>` 组件下使用该组件\r\n```\r\n// main.js\r\nimport Vue from 'vue'\r\nimport ElementUI from 'element-ui'\r\nimport AFTableColumn from 'af-table-column'\r\n\r\nVue.use(AFTableColumn)\r\n```\r\n\r\n- 默认用法, 全部自适应列宽\r\n```\r\n// list.vue\r\n<template>\r\n  <el-table :data=\"data\">\r\n    \r\n    <af-table-column label=\"列1\" prop=\"field1\"></af-table-column>\r\n    <af-table-column label=\"列2\" prop=\"field2\"></af-table-column>\r\n    \r\n    <!--也支持简单的自定义内容-->\r\n    <af-table-column label=\"列3\">\r\n      <template slot-scope=\"scope\">\r\n        <div>自定义显示值31: {{ scope.row.field31 }}</div>\r\n        <div>自定义显示值32: {{ scope.row.field32 }}</div>\r\n      </template>\r\n    </af-table-column>\r\n    <af-table-column label=\"操作\">\r\n      <template slot-scope=\"scope\">\r\n        <el-button @click=\"removeItem\">删除</el-button>\r\n      </template>\r\n    </af-table-column>\r\n    \r\n  </el-table>\r\n</template>\r\n```\r\n\r\n- 部分不适应列宽, 两种写法:\r\n```\r\n// list.vue\r\n<template>\r\n  <el-table :data=\"data\">\r\n    <!--1. 设置 fit 属性为 false-->\r\n    <af-table-column label=\"列1\" prop=\"field1\" :fit=\"false\"></af-table-column>\r\n    \r\n    <!--2. 使用 `ElementUI` 原有的 `el-table-column`-->\r\n    <el-table-column label=\"列2\" prop=\"field2\"></el-table-column>\r\n  </el-table>\r\n</template>\r\n```\r\n\r\n- 部分自适应列宽:\r\n```\r\n// list.vue\r\n// 实现仅有 列2 自适应\r\n<template>\r\n  <!--在 table 上设置 autoFit 属性为 false-->\r\n  <el-table :data=\"data\" :autoFit=\"false\">\r\n    <af-table-column label=\"列1\" prop=\"field1\"></af-table-column>\r\n    \r\n    <!--在 column 上设置 fit 属性为 true-->\r\n    <af-table-column label=\"列2\" prop=\"field2\" fit></af-table-column>\r\n  </el-table>\r\n</template>\r\n\r\n<!--或者其他列使用 ElementUI 原有的 el-table-column-->\r\n<template>\r\n  <el-table :data=\"data\">\r\n    <el-table-column label=\"列1\" prop=\"field1\"></el-table-column>\r\n    <af-table-column label=\"列2\" prop=\"field2\"></af-table-column>\r\n  </el-table>\r\n</template>\r\n```\r\n\r\n> 暂不支持的用法:\r\n> `column` 的自定义内容中存在过于复杂的组件, 如:\r\n> ```\r\n> <el-table>\r\n>   <af-table-column>\r\n>     <template slot-scope=\"scope\">\r\n>       \r\n>       <el-form>\r\n>         <el-form-item label=\"输入框\" prop=\"inputField\">\r\n>           <el-input v-model=\"formData.inputField\"></el-input>\r\n>         </el-form-item>\r\n>         <el-form-item label=\"选择框\" prop=\"selectField\">\r\n>           <el-select v-model=\"formData.selectField\">\r\n>             <el-option :label=\"选项1\" :value=\"value1\"></el-option>\r\n>             <el-option :label=\"选项2\" :value=\"value2\"></el-option>\r\n>             <el-option :label=\"选项3\" :value=\"value3\"></el-option>\r\n>           </el-select>\r\n>         </el-form-item>\r\n>       </el-form>\r\n>       \r\n>     </template>\r\n>   </af-table-column>\r\n> </el-table>\r\n> ```\r\n> 因为组件暂时不能考虑到所有的自定义情况并计算元素实际宽度\r\n\r\n### 配置项\r\n1. `fontRate`:\r\n自适应列宽时三种字符的字体比例\r\n\r\n| 字符 | 字段 | 默认值 |\r\n| ---- | ---- | ---- |\r\n| 汉字 | CHAR_RATE | 1.1 |\r\n| 数字 | NUM_RATE | 0.65 |\r\n| 其他 | OTHER_RATE | 0.5 |\r\n2. `fontSize`:\r\n字体大小px值, 用于计算各种字符占的像素宽度, 默认为 14\r\n> 注意: 此字段并非控制样式的 `font-size`\r\n\r\n```\r\n// 全局配置\r\n// main.js\r\n// 定义字体比例\r\nconst fontRate = {\r\n  CHAR_RATE: 1.1, // 汉字比率\r\n  NUM_RATE: 0.65, // 数字\r\n  OTHER_RATE: 0.8 // 除汉字和数字以外的字符的比率\r\n}\r\nconst fontSize = 16\r\n// 注册组件\r\nVue.use(AFTableColumn, { fontRate, fontSize })\r\n\r\n// 局部配置\r\n// 以上字段也可作为组件的属性, 用于单独设置对应列\r\n// list.vue\r\n<template>\r\n  <el-table>\r\n    <af-table-column :fontSize=\"20\" label=\"列1\" prop=\"field1\"></af-table-column>\r\n    <af-table-column :fontRate=\"fontRate\" label=\"列2\" prop=\"field2\"></af-table-column>\r\n  </el-table>\r\n</template>\r\n<script>\r\n  export default {\r\n    data () {\r\n      return {\r\n        fontRate: {\r\n          OTHER_RATE: 1.5\r\n        },\r\n      }\r\n    }\r\n  }\r\n</script>\r\n```\r\n> 备注: 可缺省任意字段, 组件将使用默认值.","users":{}}