{"_id":"@ctmobile/ui-fontsizesetting-sd","_rev":"2-8afa611a1822da08ec927be5392a13fb","name":"@ctmobile/ui-fontsizesetting-sd","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ctmobile/ui-fontsizesetting-sd","version":"1.0.0","description":"支持移动端的UI组件-FontSizeSetting","main":"lib/fontsizesetting.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"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["FontSizeSetting","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"},"_id":"@ctmobile/ui-fontsizesetting-sd@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-n90Bi4A2RhPfpCbzc2Asu2rSO6Q8ZLzOg4yttOPmrmztJD5dYc4dIUG6DwLUVqcbm/DlUxKfaTsHoPXSPUXZPg==","shasum":"771c1efba486dcf4340cc73e7b9768697457767b","tarball":"https://registry.npmjs.org/@ctmobile/ui-fontsizesetting-sd/-/ui-fontsizesetting-sd-1.0.0.tgz","fileCount":13,"unpackedSize":25637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdMGiVCRA9TVsSAnZWagAADI0P/RdnnNWoLxvDjg2gt/g3\nmewupkA2MfCB2ujSajn+j7ZN404znFTU9hkFpyinjc+6JiTH0moiBq0Fn2H7\nQlwbHZ/ocKprtiVm2EkAy8KkfxapKr37dKhIpvZjLbgx+Sj+MU/paE0sGP8G\nmLRVREBik2ozMPzPOeN9Sd0WH6IBq8jnMFulBe8JvhekYObgilrLNxwsa00E\nK+MRNvzFxQOoorRNdwan2tr3U1Dlsm3ulL0CF27yx+315Dmuvx322FjQ8Jx/\n9LrAhAAtfbIAC+PRbjab4+RX6D4UPQQuzHSMNDpRzGBPJd6VU7cwzGAdDBer\n+JgWKPB9RBX2/unCaJSSfQmqC1uy5lH9vQoOqDUECiVV6+Zo/zWUsD56sGX1\n3ien7uUEeFk+IwQjRKTxF4hxwWjyMahkxHPo6W1mWxQI2rJiDlysk04BQiOl\n4sYr3oOIz5KkboeX/0H9PdflohGPIS4laMkid44bUD2B97On7grJ76kXVznc\nGAeE/olzX4aBECHhqFD/ROwa1AvmLDxL5D/M4drjI85J55mavloVcSGQSRf4\nk9P7j56//Ybbbtg3BOkjts2w2rrD4Ky6sDVF/CD95HyWB6uPjzZegtN8sphY\nLV4LVw3xKq6MxDYatgR8rrVC2XJBQZq0qfxCZth8N1lggc1qhwp0GWfqrGov\nW8yL\r\n=HGKa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA6LLjEyPPqohTu6Q8iyhQl//nAiQhTJl0d5LzoH4hItAiEAysNqAVm5aYVioVVmPc+6F/Js6LOBcz8bdOLY4E6dFaQ="}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-fontsizesetting-sd_1.0.0_1563453588212_0.7160455390193743"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ctmobile/ui-fontsizesetting-sd","version":"1.0.1","description":"支持移动端的UI组件-FontSizeSetting","main":"lib/fontsizesetting.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"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["FontSizeSetting","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"},"_id":"@ctmobile/ui-fontsizesetting-sd@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-C0O1JA3J7f5LtY8tIaxhnmLaCtm5wQx5CuqMk9jr6b8Jm8XM6GgxzqoBmFTAF5HqRzcgkY2I58em6G7mts7MXg==","shasum":"6bb5cc34aafee1b7ba175f1db744cbad6a947c22","tarball":"https://registry.npmjs.org/@ctmobile/ui-fontsizesetting-sd/-/ui-fontsizesetting-sd-1.0.1.tgz","fileCount":8,"unpackedSize":17636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgc9SCRA9TVsSAnZWagAA780QAI1EbFEuo56Dy9hcodnO\nXJbfAQGLoCA6SwS1JQM3wMmt4zDv8M8RgHGFOzgJoDpdMsm8xrEyRW7IlPcz\nKRWFL9oOEVHoCc22HefNQlNy1IEvNKf1uB9Vuv1oHiS8OYDyeSkXmtQT5qtx\nyzymh4/5Sv3gR6I5oohGdAyeXefHJ5POYPXiBDcXRkU1sqa1IJkS6kE07WjR\nt3ALt8+5+Dxi6SUUZ31X7M75Y6aAyOvky2Ta17cFn6494H1Lr93xMHvs8tQQ\nN4mYneVOstz+I1YTFgwwImdgljMQNsGe7mYPryI3JalruUzZpxY9Im1votks\ngHs7Qd5XfGey2ouky0x7s2NyZnhvL2d5nXlP0s1hq9DKjUocgbnya+2mPoIJ\ncEGfQAldYH4uUQJbM8vKXCx9jP3sLvD7m4Yqs5bf6Spu/xlfaPEzhRe9kOlP\nugE+rjaK8zSqBynMwLKTgOlP2JbE1MfPvKLgQxNrcdIRe5WI9uCQFcoSU2SS\nnr3zqo5geTfViompUq534YRQaAqXRmMxbYQJQ9W5Dup9o9c8L+UR0Ip9rYdp\nVPGtgSP95tUFlBiXBAfOwsrQ5W2URlx2+xFIGIkskLEmVKfi7qGaJxReaKUT\nW7+igRotmF5eX0T/Bm8/Nz8d6A8+bvxPntD5i77s9UVVSpK9SWd0jkk82lrq\n/QnA\r\n=Ivra\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDFC0jurYipSuun7HXyVe1WlvSakoLoOFcvYtrcbxdyQAiEA7eBNLwKQ+GwN/qBx9Xfdg1PFGqhcp7/an9oa9P62AnM="}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-fontsizesetting-sd_1.0.1_1568788305495_0.39958445960969335"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-18T12:39:48.041Z","1.0.0":"2019-07-18T12:39:48.316Z","modified":"2022-04-05T02:04:06.051Z","1.0.1":"2019-09-18T06:31:45.693Z"},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"description":"支持移动端的UI组件-FontSizeSetting","homepage":"https://github.com/playerljc/CTMobile-UI#readme","keywords":["FontSizeSetting","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":"# FontSizeSetting\r\n\r\n* [基本布局](#fontsizesetting-layout)\r\n* [初始化](#fontsizesetting-initial)\r\n* [例子](#fontsizesetting-demo)\r\n* [方法](#fontsizesetting-methods)\r\n* [事件](#fontsizesetting-events)\r\n  - [change](#fontsizesetting-events-change)\r\n\r\n## 基本布局\r\n\r\n常见的布局如下：\r\n\r\n```\r\n\r\n```\r\n\r\n* ct-fontsizesetting - 代表是一个fontsizesetting组件\r\n\r\n## 初始化\r\n\r\n```\r\n\r\n  import FontSizeSetting from '@ctmobile/ui-fontsizesetting';\r\n  const fontsizesetting = FontSizeSetting(el,{\r\n    min: '0',\r\n    max: '100',\r\n    setp: '1',\r\n    value: '33.3',\r\n  });\r\n\r\n```\r\n\r\n## 例子\r\n\r\n#### html\r\n\r\n```\r\n\r\n  <div style=\"margin-top:10px;\">\r\n    设置值：<input type=\"number\" maxlength=\"3\" id=\"setCurValue\"><br>\r\n    当前值：\r\n  </div>\r\n  <p style=\"font-size: .7rem\" id=\"font\">我是一个粉刷匠</p>\r\n\r\n```\r\n\r\n#### js\r\n\r\n```\r\n\r\n  import FontSizeSetting from '@ctmobile/ui-fontsizesetting/fontsizesetting';\r\n  import '@ctmobile/ui-fontsizesetting/fontsizesetting.less';\r\n  import '@ctmobile/ui-fontsizesetting/themes/default/fontsizesetting.less';\r\n\r\n  const fontDom = $('#font')[0];\r\n  const curValueDom = $('#setCurValue')[0];\r\n  const baseRem = 0.7, baseValue = 33.3;\r\n\r\n  curValueDom.addEventListener('input', () => {\r\n    fontSizeSetting.setValue(curValueDom.value);\r\n  });\r\n\r\n  const fontSizeSetting = FontSizeSetting($('#ct-fontsizesetting-demo')[0], {\r\n    min: '0',\r\n    max: '100',\r\n    setp: '1',\r\n    value: '33.3',\r\n  });\r\n  fontSizeSetting.on('change', (value) => {\r\n    let val = parseInt(value);\r\n    if (val === 0) {\r\n      val = 1;\r\n    }\r\n    fontDom.style.fontSize = `${(value * baseRem / baseValue)}rem`;\r\n    $('#curValue')[0].innerText = fontSizeSetting.getValue();\r\n  });\r\n\r\n```\r\n\r\n## 方法\r\n\r\nsetMin(min) - 设置最小值\r\n\r\n* min-number 最小值\r\n\r\nsetMax(max) - 设置最大值\r\n\r\n* setMax-number 最大值\r\n\r\nsetSetp(step) - 设置步进\r\n\r\n* step-number 最步进\r\n\r\nsetValue(value) - 设置当前值\r\n\r\n* value-number 当前值\r\n\r\ngetValue() - 获取当前值\r\n\r\non(type, handler) - 注册事件\r\n\r\n* type-string 注册事件的类型,包括[change]\r\n* handler-Function 注册事件的回调函数\r\n\r\n## 事件\r\n\r\n|  名称 |  说明 |\r\n| --- | --- |\r\n| change |  值发生改变的时候出发 |\r\n\r\n```\r\n\r\n  import FontSizeSetting from '@ctmobile/ui-fontsizesetting/fontsizesetting';\r\n  import '@ctmobile/ui-fontsizesetting/fontsizesetting.less';\r\n  import '@ctmobile/ui-fontsizesetting/themes/default/fontsizesetting.less';\r\n\r\n  const fontDom = $('#font')[0];\r\n  const curValueDom = $('#setCurValue')[0];\r\n  const baseRem = 0.7, baseValue = 33.3;\r\n\r\n  curValueDom.addEventListener('input', () => {\r\n    fontSizeSetting.setValue(curValueDom.value);\r\n  });\r\n\r\n  const fontSizeSetting = FontSizeSetting($('#ct-fontsizesetting-demo')[0], {\r\n    min: '0',\r\n    max: '100',\r\n    setp: '1',\r\n    value: '33.3',\r\n  });\r\n  fontSizeSetting.on('change', (value) => {\r\n    let val = parseInt(value);\r\n    if (val === 0) {\r\n      val = 1;\r\n    }\r\n    fontDom.style.fontSize = `${(value * baseRem / baseValue)}rem`;\r\n    $('#curValue')[0].innerText = fontSizeSetting.getValue();\r\n  });\r\n\r\n```\r\n","readmeFilename":"README.md"}