{"_id":"smirk-ui","_rev":"74-f3b98436fa835ffcecc1537b41b45edd","name":"smirk-ui","dist-tags":{"latest":"0.1.10"},"versions":{"0.1.6":{"name":"smirk-ui","version":"0.1.6","keywords":["smirk-ui","smirk-ui/kit","echarts","data-v","naive-ui"],"author":{"name":"lukas","email":"768157417@qq.com"},"license":"MIT","_id":"smirk-ui@0.1.6","maintainers":[{"name":"jeliss","email":"768157417@qq.com"}],"dist":{"shasum":"1850cae72f84bab271dbe053568f739b002952f6","tarball":"https://registry.npmjs.org/smirk-ui/-/smirk-ui-0.1.6.tgz","fileCount":4,"integrity":"sha512-3s2cTYYFs/KQ7hGLVFv5B8qQt1dNCMOAKUxZyLaHFzjOiTJg5+PNZD+rQjgkuNtNLF0MSD2kHzuLv8w9GkCtjw==","signatures":[{"sig":"MEYCIQDF6OBAo5DCeyyoGjPCT5wAa7xD8901CJb4cPYG6uIuewIhAN+7Cev8skUL4o82zJ6vPC+Oplqm2bowJ3UUw1T3MvfR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":129451},"type":"module","_from":"file:smirk-ui-0.1.6.tgz","exports":{".":"./dist/index.es.js","./kit":"./dist/kit.es.js"},"private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"jeliss","email":"768157417@qq.com"},"_resolved":"C:\\Users\\ADMINI~1\\AppData\\Local\\Temp\\1a015e38060ddab302ec0c605b336099\\smirk-ui-0.1.6.tgz","_integrity":"sha512-3s2cTYYFs/KQ7hGLVFv5B8qQt1dNCMOAKUxZyLaHFzjOiTJg5+PNZD+rQjgkuNtNLF0MSD2kHzuLv8w9GkCtjw==","_npmVersion":"10.9.2","description":"> 1. 一个自用的 Vue3 组件库，自由度高、扩展性强、极少的入参。目标是：工作五分钟，摸鱼俩小时！\r >\r > 2. 主要基于 Naive UI 二次封装。包含大屏组件和业务组件等。\r >\r > **注：开发大屏项目时，可搭配 `smirk-kit` 使用。其中 `useDsCore` 数据源引擎，为交互、接口轮询、数据管理等工作提供了极大便利。\r > \r > smirk-ui@0.0.24 中已将 smirk-kit 迁移过来。导入方式 `import kit from 'smir","directories":{},"sideEffects":false,"_nodeVersion":"22.15.0","dependencies":{"pinia":"^2.2.4","naive-ui":"^2.40.1","@vueuse/core":"^14.3.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.com/"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.37","less":"^4.6.4","vite":"^5.3.4","@vicons/ionicons5":"^0.13.0","@vitejs/plugin-vue":"^5.0.5","unplugin-auto-import":"^0.17.5","unplugin-vue-components":"^0.26.0","rollup-plugin-visualizer":"^7.0.1","vite-plugin-style-inject":"^0.0.1","vite-plugin-vue-setup-extend":"^0.4.0"},"_npmOperationalInternal":{"tmp":"tmp/smirk-ui_0.1.6_1781004086135_0.10763642630822678","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"smirk-ui","version":"0.1.7","keywords":["smirk-ui","smirk-ui/kit","echarts","data-v","naive-ui"],"author":{"name":"lukas","email":"768157417@qq.com"},"license":"MIT","_id":"smirk-ui@0.1.7","maintainers":[{"name":"jeliss","email":"768157417@qq.com"}],"dist":{"shasum":"77caff97c5fab5f89a925994792cf559bb005e32","tarball":"https://registry.npmjs.org/smirk-ui/-/smirk-ui-0.1.7.tgz","fileCount":4,"integrity":"sha512-8jQsQE6e1gbLHzUDFo87BQP6QNUGYSHKaYd5+srM5Y1/eMbYrgHKavgsj9eoZcB03oN3H6UaPiz5VTYf0XPxxg==","signatures":[{"sig":"MEQCICqsERSY2z7glnaCUFCq9xp+3UGUo2ZVSniudYaF2T19AiAWrw8/tXZrVprictFHxwwoKbLgSRLNvVjMz8CQam6Xew==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":130108},"type":"module","_from":"file:smirk-ui-0.1.7.tgz","exports":{".":"./dist/index.es.js","./kit":"./dist/kit.es.js"},"private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"jeliss","email":"768157417@qq.com"},"_resolved":"C:\\Users\\ADMINI~1\\AppData\\Local\\Temp\\8d9db982cbe1f0fc9f9d0d6d95d5114a\\smirk-ui-0.1.7.tgz","_integrity":"sha512-8jQsQE6e1gbLHzUDFo87BQP6QNUGYSHKaYd5+srM5Y1/eMbYrgHKavgsj9eoZcB03oN3H6UaPiz5VTYf0XPxxg==","_npmVersion":"10.9.2","description":"> 1. 一个自用的 Vue3 组件库，自由度高、扩展性强、极少的入参。目标是：工作五分钟，摸鱼俩小时！\r >\r > 2. 主要基于 Naive UI 二次封装。包含大屏组件和业务组件等。\r >\r > **注：开发大屏项目时，可搭配 `smirk-kit` 使用。其中 `useDsCore` 数据源引擎，为交互、接口轮询、数据管理等工作提供了极大便利。\r > \r > smirk-ui@0.0.24 中已将 smirk-kit 迁移过来。导入方式 `import kit from 'smir","directories":{},"sideEffects":false,"_nodeVersion":"22.15.0","dependencies":{"pinia":"^2.2.4","naive-ui":"^2.40.1","@vueuse/core":"^14.3.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.com/"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.37","less":"^4.6.4","vite":"^5.3.4","@vicons/ionicons5":"^0.13.0","@vitejs/plugin-vue":"^5.0.5","unplugin-auto-import":"^0.17.5","unplugin-vue-components":"^0.26.0","rollup-plugin-visualizer":"^7.0.1","vite-plugin-style-inject":"^0.0.1","vite-plugin-vue-setup-extend":"^0.4.0"},"_npmOperationalInternal":{"tmp":"tmp/smirk-ui_0.1.7_1781100438136_0.620694075364193","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"smirk-ui","version":"0.1.8","keywords":["smirk-ui","smirk-ui/kit","echarts","data-v","naive-ui"],"author":{"name":"lukas","email":"768157417@qq.com"},"license":"MIT","_id":"smirk-ui@0.1.8","maintainers":[{"name":"jeliss","email":"768157417@qq.com"}],"dist":{"shasum":"430c26ebdf47570660116b4b08645a54c967dde6","tarball":"https://registry.npmjs.org/smirk-ui/-/smirk-ui-0.1.8.tgz","fileCount":4,"integrity":"sha512-YFfVqGZixIx3lXbhM4JawC3cqx/+EVMJmec9yc8Pw2elz7XBM8YWc1l/0cSlp44tIbRbU2VfSFEJhhh8UUa6tw==","signatures":[{"sig":"MEUCIQDU7/7gShlBXgLNP/oKTDSiwnwPX5kc9H6UADuCd+Gh3AIgejPkGhTaCbJKoNxPtdoJ0P008FDlQwekHKv8JX8nqqk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":133347},"type":"module","_from":"file:smirk-ui-0.1.8.tgz","exports":{".":"./dist/index.es.js","./kit":"./dist/kit.es.js"},"private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"jeliss","email":"768157417@qq.com"},"_resolved":"C:\\Users\\ADMINI~1\\AppData\\Local\\Temp\\5bd5a075d4d57137ef2aced6af081fc7\\smirk-ui-0.1.8.tgz","_integrity":"sha512-YFfVqGZixIx3lXbhM4JawC3cqx/+EVMJmec9yc8Pw2elz7XBM8YWc1l/0cSlp44tIbRbU2VfSFEJhhh8UUa6tw==","_npmVersion":"10.9.2","description":"> 1. 一个自用的 Vue3 组件库，自由度高、扩展性强、极少的入参。目标是：工作五分钟，摸鱼俩小时！\r >\r > 2. 主要基于 Naive UI 二次封装。包含大屏组件和业务组件等。\r >\r > **注：开发大屏项目时，可搭配 `smirk-kit` 使用。其中 `useDsCore` 数据源引擎，为交互、接口轮询、数据管理等工作提供了极大便利。\r > \r > smirk-ui@0.0.24 中已将 smirk-kit 迁移过来。导入方式 `import kit from 'smir","directories":{},"sideEffects":false,"_nodeVersion":"22.15.0","dependencies":{"pinia":"^2.2.4","naive-ui":"^2.40.1","@vueuse/core":"^14.3.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.com/"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.37","less":"^4.6.4","vite":"^5.3.4","@vicons/ionicons5":"^0.13.0","@vitejs/plugin-vue":"^5.0.5","unplugin-auto-import":"^0.17.5","unplugin-vue-components":"^0.26.0","rollup-plugin-visualizer":"^7.0.1","vite-plugin-style-inject":"^0.0.1","vite-plugin-vue-setup-extend":"^0.4.0"},"_npmOperationalInternal":{"tmp":"tmp/smirk-ui_0.1.8_1782735735747_0.664732837646332","host":"s3://npm-registry-packages-npm-production"}},"0.1.10":{"name":"smirk-ui","private":false,"version":"0.1.10","license":"MIT","author":{"name":"lukas","email":"768157417@qq.com"},"description":"> 1. 一个自用的 Vue3 组件库，自由度高、扩展性强、极少的入参。目标是：工作五分钟，摸鱼俩小时！\r >\r > 2. 主要基于 Naive UI 二次封装。包含大屏组件和业务组件等。\r >\r > **注：开发大屏项目时，可搭配 `smirk-kit` 使用。其中 `useDsCore` 数据源引擎，为交互、接口轮询、数据管理等工作提供了极大便利。\r > \r > smirk-ui@0.0.24 中已将 smirk-kit 迁移过来。导入方式 `import kit from 'smir","keywords":["smirk-ui","smirk-ui/kit","echarts","data-v","naive-ui"],"type":"module","exports":{".":"./dist/index.es.js","./kit":"./dist/kit.es.js"},"sideEffects":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.com/"},"devDependencies":{"@vicons/ionicons5":"^0.13.0","@vitejs/plugin-vue":"^5.0.5","animate.css":"^4.1.1","echarts":"^6.1.0","less":"^4.6.4","rollup-plugin-visualizer":"^7.0.1","unplugin-auto-import":"^0.17.5","unplugin-vue-components":"^0.26.0","vite":"^5.3.4","vite-plugin-style-inject":"^0.0.1","vite-plugin-vue-setup-extend":"^0.4.0","vue":"^3.4.37"},"dependencies":{"@vueuse/core":"^14.3.0","naive-ui":"^2.40.1"},"peerDependencies":{"vue":"^3.4.37"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_id":"smirk-ui@0.1.10","_integrity":"sha512-AhbepZks0X+08pm2PwpgPUn1k82ddlq4isNftOagrgW92/yVKsTspr/9xlX5NrsL2UGQ7R6gU1Mv0ZARVXL5JA==","_resolved":"C:\\Users\\ADMINI~1\\AppData\\Local\\Temp\\b94a53694ccdb340e78de7a950738850\\smirk-ui-0.1.10.tgz","_from":"file:smirk-ui-0.1.10.tgz","_nodeVersion":"22.15.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-AhbepZks0X+08pm2PwpgPUn1k82ddlq4isNftOagrgW92/yVKsTspr/9xlX5NrsL2UGQ7R6gU1Mv0ZARVXL5JA==","shasum":"dfe080f0ed426b620bd198f76960d72a7ea75a63","tarball":"https://registry.npmjs.org/smirk-ui/-/smirk-ui-0.1.10.tgz","fileCount":4,"unpackedSize":133487,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGP+dDACyFfoo1OBP6oDd8gF911lw81EP9jD6w1oGcanAiAGI3q+rznyIgcUiyAbSC0k+V9M2abuZFJ6ikFDcquSuQ=="}]},"_npmUser":{"name":"jeliss","email":"768157417@qq.com"},"directories":{},"maintainers":[{"name":"jeliss","email":"768157417@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/smirk-ui_0.1.10_1788013650169_0.5484773212080536"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-24T02:56:04.522Z","modified":"2026-08-29T14:27:30.485Z","0.0.1-alpha":"2024-10-24T02:56:04.815Z","0.0.2-alpha":"2024-10-24T11:44:06.921Z","0.0.3-alpha":"2024-10-29T02:31:42.184Z","0.0.4-alpha":"2024-10-29T03:17:16.282Z","0.0.5-alpha":"2024-10-29T06:53:27.219Z","0.0.1":"2026-04-30T07:52:08.376Z","0.0.2":"2026-05-01T12:13:15.430Z","0.0.3":"2026-05-01T12:38:04.309Z","0.0.4":"2026-05-01T18:34:19.969Z","0.0.5":"2026-05-02T15:29:34.878Z","0.0.6":"2026-05-02T18:19:22.352Z","0.0.7":"2026-05-04T10:44:17.693Z","0.0.8":"2026-05-04T11:56:36.417Z","0.0.9":"2026-05-04T12:53:54.856Z","0.0.10":"2026-05-05T09:16:01.235Z","0.0.11":"2026-05-07T00:37:10.859Z","0.0.12":"2026-05-07T01:16:47.233Z","0.0.13":"2026-05-07T10:32:40.402Z","0.0.14":"2026-05-18T02:16:28.202Z","0.0.15":"2026-05-18T02:26:37.417Z","0.0.16":"2026-06-01T10:05:38.281Z","0.0.17":"2026-06-01T10:19:20.475Z","0.0.18":"2026-06-01T10:46:01.507Z","0.0.19":"2026-06-02T03:53:16.417Z","0.0.20":"2026-06-02T07:29:37.866Z","0.0.21":"2026-06-04T02:01:36.169Z","0.0.22":"2026-06-04T08:10:06.941Z","0.0.23":"2026-06-04T08:39:50.065Z","0.0.24":"2026-06-04T10:25:11.268Z","0.1.0":"2026-06-04T10:56:30.423Z","0.1.1":"2026-06-04T12:10:53.527Z","0.1.2":"2026-06-04T15:53:10.005Z","0.1.3":"2026-06-04T17:00:37.848Z","0.1.4":"2026-06-09T03:27:43.350Z","0.1.5":"2026-06-09T10:25:15.848Z","0.1.6":"2026-06-09T11:21:26.261Z","0.1.7":"2026-06-10T14:07:18.295Z","0.1.8":"2026-06-29T12:22:15.898Z","0.1.10":"2026-08-29T14:27:30.343Z"},"author":{"name":"lukas","email":"768157417@qq.com"},"license":"MIT","keywords":["smirk-ui","smirk-ui/kit","echarts","data-v","naive-ui"],"description":"> 1. 一个自用的 Vue3 组件库，自由度高、扩展性强、极少的入参。目标是：工作五分钟，摸鱼俩小时！\r >\r > 2. 主要基于 Naive UI 二次封装。包含大屏组件和业务组件等。\r >\r > **注：开发大屏项目时，可搭配 `smirk-kit` 使用。其中 `useDsCore` 数据源引擎，为交互、接口轮询、数据管理等工作提供了极大便利。\r > \r > smirk-ui@0.0.24 中已将 smirk-kit 迁移过来。导入方式 `import kit from 'smir","maintainers":[{"name":"jeliss","email":"768157417@qq.com"}],"readme":"\r\n\r\n# Smirk UI\r\n\r\n> 1. 一个自用的 Vue3 组件库，自由度高、扩展性强、极少的入参。目标是：工作五分钟，摸鱼俩小时！\r\n>\r\n> 2. 主要基于 Naive UI 二次封装。包含大屏组件和业务组件等。\r\n>\r\n> **注：开发大屏项目时，可搭配 `smirk-kit` 使用。其中 `useDsCore` 数据源引擎，为交互、接口轮询、数据管理等工作提供了极大便利。\r\n> \r\n> smirk-ui@0.0.24 中已将 smirk-kit 迁移过来。导入方式 `import kit from 'smirk-ui/kit'`\r\n\r\n## 安装\r\n\r\n- 安装依赖，推荐 `pnpm`\r\n\r\n ```shell\r\n pnpm add naive-ui smirk-ui\r\n pnpm add unplugin-vue-components -D\r\n ```\r\n\r\n- 配置 `vite.config.mjs`\r\n\r\n ```javascript\r\n import Components from 'unplugin-vue-components/vite'\r\n import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'\r\n \r\n plugins: [\r\n Components({\r\n resolvers: [NaiveUiResolver()],\r\n dirs: [/*目录下的组件会自动导入*/],\r\n directoryAsNamespaces: true,\r\n })\r\n ]\r\n ```\r\n\r\n- `main.js` 中导入`smirk-ui`\r\n- \r\n ```javascript\r\n // 全局安装\r\n import SmirkUI from 'smirk-ui'\r\n app.use(SmirkUI)\r\n // 或者 按需引入\r\n import { SmViewport } from 'smirk-ui'\r\n import kit from 'smirk-ui/kit'\r\n ```\r\n\r\n## 组件\r\n\r\n### sm-viewport\r\n\r\n > 视窗组件。根据屏幕分辨率等比缩放，一般做大屏时候用作根容器。右键菜单默认被禁用。\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :--- | :----- | :-------- | :--------------------------- |\r\n| size | String | 1920*1080 | 大屏分辨率，一般来自设计稿。 |\r\n\r\n`Slot`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------- | ---- | ---- |\r\n| default | () | 内容 |\r\n\r\n\r\n\r\n### sm-transition\r\n\r\n > 过渡组件，或叫转场组件。默认根据路由变化触发动画，使大屏更加酷炫。（依赖 `animate.css`）\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :---- | :---------------------- | :------ | :-------------------------------------------------- |\r\n| enter | String | fadeIn | 进场动画。属性值直接用 animate.css 的动画名称。 |\r\n| exits | String | fadeOut | 退出动画。属性值直接用 animate.css 的动画名称。 |\r\n| k | String\\|Number\\|Boolean | | 可通过改变 k 的值来触发动画。默认根据路由变化触发。 |\r\n\r\n`Slot`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------- | ---- | ---------------------------------- |\r\n| default | () | 内容。这个组件必须仅有一个根元素。 |\r\n\r\n\r\n\r\n### sm-echarts\r\n\r\n > 渲染 echarts 图表的公共组件。化繁为简，只需关注 option 即可。\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :----- | :----- | :-------------------------- | :------- |\r\n| config | Object | { option: (echarts) => {} } | 属性对象 |\r\n\r\n`示例`\r\n\r\n```html\r\n\r\n```\r\n\r\n```javascript\r\n// 属性对象\r\nconst ecMap = reactive({\r\n /* 必要参数 */\r\n option: e => getOptionFn(e)\t\t// 返回图表属性对象的函数\r\n\r\n /* 可选参数 */\r\n mapType: '',\t\t// 地图名称\r\n geoJson: null,\t\t// 地图坐标数据\r\n events: Array,\t\t// 绑定事件 def=[{ type, callback }]\r\n useSvg: false,\t\t// 是否使用 svg 渲染模式\r\n})\r\n\r\nfunction getOptionFn () {\r\n return {}\r\n}\r\n\r\nonMounted(() => {\r\n // 渲染图表\r\n ecMap.vmRender()\r\n /** 注：此刻，ecMap 对象中会增加几个属性，用于操作图表\r\n \t\tecMap = {\r\n vmBox,\t\t// 这是宿主元素\r\n vmSelf,\t\t// 这是图表实例，即 myChart\r\n vmRender,\t// 渲染方法，可传入新的 option 进行重绘\r\n vmClear\t\t// 清除\r\n \t\t}\r\n */\r\n})\r\n```\r\n\r\n\r\n\r\n### smx-rolling\r\n\r\n > 基础滚动组件。基于 vue3-seamless-scroll 封装（不是虚拟列表的设计，进行了一些优化）。\r\n >\r\n > 仅提供基础的滚动效果。便于开发滚动卡片，滚动指标等一类组件。\r\n >\r\n > 能设置滚动方向 `nativeOpts.direction = 'up | down | left | right'`\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :--------- | :------------- | :----- | :----------------------------------------------------------- |\r\n| dataList | Array | [] | 列表数据。字段随意，最终会通过插槽提供出来。 |\r\n| speed | String\\|Number | 5 | 滚动的速度。0 停止。太小会卡顿，5 还可以。 |\r\n| pageSize | String\\|Number | 5 | 大于这个数字才会滚动，一般是该组件单页能存放的条数。 |\r\n| nativeOpts | Object | {} | 配置 vue3-seamless-scroll 的原生属性。其中 singleHeight 比较实用，意思是滚动这个高度后，会暂停一下，达到单条轮播的效果。否则是连续滚动。 |\r\n\r\n`Slot`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------- | ------------- | ------------------------------------------------------------ |\r\n| header | () | 头部。可以做标题或者表头之类的内容。主要是为了封装 `sm-rolling-list` 组件而提供。 |\r\n| default | {item, index} | 内容区。 |\r\n\r\n\r\n\r\n### smx-rolling-list\r\n\r\n > 滚动的数据表格组件。为尽可能减少入参，样式可在父组件中设置。\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :----------- | :------------- | :------------- | :--------------------------------------------------- |\r\n| dataList | Array | [] | 列表数据。 |\r\n| columns | Array | [] | 列配置。 |\r\n| speed | String\\|Number | 5 | 滚动的速度。0 停止。太小会卡顿，5 还可以。 |\r\n| pageSize | String\\|Number | 5 | 大于这个数字才会滚动，一般是该组件单页能存放的条数。 |\r\n| singleHeight | String\\|Number | 33 | 滚动这个高度后，会暂停一下，达到单条轮播的效果。 |\r\n| borderStyle | String | 1px solid #ddd | 边框样式。div 模拟 table 的效果。 |\r\n| nativeOpts | Object | {} | 配置 vue3-seamless-scroll 的原生属性。 |\r\n\r\n`columns Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :-------- | :--------------- | :----- | :----------------------------------------------------------- |\r\n| code | String | | 字段代码。 |\r\n| label | String\\|Function | | 字段名称。支持格式化函数，可渲染 html。 |\r\n| width | String | auto | 列宽，默认自适应。值同为 css 属性值。注：至少有一列 width 为 auto。否则组件宽度撑不满。 |\r\n| align | String | left | 对齐方式。left \\| center \\| right。 |\r\n| formatter | Function | null | 单元格格式化函数，可渲染 html。 |\r\n| slot | String | | 单元格插槽，比如渲染一列按钮时使用。属性值就是插槽的名称。参数为：scoped |\r\n\r\n`Slot`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------ | ------------------ | ------------ |\r\n| [code] | {value,index,item} | 单元格插槽。 |\r\n\r\n`Methods`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| -------- | ------------------ | ------------------ |\r\n| click-th | item | 点击表头单元格时。 |\r\n| click-td | value, index, item | 点击列表单元格时。 |\r\n\r\n\r\n\r\n### sm-rolling-num\r\n\r\n > 数字滚动组件。\r\n >\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :-------- | :------ | :----- | :----------------- |\r\n| from | Number | 0 | 起始值。 |\r\n| to | Number | | 目标值。支持小数。 |\r\n| prefix | String | | 前缀。 |\r\n| suffix | String | | 后缀。 |\r\n| duration | Number | 3000 | 动画持续时长。 |\r\n| separator | Boolean | false | 是否启用千分符。 |\r\n\r\n`methods`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------ | ---- | ---------------- |\r\n| finish | () | 动画完成时触发。 |\r\n\r\n\r\n\r\n### sm-datetime\r\n\r\n > 当前时间组件。\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :----- | :----- | :------------------ | :--------------------- |\r\n| format | String | yyyy-mm-dd hh:mi:ss | 格式化。wk 代表 星期。 |\r\n\r\n\r\n\r\n### sm-feedback\r\n\r\n > 反馈组件。naive-ui 的主要通知嘞组件。引入后，可直接使用的 api 组件有：window.$dialog、window.$loadingbar、window.$messager、window.$modal、window.$notice。\r\n\r\n\r\n\r\n### sm-multiple-picker\r\n\r\n > 筛选器组件。多类别、多选、可折叠。\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :------- | :----- | :----- | :--------------------------------------------- |\r\n| dataList | Array | [] | 树形的字典列表数据。 |\r\n| cols | Number | 6 | 每个分类下，单行展示的选项数。 |\r\n| rows | Number | 4 | 默认展示的分类个数，点击展开后，展示全部分类。 |\r\n\r\n`methods`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------ | ---- | --------------------------------------------------------- |\r\n| select | ｛｝ | 选择时的反馈。属性为各个分类的 code，值为选中的子项集合。 |\r\n\r\n### sm-form\r\n\r\n > 动态表单组件。根据数据集字段配置，生成动态表单。支持分组、多列、编辑模式、预览模式、表单验证、表单联动、单字段验证、多字段联合控制、自定义表单组件等。\r\n\r\n`Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :--- | :----- | :-------- | :--------------------------- |\r\n| fields | Array | | 数据集字段配置 |\r\n| rules | Array | | 多字段联合控制，规则配置 |\r\n| data | Object | | 表单数据对象 |\r\n| dsm | Object | | 数据源对象 |\r\n| natives | Object | | n-form 原生属性+自定义属性 |\r\n| cols | Number | | 表单列数 |\r\n| readonly | Boolean | | 只读模式 |\r\n| customStyle | Object/Array/String | | 自定义样式 |\r\n\r\n`Item Props`\r\n\r\n| 名称 | 类型 | 默认值 | 说明 |\r\n| :--- | :----- | :-------- | :--------------------------- |\r\n| group | String | | 字段分组。尾部加$sort:n来排序。也可用 lksGroupsFormatter 自行处理。 |\r\n| label | String/Function | | 字段名称 |\r\n| code | String | | |\r\n| elem | String | | 表单组件类型。可在后面添加若干 $[k]:[v] 设置额外参数，比如字段长度、前缀后缀、精度、默认值等。 |\r\n| required | Boolean | | |\r\n| visible | Boolean | | |\r\n| wrap | Boolean | | |\r\n| fill | Boolean | | |\r\n| visible | Boolean | | |\r\n| required | Boolean | | |\r\n| natives | Object | | |\r\n| vfmts | Array | | |\r\n| datasource | Function | | |\r\n| smUpdate | Function | | |\r\n| validate | Function | | |\r\n| customStyle | Object/Array/String | | |\r\n\r\n\r\n`Slot`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| ------- | ---- | ---- |\r\n| item-before | { p, m, s } | |\r\n| elem | { p, m, s, vf, vc } | 表单组件（内置 14 种表单组件，其中日期组件又包含11种形式），共 24 种。若仍不满足，由此处插入自定义组件。 |\r\n| item-after | { p, m, s } | |\r\n\r\n`Methods`\r\n\r\n| 名称 | 参数 | 说明 |\r\n| -------- | ------------------ | ------------------ |\r\n| init | | |\r\n| validate | n 验证级别 | level 验证级别：0 - 校验所有，1 - 仅验证必填项，2 - 仅验证字段个性规则， 3 - 全不校验。会自动定位到第一个‘失败项’。|\r\n| getData | | |\r\n| setCellAttrs | (attrs, codes) | |\r\n| setDsFilter | | |\r\n\r\n### sm-doc-editor\r\n\r\n > 文档编辑器组件。跟 sm-form 配置类似，需传入 template 参数（富文本字符串，字段位置用 @{ fieldCode } 占位）。一般用于合同模板、统计清单等场景。\r\n \r\n### sm-table\r\n\r\n > 略略略...\r\n\r\n### sm-dropdown-buttons\r\n\r\n> 主要是在 sm-table 的操作列使用，超过 :count 个按钮时，折叠成下拉菜单。\r\n>\r\n\r\n### sm-tabs\r\n\r\n> 略略略...\r\n\r\n### sm-steps\r\n\r\n> 略略略...\r\n\r\n### smx-file-viewer\r\n\r\n> 略略略...\r\n>\r\n\r\n### 【smirk-ui/kit】useDsCore\r\n\r\n> 还是记录下吧。久了自己都不会用了 O(∩_∩)O~~ \r\n> \r\n> 数据源管理（常用于大屏项目）。采用发布订阅模式，使请求的触发和响应解耦。支持多个 request 聚合；支持设置轮询；支持响应结果预处理以及创建新的数据源等。\r\n>\r\n`Methods`\r\n```\r\ndeps() ——查看当前所有的依赖参数\r\ninitDeps(params) ——初始化依赖参数\r\nupdateDeps(params) ——更新依赖参数，关联的 request 会发起请求\r\nprovide(obj|arr) ——启动数据源引擎\r\nsend(reqOrName, opts) ——触发一个数据源任务，共享数据源维护的依赖参数，但不会被动执行，响应结果也不会放进数据池\r\nlistener(name, callback) ——监听数据源\r\nstop(name) ——停止轮询\r\nget(name) ——获取某数据源，一般搭配计算属性使用\r\nset(name, data) ——手动新增或更新某数据源，可在 interceptor 中拦截，将一个 request 响应分别存储到多个数据源\r\nreload() ——全部更新\r\n```\r\n`示例：`\r\n```javascript\r\n// apis 定义任务\r\nconst dsTasks = {\r\n foo: {\r\n interval: 10,\r\n deps: ['id'],\r\n request: p => fetch('/api/foo?id=' + p.id),\r\n interceptor: (res, o) => {\r\n // 响应结果预处理\r\n // 增加数据源 o.set('name1', res.xx)\r\n return res\r\n }\r\n }\r\n}\r\n// 组件中 实例化\r\nimport smkit from 'smirk-ui/kit'\r\nconst dsCore = smkit.useDsCore(/*可以传个字符串，以创建多个数据源管理*/)\r\n\r\n// 启动所有任务\r\ndsCore.provide(dsTasks)\r\n\r\n// 更新依赖\r\ndsCore.updateDeps({ id: 2 })\r\n\r\n// 接收响应结果\r\nconst foo = computed(() => dsCore.get('foo') ?? {})\r\n// 或\r\ndsCore.listener('foo', res => {\r\n console.log('foo:', res)\r\n})\r\n```\r\n\r\n\r\n> ","readmeFilename":"README.md"}