{"_id":"@activity-design/cat-ui","name":"@activity-design/cat-ui","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@activity-design/cat-ui","version":"1.0.0","main":"lib/components/index.js","license":"MIT","repository":{"type":"git"},"publishConfig":{"access":"public"},"engines":{"node":">=8.11"},"scripts":{"dev":"start-storybook","new":"./scripts/new-component.sh","test":"jest --coverage","test:watch":"jest --watch --coverage","storybook:build":"npm run test && npm run build:storybook","storybook:start":"NODE_ENV=test pm2 start ./server.js --name=cat-ui-storybook","storybook:stop":"pm2 stop cat-ui-storybook","storybook:publish":"npm install && npm run storybook:build && npm run storybook:start","lint":"tslint -c tslint.json 'src/**/*.{ts,tsx}'","lint:fix":"npm run lint -- --fix ","prettier:base":"prettier --parser typescript --single-quote --trailing-comma none","prettier:check":"npm run prettier:base -- -l \"src/**/*.{ts,tsx}\"","prettier:write":"npm run prettier:base -- --write \"src/**/*.{ts,tsx}\"","update:icon":"node ./scripts/updateIcon/index.js --inspect --code=xgu2q7o3gi","build:css":"sass --color --no-source-map src/styles:styles","build:ts":"tsc --build","update:snapshot":"jest --updateSnapshot","build:storybook":"build-storybook -o out","build":"rm -rf lib styles && npm run build:ts && npm run build:css","deploy:gitpage":"npm run build:storybook && echo 'cat-ui.cn' > 'out/CNAME' && storybook-to-ghpages -o .out --existing-output-dir=.out","release":"npm run build","xpm3-test":"PUBLIC_URL=http://static2.test.ximalaya.com/yx/cat-ui/last/ && xpm3 te"},"peerDependencies":{"lodash":">=4.17.15","react":">=17.0.1","react-dom":">=17.0.1"},"dependencies":{"classnames":"^2.2.6","enquire.js":"^2.1.6","hoist-non-react-statics":"^3.3.0","intersection-observer":"^0.10.0","keycode":"^2.2.0","memoize-one":"^5.0.2","omit.js":"^1.0.2","prop-types":"^15.7.2","react-intersection-observer":"^8.26.2","react-transition-group":"^4.3.0","ua-parser-js":"^0.7.20"},"devDependencies":{"@babel/core":"^7.6.4","@storybook/addon-info":"^5.3.2","@storybook/addon-storysource":"^5.3.2","@storybook/react":"^5.3.2","@storybook/storybook-deployer":"^2.8.1","@types/classnames":"^2.2.9","@types/clipboard":"^2.0.1","@types/enquire.js":"^2.1.2","@types/enzyme-adapter-react-16":"^1.0.5","@types/hoist-non-react-statics":"^3.3.1","@types/jest":"^24.0.24","@types/lodash":"^4.14.149","@types/react":"^16.9.17","@types/react-dom":"^16.9.4","@types/react-transition-group":"^4.2.3","@types/sinon":"^7.5.1","awesome-typescript-loader":"^5.2.1","babel-loader":"^8.0.6","css-loader":"^3.2.0","cz-emoji":"^1.1.2","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.15.1","enzyme-to-json":"^3.4.3","file-loader":"^4.2.0","fs-extra":"^8.1.0","hi-pkg-scripts":"^0.6.0","jest":"^24.9.0","lodash":"^4.17.15","react":"^16.12.0","react-dom":"^16.12.0","sass":"^1.23.2","sass-loader":"^8.0.0","sinon":"^7.5.0","style-loader":"^1.0.0","ts-jest":"^24.2.0","typescript":"^3.7.2"},"config":{"cz-emoji":{"types":[{"emoji":"✨","code":"✨","description":"Introducing new features.","name":"feature"},{"emoji":"🐛","code":"🐛","description":"Fixing a bug.","name":"fix"},{"emoji":"💄","code":"💄","description":"Updating the UI and style files.","name":"ui"},{"emoji":"⚡️","code":":zap:","description":"Improving performance.","name":"perf"},{"emoji":"📝","code":"📝","description":"Writing docs.","name":"docs"},{"emoji":"♻️ ","code":"♻️","description":"Refactoring code.","name":"refactor"},{"emoji":"✏️ ","code":"✏️","description":"A chore change.","name":"chore"},{"emoji":"🔧","code":"🔧","description":"Changing configuration files.","name":"config"},{"emoji":"⚙️ ","code":"⚙️ ","description":"Changing configuration ci.","name":"ci"},{"emoji":"🔥","code":"🔥","description":"Removing code or files.","name":"prune"},{"emoji":"🔖","code":"🔖","description":"Releasing / Version tags.","name":"release"},{"emoji":"👷","code":"👷","description":"Adding CI build system.","name":"ci"},{"emoji":"➕","code":"➕","description":"Adding a dependency.","name":"dep-add"},{"emoji":"💩","code":"💩","description":"Writing bad code that needs to be improved.","name":"poo"},{"emoji":"🚚","code":"🚚","description":"Moving or renaming files.","name":"mv"},{"emoji":"🙈","entity":"🙈","code":":see_no_evil:","description":"Adding or updating a .gitignore file","name":"see-no-evil"},{"emoji":"⬆️","code":"⬆️","description":" Upgrading dependencies.","name":"upgrade"},{"emoji":"✅","code":"✅","description":"Adding tests.","name":"test"}]},"commitizen":{"path":"./node_modules/cz-emoji"}},"hi-pkg-scripts":{"release":{"generateChangelog":true}},"xpm3":{"output":["out"],"rep":"yx"},"gitHead":"f2335b2c5c3cfe3c817895fd52557df962129932","description":"喜马拉雅国际版前端基础组件库","_id":"@activity-design/cat-ui@1.0.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","_npmUser":{"name":"zhangfan999999","email":"356672247@qq.com"},"dist":{"integrity":"sha512-YA7A2QJS2HPeith/SHfwSdO2JddVYjjhDWfebymingtCLBtXI2DnPBqRTJodRkLOv2k0QCaN7Lvb3dPBaGTJaQ==","shasum":"be8f396f4083d7881dab6ae096729a200026a505","tarball":"https://registry.npmjs.org/@activity-design/cat-ui/-/cat-ui-1.0.0.tgz","fileCount":804,"unpackedSize":1847973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4a8ihQ/m9ryEiimbTXLrnQyxfd3PiZBc3bm/odmzJXQIhAN5blmKqsG7EgpArpoBoPfuz7zsPZ+c7TVfzL9car3hf"}]},"directories":{},"maintainers":[{"name":"zhangfan999999","email":"356672247@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cat-ui_1.0.0_1693145547904_0.47358848272826304"},"_hasShrinkwrap":false}},"time":{"created":"2023-08-27T14:12:27.811Z","1.0.0":"2023-08-27T14:12:28.214Z","modified":"2023-08-27T14:12:28.520Z"},"maintainers":[{"name":"zhangfan999999","email":"356672247@qq.com"}],"description":"喜马拉雅国际版前端基础组件库","repository":{"type":"git"},"license":"MIT","readme":"# cat-ui\n\n喜马拉雅国际版前端基础组件库\n\n# 预览地址\n\nhttp://static2.test.ximalaya.com/yx/cat-ui/last/out/index.html\n\n## 安装\n\n```shell\nnpm install @xmly/cat-ui\n```\n\nor\n\n```shell\nyarn add @xmly/cat-ui\n```\n\n**发布到云效**\n\n```\nyarn build:storybook\nyarn xpm3-test\n```\n\n**发布版本**\n\n```\nyarn release\nnpm publish\n```\n\n## 使用\n\n### 1 在入口中导入 `css` 文件\n\n```js\n// index.js\nimport '@xmly/cat-ui/styles/index.css';\n\n// 如果需要引入全局的normalize.css或者reset.css\nimport '@xmly/cat-ui/styles/common/normalize.css';\nimport '@xmly/cat-ui/styles/common/reset.css';\n```\n\n### 2 使用组件\n\n```jsx\nimport { Button } from '@xmly/cat-ui';\n\nconst App = () => {\n  return <Button>Add</Button>;\n};\n\nexport default App;\n```\n\n### 3 组件按需加载\n\n- `npm install babel-plugin-import -D` 下载 `babel-plugin-import` 插件\n- 配置 `babel-plugin-import` 插件：\n\nwebpack.config.js\n\n```js\n/**\n * css name covert\n * 1 Button => button\n * 2 ElementSelect => element-select\n * @param {string} name 组件名称\n */\nconst cssNameConvert = function(name) {\n  const len = name.length;\n  let ret = '';\n  for (let i = 0; i < len; i++) {\n    const charCode = name.charCodeAt(i);\n    if (charCode >= 65 && charCode <= 90) {\n      ret +=\n        i === 0\n          ? String.fromCharCode(charCode + 32)\n          : `-${String.fromCharCode(charCode + 32)}`;\n    } else {\n      ret += name[i];\n    }\n  }\n  return ret;\n};\n\nmodule.exprots = {\n  module: {\n    rules: [\n      {\n        {\n          test: /\\.(js|mjs|jsx|ts|tsx)$/,\n          loader: require.resolve('babel-loader'),\n          options: {\n            plugins: [\n              [\n                'import',\n                {\n                  libraryName: '@xmly/cat-ui',\n                  libraryDirectory: 'lib/components',\n                  \"camel2DashComponentName\": false,\n                  customStyleName: name => {\n                    const newName = cssNameConvert(name);\n                    return `@xmly/cat-ui/styles/${newName}.css`;\n                  }\n                }\n              ]\n            ]\n          }\n        }\n      }\n    ]\n  }\n}\n```\n\n## 开发流程\n\n[开发流程](./docs/开发流程.md)\n\n## 更新日志\n\n[更新日志](./changelog.md)\n","readmeFilename":"README.md"}