{"_id":"@dsadasadsdsa/rapid-strips","name":"@dsadasadsdsa/rapid-strips","dist-tags":{"latest":"1.0.13"},"versions":{"1.0.13":{"name":"@dsadasadsdsa/rapid-strips","version":"1.0.13","description":"Rapid Strips 视频剪辑","main":"lib/index.js","module":"es/index.js","scripts":{"build":"npm run build:lib && npm run build:es","build:lib":"webpack --config build/webpack.lib.js","build:es":"webpack --config build/webpack.es.js","start":"vue-cli-service serve","dev":"vue-cli-service serve","test:dev":"vue-cli-service serve","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["vue","vue2","components","ui"],"author":{"name":"Your Name"},"license":"MIT","peerDependencies":{"vue":"^2.6.0"},"dependencies":{"axios":"^0.18.0","dayjs":"^1.7.7","iview-area":"^1.5.17","js-cookie":"^2.2.1","moment":"^2.29.1","number-precision":"^1.6.0","uuid":"^9.0.0","v-hotkey":"^0.9.0","view-design":"^4.7.0","vuex":"^3.0.1"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@vue/cli-plugin-babel":"^5.0.8","@vue/cli-service":"^5.0.8","babel-loader":"^8.2.2","core-js":"^3","css-loader":"^5.0.1","file-loader":"^6.2.0","less":"^2.7.3","less-loader":"^4.0.5","style-loader":"^2.0.0","url-loader":"^4.1.1","vue":"^2.6.12","vue-loader":"^15.9.6","vue-template-compiler":"^2.6.12","webpack":"^4.44.2","webpack-cli":"^3.3.12","webpack-merge":"^5.7.3"},"resolutions":{"marked":"^4.3.0"},"_id":"@dsadasadsdsa/rapid-strips@1.0.13","gitHead":"c0db47b8b10e6534038b6ace7268822252797c6b","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-2SSpNPrmc0EsIVsAFdrsYXP422QLou4wnocUi5G87xeEol0VfBtCgpv8GPfXQx++1e+DLz7yXPouwIAog68XGA==","shasum":"fbcf07e8a1b1da68732c931119a3dcd28cd30d5e","tarball":"https://registry.npmjs.org/@dsadasadsdsa/rapid-strips/-/rapid-strips-1.0.13.tgz","fileCount":73,"unpackedSize":7728509,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHKdiybNgRaJNRIcytIwb0KixlZtkqv8XcNQ4XexvS/AAiEA/lrBZn1lQFbYWHn8YtivYO4GgBiAVvk01jOsNH7ruCM="}]},"_npmUser":{"name":"dsadasadsdsa","email":"dai_weihua@outlook.com"},"directories":{},"maintainers":[{"name":"dsadasadsdsa","email":"dai_weihua@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rapid-strips_1.0.13_1762414318574_0.38811097265237526"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-06T07:31:58.383Z","1.0.13":"2025-11-06T07:31:58.792Z","modified":"2025-11-06T07:31:59.066Z"},"maintainers":[{"name":"dsadasadsdsa","email":"dai_weihua@outlook.com"}],"description":"Rapid Strips 视频剪辑","keywords":["vue","vue2","components","ui"],"author":{"name":"Your Name"},"license":"MIT","readme":"# rapid-strips\n\nRapid Strips 视频剪辑组件库（Vue2）\n\n## 安装\n\n```bash\nyarn add rapid-strips\n```\n\n```bash\nnpm install rapid-strips\n```\n\n依赖要求：\n\n- `vue@^2.6.0`（peerDependencies）\n\n## 使用\n\n### 按需引入（推荐）\n\n按需注册需要从默认导出对象中解构组件：\n\n```js\nimport RapidStripsLib from 'rapid-strips'\n\nconst { RapidStrips } = RapidStripsLib\n\nVue.component(RapidStrips.name, RapidStrips)\n```\n\n### 完整引入（）\n\n组件库在安装时会自动注册以下依赖：`view-design`、`element-ui`、`v-hotkey`、`vuex`，并为 `Vue.prototype.$store` 提供兜底。\n\n```js\nimport Vue from 'vue'\nimport RapidStripsLib from 'rapid-strips'\n\n// 可选：如果你有自定义的 Vuex store，传入以覆盖库内置的 store\nimport store from './store'\n\nVue.use(RapidStripsLib, { store })\n```\n\n### RapidStrips 使用示例\n\n```vue\n\n<template>\n  <div id=\"app\">\n    <Button type=\"primary\" @click=\"openRapidStrips\">视频剪辑</Button>\n\n    <RapidStrips\n      v-if=\"rapidStripsVisible\"\n      baseURL=\"https://xxx.cn/api\"\n      ref=\"rapidStripsRef\"\n      @close=\"closeHandle\"\n      @saveSuccess=\"saveSuccessHandle\"\n    />\n  </div>\n</template>\n\n<script>\n  import Vue from 'vue'\n  import RapidStripsLib from 'rapid-strips'\n\n  const { RapidStrips } = RapidStripsLib\n  Vue.component(RapidStrips.name, RapidStrips)\n\n  export default {\n    data() {\n      return {\n        rapidStripsVisible: false,\n      }\n    },\n    methods: {\n      openRapidStrips() {\n        this.rapidStripsVisible = true\n        this.$nextTick(() => {\n          this.$refs.rapidStripsRef.init({\n            inputUrl: 'https://xxx.com/xxx.mp4', // 需要处理的url地址\n            duration: 146, // 视频时长\n            state: '3', // 状态 1-未开始 2-直播中 3-已结束\n            origin: '2', // 来源 1-区县 2-闪电云 3-其他\n            videoId: '725', // 外部业务系统id（例如：闪电云素材id）\n            orgid: '29', // 机构ID\n            memberId: '222222', // 用户ID\n          })\n        })\n      },\n      closeRapidStrips() {\n        this.$refs.rapidStripsRef.close()\n      },\n      saveSuccessHandle(data) {\n        // 返回单次保存的prodId 例：1978010890858010624\n        console.log(data)\n      },\n      closeHandle(data) {\n        // 返回多次保存的prodId数组 例：[1978010890858010624, 2341010890858010624]\n        console.log(data)\n        this.rapidStripsVisible = false\n      },\n    },\n  }\n</script>\n```\n\n## 开发\n\n```bash\n# 安装依赖\nnpm install\n\n# 启动开发示例\nnpm run dev\n\n# 构建库（生成 lib/ 与 es/）\nnpm run build\n```\n","readmeFilename":"README.md","_rev":"1-8cafcd85cfccdf3e856e5a373158f98c"}