From 0c7bf43072be2b94278786d9aae2bb590852be32 Mon Sep 17 00:00:00 2001 From: yy Date: Tue, 7 Apr 2026 16:09:40 +0800 Subject: [PATCH 001/415] feat: provide materials --- .../materials/vue-opentiny-vue/package.json | 22 +++ .../src/render-config/merge.ts | 7 +- .../src/render-config/white-list.ts | 181 ++++++++++-------- pnpm-lock.yaml | 101 ++++++++++ projects/tiny-schema-renderer | 2 +- sites/playground/web/src/App.vue | 11 +- 6 files changed, 240 insertions(+), 84 deletions(-) diff --git a/packages/materials/vue-opentiny-vue/package.json b/packages/materials/vue-opentiny-vue/package.json index 3a7d2d25..3d1d3f00 100644 --- a/packages/materials/vue-opentiny-vue/package.json +++ b/packages/materials/vue-opentiny-vue/package.json @@ -9,14 +9,36 @@ }, "dependencies": { "@opentiny/vue-button": "^3.28.0", + "@opentiny/vue-card": "^3.28.0", + "@opentiny/vue-carousel": "^3.28.0", + "@opentiny/vue-carousel-item": "^3.28.0", "@opentiny/vue-chart-bar": "~3.14.0", "@opentiny/vue-chart-histogram": "~3.14.0", "@opentiny/vue-chart-line": "~3.14.0", "@opentiny/vue-chart-pie": "~3.14.0", "@opentiny/vue-chart-radar": "~3.14.0", "@opentiny/vue-chart-ring": "3.14.0", + "@opentiny/vue-checkbox": "^3.28.0", + "@opentiny/vue-checkbox-button": "^3.28.0", + "@opentiny/vue-checkbox-group": "^3.28.0", + "@opentiny/vue-col": "^3.28.0", + "@opentiny/vue-date-picker": "^3.28.0", + "@opentiny/vue-form": "^3.28.0", + "@opentiny/vue-form-item": "^3.28.0", + "@opentiny/vue-grid": "^3.28.0", + "@opentiny/vue-input": "^3.28.0", + "@opentiny/vue-layout": "^3.28.0", + "@opentiny/vue-numeric": "^3.28.0", + "@opentiny/vue-radio": "^3.28.0", + "@opentiny/vue-radio-group": "^3.28.0", + "@opentiny/vue-row": "^3.28.0", + "@opentiny/vue-search": "^3.28.0", "@opentiny/vue-select": "^3.28.0", + "@opentiny/vue-switch": "^3.28.0", + "@opentiny/vue-tab-item": "^3.28.0", "@opentiny/vue-tabs": "^3.28.0", + "@opentiny/vue-transfer": "^3.28.0", + "@opentiny/vue-tree": "^3.28.0", "gridstack": "^12.4.2", "vue": "^3.5.13" }, diff --git a/packages/materials/vue-opentiny-vue/src/render-config/merge.ts b/packages/materials/vue-opentiny-vue/src/render-config/merge.ts index ef2d9b24..967ddcc5 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/merge.ts +++ b/packages/materials/vue-opentiny-vue/src/render-config/merge.ts @@ -1,19 +1,24 @@ +import type { Component } from 'vue'; import bundleJson from './bundle.json' with { type: 'json' }; import builtinJson from './builtin.json' with { type: 'json' }; import chartJson from './chart.json' with { type: 'json' }; import extendJson from './extend.json' with { type: 'json' }; import { examples } from './example-schema'; -import { whiteList } from './white-list'; +import { whiteList, whiteListComponents } from './white-list'; // 定义渲染器配置的类型 export interface IRendererConfig { materialsList: any[]; examples: any[]; whiteList: string[]; + components: Record; } export const rendererConfig: IRendererConfig = { materialsList: [bundleJson, builtinJson, chartJson, extendJson], examples, whiteList, + components: { + ...whiteListComponents, + }, }; diff --git a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts index 24d6888c..7e06d4ce 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts +++ b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts @@ -1,82 +1,101 @@ -export const whiteList = [ - // 'ElInput', - // 'ElDatePicker', - // 'ElButton', - // 'ElForm', - // 'ElFormItem', - // 'ElTable', - // 'ElTableColumn', - 'TinyCarouselItem', - 'TinyCarousel', - 'a', - 'h1', - 'h2', - 'h3', - 'h4', - 'h5', - 'h6', - 'p', - 'ol', - 'ul', - 'li', - 'input', - 'video', - 'Img', - // 'button', - // 'table', - // 'td', - // 'form', - 'label', - // 'TinyButtonGroup', - 'TinyRow', - 'TinyLayout', - 'TinyForm', - 'TinyFormItem', - 'TinyCol', - 'TinyButton', - 'TinyInput', - 'TinyRadio', - 'TinyRadioGroup', - 'TinySelect', - 'TinySwitch', - 'TinySearch', - 'TinyCheckbox', - 'TinyCheckboxButton', - 'TinyCheckboxGroup', - // 'TinyDialogBox', - 'TinyTabs', - 'TinyTabItem', - // 'ActionButton', - // 'TinyBreadcrumb', - // 'TinyBreadcrumbItem', - // 'TinyCollapse', - // 'TinyCollapseItem', - 'TinyGrid', - 'TinyCard', - // 'TinyGridColumn', - // 'TinyPager', - // 'TinyPopeditor', - 'TinyTree', - // 'TinyTimeLine', - // 'TinyTooltip', - // 'TinyPopover', - 'TinyDatePicker', - 'TinyNumeric', - 'TinyTransfer', - 'div', - 'Slot', - // 'RouterView', - // 'RouterLink', - // 'Collection', - 'Text', - 'Icon', - 'Img', - 'TinyChartPie', - 'TinyChartLine', - 'TinyChartHistogram', - 'TinyChartBar', - 'TinyChartRadar', - 'TinyChartRing', - // 'GridStack', - // 'GridStackItem' +import type { Component } from 'vue'; +import TinyButton from '@opentiny/vue-button'; +import TinyCard from '@opentiny/vue-card'; +import TinyCarousel from '@opentiny/vue-carousel'; +import TinyCarouselItem from '@opentiny/vue-carousel-item'; +import TinyChartBar from '@opentiny/vue-chart-bar'; +import TinyChartHistogram from '@opentiny/vue-chart-histogram'; +import TinyChartLine from '@opentiny/vue-chart-line'; +import TinyChartPie from '@opentiny/vue-chart-pie'; +import TinyChartRadar from '@opentiny/vue-chart-radar'; +import TinyChartRing from '@opentiny/vue-chart-ring'; +import TinyCheckbox from '@opentiny/vue-checkbox'; +import TinyCheckboxButton from '@opentiny/vue-checkbox-button'; +import TinyCheckboxGroup from '@opentiny/vue-checkbox-group'; +import TinyCol from '@opentiny/vue-col'; +import TinyDatePicker from '@opentiny/vue-date-picker'; +import TinyForm from '@opentiny/vue-form'; +import TinyFormItem from '@opentiny/vue-form-item'; +import TinyGrid from '@opentiny/vue-grid'; +import TinyInput from '@opentiny/vue-input'; +import TinyLayout from '@opentiny/vue-layout'; +import TinyNumeric from '@opentiny/vue-numeric'; +import TinyRadio from '@opentiny/vue-radio'; +import TinyRadioGroup from '@opentiny/vue-radio-group'; +import TinyRow from '@opentiny/vue-row'; +import TinySearch from '@opentiny/vue-search'; +import TinySwitch from '@opentiny/vue-switch'; +import TinyTabItem from '@opentiny/vue-tab-item'; +import TinyTransfer from '@opentiny/vue-transfer'; +import TinyTree from '@opentiny/vue-tree'; + +import TinySelectWrap from '../components/TinySelectWrap.vue'; +import TinyTabsWrap from '../components/TinyTabsWrap.vue'; + +export type WhiteListRenderEntry = { + name: string; + component?: Component; +}; + +export const whiteListRenderEntries: WhiteListRenderEntry[] = [ + { name: 'a' }, + { name: 'h1' }, + { name: 'h2' }, + { name: 'h3' }, + { name: 'h4' }, + { name: 'h5' }, + { name: 'h6' }, + { name: 'p' }, + { name: 'ol' }, + { name: 'ul' }, + { name: 'li' }, + { name: 'input' }, + { name: 'video' }, + { name: 'Img' }, + { name: 'label' }, + { name: 'div' }, + { name: 'Slot' }, + { name: 'Text' }, + { name: 'Icon' }, + { name: 'Img' }, + { name: 'TinyCarouselItem', component: TinyCarouselItem }, + { name: 'TinyCarousel', component: TinyCarousel }, + { name: 'TinyRow', component: TinyRow }, + { name: 'TinyLayout', component: TinyLayout }, + { name: 'TinyForm', component: TinyForm }, + { name: 'TinyFormItem', component: TinyFormItem }, + { name: 'TinyCol', component: TinyCol }, + { name: 'TinyButton', component: TinyButton }, + { name: 'TinyInput', component: TinyInput }, + { name: 'TinyRadio', component: TinyRadio }, + { name: 'TinyRadioGroup', component: TinyRadioGroup }, + { name: 'TinySwitch', component: TinySwitch }, + { name: 'TinySearch', component: TinySearch }, + { name: 'TinyCheckbox', component: TinyCheckbox }, + { name: 'TinyCheckboxButton', component: TinyCheckboxButton }, + { name: 'TinyCheckboxGroup', component: TinyCheckboxGroup }, + { name: 'TinyTabItem', component: TinyTabItem }, + { name: 'TinyGrid', component: TinyGrid }, + { name: 'TinyCard', component: TinyCard }, + { name: 'TinyTree', component: TinyTree }, + { name: 'TinyDatePicker', component: TinyDatePicker }, + { name: 'TinyNumeric', component: TinyNumeric }, + { name: 'TinyTransfer', component: TinyTransfer }, + { name: 'TinyChartPie', component: TinyChartPie }, + { name: 'TinyChartLine', component: TinyChartLine }, + { name: 'TinyChartHistogram', component: TinyChartHistogram }, + { name: 'TinyChartBar', component: TinyChartBar }, + { name: 'TinyChartRadar', component: TinyChartRadar }, + { name: 'TinyChartRing', component: TinyChartRing }, + { name: 'TinyTabs', component: TinyTabsWrap }, + { name: 'TinySelect', component: TinySelectWrap }, ]; + +export const whiteList: string[] = whiteListRenderEntries.map((e) => e.name); + +export const whiteListComponents: Record = whiteListRenderEntries.reduce((acc, e) => { + if (e.component) { + acc[e.name] = e.component; + } + return acc; +}, {}); diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index a7a2e5be..1610942d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -375,6 +375,15 @@ importers: '@opentiny/vue-button': specifier: ^3.28.0 version: 3.28.0 + '@opentiny/vue-card': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-carousel': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-carousel-item': + specifier: ^3.28.0 + version: 3.28.0 '@opentiny/vue-chart-bar': specifier: ~3.14.0 version: 3.14.0 @@ -393,12 +402,69 @@ importers: '@opentiny/vue-chart-ring': specifier: 3.14.0 version: 3.14.0 + '@opentiny/vue-checkbox': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-checkbox-button': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-checkbox-group': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-col': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-date-picker': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-form': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-form-item': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-grid': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-input': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-layout': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-numeric': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-radio': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-radio-group': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-row': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-search': + specifier: ^3.28.0 + version: 3.28.0 '@opentiny/vue-select': specifier: ^3.28.0 version: 3.28.0 + '@opentiny/vue-switch': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-tab-item': + specifier: ^3.28.0 + version: 3.28.0 '@opentiny/vue-tabs': specifier: ^3.28.0 version: 3.28.0 + '@opentiny/vue-transfer': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-tree': + specifier: ^3.28.0 + version: 3.28.0 gridstack: specifier: ^12.4.2 version: 12.4.2 @@ -2380,42 +2446,49 @@ packages: engines: {node: '>= 10'} cpu: [arm64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-arm64-musl@1.1.1': resolution: {integrity: sha512-+2Rzdb3nTIYZ0YJF43qf2twhqOCkiSrHx2Pg6DJaCPYhhaxbLcdlV8hCRMHghQ+EtZQWGNcS2xF4KxBhSGeutg==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] + libc: [musl] '@napi-rs/nice-linux-ppc64-gnu@1.1.1': resolution: {integrity: sha512-4FS8oc0GeHpwvv4tKciKkw3Y4jKsL7FRhaOeiPei0X9T4Jd619wHNe4xCLmN2EMgZoeGg+Q7GY7BsvwKpL22Tg==} engines: {node: '>= 10'} cpu: [ppc64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-riscv64-gnu@1.1.1': resolution: {integrity: sha512-HU0nw9uD4FO/oGCCk409tCi5IzIZpH2agE6nN4fqpwVlCn5BOq0MS1dXGjXaG17JaAvrlpV5ZeyZwSon10XOXw==} engines: {node: '>= 10'} cpu: [riscv64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-s390x-gnu@1.1.1': resolution: {integrity: sha512-2YqKJWWl24EwrX0DzCQgPLKQBxYDdBxOHot1KWEq7aY2uYeX+Uvtv4I8xFVVygJDgf6/92h9N3Y43WPx8+PAgQ==} engines: {node: '>= 10'} cpu: [s390x] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-x64-gnu@1.1.1': resolution: {integrity: sha512-/gaNz3R92t+dcrfCw/96pDopcmec7oCcAQ3l/M+Zxr82KT4DljD37CpgrnXV+pJC263JkW572pdbP3hP+KjcIg==} engines: {node: '>= 10'} cpu: [x64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-x64-musl@1.1.1': resolution: {integrity: sha512-xScCGnyj/oppsNPMnevsBe3pvNaoK7FGvMjT35riz9YdhB2WtTG47ZlbxtOLpjeO9SqqQ2J2igCmz6IJOD5JYw==} engines: {node: '>= 10'} cpu: [x64] os: [linux] + libc: [musl] '@napi-rs/nice-openharmony-arm64@1.1.1': resolution: {integrity: sha512-6uJPRVwVCLDeoOaNyeiW0gp2kFIM4r7PL2MczdZQHkFi9gVlgm+Vn+V6nTWRcu856mJ2WjYJiumEajfSm7arPQ==} @@ -4448,36 +4521,42 @@ packages: engines: {node: '>= 10.0.0'} cpu: [arm] os: [linux] + libc: [glibc] '@parcel/watcher-linux-arm-musl@2.5.1': resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==} engines: {node: '>= 10.0.0'} cpu: [arm] os: [linux] + libc: [musl] '@parcel/watcher-linux-arm64-glibc@2.5.1': resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==} engines: {node: '>= 10.0.0'} cpu: [arm64] os: [linux] + libc: [glibc] '@parcel/watcher-linux-arm64-musl@2.5.1': resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==} engines: {node: '>= 10.0.0'} cpu: [arm64] os: [linux] + libc: [musl] '@parcel/watcher-linux-x64-glibc@2.5.1': resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==} engines: {node: '>= 10.0.0'} cpu: [x64] os: [linux] + libc: [glibc] '@parcel/watcher-linux-x64-musl@2.5.1': resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==} engines: {node: '>= 10.0.0'} cpu: [x64] os: [linux] + libc: [musl] '@parcel/watcher-win32-arm64@2.5.1': resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==} @@ -4602,111 +4681,133 @@ packages: resolution: {integrity: sha512-IoerZJ4l1wRMopEHRKOO16e04iXRDyZFZnNZKrWeNquh5d6bucjezgd+OxG03mOMTnS1x7hilzb3uURPkJ0OfA==} cpu: [arm] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm-gnueabihf@4.54.0': resolution: {integrity: sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==} cpu: [arm] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm-musleabihf@4.52.3': resolution: {integrity: sha512-ZYdtqgHTDfvrJHSh3W22TvjWxwOgc3ThK/XjgcNGP2DIwFIPeAPNsQxrJO5XqleSlgDux2VAoWQ5iJrtaC1TbA==} cpu: [arm] os: [linux] + libc: [musl] '@rollup/rollup-linux-arm-musleabihf@4.54.0': resolution: {integrity: sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==} cpu: [arm] os: [linux] + libc: [musl] '@rollup/rollup-linux-arm64-gnu@4.52.3': resolution: {integrity: sha512-NcViG7A0YtuFDA6xWSgmFb6iPFzHlf5vcqb2p0lGEbT+gjrEEz8nC/EeDHvx6mnGXnGCC1SeVV+8u+smj0CeGQ==} cpu: [arm64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm64-gnu@4.54.0': resolution: {integrity: sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==} cpu: [arm64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm64-musl@4.52.3': resolution: {integrity: sha512-d3pY7LWno6SYNXRm6Ebsq0DJGoiLXTb83AIPCXl9fmtIQs/rXoS8SJxxUNtFbJ5MiOvs+7y34np77+9l4nfFMw==} cpu: [arm64] os: [linux] + libc: [musl] '@rollup/rollup-linux-arm64-musl@4.54.0': resolution: {integrity: sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==} cpu: [arm64] os: [linux] + libc: [musl] '@rollup/rollup-linux-loong64-gnu@4.52.3': resolution: {integrity: sha512-3y5GA0JkBuirLqmjwAKwB0keDlI6JfGYduMlJD/Rl7fvb4Ni8iKdQs1eiunMZJhwDWdCvrcqXRY++VEBbvk6Eg==} cpu: [loong64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-loong64-gnu@4.54.0': resolution: {integrity: sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==} cpu: [loong64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-ppc64-gnu@4.52.3': resolution: {integrity: sha512-AUUH65a0p3Q0Yfm5oD2KVgzTKgwPyp9DSXc3UA7DtxhEb/WSPfbG4wqXeSN62OG5gSo18em4xv6dbfcUGXcagw==} cpu: [ppc64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-ppc64-gnu@4.54.0': resolution: {integrity: sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==} cpu: [ppc64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-riscv64-gnu@4.52.3': resolution: {integrity: sha512-1makPhFFVBqZE+XFg3Dkq+IkQ7JvmUrwwqaYBL2CE+ZpxPaqkGaiWFEWVGyvTwZace6WLJHwjVh/+CXbKDGPmg==} cpu: [riscv64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-riscv64-gnu@4.54.0': resolution: {integrity: sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==} cpu: [riscv64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-riscv64-musl@4.52.3': resolution: {integrity: sha512-OOFJa28dxfl8kLOPMUOQBCO6z3X2SAfzIE276fwT52uXDWUS178KWq0pL7d6p1kz7pkzA0yQwtqL0dEPoVcRWg==} cpu: [riscv64] os: [linux] + libc: [musl] '@rollup/rollup-linux-riscv64-musl@4.54.0': resolution: {integrity: sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==} cpu: [riscv64] os: [linux] + libc: [musl] '@rollup/rollup-linux-s390x-gnu@4.52.3': resolution: {integrity: sha512-jMdsML2VI5l+V7cKfZx3ak+SLlJ8fKvLJ0Eoa4b9/vCUrzXKgoKxvHqvJ/mkWhFiyp88nCkM5S2v6nIwRtPcgg==} cpu: [s390x] os: [linux] + libc: [glibc] '@rollup/rollup-linux-s390x-gnu@4.54.0': resolution: {integrity: sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==} cpu: [s390x] os: [linux] + libc: [glibc] '@rollup/rollup-linux-x64-gnu@4.52.3': resolution: {integrity: sha512-tPgGd6bY2M2LJTA1uGq8fkSPK8ZLYjDjY+ZLK9WHncCnfIz29LIXIqUgzCR0hIefzy6Hpbe8Th5WOSwTM8E7LA==} cpu: [x64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-x64-gnu@4.54.0': resolution: {integrity: sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==} cpu: [x64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-x64-musl@4.52.3': resolution: {integrity: sha512-BCFkJjgk+WFzP+tcSMXq77ymAPIxsX9lFJWs+2JzuZTLtksJ2o5hvgTdIcZ5+oKzUDMwI0PfWzRBYAydAHF2Mw==} cpu: [x64] os: [linux] + libc: [musl] '@rollup/rollup-linux-x64-musl@4.54.0': resolution: {integrity: sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==} cpu: [x64] os: [linux] + libc: [musl] '@rollup/rollup-openharmony-arm64@4.52.3': resolution: {integrity: sha512-KTD/EqjZF3yvRaWUJdD1cW+IQBk4fbQaHYJUmP8N4XoKFZilVL8cobFSTDnjTtxWJQ3JYaMgF4nObY/+nYkumA==} diff --git a/projects/tiny-schema-renderer b/projects/tiny-schema-renderer index 21a10d89..0f1ab90c 160000 --- a/projects/tiny-schema-renderer +++ b/projects/tiny-schema-renderer @@ -1 +1 @@ -Subproject commit 21a10d89098273f462273de2b08b1d360499af0d +Subproject commit 0f1ab90ce2d9cd4fd5561396a17efdeed02d4ff7 diff --git a/sites/playground/web/src/App.vue b/sites/playground/web/src/App.vue index 5a0956bb..24b6fbc9 100644 --- a/sites/playground/web/src/App.vue +++ b/sites/playground/web/src/App.vue @@ -3,6 +3,8 @@ import { IconAi, IconUser } from '@opentiny/tiny-robot-svgs'; import ThemeTool, { tinyDarkTheme, tinyOldTheme } from '@opentiny/vue-theme/theme-tool'; import { GenuiConfigProvider, GenuiChat, GENUI_RENDERER } from '@opentiny/genui-sdk-vue'; import { ref, watch, onMounted, reactive, computed, onUnmounted, provide, defineAsyncComponent, h, shallowRef } from 'vue'; +import { RENDERER_SETTINGS_KEY } from '@opentiny/tiny-schema-renderer'; +import { rendererConfig } from '@opentiny/genui-sdk-materials-vue-opentiny-vue' import { getModelFeatures, getModelOptions } from './api'; import { createCustomFetch } from './api/custom-fetch'; import AssistantFooter from './components/AssistantFooter.vue'; @@ -40,6 +42,10 @@ if (location.search.includes('framework=angular')) { framework = 'Angular'; } +provide(RENDERER_SETTINGS_KEY, { + materials: rendererConfig.components, +}); + const STORAGE_KEY = 'GENUI_SDK_VUE_PLAYGROUND_CONFIG'; const { llmConfig: cacheLLmConfig, @@ -185,7 +191,7 @@ watch(chat, (instance) => { getContinueGeneratingHandler(conversation.value.messageManager), locationPartialSchemaJson(), ]; - + insertHandlersAfterName(newResponseHandlers, [ movePartialSchemaJsonToLastMessage(), getOverlapEliminatorHandler(contentHandler), @@ -380,12 +386,15 @@ onUnmounted(() => { .genui-playground { --ti-gen-chat-avatar-and-gap-width: 0px; } + :deep(.action-buttons__button) { padding-right: 10px; + svg[alt="录音"] { display: none; } } + .empty { font-size: 24px; From 29068b9be29f0ad2384e5742524967e98ebbdb16 Mon Sep 17 00:00:00 2001 From: yy Date: Tue, 7 Apr 2026 17:22:22 +0800 Subject: [PATCH 002/415] fix: remove 'Img' from white list render entries --- .../materials/vue-opentiny-vue/src/render-config/white-list.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts index 7e06d4ce..ad384405 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts +++ b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts @@ -57,7 +57,6 @@ export const whiteListRenderEntries: WhiteListRenderEntry[] = [ { name: 'Slot' }, { name: 'Text' }, { name: 'Icon' }, - { name: 'Img' }, { name: 'TinyCarouselItem', component: TinyCarouselItem }, { name: 'TinyCarousel', component: TinyCarousel }, { name: 'TinyRow', component: TinyRow }, From cd555280d98a111429caa122111ae287da45a03a Mon Sep 17 00:00:00 2001 From: cenguanming <975402925@qq.com> Date: Sat, 21 Mar 2026 17:12:39 +0800 Subject: [PATCH 003/415] fix: replace chart components with huicharts equivalents and update dependencies --- packages/frameworks/vue/package.json | 7 +- .../materials/vue-opentiny-vue/package.json | 7 +- .../vue-opentiny-vue/src/extend-renderer.ts | 14 + .../src/render-config/chart.json | 5934 +++++++++++++---- .../src/render-config/white-list.ts | 13 + pnpm-lock.yaml | 401 +- 6 files changed, 5048 insertions(+), 1328 deletions(-) diff --git a/packages/frameworks/vue/package.json b/packages/frameworks/vue/package.json index 15d2b73f..573ed3a2 100644 --- a/packages/frameworks/vue/package.json +++ b/packages/frameworks/vue/package.json @@ -46,12 +46,7 @@ "uuid": "^11.1.0", "vue": "^3.5.13", "@opentiny/vue-button": "^3.28.0", - "@opentiny/vue-chart-bar": "~3.14.0", - "@opentiny/vue-chart-histogram": "~3.14.0", - "@opentiny/vue-chart-line": "~3.14.0", - "@opentiny/vue-chart-pie": "~3.14.0", - "@opentiny/vue-chart-radar": "~3.14.0", - "@opentiny/vue-chart-ring": "3.14.0", + "@opentiny/vue-huicharts": "^3.28.0", "@opentiny/vue-select": "^3.28.0", "@opentiny/vue-tabs": "^3.28.0", "@opentiny/tiny-engine-builtin-component": "^2.6.0" diff --git a/packages/materials/vue-opentiny-vue/package.json b/packages/materials/vue-opentiny-vue/package.json index 3a7d2d25..c7da6ba6 100644 --- a/packages/materials/vue-opentiny-vue/package.json +++ b/packages/materials/vue-opentiny-vue/package.json @@ -9,12 +9,7 @@ }, "dependencies": { "@opentiny/vue-button": "^3.28.0", - "@opentiny/vue-chart-bar": "~3.14.0", - "@opentiny/vue-chart-histogram": "~3.14.0", - "@opentiny/vue-chart-line": "~3.14.0", - "@opentiny/vue-chart-pie": "~3.14.0", - "@opentiny/vue-chart-radar": "~3.14.0", - "@opentiny/vue-chart-ring": "3.14.0", + "@opentiny/vue-huicharts": "^3.28.0", "@opentiny/vue-select": "^3.28.0", "@opentiny/vue-tabs": "^3.28.0", "gridstack": "^12.4.2", diff --git a/packages/materials/vue-opentiny-vue/src/extend-renderer.ts b/packages/materials/vue-opentiny-vue/src/extend-renderer.ts index b681b75d..a799b141 100644 --- a/packages/materials/vue-opentiny-vue/src/extend-renderer.ts +++ b/packages/materials/vue-opentiny-vue/src/extend-renderer.ts @@ -5,6 +5,8 @@ import TinySelectWrap from './components/TinySelectWrap.vue'; import TinyTabsWrap from './components/TinyTabsWrap.vue'; // import GridStack from './components/GridStack.vue'; // import GridStackItem from './components/GridStackItem.vue'; +import { TinyHuichartsLine, TinyHuichartsHistogram, TinyHuichartsBar, TinyHuichartsRadar, TinyHuichartsRing, TinyHuichartsPie, TinyHuichartsFunnel, TinyHuichartsScatter, TinyHuichartsWaterfall, TinyHuichartsGauge, TinyHuichartsGraph, TinyHuichartsProcess } from '@opentiny/vue-huicharts'; + export let extened = false; export const extendMapper = (Mapper: any, customComponents: Record) => { @@ -13,6 +15,18 @@ export const extendMapper = (Mapper: any, customComponents: Record { Mapper[key] = customComponents[key]; diff --git a/packages/materials/vue-opentiny-vue/src/render-config/chart.json b/packages/materials/vue-opentiny-vue/src/render-config/chart.json index 212a54fd..9fe9a7fd 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/chart.json +++ b/packages/materials/vue-opentiny-vue/src/render-config/chart.json @@ -4,33 +4,352 @@ "materials": { "components": [ { + "version": "3.22.0", "name": { - "zh_CN": "饼图" + "zh_CN": "折线图" }, - "component": "TinyChartPie", - "icon": "pie", - "description": "基于 eCharts 封装的折线图", - "doc_url": "", + "component": "TinyHuichartsLine", + "icon": "line", + "description": "折线图", + "docUrl": "", "screenshot": "", "tags": "", "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartPie", - "version": "3.14.0", - "destructuring": true, - "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs", - "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css" + "devMode": "proCode", + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ + { + "property": "options", + "label": { + "text": { + "zh_CN": "图表配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "Month": "Jan", + "Domestic": 33, + "Abroad": 37 + }, + { + "Month": "Feb", + "Domestic": 27, + "Abroad": 39 + }, + { + "Month": "Mar", + "Domestic": 31, + "Abroad": 20 + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "dataZoom", + "label": { + "text": { + "zh_CN": "区域缩放轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "数据点文本样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "barWidth": 8, + "barGap": "60%" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "padding", + "label": { + "text": { + "zh_CN": "图表内边距" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[50, 20, 50, 20]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + }, + { + "property": "xAxis", + "label": { + "text": { + "zh_CN": "配置x轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "data": "Month", + "name": "Utils", + "line": { + "show": true, + "lineStyle": { + "color": "red", + "type": "dashed", + "width": 2 + } + }, + "interval": 2, + "fullGrid": true, + "labelRotate": 45, + "ellipsis": { + "overflow": "truncate", + "labelWidth": 20 + }, + "nameLocation": "end", + "nameTextStyle": { + "fontSize": 12, + "color": "#4e4e4e" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "默认值：图表数据data中data[0]对象的第一个key值" + }, + "labelPosition": "left" + }, + { + "property": "yAxis", + "label": { + "text": { + "zh_CN": "配置y轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "max": 60, + "min": 0, + "interval": 5, + "position": "right", + "name": "Percent(%)", + "unit": "%", + "minInterval": 12, + "maxInterval": 8 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + } + ] + } + ], + "widget": { + "component": "NestedPropertyConfigurator", + "props": { + "type": "object", + "language": "json" + } + }, + "description": { + "zh_CN": "折线图配置" + }, + "labelPosition": "top" + } + ] + } + ], + "events": {} }, - "group": "component", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, - "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -41,58 +360,50 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [ - "" - ] + "properties": [] }, "contextMenu": { - "actions": [ - "copy", - "remove", - "insert", - "updateAttr", - "bindEevent", - "createBlock" - ], - "disable": [ - ] - }, - "invalidity": [ - "" - ], - "clickCapture": true, - "framework": "Vue" + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "柱状图" + }, + "component": "TinyHuichartsHistogram", + "icon": "histogram", + "description": "柱状图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsHistogram", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" }, + "group": "chart", + "category": "图表组件", + "priority": 2, "schema": { "properties": [ { - "name": "0", "label": { "zh_CN": "基础信息" }, + "description": { + "zh_CN": "基础信息" + }, "content": [ { - "property": "data", - "label": { - "text": { - "zh_CN": "图表数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "settings", + "property": "options", "label": { "text": { "zh_CN": "图表配置" @@ -102,175 +413,1004 @@ "readOnly": false, "disabled": false, "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的宽度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "label": { - "text": { - "zh_CN": "图表容器的高度，支持px、%、em等单位, 需要包含单位" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "Month": "Jan", + "Domestic": 33, + "Abroad": 37 + }, + { + "Month": "Feb", + "Domestic": 27, + "Abroad": 39 + }, + { + "Month": "Mar", + "Domestic": 31, + "Abroad": 20 + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "dataRules", + "label": { + "text": { + "zh_CN": "数据规则" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "display": ["Domestic"] + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "dataZoom", + "label": { + "text": { + "zh_CN": "区域缩放轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "start": 0, + "end": 100, + "show": false, + "position": { + "left": 36, + "bottom": 20 + }, + "height": 24 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "direction", + "label": { + "text": { + "zh_CN": "柱体方向" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "vertical", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "language": "json", + "options": [ + { + "label": "vertical", + "value": "vertical" + }, + { + "label": "horizontal", + "value": "horizontal" + } + ] + } + }, + "description": { + "zh_CN": "柱体方向" + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "柱体样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "barWidth": 8, + "barGap": "60%" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "柱体文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "show": false, + "position": "inside", + "offset": [0, 0] + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "柱体文本，默认不显示" + }, + "labelPosition": "left" + }, + { + "property": "legend", + "label": { + "text": { + "zh_CN": "图例配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "show": false, + "position": { + "left": "center", + "bottom": 15 + }, + "itemGap": 28, + "orient": "horizontal", + "reverseEvent": false, + "selectedMode": true, + "icon": "circle", + "itemHeight": 14, + "itemWeight": 14, + "textStyle": { + "fontSize": 12, + "padding": [4, 0, 0, 0], + "color": "#4e4e4e", + "overflow": "none" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图例配置，默认显示" + }, + "labelPosition": "left" + }, + { + "property": "lineDataName", + "label": { + "text": { + "zh_CN": "更改数据名" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "InputConfigurator", + "props": {} + }, + "description": { + "zh_CN": "柱状图更改为折线图的数据名" + }, + "labelPosition": "left" + }, + { + "property": "markline", + "label": { + "text": { + "zh_CN": "阈值线配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "top": 38, + "bottom": 20, + "color": "red" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "padding", + "label": { + "text": { + "zh_CN": "图表内边距" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[50, 20, 50, 20]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "柱状图类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "bar", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "bar", + "value": "bar" + }, + { + "label": "range", + "value": "range" + }, + { + "label": "water-fall", + "value": "water-fall" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "xAxis", + "label": { + "text": { + "zh_CN": "配置x轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "data": "Month", + "name": "Utils", + "line": { + "show": true, + "lineStyle": { + "color": "red", + "type": "dashed", + "width": 2 + } + }, + "interval": 2, + "fullGrid": true, + "labelRotate": 45, + "ellipsis": { + "overflow": "truncate", + "labelWidth": 20 + }, + "nameLocation": "end", + "nameTextStyle": { + "fontSize": 12, + "color": "#4e4e4e" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "默认值：图表数据data中data[0]对象的第一个key值" + }, + "labelPosition": "left" + }, + { + "property": "yAxis", + "label": { + "text": { + "zh_CN": "配置y轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "max": 60, + "min": 0, + "interval": 10, + "position": "left", + "dataName": ["Domestic"], + "name": "value", + "unit": "元", + "nameTextStyle": { + "padding": [0, 0, 0, -45] + } + }, + { + "max": 90, + "min": 0, + "interval": 15, + "position": "right", + "dataName": ["Abroad"], + "name": "kal", + "unit": "$", + "offset": 45, + "nameTextStyle": { + "padding": [0, -45, 0, 0] + } + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + } + ] } - }, - "type": "string", - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "InputConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "extend", - "label": { - "text": { - "zh_CN": "图表扩展配置，参考eCharts" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } + "zh_CN": "柱状图配置" }, - "description": { - "zh_CN": "" - } - }, + "labelPosition": "top" + } + ] + } + ], + "events": { + "onReady": { + "type": "event", + "label": { + "zh_CN": "每次渲染完成后触发" + }, + "description": { + "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} + } + }, + "onReadyOnce": { + "type": "event", + "label": { + "zh_CN": "首次渲染完成后触发" + }, + "description": { + "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "条形图" + }, + "component": "TinyHuichartsBar", + "icon": "bar", + "description": "条形图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsBar", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ { - "property": "events", + "property": "options", "label": { "text": { - "zh_CN": "事件绑定" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "Month": "Jan", + "Domestic": 33, + "Abroad": 37 + }, + { + "Month": "Feb", + "Domestic": 27, + "Abroad": 39 + }, + { + "Month": "Mar", + "Domestic": 31, + "Abroad": 20 + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "dataZoom", + "label": { + "text": { + "zh_CN": "区域缩放轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "start": 0, + "end": 100, + "show": false, + "position": { + "left": 36, + "bottom": 20 + }, + "height": 24 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "柱体样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "barWidth": 8, + "barGap": "60%" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "padding", + "label": { + "text": { + "zh_CN": "图表内边距" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[50, 20, 50, 20]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + }, + { + "property": "xAxis", + "label": { + "text": { + "zh_CN": "配置x轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "data": "Month", + "name": "Utils", + "line": { + "show": true, + "lineStyle": { + "color": "red", + "type": "dashed", + "width": 2 + } + }, + "interval": 2, + "fullGrid": true, + "labelRotate": 45, + "ellipsis": { + "overflow": "truncate", + "labelWidth": 20 + }, + "nameLocation": "end", + "nameTextStyle": { + "fontSize": 12, + "color": "#4e4e4e" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "默认值：图表数据data中data[0]对象的第一个key值" + }, + "labelPosition": "left" + }, + { + "property": "yAxis", + "label": { + "text": { + "zh_CN": "配置y轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "max": 60, + "min": 0, + "interval": 10, + "position": "left", + "dataName": ["Domestic"], + "name": "value", + "unit": "元", + "nameTextStyle": { + "padding": [0, 0, 0, -45] + } + }, + { + "max": 90, + "min": 0, + "interval": 15, + "position": "right", + "dataName": ["Abroad"], + "name": "kal", + "unit": "$", + "offset": 45, + "nameTextStyle": { + "padding": [0, -45, 0, 0] + } + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + } + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "SwitchConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "data-empty", - "label": { - "text": { - "zh_CN": "暂无数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "SwitchConfigurator", - "props": { - } + "zh_CN": "条形图配置" }, - "description": { - "zh_CN": "" - } + "labelPosition": "top" } - ], + ] + } + ], + "events": { + "onReady": { + "type": "event", + "label": { + "zh_CN": "图表渲染完成后触发" + }, + "description": { + "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} + } + }, + "onReadyOnce": { + "type": "event", + "label": { + "zh_CN": "图表渲染完成后触发" + }, "description": { - "zh_CN": "" + "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} } } - ], - "events": [ - ] - } - }, - { - "name": { - "zh_CN": "折线图" - }, - "component": "TinyChartLine", - "icon": "line", - "description": "基于 eCharts 封装的折线图", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartLine", - "version": "3.14.0", - "destructuring": true, - "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs", - "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css" + } }, - "group": "component", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, - "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -281,236 +1421,314 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [ - "" - ] + "properties": [] }, "contextMenu": { - "actions": [ - "copy", - "remove", - "insert", - "updateAttr", - "bindEevent", - "createBlock" - ], - "disable": [ - ] - }, - "invalidity": [ - "" - ], - "clickCapture": true, - "framework": "Vue" + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "圆盘图" + }, + "component": "TinyHuichartsPie", + "icon": "pie", + "description": "圆盘图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsPie", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" }, + "group": "chart", + "category": "图表组件", + "priority": 2, "schema": { "properties": [ { - "name": "0", "label": { "zh_CN": "基础信息" }, + "description": { + "zh_CN": "基础信息" + }, "content": [ { - "property": "data", + "property": "options", "label": { "text": { - "zh_CN": "图表数据" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "value": 100, + "name": "VPC" + }, + { + "value": 90, + "name": "IM" + }, + { + "value": 49, + "name": "EIP" + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "中心文本配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "text": " ", + "subtext": " ", + "top": "center", + "left": "center", + "itemGap": 8, + "textStyle": { + "color": "#191919", + "fontSize": 28, + "lineHeight": 28, + "fontWeight": "normal" + }, + "subtextStyle": { + "color": "#bbbbbb", + "fontSize": 16, + "lineHeight": 24, + "fontWeight": "normal" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "描边配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "borderColor": "#ffffff", + "borderWidth": 3, + "borderRadius": 0 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "position", + "label": { + "text": { + "zh_CN": "图表位置及大小" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "center": ["50%", "45%"], + "radius": ["44%", "50%"] + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + } + ] + } + ], "widget": { - "component": "CodeConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "settings", - "label": { - "text": { - "zh_CN": "图表配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "events", - "label": { - "text": { - "zh_CN": "事件绑定" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "extend", - "label": { - "text": { - "zh_CN": "图表扩展配置，参考eCharts" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的高度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的宽度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "SwitchConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "data-empty", - "label": { - "text": { - "zh_CN": "暂无数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "SwitchConfigurator", - "props": { - } + "zh_CN": "圆盘图配置" }, - "description": { - "zh_CN": "" - } + "labelPosition": "top" } - ], - "description": { - "zh_CN": "" - } + ] } ], - "events": [ - ] - } - }, - { - "name": { - "zh_CN": "柱状图" - }, - "component": "TinyChartHistogram", - "icon": "histogram ", - "description": "基于 eCharts 封装的柱状图", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartHistogram", - "version": "3.14.0", - "destructuring": true, - "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs", - "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css" + "events": {} }, - "group": "component", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, - "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -521,58 +1739,50 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [ - "" - ] + "properties": [] }, "contextMenu": { - "actions": [ - "copy", - "remove", - "insert", - "updateAttr", - "bindEevent", - "createBlock" - ], - "disable": [ - ] - }, - "invalidity": [ - "" - ], - "clickCapture": true, - "framework": "Vue" + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "环形图" + }, + "component": "TinyHuichartsRing", + "icon": "ring", + "description": "环形图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsRing", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" }, + "group": "chart", + "category": "图表组件", + "priority": 2, "schema": { "properties": [ { - "name": "0", "label": { "zh_CN": "基础信息" }, + "description": { + "zh_CN": "基础信息" + }, "content": [ { - "property": "data", - "label": { - "text": { - "zh_CN": "图表数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "settings", + "property": "options", "label": { "text": { "zh_CN": "图表配置" @@ -582,175 +1792,300 @@ "readOnly": false, "disabled": false, "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "extend", - "label": { - "text": { - "zh_CN": "图表扩展配置，参考eChart" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的高度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的宽度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "events", - "label": { - "text": { - "zh_CN": "事件绑定" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "value": 100, + "name": "VPC" + }, + { + "value": 90, + "name": "IM" + }, + { + "value": 49, + "name": "EIP" + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "position", + "label": { + "text": { + "zh_CN": "图表位置及大小" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "center": ["50%", "45%"], + "radius": ["44%", "50%"] + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "描边配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "borderColor": "#ffffff", + "borderWidth": 3, + "borderRadius": 0 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "中心文本配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "text": " ", + "subtext": " ", + "top": "center", + "left": "center", + "itemGap": 8, + "textStyle": { + "color": "#191919", + "fontSize": 28, + "lineHeight": 28, + "fontWeight": "normal" + }, + "subtextStyle": { + "color": "#bbbbbb", + "fontSize": 16, + "lineHeight": 24, + "fontWeight": "normal" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + } + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "SwitchConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "data-empty", - "label": { - "text": { - "zh_CN": "暂无数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "SwitchConfigurator", - "props": { - } + "zh_CN": "环形图配置" }, - "description": { - "zh_CN": "" - } + "labelPosition": "top" } - ], + ] + } + ], + "events": { + "onReady": { + "type": "event", + "label": { + "zh_CN": "图表渲染完成后触发" + }, + "description": { + "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} + } + }, + "onReadyOnce": { + "type": "event", + "label": { + "zh_CN": "图表渲染完成后触发" + }, "description": { - "zh_CN": "" + "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} } } - ], - "events": [ - ] - } - }, - { - "name": { - "zh_CN": "条形图" - }, - "component": "TinyChartBar", - "icon": "bar", - "description": "基于 eCharts 封装的条形图", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartBar", - "version": "3.14.0", - "destructuring": true, - "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs", - "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css" + }, + "slots": { + "default": { + "label": { + "zh_CN": "默认内容" + }, + "description": { + "zh_CN": "组件默认插槽" + } + } + } }, - "group": "component", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, - "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -761,58 +2096,50 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [ - "" - ] + "properties": [] }, "contextMenu": { - "actions": [ - "copy", - "remove", - "insert", - "updateAttr", - "bindEevent", - "createBlock" - ], - "disable": [ - ] - }, - "invalidity": [ - "" - ], - "clickCapture": true, - "framework": "Vue" + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "雷达图" + }, + "component": "TinyHuichartsRadar", + "icon": "radar", + "description": "雷达图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsRadar", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" }, + "group": "chart", + "category": "图表组件", + "priority": 2, "schema": { "properties": [ { - "name": "0", "label": { "zh_CN": "基础信息" }, + "description": { + "zh_CN": "基础信息" + }, "content": [ { - "property": "data", - "label": { - "text": { - "zh_CN": "图表数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "settings", + "property": "options", "label": { "text": { "zh_CN": "图表配置" @@ -822,175 +2149,282 @@ "readOnly": false, "disabled": false, "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "events", - "label": { - "text": { - "zh_CN": "事件绑定" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "extend", - "label": { - "text": { - "zh_CN": "图表扩展配置，参考eCharts" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的高度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的宽度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "Domestic": { + "Equipment": 43, + "VM": 90, + "CSP": 80, + "RD": 53, + "Markets": 78 + }, + "Abroad": { + "Equipment": 75, + "VM": 55, + "CSP": 93, + "RD": 90, + "Markets": 86 + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "area", + "label": { + "text": { + "zh_CN": "图形区域配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "radar", + "label": { + "text": { + "zh_CN": "坐标系配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "triggerEvent": true, + "color": "#191919" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "position", + "label": { + "text": { + "zh_CN": "图表位置及大小" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "center": ["50%", "50%"], + "radius": "50%" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + } + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "SwitchConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "data-empty", - "label": { - "text": { - "zh_CN": "暂无数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "SwitchConfigurator", - "props": { - } + "zh_CN": "雷达图配置" }, - "description": { - "zh_CN": "" - } + "labelPosition": "top" } - ], + ] + } + ], + "events": { + "onReady": { + "type": "event", + "label": { + "zh_CN": "图表渲染完成后触发" + }, + "description": { + "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} + } + }, + "onReadyOnce": { + "type": "event", + "label": { + "zh_CN": "图表渲染完成后触发" + }, "description": { - "zh_CN": "" + "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" + }, + "defaultValue": "", + "functionInfo": { + "params": [], + "returns": {} } } - ], - "events": [ - ] - } - }, - { - "name": { - "zh_CN": "雷达图" - }, - "component": "TinyChartRadar", - "icon": "radar", - "description": "基于 eCharts 封装的雷达图", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartRadar", - "version": "3.14.0", - "destructuring": true, - "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs", - "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css" + }, + "slots": { + "default": { + "label": { + "zh_CN": "默认内容" + }, + "description": { + "zh_CN": "组件默认插槽" + } + } + } }, - "group": "component", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, - "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -1001,236 +2435,291 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [ - "" - ] + "properties": [] }, "contextMenu": { - "actions": [ - "copy", - "remove", - "insert", - "updateAttr", - "bindEevent", - "createBlock" - ], - "disable": [ - ] - }, - "invalidity": [ - "" - ], - "clickCapture": true, - "framework": "Vue" - }, - "schema": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "data", - "label": { - "text": { - "zh_CN": "图表数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "settings", - "label": { - "text": { - "zh_CN": "图表配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的宽度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的高度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "extend", - "label": { - "text": { - "zh_CN": "图表扩展配置，参考eCharts" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "漏斗图" + }, + "component": "TinyHuichartsFunnel", + "icon": "funnel", + "description": "漏斗图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsFunnel", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ { - "property": "events", + "property": "options", "label": { "text": { - "zh_CN": "事件绑定" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "value": 60, + "name": "Visit" + }, + { + "value": 40, + "name": "Inquiry" + }, + { + "value": 20, + "name": "Order" + }, + { + "value": 80, + "name": "Click" + }, + { + "value": 100, + "name": "Show" + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "position", + "label": { + "text": { + "zh_CN": "图表位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "left": "center", + "right": "80", + "top": 60, + "bottom": 60, + "funnelAlign": "center", + "orient": "horizontal" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "图表大小" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "width": "80%", + "height": "80%", + "min": 0, + "max": 100, + "minSize": "0%", + "maxSize": "100%" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + } + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "SwitchConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "data-empty", - "label": { - "text": { - "zh_CN": "暂无数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "SwitchConfigurator", - "props": { - } + "zh_CN": "漏斗图配置" }, - "description": { - "zh_CN": "" - } + "labelPosition": "top" } - ], - "description": { - "zh_CN": "" - } + ] } ], - "events": [ - ] - } - }, - { - "name": { - "zh_CN": "环图" - }, - "component": "TinyChartRing", - "icon": "ring", - "description": "基于 eCharts 封装的环图", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartRing", - "version": "3.14.0", - "destructuring": true, - "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs", - "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css" + "events": {} }, - "group": "component", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, - "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -1241,58 +2730,386 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [ - "" - ] + "properties": [] }, "contextMenu": { - "actions": [ - "copy", - "remove", - "insert", - "updateAttr", - "bindEevent", - "createBlock" - ], - "disable": [ - ] - }, - "invalidity": [ - "" - ], - "clickCapture": true, - "framework": "Vue" + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "散点图" }, + "component": "TinyHuichartsScatter", + "icon": "scatter", + "description": "散点图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsScatter", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, "schema": { "properties": [ { - "name": "0", "label": { "zh_CN": "基础信息" }, + "description": { + "zh_CN": "基础信息" + }, "content": [ { - "property": "data", + "property": "options", "label": { "text": { - "zh_CN": "图表数据" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "1990": [ + [28604, 77, 17096869, "Australia", 1990], + [31163, 77.4, 27662440, "Canada", 1990], + [60001, 68, 1154605773, "China", 1990] + ], + "2000": [ + [19349, 69.6, 147568552, "Russia", 2000], + [10670, 67.3, 53994605, "Turkey", 2000], + [26424, 75.7, 57110117, "United Kingdom", 2000] + ], + "2015": [ + [44056, 81.8, 23968973, "Australia", 2015], + [43294, 81.7, 35939927, "Canada", 2015], + [13334, 76.9, 1376048943, "China", 2015] + ] + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "bubbleSize", + "label": { + "text": { + "zh_CN": "气泡大小范围" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[10, 70]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "节点图形样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "padding", + "label": { + "text": { + "zh_CN": "图表内边距" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[50, 20, 50, 20]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + }, + { + "property": "xAxis", + "label": { + "text": { + "zh_CN": "配置x轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "默认值：图表数据data中data[0]对象的第一个key值" + }, + "labelPosition": "left" + }, + { + "property": "yAxis", + "label": { + "text": { + "zh_CN": "配置y轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + } + ] + } + ], "widget": { - "component": "CodeConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, + "zh_CN": "散点图配置" + }, + "labelPosition": "top" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "瀑布图" + }, + "component": "TinyHuichartsWaterfall", + "icon": "waterfall", + "description": "瀑布图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsWaterfall", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ { - "property": "settings", + "property": "options", "label": { "text": { "zh_CN": "图表配置" @@ -1302,145 +3119,1323 @@ "readOnly": false, "disabled": false, "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的宽度，支持px、%、em等单位, 需要包含单位" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "Month": "Jan", + "Domestic": [5, 20], + "Abroad": [5, 23] + }, + { + "Month": "Feb", + "Domestic": [10, 30], + "Abroad": [8, 25] + }, + { + "Month": "Mar", + "Domestic": [8, 25], + "Abroad": [2, 20] + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "dataZoom", + "label": { + "text": { + "zh_CN": "区域缩放轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "start": 0, + "end": 100, + "show": false, + "position": { + "left": 36, + "bottom": 20 + }, + "height": 24 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "itemStyle", + "label": { + "text": { + "zh_CN": "柱体样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "barWidth": 8, + "barGap": "60%" + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "padding", + "label": { + "text": { + "zh_CN": "图表内边距" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[50, 20, 50, 20]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + }, + { + "property": "xAxis", + "label": { + "text": { + "zh_CN": "配置x轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "data": "Month", + "name": "Utils", + "line": { + "show": true, + "lineStyle": { + "color": "red", + "type": "dashed", + "width": 2 + } + }, + "interval": 2, + "fullGrid": true, + "labelRotate": 45, + "ellipsis": { + "overflow": "truncate", + "labelWidth": 20 + }, + "nameLocation": "end", + "nameTextStyle": { + "fontSize": 12, + "color": "#4e4e4e" + } + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "默认值：图表数据data中data[0]对象的第一个key值" + }, + "labelPosition": "left" + }, + { + "property": "yAxis", + "label": { + "text": { + "zh_CN": "配置y轴" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "max": 60, + "min": 0, + "interval": 10, + "position": "left", + "dataName": ["Domestic"], + "name": "value", + "unit": "元", + "nameTextStyle": { + "padding": [0, 0, 0, -45] + } + }, + { + "max": 90, + "min": 0, + "interval": 15, + "position": "right", + "dataName": ["Abroad"], + "name": "kal", + "unit": "$", + "offset": 45, + "nameTextStyle": { + "padding": [0, -45, 0, 0] + } + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + } + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "InputConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "type": "string", - "label": { - "text": { - "zh_CN": "图表容器的高度，支持px、%、em等单位, 需要包含单位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "InputConfigurator", - "props": { - } + "zh_CN": "瀑布图配置" }, - "description": { - "zh_CN": "" - } - }, + "labelPosition": "top" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "仪表盘" + }, + "component": "TinyHuichartsGauge", + "icon": "gauge", + "description": "仪表盘", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsGauge", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ { - "property": "extend", + "property": "options", "label": { "text": { - "zh_CN": "图表扩展配置，参考eCharts" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "value": 90, + "name": "Utilization rate" + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "startAngle", + "label": { + "text": { + "zh_CN": "起始角度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": 225, + "cols": 12, + "type": "number", + "widget": { + "component": "NumberConfigurator", + "props": {} + }, + "description": { + "zh_CN": "仪表盘起始角度。圆心正右手侧为 0 度，正上方为 90 度，正左手侧为 180 度" + }, + "labelPosition": "left" + }, + { + "property": "endAngle", + "label": { + "text": { + "zh_CN": "结束角度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": -45, + "cols": 12, + "type": "number", + "widget": { + "component": "NumberConfigurator", + "props": {} + }, + "description": { + "zh_CN": "仪表盘结束角度。圆心正右手侧为 0 度，正上方为 90 度，正左手侧为 180 度" + }, + "labelPosition": "left" + }, + { + "property": "min", + "label": { + "text": { + "zh_CN": "最小刻度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": 0, + "cols": 12, + "type": "number", + "widget": { + "component": "NumberConfigurator", + "props": {} + }, + "description": { + "zh_CN": "仪表盘的最小值" + }, + "labelPosition": "left" + }, + { + "property": "max", + "label": { + "text": { + "zh_CN": "最大刻度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": 100, + "cols": 12, + "type": "number", + "widget": { + "component": "NumberConfigurator", + "props": {} + }, + "description": { + "zh_CN": "仪表盘的最大值" + }, + "labelPosition": "left" + }, + { + "property": "pointer", + "label": { + "text": { + "zh_CN": "刻度指针" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": false, + "cols": 12, + "type": "boolean", + "widget": { + "component": "SwitchConfigurator", + "props": {} + }, + "description": { + "zh_CN": "刻度指针是否显示" + }, + "labelPosition": "left" + }, + { + "property": "splitColor", + "label": { + "text": { + "zh_CN": "分割区间" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + [0.25, "#0d9458"], + [0.5, "#eeba18"], + [0.75, "#ec6f1a"], + [1, "#f43146"] + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "仪表盘的分割颜色，splitColor[i][0] 的值代表整根轴线的百分比，应在 0 到 1 之间, splitColor[i][1] 是对应的颜色" + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + } + ] + } + ], "widget": { - "component": "CodeConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, + "zh_CN": "仪表盘配置" + }, + "labelPosition": "top" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "拓扑图" + }, + "component": "TinyHuichartsGraph", + "icon": "graph", + "description": "拓扑图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsGraph", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ { - "property": "events", + "property": "options", "label": { "text": { - "zh_CN": "事件绑定" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, - "cols": 12, - "widget": { - "component": "CodeConfigurator", - "props": { - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "series", + "label": { + "text": { + "zh_CN": "系列" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "type": "graph", + "layout": "none", + "symbolSize": 48, + "color": "#42A5F5", + "roam": true, + "label": { + "normal": { + "show": true + } + }, + "edgeSymbol": ["circle", "arrow"], + "edgeSymbolSize": [3, 10], + "edgeLabel": { + "normal": { + "textStyle": { + "fontSize": 18 + } + } + }, + "data": [ + { + "name": "节点 1", + "x": 300, + "y": 300 + }, + { + "name": "节点 2", + "x": 800, + "y": 300 + }, + { + "name": "节点 3", + "x": 550, + "y": 100 + }, + { + "name": "节点 4", + "x": 550, + "y": 500 + } + ], + "links": [ + { + "source": 0, + "target": 1, + "symbolSize": [5, 20], + "label": { + "normal": { + "show": true + } + }, + "lineStyle": { + "normal": { + "width": 5, + "curveness": 0.2 + } + } + }, + { + "source": "节点 2", + "target": "节点 1", + "label": { + "normal": { + "show": true + } + }, + "lineStyle": { + "normal": { + "curveness": 0.2 + } + } + }, + { + "source": "节点 1", + "target": "节点 3" + }, + { + "source": "节点 2", + "target": "节点 3" + }, + { + "source": "节点 2", + "target": "节点 4" + }, + { + "source": "节点 1", + "target": "节点 4" + } + ], + "lineStyle": { + "normal": { + "opacity": 0.9, + "width": 2, + "curveness": 0 + } + } + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "animationEasing", + "label": { + "text": { + "zh_CN": "初始缓动效果" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cubicOut", + "cols": 12, + "type": "string", + "widget": { + "component": "InputConfigurator", + "props": {} + }, + "description": { + "zh_CN": "初始动画的缓动效果" + }, + "labelPosition": "left" + }, + { + "property": "animationEasingUpdate", + "label": { + "text": { + "zh_CN": "更新缓动效果" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cubicInOut", + "cols": 12, + "type": "string", + "widget": { + "component": "InputConfigurator", + "props": {} + }, + "description": { + "zh_CN": "更新动画的缓动效果" + }, + "labelPosition": "left" + }, + { + "property": "animationDurationUpdate", + "label": { + "text": { + "zh_CN": "动画时长" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": 300, + "cols": 12, + "type": "number", + "widget": { + "component": "NumberConfigurator", + "props": {} + }, + "description": { + "zh_CN": "数据更新动画的时长" + }, + "labelPosition": "left" + }, + { + "property": "animationDelayUpdate", + "label": { + "text": { + "zh_CN": "动画延迟" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": 100, + "cols": 12, + "type": "number", + "widget": { + "component": "NumberConfigurator", + "props": {} + }, + "description": { + "zh_CN": "数据更新动画的延迟" + }, + "labelPosition": "left" + } + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, + ], "widget": { - "component": "SwitchConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } - }, + "zh_CN": "拓扑图配置" + }, + "labelPosition": "top" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "version": "3.22.0", + "name": { + "zh_CN": "进度图" + }, + "component": "TinyHuichartsProcess", + "icon": "process", + "description": "进度图", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "destructuring": true, + "exportName": "TinyHuichartsProcess", + "name": "TinyVueHuicharts组件库", + "package": "@opentiny/vue-huicharts", + "version": "3.22.0", + "script": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs" + }, + "group": "chart", + "category": "图表组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "content": [ { - "property": "data-empty", + "property": "options", "label": { "text": { - "zh_CN": "暂无数据" + "zh_CN": "图表配置" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "color", + "label": { + "text": { + "zh_CN": "颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + "#6D8FF0", + "#00A874", + "#BD72F0", + "#54BCCE", + "#FDC000", + "#9185F0", + "#00A2B5" + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "颜色, 类型Array" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "name": "UniEPMgr", + "value": 80 + }, + { + "name": "SMLoglic", + "value": 65 + }, + { + "name": "SSO", + "value": 45 + } + ], + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "图表数据" + }, + "labelPosition": "left" + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "图表数据（必填）" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "state", + "label": { + "text": { + "zh_CN": "根据状态设置颜色" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": { + "error": 75, + "warning": 60, + "subwarning": 50, + "success": 20 + }, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "padding", + "label": { + "text": { + "zh_CN": "图表内边距" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "[50, 20, 50, 20]", + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "labelPosition": "left" + }, + { + "property": "theme", + "label": { + "text": { + "zh_CN": "主题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "cloud-light", + "cols": 12, + "widget": { + "component": "SelectConfigurator", + "props": { + "options": [ + { + "label": "light", + "value": "light" + }, + { + "label": "dark", + "value": "dark" + }, + { + "label": "hdesign-light", + "value": "hdesign-light" + }, + { + "label": "hdesign-dark", + "value": "hdesign-dark" + }, + { + "label": "cloud-light", + "value": "cloud-light" + }, + { + "label": "bpit-light", + "value": "bpit-light" + }, + { + "label": "bpit-dark", + "value": "bpit-dark" + } + ] + } + }, + "labelPosition": "left" + }, + { + "property": "tooltip", + "label": { + "text": { + "zh_CN": "悬浮框内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "CodeConfigurator", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "悬浮提示框内容配置" + }, + "labelPosition": "left" + } + ] + } + ], "widget": { - "component": "SwitchConfigurator", + "component": "NestedPropertyConfigurator", "props": { + "type": "object", + "language": "json" } }, "description": { - "zh_CN": "" - } + "zh_CN": "进度图配置" + }, + "labelPosition": "top" } - ], - "description": { - "zh_CN": "" - } + ] } ], - "events": [ - ] + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } } } ], @@ -1453,220 +4448,349 @@ "children": [ { "name": { - "zh_CN": "饼图" + "zh_CN": "折线图" }, - "icon": "pie", + "icon": "line", "screenshot": "", - "snippetName": "TinyChartPie", + "snippetName": "TinyHuichartsLine", "schema": { - "componentName": "TinyChartPie", + "componentName": "TinyHuichartsLine", "props": { - "data": { - "columns": [ - "日期", - "访问用户" - ], - "rows": [ + "options": { + "theme": "hdesign-light", + "padding": [50, 30, 50, 20], + "legend": { + "show": true, + "icon": "line" + }, + "data": [ + { + "Month": "Jan", + "Domestics": 33, + "Abroad": 37 + }, + { + "Month": "Feb", + "Domestics": 27, + "Abroad": 39 + }, + { + "Month": "Mar", + "Domestics": 31, + "Abroad": 20 + }, + { + "Month": "Apr", + "Domestics": 30, + "Abroad": 15 + }, + { + "Month": "May", + "Domestics": 37, + "Abroad": 13 + }, + { + "Month": "Jun", + "Domestics": 36, + "Abroad": 17 + }, { - "日期": "1/1", - "访问用户": 1393 + "Month": "Jul", + "Domestics": 42, + "Abroad": 22 }, { - "日期": "1/2", - "访问用户": 3530 + "Month": "Aug", + "Domestics": 22, + "Abroad": 12 }, { - "日期": "1/3", - "访问用户": 2923 + "Month": "Sep", + "Domestics": 17, + "Abroad": 30 }, { - "日期": "1/4", - "访问用户": 1723 + "Month": "Oct", + "Domestics": 40, + "Abroad": 33 }, { - "日期": "1/5", - "访问用户": 3792 + "Month": "Nov", + "Domestics": 42, + "Abroad": 22 }, { - "日期": "1/6", - "访问用户": 4593 + "Month": "Dec", + "Domestics": 32, + "Abroad": 11 } - ] + ], + "xAxis": { + "data": "Month" + }, + "yAxis": { + "name": "Percentage(%)" + } } } } }, { "name": { - "zh_CN": "折线图" + "zh_CN": "柱状图" }, - "icon": "line", + "icon": "histogram", "screenshot": "", - "snippetName": "TinyChartLine", + "snippetName": "TinyHuichartsHistogram", "schema": { - "componentName": "TinyChartLine", + "componentName": "TinyHuichartsHistogram", "props": { - "data": { - "columns": [ - "日期", - "访问用户", - "下单用户", - "下单率" - ], - "rows": [ + "options": { + "theme": "hdesign-light", + "padding": [50, 30, 50, 20], + "data": [ + { + "Month": "Jan", + "Domestic": 33, + "Abroad": 1 + }, + { + "Month": "Feb", + "Domestic": 27, + "Abroad": 39 + }, + { + "Month": "Mar", + "Domestic": 31, + "Abroad": 20 + }, + { + "Month": "Apr", + "Domestic": 30, + "Abroad": 15 + }, + { + "Month": "May", + "Domestic": 37, + "Abroad": 1 + }, + { + "Month": "Jun", + "Domestic": 36, + "Abroad": 17 + }, { - "日期": "1/1", - "访问用户": 1393, - "下单用户": 1093, - "下单率": 0.32 + "Month": "Jul", + "Domestic": 42, + "Abroad": 22 }, { - "日期": "1/2", - "访问用户": 3530, - "下单用户": 3230, - "下单率": 0.26 + "Month": "Aug", + "Domestic": 22, + "Abroad": 12 }, { - "日期": "1/3", - "访问用户": 2923, - "下单用户": 2623, - "下单率": 0.76 + "Month": "Sep", + "Domestic": 17, + "Abroad": 30 }, { - "日期": "1/4", - "访问用户": 1723, - "下单用户": 1423, - "下单率": 0.49 + "Month": "Oct", + "Domestic": 40, + "Abroad": 33 }, { - "日期": "1/5", - "访问用户": 3792, - "下单用户": 3492, - "下单率": 0.323 + "Month": "Nov", + "Domestic": 42, + "Abroad": 22 }, { - "日期": "1/6", - "访问用户": 4593, - "下单用户": 4293, - "下单率": 0.78 + "Month": "Dec", + "Domestic": 32, + "Abroad": 1 } - ] + ], + "xAxis": { + "data": "Month" + }, + "yAxis": { + "name": "Percentage(%)" + } } } } }, { "name": { - "zh_CN": "柱状图" + "zh_CN": "条形图" }, - "icon": "histogram ", + "icon": "bar", "screenshot": "", - "snippetName": "TinyChartHistogram", + "snippetName": "TinyHuichartsBar", "schema": { - "componentName": "TinyChartHistogram", + "componentName": "TinyHuichartsBar", "props": { - "data": { - "columns": [ - "日期", - "访问用户", - "下单用户", - "下单率" - ], - "rows": [ + "options": { + "theme": "hdesign-light", + "padding": [50, 30, 50, 20], + "data": [ + { + "Month": "Jan", + "Domestic": 33, + "Abroad": 1 + }, + { + "Month": "Feb", + "Domestic": 27, + "Abroad": 39 + }, + { + "Month": "Mar", + "Domestic": 31, + "Abroad": 20 + }, + { + "Month": "Apr", + "Domestic": 30, + "Abroad": 15 + }, + { + "Month": "May", + "Domestic": 37, + "Abroad": 1 + }, + { + "Month": "Jun", + "Domestic": 36, + "Abroad": 17 + }, { - "日期": "1/1", - "访问用户": 1393, - "下单用户": 1093, - "下单率": 0.32 + "Month": "Jul", + "Domestic": 42, + "Abroad": 22 }, { - "日期": "1/2", - "访问用户": 3530, - "下单用户": 3230, - "下单率": 0.26 + "Month": "Aug", + "Domestic": 22, + "Abroad": 12 }, { - "日期": "1/3", - "访问用户": 2923, - "下单用户": 2623, - "下单率": 0.76 + "Month": "Sep", + "Domestic": 17, + "Abroad": 30 }, { - "日期": "1/4", - "访问用户": 1723, - "下单用户": 1423, - "下单率": 0.49 + "Month": "Oct", + "Domestic": 40, + "Abroad": 33 }, { - "日期": "1/5", - "访问用户": 3792, - "下单用户": 3492, - "下单率": 0.323 + "Month": "Nov", + "Domestic": 42, + "Abroad": 22 }, { - "日期": "1/6", - "访问用户": 4593, - "下单用户": 4293, - "下单率": 0.78 + "Month": "Dec", + "Domestic": 32, + "Abroad": 1 } - ] + ], + "xAxis": { + "data": "Month" + }, + "yAxis": { + "name": "Percentage(%)" + }, + "direction": "horizontal" } } } }, { "name": { - "zh_CN": "条形图" + "zh_CN": "圆盘图" }, - "icon": "bar", + "icon": "pie", "screenshot": "", - "snippetName": "TinyChartBar", + "snippetName": "TinyHuichartsPie", "schema": { - "componentName": "TinyChartBar", + "componentName": "TinyHuichartsPie", "props": { - "data": { - "columns": [ - "日期", - "访问用户", - "下单用户", - "下单率" - ], - "rows": [ + "options": { + "type": "pie", + "theme": "hdesign-light", + "label": { + "show": true, + "line": true, + "labelHtml": "{a|}{b|{b}:}{c|{d}%}", + "rich": { + "a": { + "width": 12, + "height": 12, + "backgroundColor": { + "image": "./image/charts/pie/ic_jiantou_hong.svg" + } + }, + "b": { + "padding": [2, 4, 0, 0] + }, + "c": { + "fontWeight": "bold", + "padding": [2, 0, 0, 0] + } + } + }, + "data": [ { - "日期": "1/1", - "访问用户": 1393, - "下单用户": 1093, - "下单率": 0.32 + "value": 100, + "name": "VPC" }, { - "日期": "1/2", - "访问用户": 3530, - "下单用户": 3230, - "下单率": 0.26 + "value": 90, + "name": "IM" }, { - "日期": "1/3", - "访问用户": 2923, - "下单用户": 2623, - "下单率": 0.76 + "value": 49, + "name": "EIP" }, { - "日期": "1/4", - "访问用户": 1723, - "下单用户": 1423, - "下单率": 0.49 + "value": 14, + "name": "SG" + } + ] + } + } + } + }, + { + "name": { + "zh_CN": "环形图" + }, + "icon": "ring", + "screenshot": "", + "snippetName": "TinyHuichartsRing", + "schema": { + "componentName": "TinyHuichartsRing", + "props": { + "options": { + "theme": "hdesign-light", + "type": "circle", + "data": [ + { + "value": 100, + "name": "VPC" + }, + { + "value": 90, + "name": "IM" }, { - "日期": "1/5", - "访问用户": 3792, - "下单用户": 3492, - "下单率": 0.323 + "value": 49, + "name": "EIP" }, { - "日期": "1/6", - "访问用户": 4593, - "下单用户": 4293, - "下单率": 0.78 + "value": 14, + "name": "SG" } ] } @@ -1679,53 +4803,123 @@ }, "icon": "radar", "screenshot": "", - "snippetName": "TinyChartRadar", + "snippetName": "TinyHuichartsRadar", "schema": { - "componentName": "TinyChartRadar", + "componentName": "TinyHuichartsRadar", "props": { - "data": { - "columns": [ - "日期", - "访问用户", - "下单用户", - "下单率" - ], - "rows": [ + "options": { + "theme": "hdesign-light", + "legend": { + "show": true, + "position": { + "left": "center", + "bottom": 20.1 + } + }, + "radarMax": 100, + "data": { + "Domestic": { + "Equipment": 41, + "VM": 91, + "CSP": 81, + "RD": 51, + "Markets": 71 + }, + "Abroad": { + "Equipment": 72, + "VM": 55, + "CSP": 93, + "RD": 90, + "Markets": 82 + } + } + } + } + } + }, + { + "name": { + "zh_CN": "瀑布图" + }, + "icon": "waterfall", + "screenshot": "", + "snippetName": "TinyHuichartsWaterfall", + "schema": { + "componentName": "TinyHuichartsWaterfall", + "props": { + "options": { + "padding": [50, 30, 20, 20], + "legend": { + "show": false + }, + "type": "water-fall", + "data": [ + { + "Name": "NLE", + "User": 10 + }, + { + "Name": "HIN", + "User": 20 + }, + { + "Name": "FBP", + "User": 9 + }, + { + "Name": "VEDIO", + "User": 35 + }, { - "日期": "1/1", - "访问用户": 1393, - "下单用户": 1093, - "下单率": 0.32 + "Name": "SASS", + "User": 20 }, { - "日期": "1/2", - "访问用户": 3530, - "下单用户": 3230, - "下单率": 0.26 + "Name": "RDS", + "User": 35 }, { - "日期": "1/3", - "访问用户": 2923, - "下单用户": 2623, - "下单率": 0.76 + "Name": "E-SYS", + "User": 9 + } + ], + "xAxis": { + "data": "Name" + }, + "yAxis": { + "name": "Number" + } + } + } + } + }, + { + "name": { + "zh_CN": "漏斗图" + }, + "icon": "funnel", + "screenshot": "", + "snippetName": "TinyHuichartsFunnel", + "schema": { + "componentName": "TinyHuichartsFunnel", + "props": { + "options": { + "data": [ + { + "value": 100, + "name": "Show" }, { - "日期": "1/4", - "访问用户": 1723, - "下单用户": 1423, - "下单率": 0.49 + "value": 75, + "name": "Click" }, { - "日期": "1/5", - "访问用户": 3792, - "下单用户": 3492, - "下单率": 0.323 + "value": 50, + "name": "Visit" }, { - "日期": "1/6", - "访问用户": 4593, - "下单用户": 4293, - "下单率": 0.78 + "value": 25, + "name": "Order" } ] } @@ -1734,43 +4928,233 @@ }, { "name": { - "zh_CN": "环图" + "zh_CN": "散点图" }, - "icon": "ring", + "icon": "scatter", + "screenshot": "", + "snippetName": "TinyHuichartsScatter", + "schema": { + "componentName": "TinyHuichartsScatter", + "props": { + "options": { + "padding": [50, 30, 50, 20], + "legend": { + "orient": "horizontal", + "show": true, + "position": { + "left": "center", + "bottom": 15 + } + }, + "bubbleSize": [20, 100], + "xAxisType": "value", + "data": { + "1990": [ + [28604, 77, 1709866, "Australia", 1990], + [31163, 77.4, 27662440, "Canada", 1990], + [60001, 68, 1154605773, "China", 1990], + [13670, 74.7, 10582082, "Cuba", 1990], + [28599, 75, 4986705, "Finland", 1990] + ], + "2000": [ + [19349, 69.6, 147568552, "Russia", 2000], + [10670, 67.3, 53994606, "Turkey", 2000], + [26424, 75.7, 57110117, "United Kingdom", 2000], + [37062, 75.4, 252847810, "United States", 2000], + [23038, 73.13, 143456918, "Russia", 2000] + ], + "2015": [ + [44056, 81.8, 23968976, "Australia", 2015], + [43294, 81.7, 35939927, "Canada", 2015], + [13334, 76.9, 1376048943, "Cuba", 2015], + [21291, 78.5, 11389566, "Finland", 2015], + [38923, 80.8, 5503457, "France", 2015] + ] + } + } + } + } + }, + { + "name": { + "zh_CN": "仪表盘" + }, + "icon": "gauge", "screenshot": "", - "snippetName": "TinyChartRing", + "snippetName": "TinyHuichartsGauge", "schema": { - "componentName": "TinyChartRing", + "componentName": "TinyHuichartsGauge", "props": { - "data": { - "columns": [ - "日期", - "访问用户" + "options": { + "splitColor": [ + [0.25, "#0d9458"], + [0.5, "#eeba18"], + [0.75, "#ec6f1a"], + [1, "#f43146"] ], - "rows": [ + "pointer": true, + "data": [ { - "日期": "1/1", - "访问用户": 1393 - }, + "value": 71, + "name": "Utilization rate" + } + ] + } + } + } + }, + { + "name": { + "zh_CN": "拓扑图" + }, + "icon": "graph", + "screenshot": "", + "snippetName": "TinyHuichartsGraph", + "schema": { + "componentName": "TinyHuichartsGraph", + "props": { + "options": { + "animationDurationUpdate": 1600, + "animationEasingUpdate": "quinticInOut", + "series": [ + { + "type": "graph", + "layout": "none", + "symbolSize": 48, + "color": "#42A5F5", + "roam": true, + "label": { + "normal": { + "show": true + } + }, + "edgeSymbol": ["circle", "arrow"], + "edgeSymbolSize": [3, 10], + "edgeLabel": { + "normal": { + "textStyle": { + "fontSize": 18 + } + } + }, + "data": [ + { + "name": "节点 1", + "x": 300, + "y": 300 + }, + { + "name": "节点 2", + "x": 800, + "y": 300 + }, + { + "name": "节点 3", + "x": 550, + "y": 100 + }, + { + "name": "节点 4", + "x": 550, + "y": 500 + } + ], + "links": [ + { + "source": 0, + "target": 1, + "symbolSize": [5, 20], + "label": { + "normal": { + "show": true + } + }, + "lineStyle": { + "normal": { + "width": 5, + "curveness": 0.2 + } + } + }, + { + "source": "节点 2", + "target": "节点 1", + "label": { + "normal": { + "show": true + } + }, + "lineStyle": { + "normal": { + "curveness": 0.2 + } + } + }, + { + "source": "节点 1", + "target": "节点 3" + }, + { + "source": "节点 2", + "target": "节点 3" + }, + { + "source": "节点 2", + "target": "节点 4" + }, + { + "source": "节点 1", + "target": "节点 4" + } + ], + "lineStyle": { + "normal": { + "opacity": 0.9, + "width": 2, + "curveness": 0 + } + } + } + ] + } + } + } + }, + { + "name": { + "zh_CN": "进度图" + }, + "icon": "process", + "screenshot": "", + "snippetName": "TinyHuichartsProcess", + "schema": { + "componentName": "TinyHuichartsProcess", + "props": { + "options": { + "name": "ProcessBarChart", + "theme": "light", + "padding": [32, 32, 0, 32], + "color": ["#fa2a2d", "#ff7500", "#ffbf00", "#41ba41", "#00aaee"], + "data": [ { - "日期": "1/2", - "访问用户": 3530 + "name": "UniEPMgr", + "value": 80 }, { - "日期": "1/3", - "访问用户": 2923 + "name": "SMLoglic", + "value": 65 }, { - "日期": "1/4", - "访问用户": 1723 + "name": "SSO", + "value": 45 }, { - "日期": "1/5", - "访问用户": 3792 + "name": "APIMgr", + "value": 20 }, { - "日期": "1/6", - "访问用户": 4593 + "name": "Logtransfer", + "value": 12 } ] } diff --git a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts index 24d6888c..b153495d 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts +++ b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts @@ -77,6 +77,19 @@ export const whiteList = [ 'TinyChartBar', 'TinyChartRadar', 'TinyChartRing', + 'TinyHuichartsLine', + 'TinyHuichartsHistogram', + 'TinyHuichartsBar', + 'TinyHuichartsRadar', + 'TinyHuichartsRing', + 'TinyHuichartsPie', + 'TinyHuichartsFunnel', + 'TinyHuichartsScatter', + 'TinyHuichartsWaterfall', + 'TinyHuichartsGauge', + 'TinyHuichartsGraph', + 'TinyHuichartsProcess', + // 'GridStack', // 'GridStackItem' ]; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 554ab587..b72cb81e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -281,24 +281,9 @@ importers: '@opentiny/vue-button': specifier: ^3.28.0 version: 3.28.0 - '@opentiny/vue-chart-bar': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-histogram': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-line': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-pie': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-radar': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-ring': - specifier: 3.14.0 - version: 3.14.0 + '@opentiny/vue-huicharts': + specifier: ^3.28.0 + version: 3.29.0(echarts@5.4.1) '@opentiny/vue-icon': specifier: ^3.28.0 version: 3.28.3 @@ -378,24 +363,9 @@ importers: '@opentiny/vue-button': specifier: ^3.28.0 version: 3.28.0 - '@opentiny/vue-chart-bar': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-histogram': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-line': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-pie': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-radar': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-ring': - specifier: 3.14.0 - version: 3.14.0 + '@opentiny/vue-huicharts': + specifier: ^3.28.0 + version: 3.29.0(echarts@5.4.1) '@opentiny/vue-select': specifier: ^3.28.0 version: 3.28.0 @@ -2386,42 +2356,49 @@ packages: engines: {node: '>= 10'} cpu: [arm64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-arm64-musl@1.1.1': resolution: {integrity: sha512-+2Rzdb3nTIYZ0YJF43qf2twhqOCkiSrHx2Pg6DJaCPYhhaxbLcdlV8hCRMHghQ+EtZQWGNcS2xF4KxBhSGeutg==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] + libc: [musl] '@napi-rs/nice-linux-ppc64-gnu@1.1.1': resolution: {integrity: sha512-4FS8oc0GeHpwvv4tKciKkw3Y4jKsL7FRhaOeiPei0X9T4Jd619wHNe4xCLmN2EMgZoeGg+Q7GY7BsvwKpL22Tg==} engines: {node: '>= 10'} cpu: [ppc64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-riscv64-gnu@1.1.1': resolution: {integrity: sha512-HU0nw9uD4FO/oGCCk409tCi5IzIZpH2agE6nN4fqpwVlCn5BOq0MS1dXGjXaG17JaAvrlpV5ZeyZwSon10XOXw==} engines: {node: '>= 10'} cpu: [riscv64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-s390x-gnu@1.1.1': resolution: {integrity: sha512-2YqKJWWl24EwrX0DzCQgPLKQBxYDdBxOHot1KWEq7aY2uYeX+Uvtv4I8xFVVygJDgf6/92h9N3Y43WPx8+PAgQ==} engines: {node: '>= 10'} cpu: [s390x] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-x64-gnu@1.1.1': resolution: {integrity: sha512-/gaNz3R92t+dcrfCw/96pDopcmec7oCcAQ3l/M+Zxr82KT4DljD37CpgrnXV+pJC263JkW572pdbP3hP+KjcIg==} engines: {node: '>= 10'} cpu: [x64] os: [linux] + libc: [glibc] '@napi-rs/nice-linux-x64-musl@1.1.1': resolution: {integrity: sha512-xScCGnyj/oppsNPMnevsBe3pvNaoK7FGvMjT35riz9YdhB2WtTG47ZlbxtOLpjeO9SqqQ2J2igCmz6IJOD5JYw==} engines: {node: '>= 10'} cpu: [x64] os: [linux] + libc: [musl] '@napi-rs/nice-openharmony-arm64@1.1.1': resolution: {integrity: sha512-6uJPRVwVCLDeoOaNyeiW0gp2kFIM4r7PL2MczdZQHkFi9gVlgm+Vn+V6nTWRcu856mJ2WjYJiumEajfSm7arPQ==} @@ -2520,6 +2497,9 @@ packages: '@opentiny/genui-sdk-vue@1.1.0': resolution: {integrity: sha512-08H0fc274qlW6LmrzdNyBhjv92vjGiKlOahrwBOCM54wWPSD2dDJhX6aBxyz4nrWE3vZ/ifYwW6USDWZTW6f2g==} + '@opentiny/huicharts@1.0.1': + resolution: {integrity: sha512-KsVNZwCstMJec2vM/uMff9jj/nNHXCchiwGGU4+MGP1nRwg7Hkj8pjgJQh/tJR6+AEKPY/h+TewRM3S6KBtn5g==} + '@opentiny/ng-accordion@1.0.3': resolution: {integrity: sha512-45v5Is3bF+SVjQhCu7StEfHAvAR5oZLjQXoYds1KRzLZk7u6EyOikW5m4XKmi8/8vplU+NlCQZZ5/5jh2HZBPQ==} peerDependencies: @@ -3766,6 +3746,9 @@ packages: '@opentiny/utils@3.28.0': resolution: {integrity: sha512-bHIP634NnFZQELILkD4q/Jg7SfpB32PYEPs+MUGcLaOdf//u2CCXF5rK3BoWnguTx2+bwdPalaoFOTR6QP0Zwg==} + '@opentiny/utils@3.29.0': + resolution: {integrity: sha512-D4n2F0Vdnus4+S/DH7tigiGZp2yAU91PWX2hMSLtkzQd6KKgW0dMde/32O0JS0R/AJdnCBw//bg5LUdG4zjx9A==} + '@opentiny/vue-action-menu@3.28.0': resolution: {integrity: sha512-trAOFhMCfhILpigTm4jjPALR2MuE4nshOM6ML+UpvCpPKAnOvAdy5tcPBPeAwJuxg0+I18uUpHhbvTa7J+QtIQ==} @@ -3919,6 +3902,9 @@ packages: '@opentiny/vue-common@3.28.0': resolution: {integrity: sha512-BvYQtSF8ABKxCQf/5nsHEzAMRvQE9mJayyQqLXrhPR4fpaOu5LqMWkZ3PvGDixf7aeAGcmWFMeRV2VXufy59AA==} + '@opentiny/vue-common@3.29.0': + resolution: {integrity: sha512-y5pMKfLMmCez/Mp6qkKWIXp+AmhJfgi69wEfp7upeb1+kqf2HktfwQcmVTwMxTKVlDISByePLR3TFDeQU8AY6Q==} + '@opentiny/vue-company@3.28.0': resolution: {integrity: sha512-KOMd+Fnrtz4ASvIn5FxZ4aK7THBbBRPGHBSAcW9MSacEmQ1/HVL54Wah5kNEc9aY/r7z8Hqv9u+zefIMxCOvlA==} @@ -4060,9 +4046,87 @@ packages: '@opentiny/vue-hooks@3.28.0': resolution: {integrity: sha512-XCsQxoHBkdCCGII+FZay0f83Jc3mbRb/gMtO0oqCK+SyseW87KtlSiGFS3WfRWx5pLFgsM80tcKLjkXarJTiTw==} + '@opentiny/vue-hooks@3.29.0': + resolution: {integrity: sha512-GPtCGsHG63/0DPr2qhUSyVq/u/uo3htIb5f5pKOHsdeq3xRgoRlV+rIARDraSCrptfrX2fOGlgZz+wyrMd6YjA==} + '@opentiny/vue-hrapprover@3.28.0': resolution: {integrity: sha512-4mP8hOQ5TOxVEZKV82UmUWT+8eRHl+a5DlLCBYJT2CisZ463LQ/DjqieWTJplgxf258w96pc+t0PaNxklLl5QQ==} + '@opentiny/vue-huicharts-amap@3.29.0': + resolution: {integrity: sha512-KPRYXFTHpZfH0W5TdJfm/2uuT2qwgbrsRN6VjSG5N9RlUQDG6/oEUXBIPHX8CZTUUnkeQ0W1TXPaYlILQ0RLtg==} + + '@opentiny/vue-huicharts-bar@3.29.0': + resolution: {integrity: sha512-3IxEwubWur2wd7K7SezH9zS3l89FSlZTU5a0TIRt9xEL6OSN7izgHINXTzblQfmpAXzPJhjFKh0D88ung6hBog==} + + '@opentiny/vue-huicharts-bmap@3.29.0': + resolution: {integrity: sha512-XPvryKsBQqBt7Ech/FGONx5MI2nN+naCSEUbkohFsQqFG8Y3JrwMKEy0rjYk0vguDbfUY7oo8OtsAFHWiGJZCQ==} + + '@opentiny/vue-huicharts-boxplot@3.29.0': + resolution: {integrity: sha512-3zykxZ9pZd36cjb+Qa4Kqr7gjeQv8XfgqpuxLd3Dzd/pONFis1WHS7BfDU6zqnksF3RByLVcy24wun1ZpYoGxw==} + + '@opentiny/vue-huicharts-candle@3.29.0': + resolution: {integrity: sha512-eXv1xV+hSEZB8tI6IxOb3C2zx7K0O+V+XX49Bj0EG9O+sep+SpfG5GjduR/5Wwyc89+i3Ag835UNwwdvXjPDag==} + + '@opentiny/vue-huicharts-core@3.29.0': + resolution: {integrity: sha512-O4SlRgpKMUTewMgzf3I2GyiiC4SzOv8iUXK1A6t81Mdd1MxpajiMbhjUm7WnytjTyu23Jd1q31G7HUfxdKJZOw==} + + '@opentiny/vue-huicharts-funnel@3.29.0': + resolution: {integrity: sha512-9ALc8pdnpLfcYlI1+5F0fJs/CMXsriRgfc5nFSpGeSBrogm5XS4n8vrCoyc26o4sx/uvooI8Hp/c5zVevQ/GCA==} + + '@opentiny/vue-huicharts-gauge@3.29.0': + resolution: {integrity: sha512-6dwiXZvex9W5ojX3J6A/U66zuhAgj1yXLsKCwJxN6gsytM8hPQLc9omo5ycIz02AXIXJpXV2Th6Cbnpgsn1mDw==} + + '@opentiny/vue-huicharts-graph@3.29.0': + resolution: {integrity: sha512-g2XrF5wwaD1fqb/+2K+qeHbovNAjmItURadhv5bBHLtt4wlATAmGIyCeq1b4GTxFybmJuPQA3DGUDGrohfyUgg==} + + '@opentiny/vue-huicharts-heatmap@3.29.0': + resolution: {integrity: sha512-PeLXkpQR3ttwiCG574gbWySpisADUtP8JzhjHTk/Wg7OFU4+Z6KxyJELwpShoXb+u1gOssThGEMarzPDEWNHnA==} + + '@opentiny/vue-huicharts-histogram@3.29.0': + resolution: {integrity: sha512-Jxji3WLxSNIuWuFu0gBPHgAjRjF2y2Uy8JlsuX4AOqfUy8mDkBS03kRlrFXEtlTJ6htJsJzqVFBLJmb8zQ1t3Q==} + + '@opentiny/vue-huicharts-line@3.29.0': + resolution: {integrity: sha512-xwbZzOmloN7S/C3G5/mMbsz70KfumqAGuqFs0wdsj4n9eHH+Fn0xXdCvCRmEf357NdX6xf4xFiiXg1DDnf6nLg==} + + '@opentiny/vue-huicharts-liquidfill@3.29.0': + resolution: {integrity: sha512-aLeTqjXtZWi7Pjm+z1IbBwiiPR/NtWyVrsArzDSACU9C2a0TcXsb3UA3ZHu9/ZnpTV3Nb87BdTWprSN9/9Mrhw==} + + '@opentiny/vue-huicharts-map@3.29.0': + resolution: {integrity: sha512-yau/QZwNvzBiMWfiRgOJSyKH+WOqVumzNe3oUKIGAs2fBnuqYdjDcb/w0dfPWrWeRayExjzH4nUSyzDsxkewrA==} + + '@opentiny/vue-huicharts-pie@3.29.0': + resolution: {integrity: sha512-2tc0fAcPUSG2tTkAOsGKIszbRgUimDaK3yN4sXA6GUNaZNW9PEIkfaZ7asAO4jKBNaEqzqUdUhE8BMDzQFH8aQ==} + + '@opentiny/vue-huicharts-process@3.29.0': + resolution: {integrity: sha512-wxJBSyUHFSfiEcXSUMXLFkEd/Ggr09LvCf7S95Mb2/tl7o9A4nIIO0oFkt+Oipf53VBhAoaFC/vfQb3ZuG0lIA==} + + '@opentiny/vue-huicharts-radar@3.29.0': + resolution: {integrity: sha512-Y2xHyVBCYzJEuxbbPHe5GkphRPNwtg1oBlvGP087J6gHiHGEXEIH/lXLTBNB3MnHnZKygWJWxXuV0H2zTDQxqw==} + + '@opentiny/vue-huicharts-ring@3.29.0': + resolution: {integrity: sha512-jmjjrYcZikQHNKMlhgUnL9gNmUfRb8aTPW+1DlhfhDSohYQbhURT9XoeETt/ZlfmNn93YRWyQiWQqWCyINXLLg==} + + '@opentiny/vue-huicharts-sankey@3.29.0': + resolution: {integrity: sha512-zckLo8SG9WbrfPna4r7sbz7+bSk/225qd3gS2s98YfnaMo3IHSFYmHpdmaIQUR6oZ8EIjIyy4wzldbGlVZKrNQ==} + + '@opentiny/vue-huicharts-scatter@3.29.0': + resolution: {integrity: sha512-QotSqCj8qZNQuv5v3mDCHl61MtTP3eLbShvJET8agll/PHu1yqY/BcRUQoaQgOfZCrlSjpXKplHnMlDz3ZTB4w==} + + '@opentiny/vue-huicharts-sunburst@3.29.0': + resolution: {integrity: sha512-iTW9C2qFY2OZ0/E7DU7JvJ1CGooTNjH/8VDKXEBkLJ1wh5HQAna5LKgzfPwtaqyNmKG+/tJIvLKV81EzSZ+kxQ==} + + '@opentiny/vue-huicharts-tree@3.29.0': + resolution: {integrity: sha512-piDq77ekrRPpYsTIVEPgBuFDFqF1kauois1XrSKN62cjVqL/AqHFTZGx7+UvQo3ZCHlGE2Rn1KHd6BsIQa70gw==} + + '@opentiny/vue-huicharts-waterfall@3.29.0': + resolution: {integrity: sha512-fLeZ1COSbbQa9e3Kq2ATYyTa+wv59QKwx6/mnPOp0iXCaB+SpUB8OXSb7Mpx2K9yAG1dACScG173FuRL+qHDwA==} + + '@opentiny/vue-huicharts-wordcloud@3.29.0': + resolution: {integrity: sha512-bg/SBzEN4QgZflAjzx45iSKkv58oglh4qFnNqWuEnr1+ZQZduR3Hq4jbRIOIfHkKUEw2HJ6R3zMoLCfVu5oX/A==} + + '@opentiny/vue-huicharts@3.29.0': + resolution: {integrity: sha512-lil8wu63GRj19Ud3f6NEAGzU4M0MvIh5geNNj6OjKHPWt37A5TiOM4B6h6IamM8x6icFPs4zZav2R6ZmCa8IUQ==} + '@opentiny/vue-icon@3.28.3': resolution: {integrity: sha512-gOmR/2m9aEKH26jvCDBtiUtb1DDvjmFX8tn4gKK+Fd32M9HYMyZaZpNPvYrK33/GLSUWIDXUJOmeypnSyOJWog==} @@ -4099,6 +4163,9 @@ packages: '@opentiny/vue-locale@3.28.0': resolution: {integrity: sha512-202pQDBs11gfWMXVs5WZ3/mKuzJvde5WoSckVqXoTyPuKf/g2CRq9sp47wDcuC2NkoON2qcs32N/2YftdUuzpw==} + '@opentiny/vue-locale@3.29.0': + resolution: {integrity: sha512-Nn+x8zm6VHexVbTtfiGLSi/JNkWIdY+kI/LHDYA1uPcWbKExCYXJZvTsVGETIjsbyw2BDX4R1+Ip+cPGPoJfwQ==} + '@opentiny/vue-locales@3.28.0': resolution: {integrity: sha512-Qd95vh7iaxmg+lbHHAYGlZVJjgk12hwCq/mAa9EogRKfmmtdkcH4TIEPDwhgitnFAr1uLd2IjzWcEq/QjN4uow==} @@ -4213,6 +4280,9 @@ packages: '@opentiny/vue-renderless@3.28.2': resolution: {integrity: sha512-fCTQ5lWTbaTCjBM2x+dddEbMCG0w70HPNfs0fT+vw0OPigKbQPQld9+nLvXyiRM56miBBfLeWkKJJgchFtkzEA==} + '@opentiny/vue-renderless@3.29.0': + resolution: {integrity: sha512-Xp14idgz533HeQI8wDOEhvXVwddaOwWw+Fr6Hfxy85Lrws+cHpj6vUTIo+Uvw785Kne2e/5JvKdKDAZ3YXUvjg==} + '@opentiny/vue-river@3.28.0': resolution: {integrity: sha512-3+jTIIW5N8439hDUjLneOL7jn+0oO1FWq+bRoZCqN/qtkNIsRbD10d3g+C5OffmjGdslUlMKjmYTfCva3lMpHw==} @@ -4321,6 +4391,9 @@ packages: '@opentiny/vue-theme@3.28.0': resolution: {integrity: sha512-Tp3LOzmrMgPipx/8LazXlEKSG1LRsPjxdW+pGxnbSkbdgLg8HkkN7SmzMZLbuBL9nnw+aSlGm/IsAF2hSZFw6w==} + '@opentiny/vue-theme@3.29.0': + resolution: {integrity: sha512-6FzMerLLeC7PrgVH0eBS7JR9n9ivU7BgFfi1hVpZJnJDhMqJPivhRZDpbM4o1m7ZB2naA91xgUFl4U6xLPr+/w==} + '@opentiny/vue-time-line@3.28.0': resolution: {integrity: sha512-kQ7vm1m17slKh8VDR7Z0lkq2JbfwoRwvu+rJzBTDPlVMQAB5nCuLlNaOKG1faEI14/N2l/fc9OFpWjOBmvYNxw==} @@ -4454,36 +4527,42 @@ packages: engines: {node: '>= 10.0.0'} cpu: [arm] os: [linux] + libc: [glibc] '@parcel/watcher-linux-arm-musl@2.5.1': resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==} engines: {node: '>= 10.0.0'} cpu: [arm] os: [linux] + libc: [musl] '@parcel/watcher-linux-arm64-glibc@2.5.1': resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==} engines: {node: '>= 10.0.0'} cpu: [arm64] os: [linux] + libc: [glibc] '@parcel/watcher-linux-arm64-musl@2.5.1': resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==} engines: {node: '>= 10.0.0'} cpu: [arm64] os: [linux] + libc: [musl] '@parcel/watcher-linux-x64-glibc@2.5.1': resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==} engines: {node: '>= 10.0.0'} cpu: [x64] os: [linux] + libc: [glibc] '@parcel/watcher-linux-x64-musl@2.5.1': resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==} engines: {node: '>= 10.0.0'} cpu: [x64] os: [linux] + libc: [musl] '@parcel/watcher-win32-arm64@2.5.1': resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==} @@ -4608,111 +4687,133 @@ packages: resolution: {integrity: sha512-IoerZJ4l1wRMopEHRKOO16e04iXRDyZFZnNZKrWeNquh5d6bucjezgd+OxG03mOMTnS1x7hilzb3uURPkJ0OfA==} cpu: [arm] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm-gnueabihf@4.54.0': resolution: {integrity: sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==} cpu: [arm] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm-musleabihf@4.52.3': resolution: {integrity: sha512-ZYdtqgHTDfvrJHSh3W22TvjWxwOgc3ThK/XjgcNGP2DIwFIPeAPNsQxrJO5XqleSlgDux2VAoWQ5iJrtaC1TbA==} cpu: [arm] os: [linux] + libc: [musl] '@rollup/rollup-linux-arm-musleabihf@4.54.0': resolution: {integrity: sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==} cpu: [arm] os: [linux] + libc: [musl] '@rollup/rollup-linux-arm64-gnu@4.52.3': resolution: {integrity: sha512-NcViG7A0YtuFDA6xWSgmFb6iPFzHlf5vcqb2p0lGEbT+gjrEEz8nC/EeDHvx6mnGXnGCC1SeVV+8u+smj0CeGQ==} cpu: [arm64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm64-gnu@4.54.0': resolution: {integrity: sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==} cpu: [arm64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-arm64-musl@4.52.3': resolution: {integrity: sha512-d3pY7LWno6SYNXRm6Ebsq0DJGoiLXTb83AIPCXl9fmtIQs/rXoS8SJxxUNtFbJ5MiOvs+7y34np77+9l4nfFMw==} cpu: [arm64] os: [linux] + libc: [musl] '@rollup/rollup-linux-arm64-musl@4.54.0': resolution: {integrity: sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==} cpu: [arm64] os: [linux] + libc: [musl] '@rollup/rollup-linux-loong64-gnu@4.52.3': resolution: {integrity: sha512-3y5GA0JkBuirLqmjwAKwB0keDlI6JfGYduMlJD/Rl7fvb4Ni8iKdQs1eiunMZJhwDWdCvrcqXRY++VEBbvk6Eg==} cpu: [loong64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-loong64-gnu@4.54.0': resolution: {integrity: sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==} cpu: [loong64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-ppc64-gnu@4.52.3': resolution: {integrity: sha512-AUUH65a0p3Q0Yfm5oD2KVgzTKgwPyp9DSXc3UA7DtxhEb/WSPfbG4wqXeSN62OG5gSo18em4xv6dbfcUGXcagw==} cpu: [ppc64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-ppc64-gnu@4.54.0': resolution: {integrity: sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==} cpu: [ppc64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-riscv64-gnu@4.52.3': resolution: {integrity: sha512-1makPhFFVBqZE+XFg3Dkq+IkQ7JvmUrwwqaYBL2CE+ZpxPaqkGaiWFEWVGyvTwZace6WLJHwjVh/+CXbKDGPmg==} cpu: [riscv64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-riscv64-gnu@4.54.0': resolution: {integrity: sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==} cpu: [riscv64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-riscv64-musl@4.52.3': resolution: {integrity: sha512-OOFJa28dxfl8kLOPMUOQBCO6z3X2SAfzIE276fwT52uXDWUS178KWq0pL7d6p1kz7pkzA0yQwtqL0dEPoVcRWg==} cpu: [riscv64] os: [linux] + libc: [musl] '@rollup/rollup-linux-riscv64-musl@4.54.0': resolution: {integrity: sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==} cpu: [riscv64] os: [linux] + libc: [musl] '@rollup/rollup-linux-s390x-gnu@4.52.3': resolution: {integrity: sha512-jMdsML2VI5l+V7cKfZx3ak+SLlJ8fKvLJ0Eoa4b9/vCUrzXKgoKxvHqvJ/mkWhFiyp88nCkM5S2v6nIwRtPcgg==} cpu: [s390x] os: [linux] + libc: [glibc] '@rollup/rollup-linux-s390x-gnu@4.54.0': resolution: {integrity: sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==} cpu: [s390x] os: [linux] + libc: [glibc] '@rollup/rollup-linux-x64-gnu@4.52.3': resolution: {integrity: sha512-tPgGd6bY2M2LJTA1uGq8fkSPK8ZLYjDjY+ZLK9WHncCnfIz29LIXIqUgzCR0hIefzy6Hpbe8Th5WOSwTM8E7LA==} cpu: [x64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-x64-gnu@4.54.0': resolution: {integrity: sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==} cpu: [x64] os: [linux] + libc: [glibc] '@rollup/rollup-linux-x64-musl@4.52.3': resolution: {integrity: sha512-BCFkJjgk+WFzP+tcSMXq77ymAPIxsX9lFJWs+2JzuZTLtksJ2o5hvgTdIcZ5+oKzUDMwI0PfWzRBYAydAHF2Mw==} cpu: [x64] os: [linux] + libc: [musl] '@rollup/rollup-linux-x64-musl@4.54.0': resolution: {integrity: sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==} cpu: [x64] os: [linux] + libc: [musl] '@rollup/rollup-openharmony-arm64@4.52.3': resolution: {integrity: sha512-KTD/EqjZF3yvRaWUJdD1cW+IQBk4fbQaHYJUmP8N4XoKFZilVL8cobFSTDnjTtxWJQ3JYaMgF4nObY/+nYkumA==} @@ -6077,6 +6178,16 @@ packages: eastasianwidth@0.2.0: resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} + echarts-liquidfill@3.1.0: + resolution: {integrity: sha512-5Dlqs/jTsdTUAsd+K5LPLLTgrbbNORUSBQyk8PSy1Mg2zgHDWm83FmvA4s0ooNepCJojFYRITTQ4GU1UUSKYLw==} + peerDependencies: + echarts: ^5.0.1 + + echarts-wordcloud@2.0.0: + resolution: {integrity: sha512-K7l6pTklqdW7ZWzT/1CS0KhBSINr/cd7c5N1fVMzZMwLQHEwT7x+nivK7g5hkVh7WNcAv4Dn6/ZS5zMKRozC1g==} + peerDependencies: + echarts: ^5.0.1 + echarts@5.4.1: resolution: {integrity: sha512-9ltS3M2JB0w2EhcYjCdmtrJ+6haZcW6acBolMGIuf01Hql1yrIV01L1aRj7jsaaIULJslEP9Z3vKlEmnJaWJVQ==} @@ -11153,7 +11264,7 @@ snapshots: '@opentiny/genui-sdk-vue@1.1.0(typescript@5.9.3)(vite@7.3.0(@types/node@17.0.45)(less@4.5.1)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0))': dependencies: - '@opentiny/tiny-engine-builtin-component': 2.9.0(@opentiny/vue-icon@3.28.3)(@opentiny/vue-renderless@3.28.2)(@opentiny/vue@3.28.0)(vite@7.3.0(@types/node@17.0.45)(less@4.5.1)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0))(vue@3.5.26(typescript@5.9.3)) + '@opentiny/tiny-engine-builtin-component': 2.9.0(@opentiny/vue-icon@3.28.3)(@opentiny/vue-renderless@3.29.0)(@opentiny/vue@3.28.0)(vite@7.3.0(@types/node@17.0.45)(less@4.5.1)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0))(vue@3.5.26(typescript@5.9.3)) '@opentiny/tiny-robot': 0.3.3(vue@3.5.26(typescript@5.9.3)) '@opentiny/tiny-robot-kit': 0.3.3(vue@3.5.26(typescript@5.9.3)) '@opentiny/tiny-robot-svgs': 0.3.3(vue@3.5.26(typescript@5.9.3)) @@ -11166,10 +11277,10 @@ snapshots: '@opentiny/vue-chart-radar': 3.14.0 '@opentiny/vue-chart-ring': 3.14.0 '@opentiny/vue-icon': 3.28.3 - '@opentiny/vue-renderless': 3.28.2 + '@opentiny/vue-renderless': 3.29.0 '@opentiny/vue-select': 3.28.0 '@opentiny/vue-tabs': 3.28.0 - '@opentiny/vue-theme': 3.28.0 + '@opentiny/vue-theme': 3.29.0 uuid: 11.1.0 vue: 3.5.26(typescript@5.9.3) transitivePeerDependencies: @@ -11177,6 +11288,8 @@ snapshots: - typescript - vite + '@opentiny/huicharts@1.0.1': {} + '@opentiny/ng-accordion@1.0.3(e235849e1e82bfc7f15a2631cb953652)': dependencies: '@angular/animations': 20.3.15(@angular/core@20.3.15(@angular/compiler@20.3.15)(rxjs@7.8.2)(zone.js@0.15.1)) @@ -12419,11 +12532,11 @@ snapshots: - debug - vite - '@opentiny/tiny-engine-builtin-component@2.9.0(@opentiny/vue-icon@3.28.3)(@opentiny/vue-renderless@3.28.2)(@opentiny/vue@3.28.0)(vite@7.3.0(@types/node@17.0.45)(less@4.5.1)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0))(vue@3.5.26(typescript@5.9.3))': + '@opentiny/tiny-engine-builtin-component@2.9.0(@opentiny/vue-icon@3.28.3)(@opentiny/vue-renderless@3.29.0)(@opentiny/vue@3.28.0)(vite@7.3.0(@types/node@17.0.45)(less@4.5.1)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0))(vue@3.5.26(typescript@5.9.3))': dependencies: '@opentiny/vue': 3.28.0 '@opentiny/vue-icon': 3.28.3 - '@opentiny/vue-renderless': 3.28.2 + '@opentiny/vue-renderless': 3.29.0 axios: 0.28.1 vite-plugin-css-injected-by-js: 3.5.2(vite@7.3.0(@types/node@17.0.45)(less@4.5.1)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)) vue: 3.5.26(typescript@5.9.3) @@ -12475,6 +12588,10 @@ snapshots: dependencies: xss: 1.0.14 + '@opentiny/utils@3.29.0': + dependencies: + xss: 1.0.14 + '@opentiny/vue-action-menu@3.28.0': dependencies: '@opentiny/vue-common': 3.28.0 @@ -12907,6 +13024,15 @@ snapshots: '@opentiny/vue-theme': 3.28.0 tailwind-merge: 1.14.0 + '@opentiny/vue-common@3.29.0': + dependencies: + '@opentiny/utils': 3.29.0 + '@opentiny/vue-hooks': 3.29.0 + '@opentiny/vue-locale': 3.29.0 + '@opentiny/vue-renderless': 3.29.0 + '@opentiny/vue-theme': 3.29.0 + tailwind-merge: 1.14.0 + '@opentiny/vue-company@3.28.0': dependencies: '@opentiny/vue-common': 3.28.0 @@ -13333,6 +13459,11 @@ snapshots: '@floating-ui/dom': 1.7.4 '@opentiny/utils': 3.28.0 + '@opentiny/vue-hooks@3.29.0': + dependencies: + '@floating-ui/dom': 1.7.4 + '@opentiny/utils': 3.29.0 + '@opentiny/vue-hrapprover@3.28.0': dependencies: '@opentiny/vue-common': 3.28.0 @@ -13344,6 +13475,172 @@ snapshots: '@opentiny/vue-renderless': 3.28.2 '@opentiny/vue-theme': 3.28.0 + '@opentiny/vue-huicharts-amap@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-bar@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-bmap@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-boxplot@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-candle@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + '@opentiny/vue-locale': 3.29.0 + + '@opentiny/vue-huicharts-core@3.29.0': + dependencies: + '@opentiny/huicharts': 1.0.1 + '@opentiny/utils': 3.29.0 + '@opentiny/vue-theme': 3.29.0 + echarts: 5.4.1 + + '@opentiny/vue-huicharts-funnel@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-gauge@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-graph@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-heatmap@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-histogram@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-line@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-liquidfill@3.29.0(echarts@5.4.1)': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + echarts-liquidfill: 3.1.0(echarts@5.4.1) + transitivePeerDependencies: + - echarts + + '@opentiny/vue-huicharts-map@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-pie@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + '@opentiny/vue-locale': 3.29.0 + + '@opentiny/vue-huicharts-process@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-radar@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-ring@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + '@opentiny/vue-locale': 3.29.0 + + '@opentiny/vue-huicharts-sankey@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-scatter@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-sunburst@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-tree@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + + '@opentiny/vue-huicharts-waterfall@3.29.0': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + '@opentiny/vue-locale': 3.29.0 + + '@opentiny/vue-huicharts-wordcloud@3.29.0(echarts@5.4.1)': + dependencies: + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + echarts-wordcloud: 2.0.0(echarts@5.4.1) + transitivePeerDependencies: + - echarts + + '@opentiny/vue-huicharts@3.29.0(echarts@5.4.1)': + dependencies: + '@opentiny/huicharts': 1.0.1 + '@opentiny/utils': 3.29.0 + '@opentiny/vue-common': 3.29.0 + '@opentiny/vue-huicharts-amap': 3.29.0 + '@opentiny/vue-huicharts-bar': 3.29.0 + '@opentiny/vue-huicharts-bmap': 3.29.0 + '@opentiny/vue-huicharts-boxplot': 3.29.0 + '@opentiny/vue-huicharts-candle': 3.29.0 + '@opentiny/vue-huicharts-core': 3.29.0 + '@opentiny/vue-huicharts-funnel': 3.29.0 + '@opentiny/vue-huicharts-gauge': 3.29.0 + '@opentiny/vue-huicharts-graph': 3.29.0 + '@opentiny/vue-huicharts-heatmap': 3.29.0 + '@opentiny/vue-huicharts-histogram': 3.29.0 + '@opentiny/vue-huicharts-line': 3.29.0 + '@opentiny/vue-huicharts-liquidfill': 3.29.0(echarts@5.4.1) + '@opentiny/vue-huicharts-map': 3.29.0 + '@opentiny/vue-huicharts-pie': 3.29.0 + '@opentiny/vue-huicharts-process': 3.29.0 + '@opentiny/vue-huicharts-radar': 3.29.0 + '@opentiny/vue-huicharts-ring': 3.29.0 + '@opentiny/vue-huicharts-sankey': 3.29.0 + '@opentiny/vue-huicharts-scatter': 3.29.0 + '@opentiny/vue-huicharts-sunburst': 3.29.0 + '@opentiny/vue-huicharts-tree': 3.29.0 + '@opentiny/vue-huicharts-waterfall': 3.29.0 + '@opentiny/vue-huicharts-wordcloud': 3.29.0(echarts@5.4.1) + '@opentiny/vue-locale': 3.29.0 + '@opentiny/vue-theme': 3.29.0 + transitivePeerDependencies: + - echarts + '@opentiny/vue-icon@3.28.3': dependencies: '@opentiny/vue-common': 3.28.0 @@ -13437,6 +13734,12 @@ snapshots: '@opentiny/vue-renderless': 3.28.2 '@opentiny/vue-theme': 3.28.0 + '@opentiny/vue-locale@3.29.0': + dependencies: + '@opentiny/utils': 3.29.0 + '@opentiny/vue-renderless': 3.29.0 + '@opentiny/vue-theme': 3.29.0 + '@opentiny/vue-locales@3.28.0': dependencies: '@opentiny/vue-common': 3.28.0 @@ -13762,6 +14065,12 @@ snapshots: '@opentiny/vue-hooks': 3.28.0 color: 4.2.3 + '@opentiny/vue-renderless@3.29.0': + dependencies: + '@opentiny/utils': 3.29.0 + '@opentiny/vue-hooks': 3.29.0 + color: 4.2.3 + '@opentiny/vue-river@3.28.0': dependencies: '@opentiny/vue-common': 3.28.0 @@ -14045,6 +14354,8 @@ snapshots: '@opentiny/vue-theme@3.28.0': {} + '@opentiny/vue-theme@3.29.0': {} + '@opentiny/vue-time-line@3.28.0': dependencies: '@opentiny/vue-common': 3.28.0 @@ -16487,6 +16798,14 @@ snapshots: eastasianwidth@0.2.0: {} + echarts-liquidfill@3.1.0(echarts@5.4.1): + dependencies: + echarts: 5.4.1 + + echarts-wordcloud@2.0.0(echarts@5.4.1): + dependencies: + echarts: 5.4.1 + echarts@5.4.1: dependencies: tslib: 2.3.0 From d5d4df6592153d19f3c6b2dba666b3407047b9fa Mon Sep 17 00:00:00 2001 From: yy Date: Wed, 6 May 2026 09:39:27 +0800 Subject: [PATCH 004/415] feat(playground): enhance theme customization options in PlaygroundSidebar and add theme preview components --- .../web/src/components/PlaygroundSidebar.vue | 179 ++++++++++++++++-- .../theme-preview/ThemePreviewCard.vue | 166 ++++++++++++++++ .../web/src/components/theme-preview/index.ts | 2 + .../components/theme-preview/theme-colors.ts | 26 +++ 4 files changed, 362 insertions(+), 11 deletions(-) create mode 100644 sites/playground/web/src/components/theme-preview/ThemePreviewCard.vue create mode 100644 sites/playground/web/src/components/theme-preview/index.ts create mode 100644 sites/playground/web/src/components/theme-preview/theme-colors.ts diff --git a/sites/playground/web/src/components/PlaygroundSidebar.vue b/sites/playground/web/src/components/PlaygroundSidebar.vue index 2ae0403e..9da2d47c 100644 --- a/sites/playground/web/src/components/PlaygroundSidebar.vue +++ b/sites/playground/web/src/components/PlaygroundSidebar.vue @@ -1,5 +1,5 @@ + + + + diff --git a/sites/playground/web/src/components/theme-preview/index.ts b/sites/playground/web/src/components/theme-preview/index.ts new file mode 100644 index 00000000..ebd2eae9 --- /dev/null +++ b/sites/playground/web/src/components/theme-preview/index.ts @@ -0,0 +1,2 @@ +export { default as ThemePreviewCard } from './ThemePreviewCard.vue'; +export { THEME_PREVIEW_COLOR_PRESETS } from './theme-colors'; diff --git a/sites/playground/web/src/components/theme-preview/theme-colors.ts b/sites/playground/web/src/components/theme-preview/theme-colors.ts new file mode 100644 index 00000000..b754c1df --- /dev/null +++ b/sites/playground/web/src/components/theme-preview/theme-colors.ts @@ -0,0 +1,26 @@ +export const THEME_PREVIEW_COLOR_PRESETS = { + lite: { + previewBorder: '#d9e7f6', + previewBg: '#ffffff', + sidebarBg: '#ffffff', + mainBg: '#f0f0f0', + skeletonBg: '#d6e8ff', + newTaskBg: '#e6e6e6', + bubbleBorder: '#d6e8ff', + bubbleBg: 'transparent', + senderBorder: '#e5e5e5', + senderBg: '#ffffff', + }, + dark: { + previewBorder: '#303030', + previewBg: '#191919', + sidebarBg: '#232323', + mainBg: '#191919', + skeletonBg: '#3a3a3a', + newTaskBg: '#3a3a3a', + bubbleBorder: '#3a3a3a', + bubbleBg: 'transparent', + senderBorder: '#333333', + senderBg: '#191919', + }, +}; From 91e70447d1b190f2bfa3215891653b6f73e3095b Mon Sep 17 00:00:00 2001 From: yy Date: Thu, 7 May 2026 10:16:34 +0800 Subject: [PATCH 005/415] fix: add RENDERER_SETTINGS_KEY import to App.vue --- sites/playground/web/src/App.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/sites/playground/web/src/App.vue b/sites/playground/web/src/App.vue index 24b6fbc9..0100314c 100644 --- a/sites/playground/web/src/App.vue +++ b/sites/playground/web/src/App.vue @@ -1,9 +1,8 @@ - - diff --git a/packages/materials/vue-opentiny-vue/src/components/TinySelectWrap.vue b/packages/materials/vue-opentiny-vue/src/components/TinySelectWrap.vue deleted file mode 100644 index 18fa7168..00000000 --- a/packages/materials/vue-opentiny-vue/src/components/TinySelectWrap.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/packages/materials/vue-opentiny-vue/src/extend-renderer.ts b/packages/materials/vue-opentiny-vue/src/extend-renderer.ts index a799b141..b726f2e2 100644 --- a/packages/materials/vue-opentiny-vue/src/extend-renderer.ts +++ b/packages/materials/vue-opentiny-vue/src/extend-renderer.ts @@ -1,18 +1,27 @@ import type { Component } from 'vue'; -import TinySelectWrap from './components/TinySelectWrap.vue'; // TODO: to be remove // import ActionButton from './components/ActionButton.vue'; import TinyTabsWrap from './components/TinyTabsWrap.vue'; // import GridStack from './components/GridStack.vue'; // import GridStackItem from './components/GridStackItem.vue'; -import { TinyHuichartsLine, TinyHuichartsHistogram, TinyHuichartsBar, TinyHuichartsRadar, TinyHuichartsRing, TinyHuichartsPie, TinyHuichartsFunnel, TinyHuichartsScatter, TinyHuichartsWaterfall, TinyHuichartsGauge, TinyHuichartsGraph, TinyHuichartsProcess } from '@opentiny/vue-huicharts'; +import TinyHuichartsLine from '@opentiny/vue-huicharts-line'; +import TinyHuichartsHistogram from '@opentiny/vue-huicharts-histogram'; +import TinyHuichartsBar from '@opentiny/vue-huicharts-bar'; +import TinyHuichartsRadar from '@opentiny/vue-huicharts-radar'; +import TinyHuichartsRing from '@opentiny/vue-huicharts-ring'; +import TinyHuichartsPie from '@opentiny/vue-huicharts-pie'; +import TinyHuichartsFunnel from '@opentiny/vue-huicharts-funnel'; +import TinyHuichartsScatter from '@opentiny/vue-huicharts-scatter'; +import TinyHuichartsWaterfall from '@opentiny/vue-huicharts-waterfall'; +import TinyHuichartsGauge from '@opentiny/vue-huicharts-gauge'; +import TinyHuichartsGraph from '@opentiny/vue-huicharts-graph'; +import TinyHuichartsProcess from '@opentiny/vue-huicharts-process'; export let extened = false; export const extendMapper = (Mapper: any, customComponents: Record) => { if (extened) return; extened = true; - Mapper.TinySelect = TinySelectWrap; // Mapper.ActionButton = ActionButton; Mapper.TinyTabs = TinyTabsWrap; Mapper.TinyHuichartsLine = TinyHuichartsLine; diff --git a/packages/materials/vue-opentiny-vue/src/render-config/bundle.json b/packages/materials/vue-opentiny-vue/src/render-config/bundle.json index 3db33b8c..25e5f949 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/bundle.json +++ b/packages/materials/vue-opentiny-vue/src/render-config/bundle.json @@ -233,15 +233,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } } }, "slots": { @@ -417,7 +415,6 @@ "cols": 12, "labelPosition": "left", "type": "string", - "defaultValue": "", "widget": { "component": "SelectConfigurator", "props": { @@ -500,7 +497,6 @@ "disabled": false, "cols": 12, "labelPosition": "left", - "defaultValue": "", "type": "string", "widget": { "component": "InputConfigurator", @@ -523,7 +519,6 @@ "disabled": false, "cols": 12, "labelPosition": "left", - "defaultValue": "", "type": "string", "widget": { "component": "InputConfigurator", @@ -546,7 +541,6 @@ "disabled": false, "cols": 12, "labelPosition": "left", - "defaultValue": "", "type": "string", "widget": { "component": "InputConfigurator", @@ -643,7 +637,6 @@ "disabled": false, "cols": 12, "labelPosition": "left", - "defaultValue": "", "type": "string", "widget": { "component": "InputConfigurator", @@ -673,8 +666,7 @@ "description": { "zh_CN": "用户确认选定的值时触发" }, - "type": "event", - "defaultValue": "" + "type": "event" }, "onBlur": { "label": { @@ -683,8 +675,7 @@ "description": { "zh_CN": "在组件 Input 失去焦点时触发" }, - "type": "event", - "defaultValue": "" + "type": "event" }, "onFocus": { "label": { @@ -693,8 +684,7 @@ "description": { "zh_CN": "在组件 Input 获得焦点时触发" }, - "type": "event", - "defaultValue": "" + "type": "event" }, "onCalendarChange": { "label": { @@ -703,8 +693,7 @@ "description": { "zh_CN": "在日历所选日期更改时触发" }, - "type": "event", - "defaultValue": "" + "type": "event" }, "onPanelChange": { "label": { @@ -713,8 +702,7 @@ "description": { "zh_CN": "当日期面板改变时触发。" }, - "type": "event", - "defaultValue": "" + "type": "event" }, "onVisibleChange": { "label": { @@ -723,8 +711,7 @@ "description": { "zh_CN": "当 DatePicker 的下拉列表出现/消失时触发" }, - "type": "event", - "defaultValue": "" + "type": "event" } }, "slots": { @@ -1510,8 +1497,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "slots": {} @@ -2923,7 +2909,6 @@ { "name": "selection", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前选中项" } @@ -2931,7 +2916,6 @@ { "name": "row", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前行" } @@ -2953,7 +2937,6 @@ { "name": "selection", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前选中项" } @@ -2975,7 +2958,6 @@ { "name": "selection", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前选中项" } @@ -2997,7 +2979,6 @@ { "name": "row", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前行" } @@ -3005,7 +2986,6 @@ { "name": "column", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前列" } @@ -3013,7 +2993,6 @@ { "name": "cell", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前单元格" } @@ -3021,7 +3000,6 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生事件 event" } @@ -3043,7 +3021,6 @@ { "name": "row", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前行" } @@ -3051,7 +3028,6 @@ { "name": "column", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前列" } @@ -3059,7 +3035,6 @@ { "name": "cell", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前单元格" } @@ -3067,7 +3042,6 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生事件 event" } @@ -3388,7 +3362,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "", "cols": 12, "bindState": false, "widget": { @@ -4145,15 +4118,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onFocus": { "label": { @@ -4168,15 +4139,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onChange": { "label": { @@ -4191,15 +4160,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -4429,7 +4396,6 @@ { "property": "src", "type": "string", - "defaultValue": "", "bindState": true, "label": { "text": { @@ -4539,8 +4505,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "shortcuts": { @@ -4653,8 +4618,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "shortcuts": { @@ -4764,8 +4728,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "shortcuts": { @@ -4885,8 +4848,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "shortcuts": { @@ -5631,8 +5593,7 @@ } ], "returns": {} - }, - "defaultValue": "" + } }, "onInput": { "label": { @@ -5647,15 +5608,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框输入的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onBlur": { "label": { @@ -5670,15 +5629,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onFocus": { "label": { @@ -5693,15 +5650,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClear": { "label": { @@ -5714,8 +5669,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -6457,8 +6411,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -6744,15 +6697,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框改变后的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onInput": { "label": { @@ -6767,15 +6718,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框输入的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -6790,15 +6739,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onBlur": { "label": { @@ -6813,15 +6760,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onFocus": { "label": { @@ -6836,15 +6781,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClear": { "label": { @@ -6857,8 +6800,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "slots": { @@ -7097,15 +7039,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的当前选中值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -7274,6 +7214,7 @@ "readOnly": false, "disabled": false, "cols": 12, + "defaultValue": [], "widget": { "component": "CodeConfigurator", "props": { @@ -7285,6 +7226,16 @@ }, "labelPosition": "top" }, + { + "property": "tooltipConfig", + "defaultValue": { "always": false }, + "label": { + "text": { + "zh_CN": "悬浮提示配置，默认不显示" + } + }, + "required": false + }, { "property": "multiple", "label": { @@ -7393,15 +7344,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "下拉框选中项的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -7416,15 +7365,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的当前选中值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onBlur": { "label": { @@ -7439,15 +7386,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onFocus": { "label": { @@ -7462,15 +7407,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClear": { "label": { @@ -7483,8 +7426,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } }, "onRemoveTag": { "label": { @@ -7499,15 +7441,13 @@ { "name": "value", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "被移除Tag对应数据项的值字段" } } ], "returns": {} - }, - "defaultValue": "" + } } }, "onBeforeMount": "console.log('table on load'); this.options = source.data" @@ -7681,8 +7621,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -7697,15 +7636,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的开关状态值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -7931,7 +7868,6 @@ { "name": "type", "type": "string", - "defaultValue": "", "description": { "zh_CN": "搜索类型,默认值为 {} " } @@ -7939,15 +7875,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "当前input框中值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onSearch": { "label": { @@ -7962,7 +7896,6 @@ { "name": "type", "type": "string", - "defaultValue": "", "description": { "zh_CN": "搜索类型,默认值为 {} " } @@ -7970,15 +7903,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "当前input框中值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -8204,15 +8135,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "选中项的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -8227,15 +8156,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的当前选中值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -8390,15 +8317,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "选中项的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -8413,15 +8338,13 @@ { "name": "value", "type": "array", - "defaultValue": "", "description": { "zh_CN": "双向绑定的当前选中值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -8599,15 +8522,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "选中项的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -8622,15 +8543,13 @@ { "name": "value", "type": "array", - "defaultValue": "", "description": { "zh_CN": "双向绑定的当前选中值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -8864,8 +8783,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:visible": { "label": { @@ -8880,15 +8798,13 @@ { "name": "value", "type": "boolean", - "defaultValue": "", "description": { "zh_CN": "双向绑定的显示或隐藏的状态值" } } ], "returns": {} - }, - "defaultValue": "" + } } }, "slots": { @@ -8974,7 +8890,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "", "cols": 12, "bindState": false, "widget": { @@ -9094,7 +9009,6 @@ { "name": "component", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前点击的页签对象" } @@ -9102,15 +9016,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onEdit": { "label": { @@ -9125,7 +9037,6 @@ { "name": "tab", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前操作的页签对象" } @@ -9133,15 +9044,13 @@ { "name": "type", "type": "String", - "defaultValue": "", "description": { "zh_CN": "当前操作的类型（remove || add || edit）" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClose": { "label": { @@ -9156,15 +9065,13 @@ { "name": "name", "type": "String", - "defaultValue": "", "description": { "zh_CN": "页签名称" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -9407,8 +9314,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -9590,15 +9496,13 @@ { "name": "data", "type": "string", - "defaultValue": "", "description": { "zh_CN": "当前激活面板的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -9613,15 +9517,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -9831,7 +9733,6 @@ { "property": "title", "type": "string", - "defaultValue": "", "label": { "text": { "zh_CN": "列标题" @@ -9845,7 +9746,6 @@ { "property": "field", "type": "string", - "defaultValue": "", "label": { "text": { "zh_CN": "列键值" @@ -9874,7 +9774,6 @@ { "property": "width", "type": "string", - "defaultValue": "", "label": { "text": { "zh_CN": "列宽" @@ -9888,7 +9787,6 @@ { "property": "formatText", "type": "string", - "defaultValue": "", "label": { "text": { "zh_CN": "内置渲染器" @@ -9941,7 +9839,6 @@ { "property": "renderer", "type": "object", - "defaultValue": "", "label": { "text": { "zh_CN": "渲染函数" @@ -9957,7 +9854,6 @@ { "property": "slots", "type": "object", - "defaultValue": "", "label": { "text": { "zh_CN": "插槽" @@ -10492,7 +10388,6 @@ { "name": "table", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" } @@ -10515,7 +10410,6 @@ { "name": "table", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" } @@ -10538,7 +10432,6 @@ { "name": "table", "type": "Object", - "defaultValue": "", "description": { "zh_CN": " 包含 table 实例对象" } @@ -10546,7 +10439,6 @@ { "name": "checked", "type": "boolean", - "defaultValue": "", "description": { "zh_CN": "勾选状态" } @@ -10554,7 +10446,6 @@ { "name": "selction", "type": "Array", - "defaultValue": "", "description": { "zh_CN": "选中的表格数据数组" } @@ -10577,7 +10468,6 @@ { "name": "table", "type": "Object", - "defaultValue": "", "description": { "zh_CN": " table 实例对象" } @@ -10585,7 +10475,6 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": " 原生 Event" } @@ -10608,7 +10497,6 @@ { "name": "table", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "{$table,row,rowIndex} 包含 table 实例对象和当前行数据的对象" } @@ -10616,7 +10504,6 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": " 原生 Event" } @@ -10637,8 +10524,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } }, "shortcuts": { @@ -10872,15 +10758,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "当前页的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onPrevClick ": { "label": { @@ -10895,15 +10779,13 @@ { "name": "page", "type": "String", - "defaultValue": "", "description": { "zh_CN": "当前页的页码值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onNextClick": { "label": { @@ -10918,15 +10800,13 @@ { "name": "page", "type": "String", - "defaultValue": "", "description": { "zh_CN": "当前页的页码值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -11232,7 +11112,6 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "当前选中项的值" } @@ -11240,15 +11119,13 @@ { "name": "value", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前选中对象" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -11263,15 +11140,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的当前选中值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClose": { "label": { @@ -11284,8 +11159,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } }, "onPageChange": { "label": { @@ -11300,15 +11174,13 @@ { "name": "value", "type": "String", - "defaultValue": "", "description": { "zh_CN": "当前页码数" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -11586,7 +11458,6 @@ { "name": "data", "type": "object", - "defaultValue": "", "description": { "zh_CN": "当前选中节点信息" } @@ -11594,15 +11465,13 @@ { "name": "currentNode", "type": "object", - "defaultValue": "", "description": { "zh_CN": "树组件目前的选中状态信息，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onNodeClick": { "label": { @@ -11617,7 +11486,6 @@ { "name": "data", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "当前选中节点信息" } @@ -11625,7 +11493,6 @@ { "name": "node", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "树组件目前的选中状态信息，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性" } @@ -11633,15 +11500,13 @@ { "name": "vm", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "树组件实例" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -11801,7 +11666,6 @@ { "name": "type", "type": "string", - "defaultValue": "", "description": { "zh_CN": "点击节点的下标" } @@ -11809,15 +11673,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "当前节点对象：{ name: 节点名称, time: 时间 }" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -12520,15 +12382,13 @@ { "name": "value", "type": "boolean", - "defaultValue": "", "description": { "zh_CN": "双向绑定的可见状态值" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -12828,15 +12688,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框改变后的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onInput": { "label": { @@ -12851,15 +12709,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框输入的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -12874,15 +12730,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onBlur": { "label": { @@ -12897,15 +12751,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onFocus": { "label": { @@ -12920,15 +12772,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClear": { "label": { @@ -12941,8 +12791,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -13269,15 +13118,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框改变后的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onInput": { "label": { @@ -13292,15 +13139,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "输入框输入的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onUpdate:modelValue": { "label": { @@ -13315,15 +13160,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "双向绑定的值" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onBlur": { "label": { @@ -13338,15 +13181,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onFocus": { "label": { @@ -13361,15 +13202,13 @@ { "name": "event", "type": "Object", - "defaultValue": "", "description": { "zh_CN": "原生 event" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onClear": { "label": { @@ -13382,8 +13221,7 @@ "functionInfo": { "params": [], "returns": {} - }, - "defaultValue": "" + } } } }, @@ -13595,15 +13433,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "右侧列表元素变化时触发" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onLeftCheckChange": { "label": { @@ -13618,15 +13454,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "左侧列表元素被用户选中 / 取消选中时触发;" } } ], "returns": {} - }, - "defaultValue": "" + } }, "onRightCheckChange": { "label": { @@ -13641,15 +13475,13 @@ { "name": "value", "type": "string", - "defaultValue": "", "description": { "zh_CN": "右侧列表元素被用户选中 / 取消选中时触发" } } ], "returns": {} - }, - "defaultValue": "" + } } } }, diff --git a/packages/materials/vue-opentiny-vue/src/render-config/chart.json b/packages/materials/vue-opentiny-vue/src/render-config/chart.json index 9fe9a7fd..6f0f0b09 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/chart.json +++ b/packages/materials/vue-opentiny-vue/src/render-config/chart.json @@ -56,15 +56,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -87,23 +78,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "Month": "Jan", - "Domestic": 33, - "Abroad": 37 - }, - { - "Month": "Feb", - "Domestic": 27, - "Abroad": 39 - }, - { - "Month": "Mar", - "Domestic": 31, - "Abroad": 20 - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -145,10 +120,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "barWidth": 8, - "barGap": "60%" - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -168,7 +139,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "[50, 20, 50, 20]", "cols": 12, "widget": { "component": "CodeConfigurator", @@ -188,7 +158,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "cloud-light", "cols": 12, "widget": { "component": "SelectConfigurator", @@ -259,30 +228,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "data": "Month", - "name": "Utils", - "line": { - "show": true, - "lineStyle": { - "color": "red", - "type": "dashed", - "width": 2 - } - }, - "interval": 2, - "fullGrid": true, - "labelRotate": 45, - "ellipsis": { - "overflow": "truncate", - "labelWidth": 20 - }, - "nameLocation": "end", - "nameTextStyle": { - "fontSize": 12, - "color": "#4e4e4e" - } - }, + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -305,16 +251,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "max": 60, - "min": 0, - "interval": 5, - "position": "right", - "name": "Percent(%)", - "unit": "%", - "minInterval": 12, - "maxInterval": 8 - }, + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -363,8 +300,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -429,15 +371,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -460,23 +393,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "Month": "Jan", - "Domestic": 33, - "Abroad": 37 - }, - { - "Month": "Feb", - "Domestic": 27, - "Abroad": 39 - }, - { - "Month": "Mar", - "Domestic": 31, - "Abroad": 20 - } - ], + "defaultValue": [{ "Month": "", "val": "" }], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -499,9 +416,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "display": ["Domestic"] - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -521,16 +435,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "start": 0, - "end": 100, - "show": false, - "position": { - "left": 36, - "bottom": 20 - }, - "height": 24 - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -583,10 +487,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "barWidth": 8, - "barGap": "60%" - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -606,13 +506,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "show": false, - "position": "inside", - "offset": [0, 0] - } - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -635,26 +528,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "show": false, - "position": { - "left": "center", - "bottom": 15 - }, - "itemGap": 28, - "orient": "horizontal", - "reverseEvent": false, - "selectedMode": true, - "icon": "circle", - "itemHeight": 14, - "itemWeight": 14, - "textStyle": { - "fontSize": 12, - "padding": [4, 0, 0, 0], - "color": "#4e4e4e", - "overflow": "none" - } - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -697,11 +570,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "top": 38, - "bottom": 20, - "color": "red" - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -721,7 +589,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "[50, 20, 50, 20]", "cols": 12, "widget": { "component": "CodeConfigurator", @@ -812,7 +679,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "bar", "cols": 12, "widget": { "component": "SelectConfigurator", @@ -845,30 +711,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "data": "Month", - "name": "Utils", - "line": { - "show": true, - "lineStyle": { - "color": "red", - "type": "dashed", - "width": 2 - } - }, - "interval": 2, - "fullGrid": true, - "labelRotate": 45, - "ellipsis": { - "overflow": "truncate", - "labelWidth": 20 - }, - "nameLocation": "end", - "nameTextStyle": { - "fontSize": 12, - "color": "#4e4e4e" - } - }, + "defaultValue": { "data": "" }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -891,33 +734,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "max": 60, - "min": 0, - "interval": 10, - "position": "left", - "dataName": ["Domestic"], - "name": "value", - "unit": "元", - "nameTextStyle": { - "padding": [0, 0, 0, -45] - } - }, - { - "max": 90, - "min": 0, - "interval": 15, - "position": "right", - "dataName": ["Abroad"], - "name": "kal", - "unit": "$", - "offset": 45, - "nameTextStyle": { - "padding": [0, -45, 0, 0] - } - } - ], + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -954,7 +771,6 @@ "description": { "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -968,7 +784,6 @@ "description": { "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -995,8 +810,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -1061,15 +881,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1092,23 +903,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "Month": "Jan", - "Domestic": 33, - "Abroad": 37 - }, - { - "Month": "Feb", - "Domestic": 27, - "Abroad": 39 - }, - { - "Month": "Mar", - "Domestic": 31, - "Abroad": 20 - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1131,16 +926,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "start": 0, - "end": 100, - "show": false, - "position": { - "left": 36, - "bottom": 20 - }, - "height": 24 - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1160,10 +945,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "barWidth": 8, - "barGap": "60%" - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1183,7 +964,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "[50, 20, 50, 20]", "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1274,30 +1054,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "data": "Month", - "name": "Utils", - "line": { - "show": true, - "lineStyle": { - "color": "red", - "type": "dashed", - "width": 2 - } - }, - "interval": 2, - "fullGrid": true, - "labelRotate": 45, - "ellipsis": { - "overflow": "truncate", - "labelWidth": 20 - }, - "nameLocation": "end", - "nameTextStyle": { - "fontSize": 12, - "color": "#4e4e4e" - } - }, + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1320,33 +1077,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "max": 60, - "min": 0, - "interval": 10, - "position": "left", - "dataName": ["Domestic"], - "name": "value", - "unit": "元", - "nameTextStyle": { - "padding": [0, 0, 0, -45] - } - }, - { - "max": 90, - "min": 0, - "interval": 15, - "position": "right", - "dataName": ["Abroad"], - "name": "kal", - "unit": "$", - "offset": 45, - "nameTextStyle": { - "padding": [0, -45, 0, 0] - } - } - ], + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1383,7 +1114,6 @@ "description": { "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -1397,7 +1127,6 @@ "description": { "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -1424,8 +1153,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -1490,15 +1224,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1521,20 +1246,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "value": 100, - "name": "VPC" - }, - { - "value": 90, - "name": "IM" - }, - { - "value": 49, - "name": "EIP" - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1557,25 +1269,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "text": " ", - "subtext": " ", - "top": "center", - "left": "center", - "itemGap": 8, - "textStyle": { - "color": "#191919", - "fontSize": 28, - "lineHeight": 28, - "fontWeight": "normal" - }, - "subtextStyle": { - "color": "#bbbbbb", - "fontSize": 16, - "lineHeight": 24, - "fontWeight": "normal" - } - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1595,11 +1288,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "borderColor": "#ffffff", - "borderWidth": 3, - "borderRadius": 0 - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1619,10 +1307,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "center": ["50%", "45%"], - "radius": ["44%", "50%"] - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1742,8 +1426,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -1808,15 +1497,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1839,20 +1519,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "value": 100, - "name": "VPC" - }, - { - "value": 90, - "name": "IM" - }, - { - "value": 49, - "name": "EIP" - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1876,8 +1543,14 @@ "readOnly": false, "disabled": false, "defaultValue": { - "center": ["50%", "45%"], - "radius": ["44%", "50%"] + "center": [ + "50%", + "45%" + ], + "radius": [ + "44%", + "50%" + ] }, "cols": 12, "widget": { @@ -1898,11 +1571,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "borderColor": "#ffffff", - "borderWidth": 3, - "borderRadius": 0 - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -1922,25 +1590,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "text": " ", - "subtext": " ", - "top": "center", - "left": "center", - "itemGap": 8, - "textStyle": { - "color": "#191919", - "fontSize": 28, - "lineHeight": 28, - "fontWeight": "normal" - }, - "subtextStyle": { - "color": "#bbbbbb", - "fontSize": 16, - "lineHeight": 24, - "fontWeight": "normal" - } - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2048,7 +1697,6 @@ "description": { "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -2062,7 +1710,6 @@ "description": { "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -2099,8 +1746,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -2165,15 +1817,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2196,22 +1839,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "Domestic": { - "Equipment": 43, - "VM": 90, - "CSP": 80, - "RD": 53, - "Markets": 78 - }, - "Abroad": { - "Equipment": 75, - "VM": 55, - "CSP": 93, - "RD": 90, - "Markets": 86 - } - }, + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2254,8 +1882,7 @@ "readOnly": false, "disabled": false, "defaultValue": { - "triggerEvent": true, - "color": "#191919" + "triggerEvent": true }, "cols": 12, "widget": { @@ -2276,10 +1903,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "center": ["50%", "50%"], - "radius": "50%" - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2387,7 +2010,6 @@ "description": { "zh_CN": "图表渲染完成后触发，每次渲染都会触发一次" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -2401,7 +2023,6 @@ "description": { "zh_CN": "图表渲染完成后触发，只会在首次渲染完成后触发" }, - "defaultValue": "", "functionInfo": { "params": [], "returns": {} @@ -2438,8 +2059,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -2504,15 +2130,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2535,28 +2152,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "value": 60, - "name": "Visit" - }, - { - "value": 40, - "name": "Inquiry" - }, - { - "value": 20, - "name": "Order" - }, - { - "value": 80, - "name": "Click" - }, - { - "value": 100, - "name": "Show" - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2733,8 +2329,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -2799,15 +2400,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -2832,19 +2424,73 @@ "disabled": false, "defaultValue": { "1990": [ - [28604, 77, 17096869, "Australia", 1990], - [31163, 77.4, 27662440, "Canada", 1990], - [60001, 68, 1154605773, "China", 1990] + [ + 28604, + 77, + 17096869, + "Australia", + 1990 + ], + [ + 31163, + 77.4, + 27662440, + "Canada", + 1990 + ], + [ + 60001, + 68, + 1154605773, + "China", + 1990 + ] ], "2000": [ - [19349, 69.6, 147568552, "Russia", 2000], - [10670, 67.3, 53994605, "Turkey", 2000], - [26424, 75.7, 57110117, "United Kingdom", 2000] + [ + 19349, + 69.6, + 147568552, + "Russia", + 2000 + ], + [ + 10670, + 67.3, + 53994605, + "Turkey", + 2000 + ], + [ + 26424, + 75.7, + 57110117, + "United Kingdom", + 2000 + ] ], "2015": [ - [44056, 81.8, 23968973, "Australia", 2015], - [43294, 81.7, 35939927, "Canada", 2015], - [13334, 76.9, 1376048943, "China", 2015] + [ + 44056, + 81.8, + 23968973, + "Australia", + 2015 + ], + [ + 43294, + 81.7, + 35939927, + "Canada", + 2015 + ], + [ + 13334, + 76.9, + 1376048943, + "China", + 2015 + ] ] }, "cols": 12, @@ -2908,7 +2554,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "[50, 20, 50, 20]", "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3009,7 +2654,8 @@ "description": { "zh_CN": "默认值：图表数据data中data[0]对象的第一个key值" }, - "labelPosition": "left" + "labelPosition": "left", + "defaultValue": {} }, { "property": "yAxis", @@ -3028,7 +2674,8 @@ "language": "json" } }, - "labelPosition": "left" + "labelPosition": "left", + "defaultValue": {} } ] } @@ -3069,8 +2716,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -3135,15 +2787,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3166,23 +2809,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "Month": "Jan", - "Domestic": [5, 20], - "Abroad": [5, 23] - }, - { - "Month": "Feb", - "Domestic": [10, 30], - "Abroad": [8, 25] - }, - { - "Month": "Mar", - "Domestic": [8, 25], - "Abroad": [2, 20] - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3205,16 +2832,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "start": 0, - "end": 100, - "show": false, - "position": { - "left": 36, - "bottom": 20 - }, - "height": 24 - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3234,10 +2851,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "barWidth": 8, - "barGap": "60%" - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3257,7 +2870,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "[50, 20, 50, 20]", "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3348,30 +2960,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "data": "Month", - "name": "Utils", - "line": { - "show": true, - "lineStyle": { - "color": "red", - "type": "dashed", - "width": 2 - } - }, - "interval": 2, - "fullGrid": true, - "labelRotate": 45, - "ellipsis": { - "overflow": "truncate", - "labelWidth": 20 - }, - "nameLocation": "end", - "nameTextStyle": { - "fontSize": 12, - "color": "#4e4e4e" - } - }, + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3394,33 +2983,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "max": 60, - "min": 0, - "interval": 10, - "position": "left", - "dataName": ["Domestic"], - "name": "value", - "unit": "元", - "nameTextStyle": { - "padding": [0, 0, 0, -45] - } - }, - { - "max": 90, - "min": 0, - "interval": 15, - "position": "right", - "dataName": ["Abroad"], - "name": "kal", - "unit": "$", - "offset": 45, - "nameTextStyle": { - "padding": [0, -45, 0, 0] - } - } - ], + "defaultValue": {}, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3469,8 +3032,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -3535,15 +3103,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3566,12 +3125,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "value": 90, - "name": "Utilization rate" - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3704,12 +3258,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - [0.25, "#0d9458"], - [0.5, "#eeba18"], - [0.75, "#ec6f1a"], - [1, "#f43146"] - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -3832,8 +3381,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -3897,106 +3451,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "type": "graph", - "layout": "none", - "symbolSize": 48, - "color": "#42A5F5", - "roam": true, - "label": { - "normal": { - "show": true - } - }, - "edgeSymbol": ["circle", "arrow"], - "edgeSymbolSize": [3, 10], - "edgeLabel": { - "normal": { - "textStyle": { - "fontSize": 18 - } - } - }, - "data": [ - { - "name": "节点 1", - "x": 300, - "y": 300 - }, - { - "name": "节点 2", - "x": 800, - "y": 300 - }, - { - "name": "节点 3", - "x": 550, - "y": 100 - }, - { - "name": "节点 4", - "x": 550, - "y": 500 - } - ], - "links": [ - { - "source": 0, - "target": 1, - "symbolSize": [5, 20], - "label": { - "normal": { - "show": true - } - }, - "lineStyle": { - "normal": { - "width": 5, - "curveness": 0.2 - } - } - }, - { - "source": "节点 2", - "target": "节点 1", - "label": { - "normal": { - "show": true - } - }, - "lineStyle": { - "normal": { - "curveness": 0.2 - } - } - }, - { - "source": "节点 1", - "target": "节点 3" - }, - { - "source": "节点 2", - "target": "节点 3" - }, - { - "source": "节点 2", - "target": "节点 4" - }, - { - "source": "节点 1", - "target": "节点 4" - } - ], - "lineStyle": { - "normal": { - "opacity": 0.9, - "width": 2, - "curveness": 0 - } - } - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -4136,8 +3591,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } }, @@ -4202,15 +3662,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - "#6D8FF0", - "#00A874", - "#BD72F0", - "#54BCCE", - "#FDC000", - "#9185F0", - "#00A2B5" - ], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -4233,20 +3684,7 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "name": "UniEPMgr", - "value": 80 - }, - { - "name": "SMLoglic", - "value": 65 - }, - { - "name": "SSO", - "value": 45 - } - ], + "defaultValue": [], "cols": 12, "widget": { "component": "CodeConfigurator", @@ -4263,13 +3701,14 @@ "property": "name", "label": { "text": { - "zh_CN": "图表数据（必填）" + "zh_CN": "图表数据, 已有默认值，禁止设置name" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, + "defaultValue": "ProcessBarChart", "widget": { "component": "CodeConfigurator", "props": { @@ -4288,12 +3727,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": { - "error": 75, - "warning": 60, - "subwarning": 50, - "success": 20 - }, "cols": 12, "widget": { "component": "CodeConfigurator", @@ -4313,7 +3746,6 @@ "required": true, "readOnly": false, "disabled": false, - "defaultValue": "[50, 20, 50, 20]", "cols": 12, "widget": { "component": "CodeConfigurator", @@ -4433,8 +3865,13 @@ "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] + "actions": [ + "create symbol" + ], + "disable": [ + "copy", + "remove" + ] } } } @@ -4458,7 +3895,12 @@ "props": { "options": { "theme": "hdesign-light", - "padding": [50, 30, 50, 20], + "padding": [ + 50, + 30, + 50, + 20 + ], "legend": { "show": true, "icon": "line" @@ -4547,7 +3989,12 @@ "props": { "options": { "theme": "hdesign-light", - "padding": [50, 30, 50, 20], + "padding": [ + 50, + 30, + 50, + 20 + ], "data": [ { "Month": "Jan", @@ -4632,7 +4079,12 @@ "props": { "options": { "theme": "hdesign-light", - "padding": [50, 30, 50, 20], + "padding": [ + 50, + 30, + 50, + 20 + ], "data": [ { "Month": "Jan", @@ -4732,11 +4184,21 @@ } }, "b": { - "padding": [2, 4, 0, 0] + "padding": [ + 2, + 4, + 0, + 0 + ] }, "c": { "fontWeight": "bold", - "padding": [2, 0, 0, 0] + "padding": [ + 2, + 0, + 0, + 0 + ] } } }, @@ -4848,7 +4310,12 @@ "componentName": "TinyHuichartsWaterfall", "props": { "options": { - "padding": [50, 30, 20, 20], + "padding": [ + 50, + 30, + 20, + 20 + ], "legend": { "show": false }, @@ -4937,7 +4404,12 @@ "componentName": "TinyHuichartsScatter", "props": { "options": { - "padding": [50, 30, 50, 20], + "padding": [ + 50, + 30, + 50, + 20 + ], "legend": { "orient": "horizontal", "show": true, @@ -4946,29 +4418,122 @@ "bottom": 15 } }, - "bubbleSize": [20, 100], + "bubbleSize": [ + 20, + 100 + ], "xAxisType": "value", "data": { "1990": [ - [28604, 77, 1709866, "Australia", 1990], - [31163, 77.4, 27662440, "Canada", 1990], - [60001, 68, 1154605773, "China", 1990], - [13670, 74.7, 10582082, "Cuba", 1990], - [28599, 75, 4986705, "Finland", 1990] + [ + 28604, + 77, + 1709866, + "Australia", + 1990 + ], + [ + 31163, + 77.4, + 27662440, + "Canada", + 1990 + ], + [ + 60001, + 68, + 1154605773, + "China", + 1990 + ], + [ + 13670, + 74.7, + 10582082, + "Cuba", + 1990 + ], + [ + 28599, + 75, + 4986705, + "Finland", + 1990 + ] ], "2000": [ - [19349, 69.6, 147568552, "Russia", 2000], - [10670, 67.3, 53994606, "Turkey", 2000], - [26424, 75.7, 57110117, "United Kingdom", 2000], - [37062, 75.4, 252847810, "United States", 2000], - [23038, 73.13, 143456918, "Russia", 2000] + [ + 19349, + 69.6, + 147568552, + "Russia", + 2000 + ], + [ + 10670, + 67.3, + 53994606, + "Turkey", + 2000 + ], + [ + 26424, + 75.7, + 57110117, + "United Kingdom", + 2000 + ], + [ + 37062, + 75.4, + 252847810, + "United States", + 2000 + ], + [ + 23038, + 73.13, + 143456918, + "Russia", + 2000 + ] ], "2015": [ - [44056, 81.8, 23968976, "Australia", 2015], - [43294, 81.7, 35939927, "Canada", 2015], - [13334, 76.9, 1376048943, "Cuba", 2015], - [21291, 78.5, 11389566, "Finland", 2015], - [38923, 80.8, 5503457, "France", 2015] + [ + 44056, + 81.8, + 23968976, + "Australia", + 2015 + ], + [ + 43294, + 81.7, + 35939927, + "Canada", + 2015 + ], + [ + 13334, + 76.9, + 1376048943, + "Cuba", + 2015 + ], + [ + 21291, + 78.5, + 11389566, + "Finland", + 2015 + ], + [ + 38923, + 80.8, + 5503457, + "France", + 2015 + ] ] } } @@ -4987,10 +4552,22 @@ "props": { "options": { "splitColor": [ - [0.25, "#0d9458"], - [0.5, "#eeba18"], - [0.75, "#ec6f1a"], - [1, "#f43146"] + [ + 0.25, + "#0d9458" + ], + [ + 0.5, + "#eeba18" + ], + [ + 0.75, + "#ec6f1a" + ], + [ + 1, + "#f43146" + ] ], "pointer": true, "data": [ @@ -5028,8 +4605,14 @@ "show": true } }, - "edgeSymbol": ["circle", "arrow"], - "edgeSymbolSize": [3, 10], + "edgeSymbol": [ + "circle", + "arrow" + ], + "edgeSymbolSize": [ + 3, + 10 + ], "edgeLabel": { "normal": { "textStyle": { @@ -5063,7 +4646,10 @@ { "source": 0, "target": 1, - "symbolSize": [5, 20], + "symbolSize": [ + 5, + 20 + ], "label": { "normal": { "show": true @@ -5133,8 +4719,19 @@ "options": { "name": "ProcessBarChart", "theme": "light", - "padding": [32, 32, 0, 32], - "color": ["#fa2a2d", "#ff7500", "#ffbf00", "#41ba41", "#00aaee"], + "padding": [ + 32, + 32, + 0, + 32 + ], + "color": [ + "#fa2a2d", + "#ff7500", + "#ffbf00", + "#41ba41", + "#00aaee" + ], "data": [ { "name": "UniEPMgr", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b72cb81e..7d60f642 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -281,9 +281,42 @@ importers: '@opentiny/vue-button': specifier: ^3.28.0 version: 3.28.0 - '@opentiny/vue-huicharts': + '@opentiny/vue-huicharts-bar': specifier: ^3.28.0 - version: 3.29.0(echarts@5.4.1) + version: 3.29.0 + '@opentiny/vue-huicharts-funnel': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-gauge': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-graph': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-histogram': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-line': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-pie': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-process': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-radar': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-ring': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-scatter': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-waterfall': + specifier: ^3.28.0 + version: 3.29.0 '@opentiny/vue-icon': specifier: ^3.28.0 version: 3.28.3 @@ -363,9 +396,42 @@ importers: '@opentiny/vue-button': specifier: ^3.28.0 version: 3.28.0 - '@opentiny/vue-huicharts': + '@opentiny/vue-huicharts-bar': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-funnel': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-gauge': specifier: ^3.28.0 - version: 3.29.0(echarts@5.4.1) + version: 3.29.0 + '@opentiny/vue-huicharts-graph': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-histogram': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-line': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-pie': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-process': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-radar': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-ring': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-scatter': + specifier: ^3.28.0 + version: 3.29.0 + '@opentiny/vue-huicharts-waterfall': + specifier: ^3.28.0 + version: 3.29.0 '@opentiny/vue-select': specifier: ^3.28.0 version: 3.28.0 @@ -486,24 +552,6 @@ importers: '@opentiny/vue': specifier: ^3.28.0 version: 3.28.0 - '@opentiny/vue-chart-bar': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-histogram': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-line': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-pie': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-radar': - specifier: ~3.14.0 - version: 3.14.0 - '@opentiny/vue-chart-ring': - specifier: 3.14.0 - version: 3.14.0 '@opentiny/vue-icon': specifier: ^3.28.0 version: 3.28.3 @@ -4052,21 +4100,9 @@ packages: '@opentiny/vue-hrapprover@3.28.0': resolution: {integrity: sha512-4mP8hOQ5TOxVEZKV82UmUWT+8eRHl+a5DlLCBYJT2CisZ463LQ/DjqieWTJplgxf258w96pc+t0PaNxklLl5QQ==} - '@opentiny/vue-huicharts-amap@3.29.0': - resolution: {integrity: sha512-KPRYXFTHpZfH0W5TdJfm/2uuT2qwgbrsRN6VjSG5N9RlUQDG6/oEUXBIPHX8CZTUUnkeQ0W1TXPaYlILQ0RLtg==} - '@opentiny/vue-huicharts-bar@3.29.0': resolution: {integrity: sha512-3IxEwubWur2wd7K7SezH9zS3l89FSlZTU5a0TIRt9xEL6OSN7izgHINXTzblQfmpAXzPJhjFKh0D88ung6hBog==} - '@opentiny/vue-huicharts-bmap@3.29.0': - resolution: {integrity: sha512-XPvryKsBQqBt7Ech/FGONx5MI2nN+naCSEUbkohFsQqFG8Y3JrwMKEy0rjYk0vguDbfUY7oo8OtsAFHWiGJZCQ==} - - '@opentiny/vue-huicharts-boxplot@3.29.0': - resolution: {integrity: sha512-3zykxZ9pZd36cjb+Qa4Kqr7gjeQv8XfgqpuxLd3Dzd/pONFis1WHS7BfDU6zqnksF3RByLVcy24wun1ZpYoGxw==} - - '@opentiny/vue-huicharts-candle@3.29.0': - resolution: {integrity: sha512-eXv1xV+hSEZB8tI6IxOb3C2zx7K0O+V+XX49Bj0EG9O+sep+SpfG5GjduR/5Wwyc89+i3Ag835UNwwdvXjPDag==} - '@opentiny/vue-huicharts-core@3.29.0': resolution: {integrity: sha512-O4SlRgpKMUTewMgzf3I2GyiiC4SzOv8iUXK1A6t81Mdd1MxpajiMbhjUm7WnytjTyu23Jd1q31G7HUfxdKJZOw==} @@ -4079,21 +4115,12 @@ packages: '@opentiny/vue-huicharts-graph@3.29.0': resolution: {integrity: sha512-g2XrF5wwaD1fqb/+2K+qeHbovNAjmItURadhv5bBHLtt4wlATAmGIyCeq1b4GTxFybmJuPQA3DGUDGrohfyUgg==} - '@opentiny/vue-huicharts-heatmap@3.29.0': - resolution: {integrity: sha512-PeLXkpQR3ttwiCG574gbWySpisADUtP8JzhjHTk/Wg7OFU4+Z6KxyJELwpShoXb+u1gOssThGEMarzPDEWNHnA==} - '@opentiny/vue-huicharts-histogram@3.29.0': resolution: {integrity: sha512-Jxji3WLxSNIuWuFu0gBPHgAjRjF2y2Uy8JlsuX4AOqfUy8mDkBS03kRlrFXEtlTJ6htJsJzqVFBLJmb8zQ1t3Q==} '@opentiny/vue-huicharts-line@3.29.0': resolution: {integrity: sha512-xwbZzOmloN7S/C3G5/mMbsz70KfumqAGuqFs0wdsj4n9eHH+Fn0xXdCvCRmEf357NdX6xf4xFiiXg1DDnf6nLg==} - '@opentiny/vue-huicharts-liquidfill@3.29.0': - resolution: {integrity: sha512-aLeTqjXtZWi7Pjm+z1IbBwiiPR/NtWyVrsArzDSACU9C2a0TcXsb3UA3ZHu9/ZnpTV3Nb87BdTWprSN9/9Mrhw==} - - '@opentiny/vue-huicharts-map@3.29.0': - resolution: {integrity: sha512-yau/QZwNvzBiMWfiRgOJSyKH+WOqVumzNe3oUKIGAs2fBnuqYdjDcb/w0dfPWrWeRayExjzH4nUSyzDsxkewrA==} - '@opentiny/vue-huicharts-pie@3.29.0': resolution: {integrity: sha512-2tc0fAcPUSG2tTkAOsGKIszbRgUimDaK3yN4sXA6GUNaZNW9PEIkfaZ7asAO4jKBNaEqzqUdUhE8BMDzQFH8aQ==} @@ -4106,27 +4133,12 @@ packages: '@opentiny/vue-huicharts-ring@3.29.0': resolution: {integrity: sha512-jmjjrYcZikQHNKMlhgUnL9gNmUfRb8aTPW+1DlhfhDSohYQbhURT9XoeETt/ZlfmNn93YRWyQiWQqWCyINXLLg==} - '@opentiny/vue-huicharts-sankey@3.29.0': - resolution: {integrity: sha512-zckLo8SG9WbrfPna4r7sbz7+bSk/225qd3gS2s98YfnaMo3IHSFYmHpdmaIQUR6oZ8EIjIyy4wzldbGlVZKrNQ==} - '@opentiny/vue-huicharts-scatter@3.29.0': resolution: {integrity: sha512-QotSqCj8qZNQuv5v3mDCHl61MtTP3eLbShvJET8agll/PHu1yqY/BcRUQoaQgOfZCrlSjpXKplHnMlDz3ZTB4w==} - '@opentiny/vue-huicharts-sunburst@3.29.0': - resolution: {integrity: sha512-iTW9C2qFY2OZ0/E7DU7JvJ1CGooTNjH/8VDKXEBkLJ1wh5HQAna5LKgzfPwtaqyNmKG+/tJIvLKV81EzSZ+kxQ==} - - '@opentiny/vue-huicharts-tree@3.29.0': - resolution: {integrity: sha512-piDq77ekrRPpYsTIVEPgBuFDFqF1kauois1XrSKN62cjVqL/AqHFTZGx7+UvQo3ZCHlGE2Rn1KHd6BsIQa70gw==} - '@opentiny/vue-huicharts-waterfall@3.29.0': resolution: {integrity: sha512-fLeZ1COSbbQa9e3Kq2ATYyTa+wv59QKwx6/mnPOp0iXCaB+SpUB8OXSb7Mpx2K9yAG1dACScG173FuRL+qHDwA==} - '@opentiny/vue-huicharts-wordcloud@3.29.0': - resolution: {integrity: sha512-bg/SBzEN4QgZflAjzx45iSKkv58oglh4qFnNqWuEnr1+ZQZduR3Hq4jbRIOIfHkKUEw2HJ6R3zMoLCfVu5oX/A==} - - '@opentiny/vue-huicharts@3.29.0': - resolution: {integrity: sha512-lil8wu63GRj19Ud3f6NEAGzU4M0MvIh5geNNj6OjKHPWt37A5TiOM4B6h6IamM8x6icFPs4zZav2R6ZmCa8IUQ==} - '@opentiny/vue-icon@3.28.3': resolution: {integrity: sha512-gOmR/2m9aEKH26jvCDBtiUtb1DDvjmFX8tn4gKK+Fd32M9HYMyZaZpNPvYrK33/GLSUWIDXUJOmeypnSyOJWog==} @@ -6178,16 +6190,6 @@ packages: eastasianwidth@0.2.0: resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} - echarts-liquidfill@3.1.0: - resolution: {integrity: sha512-5Dlqs/jTsdTUAsd+K5LPLLTgrbbNORUSBQyk8PSy1Mg2zgHDWm83FmvA4s0ooNepCJojFYRITTQ4GU1UUSKYLw==} - peerDependencies: - echarts: ^5.0.1 - - echarts-wordcloud@2.0.0: - resolution: {integrity: sha512-K7l6pTklqdW7ZWzT/1CS0KhBSINr/cd7c5N1fVMzZMwLQHEwT7x+nivK7g5hkVh7WNcAv4Dn6/ZS5zMKRozC1g==} - peerDependencies: - echarts: ^5.0.1 - echarts@5.4.1: resolution: {integrity: sha512-9ltS3M2JB0w2EhcYjCdmtrJ+6haZcW6acBolMGIuf01Hql1yrIV01L1aRj7jsaaIULJslEP9Z3vKlEmnJaWJVQ==} @@ -13475,32 +13477,11 @@ snapshots: '@opentiny/vue-renderless': 3.28.2 '@opentiny/vue-theme': 3.28.0 - '@opentiny/vue-huicharts-amap@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-bar@3.29.0': dependencies: '@opentiny/vue-common': 3.29.0 '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-bmap@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - - '@opentiny/vue-huicharts-boxplot@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - - '@opentiny/vue-huicharts-candle@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-locale': 3.29.0 - '@opentiny/vue-huicharts-core@3.29.0': dependencies: '@opentiny/huicharts': 1.0.1 @@ -13523,11 +13504,6 @@ snapshots: '@opentiny/vue-common': 3.29.0 '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-heatmap@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-histogram@3.29.0': dependencies: '@opentiny/vue-common': 3.29.0 @@ -13538,19 +13514,6 @@ snapshots: '@opentiny/vue-common': 3.29.0 '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-liquidfill@3.29.0(echarts@5.4.1)': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - echarts-liquidfill: 3.1.0(echarts@5.4.1) - transitivePeerDependencies: - - echarts - - '@opentiny/vue-huicharts-map@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-pie@3.29.0': dependencies: '@opentiny/vue-common': 3.29.0 @@ -13573,74 +13536,17 @@ snapshots: '@opentiny/vue-huicharts-core': 3.29.0 '@opentiny/vue-locale': 3.29.0 - '@opentiny/vue-huicharts-sankey@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-scatter@3.29.0': dependencies: '@opentiny/vue-common': 3.29.0 '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-sunburst@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - - '@opentiny/vue-huicharts-tree@3.29.0': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-waterfall@3.29.0': dependencies: '@opentiny/vue-common': 3.29.0 '@opentiny/vue-huicharts-core': 3.29.0 '@opentiny/vue-locale': 3.29.0 - '@opentiny/vue-huicharts-wordcloud@3.29.0(echarts@5.4.1)': - dependencies: - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - echarts-wordcloud: 2.0.0(echarts@5.4.1) - transitivePeerDependencies: - - echarts - - '@opentiny/vue-huicharts@3.29.0(echarts@5.4.1)': - dependencies: - '@opentiny/huicharts': 1.0.1 - '@opentiny/utils': 3.29.0 - '@opentiny/vue-common': 3.29.0 - '@opentiny/vue-huicharts-amap': 3.29.0 - '@opentiny/vue-huicharts-bar': 3.29.0 - '@opentiny/vue-huicharts-bmap': 3.29.0 - '@opentiny/vue-huicharts-boxplot': 3.29.0 - '@opentiny/vue-huicharts-candle': 3.29.0 - '@opentiny/vue-huicharts-core': 3.29.0 - '@opentiny/vue-huicharts-funnel': 3.29.0 - '@opentiny/vue-huicharts-gauge': 3.29.0 - '@opentiny/vue-huicharts-graph': 3.29.0 - '@opentiny/vue-huicharts-heatmap': 3.29.0 - '@opentiny/vue-huicharts-histogram': 3.29.0 - '@opentiny/vue-huicharts-line': 3.29.0 - '@opentiny/vue-huicharts-liquidfill': 3.29.0(echarts@5.4.1) - '@opentiny/vue-huicharts-map': 3.29.0 - '@opentiny/vue-huicharts-pie': 3.29.0 - '@opentiny/vue-huicharts-process': 3.29.0 - '@opentiny/vue-huicharts-radar': 3.29.0 - '@opentiny/vue-huicharts-ring': 3.29.0 - '@opentiny/vue-huicharts-sankey': 3.29.0 - '@opentiny/vue-huicharts-scatter': 3.29.0 - '@opentiny/vue-huicharts-sunburst': 3.29.0 - '@opentiny/vue-huicharts-tree': 3.29.0 - '@opentiny/vue-huicharts-waterfall': 3.29.0 - '@opentiny/vue-huicharts-wordcloud': 3.29.0(echarts@5.4.1) - '@opentiny/vue-locale': 3.29.0 - '@opentiny/vue-theme': 3.29.0 - transitivePeerDependencies: - - echarts - '@opentiny/vue-icon@3.28.3': dependencies: '@opentiny/vue-common': 3.28.0 @@ -16798,14 +16704,6 @@ snapshots: eastasianwidth@0.2.0: {} - echarts-liquidfill@3.1.0(echarts@5.4.1): - dependencies: - echarts: 5.4.1 - - echarts-wordcloud@2.0.0(echarts@5.4.1): - dependencies: - echarts: 5.4.1 - echarts@5.4.1: dependencies: tslib: 2.3.0 diff --git a/projects/tiny-schema-renderer b/projects/tiny-schema-renderer index 21a10d89..ff9663f0 160000 --- a/projects/tiny-schema-renderer +++ b/projects/tiny-schema-renderer @@ -1 +1 @@ -Subproject commit 21a10d89098273f462273de2b08b1d360499af0d +Subproject commit ff9663f0471265be93d19c4c516a5713f09049f5 From e21b0ed89d110350a31421e3b91465b49cc63299 Mon Sep 17 00:00:00 2001 From: cenguanming <975402925@qq.com> Date: Fri, 8 May 2026 16:41:09 +0800 Subject: [PATCH 007/415] fix: fix pr reviews --- packages/frameworks/vue/src/renderer/material-defaults.ts | 2 -- .../vue-opentiny-vue/src/render-config/bundle.json | 6 +++++- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/frameworks/vue/src/renderer/material-defaults.ts b/packages/frameworks/vue/src/renderer/material-defaults.ts index 24948733..19f4f924 100644 --- a/packages/frameworks/vue/src/renderer/material-defaults.ts +++ b/packages/frameworks/vue/src/renderer/material-defaults.ts @@ -13,8 +13,6 @@ const materialDefaultValueRegistry = buildMaterialDefaultValueRegistry(rendererC includeComponent: componentMatcher, }); -console.log('materialDefaultValueRegistry', materialDefaultValueRegistry) - export const applyMaterialDefaultsToSchema = ( schema: Record, registry: MaterialDefaultValueRegistry = materialDefaultValueRegistry, diff --git a/packages/materials/vue-opentiny-vue/src/render-config/bundle.json b/packages/materials/vue-opentiny-vue/src/render-config/bundle.json index 25e5f949..a13458f8 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/bundle.json +++ b/packages/materials/vue-opentiny-vue/src/render-config/bundle.json @@ -7228,13 +7228,17 @@ }, { "property": "tooltipConfig", + "type": "object", "defaultValue": { "always": false }, "label": { "text": { "zh_CN": "悬浮提示配置，默认不显示" } }, - "required": false + "required": false, + "description": { + "zh_CN": "悬浮提示配置，默认不显示" + } }, { "property": "multiple", From ed8a21061d8a9437b341655eff510df3e560bb3a Mon Sep 17 00:00:00 2001 From: cenguanming <975402925@qq.com> Date: Mon, 11 May 2026 10:01:46 +0800 Subject: [PATCH 008/415] feat: add apply default props --- packages/core/src/index.ts | 1 + packages/core/src/material-defaults/index.ts | 1 + .../material-defaults/material-defaults.ts | 176 ++++++++++++++++++ .../vue/src/renderer/SchemaCardRenderer.vue | 7 +- packages/frameworks/vue/src/renderer/index.ts | 1 + .../vue/src/renderer/material-defaults.ts | 24 +++ 6 files changed, 208 insertions(+), 2 deletions(-) create mode 100644 packages/core/src/material-defaults/index.ts create mode 100644 packages/core/src/material-defaults/material-defaults.ts create mode 100644 packages/frameworks/vue/src/renderer/material-defaults.ts diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts index df005186..c3ed3e89 100644 --- a/packages/core/src/index.ts +++ b/packages/core/src/index.ts @@ -4,3 +4,4 @@ export * from './prompt-generator'; export * from './delta-json-path-selector'; export * from './stream-pattern-extractor'; export * from './repair-json'; +export * from './material-defaults'; diff --git a/packages/core/src/material-defaults/index.ts b/packages/core/src/material-defaults/index.ts new file mode 100644 index 00000000..91adada8 --- /dev/null +++ b/packages/core/src/material-defaults/index.ts @@ -0,0 +1 @@ +export * from './material-defaults'; diff --git a/packages/core/src/material-defaults/material-defaults.ts b/packages/core/src/material-defaults/material-defaults.ts new file mode 100644 index 00000000..ee2c5372 --- /dev/null +++ b/packages/core/src/material-defaults/material-defaults.ts @@ -0,0 +1,176 @@ +type DefaultValueMap = Record; +export type MaterialDefaultValueRegistry = Map; + +interface IComponentLike { + component?: string; + schema?: { + properties?: any[]; + }; +} + +interface IMaterialLike { + data?: { + materials?: { + components?: IComponentLike[]; + }; + }; +} + +interface IRegistryOptions { + includeComponent?: (componentName: string) => boolean; +} + +const isObjectRecord = (value: unknown): value is Record => + typeof value === 'object' && value !== null && !Array.isArray(value); + +const cloneDefaultValue = (value: any) => { + if (!isObjectRecord(value) && !Array.isArray(value)) { + return value; + } + return structuredClone(value); +}; + +const collectPropertyDefaults = ( + items: any[] | undefined, + parentPath: string[], + result: DefaultValueMap, +) => { + items?.forEach((item) => { + const currentPath = item?.property ? parentPath.concat(item.property) : parentPath; + + if (item?.property && Object.prototype.hasOwnProperty.call(item, 'defaultValue')) { + result[currentPath.join('.')] = item.defaultValue; + } + + if (Array.isArray(item?.content)) { + collectPropertyDefaults(item.content, currentPath, result); + } + + if (Array.isArray(item?.properties)) { + collectPropertyDefaults(item.properties, currentPath, result); + } + }); +}; + +export const buildMaterialDefaultValueRegistry = ( + materialsList: IMaterialLike[], + options: IRegistryOptions = {}, +): MaterialDefaultValueRegistry => { + const registry: MaterialDefaultValueRegistry = new Map(); + const includeComponent = options.includeComponent || (() => true); + + materialsList.forEach((material) => { + material?.data?.materials?.components?.forEach((component) => { + const componentName = component?.component; + if (typeof componentName !== 'string' || !includeComponent(componentName)) { + return; + } + + const defaults: DefaultValueMap = {}; + collectPropertyDefaults(component.schema?.properties, [], defaults); + + if (Object.keys(defaults).length > 0) { + registry.set(componentName, defaults); + } + }); + }); + + return registry; +}; + +const fillMissingValue = ( + target: Record, + propertyPath: string, + defaultValue: any, +) => { + const keys = propertyPath.split('.'); + let current = target; + + for (const key of keys.slice(0, -1)) { + const nextValue = current[key]; + if (nextValue == null) { + current[key] = {}; + current = current[key]; + continue; + } + + if (!isObjectRecord(nextValue)) { + return; + } + + current = nextValue; + } + + const leafKey = keys[keys.length - 1]; + if (current[leafKey] == null) { + current[leafKey] = cloneDefaultValue(defaultValue); + } +}; + +const applyDefaultsToNode = ( + node: Record, + registry: MaterialDefaultValueRegistry, +) => { + const componentName = node.componentName; + if (typeof componentName !== 'string') { + return; + } + + const defaultValueMap = registry.get(componentName); + if (!defaultValueMap) { + return; + } + + if (!isObjectRecord(node.props)) { + node.props = {}; + } + + Object.entries(defaultValueMap).forEach(([propertyPath, defaultValue]) => { + fillMissingValue(node.props, propertyPath, defaultValue); + }); +}; + +const visitPossibleNode = ( + value: unknown, + registry: MaterialDefaultValueRegistry, +) => { + if (Array.isArray(value)) { + value.forEach((item) => visitPossibleNode(item, registry)); + return; + } + + if (!isObjectRecord(value)) { + return; + } + + if (typeof value.componentName === 'string') { + applyDefaultsToNode(value, registry); + visitPossibleNode(value.children, registry); + visitPossibleNode(value.slot, registry); + return; + } + + Object.entries(value).forEach(([, item]) => visitPossibleNode(item, registry)); +}; + +export const applyMaterialDefaultsToSchema = ( + schema: Record, + registry: MaterialDefaultValueRegistry, +) => { + if (!isObjectRecord(schema)) { + return; + } + + visitPossibleNode(schema, registry); +}; + +export const applyMaterialDefaultsToNode = ( + node: Record, + registry: MaterialDefaultValueRegistry, +) => { + if (!isObjectRecord(node)) { + return; + } + + applyDefaultsToNode(node, registry); +}; diff --git a/packages/frameworks/vue/src/renderer/SchemaCardRenderer.vue b/packages/frameworks/vue/src/renderer/SchemaCardRenderer.vue index 7d0d784e..cf81befd 100644 --- a/packages/frameworks/vue/src/renderer/SchemaCardRenderer.vue +++ b/packages/frameworks/vue/src/renderer/SchemaCardRenderer.vue @@ -1,9 +1,10 @@ - - diff --git a/packages/materials/vue-opentiny-vue/src/components/TinySelectWrap.vue b/packages/materials/vue-opentiny-vue/src/components/TinySelectWrap.vue deleted file mode 100644 index 18fa7168..00000000 --- a/packages/materials/vue-opentiny-vue/src/components/TinySelectWrap.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/packages/materials/vue-opentiny-vue/src/extend-renderer.ts b/packages/materials/vue-opentiny-vue/src/extend-renderer.ts index b681b75d..9138c819 100644 --- a/packages/materials/vue-opentiny-vue/src/extend-renderer.ts +++ b/packages/materials/vue-opentiny-vue/src/extend-renderer.ts @@ -1,5 +1,4 @@ import type { Component } from 'vue'; -import TinySelectWrap from './components/TinySelectWrap.vue'; // TODO: to be remove // import ActionButton from './components/ActionButton.vue'; import TinyTabsWrap from './components/TinyTabsWrap.vue'; @@ -10,7 +9,6 @@ export let extened = false; export const extendMapper = (Mapper: any, customComponents: Record) => { if (extened) return; extened = true; - Mapper.TinySelect = TinySelectWrap; // Mapper.ActionButton = ActionButton; Mapper.TinyTabs = TinyTabsWrap; diff --git a/packages/materials/vue-opentiny-vue/src/render-config/bundle.json b/packages/materials/vue-opentiny-vue/src/render-config/bundle.json index 3db33b8c..4cab1488 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/bundle.json +++ b/packages/materials/vue-opentiny-vue/src/render-config/bundle.json @@ -7274,6 +7274,7 @@ "readOnly": false, "disabled": false, "cols": 12, + "defaultValue": [], "widget": { "component": "CodeConfigurator", "props": { @@ -7285,6 +7286,16 @@ }, "labelPosition": "top" }, + { + "property": "tooltipConfig", + "defaultValue": { "always": false }, + "label": { + "text": { + "zh_CN": "悬浮提示配置，默认不显示" + } + }, + "required": false + }, { "property": "multiple", "label": { diff --git a/projects/tiny-schema-renderer b/projects/tiny-schema-renderer index 21a10d89..084c6460 160000 --- a/projects/tiny-schema-renderer +++ b/projects/tiny-schema-renderer @@ -1 +1 @@ -Subproject commit 21a10d89098273f462273de2b08b1d360499af0d +Subproject commit 084c64609689e12d63fd0891442cbdcf9cfbe655 From cbd22b2fcb5625853930cb68f238b44fdcf99864 Mon Sep 17 00:00:00 2001 From: cenguanming <975402925@qq.com> Date: Tue, 12 May 2026 12:01:16 +0800 Subject: [PATCH 010/415] fix: update pnpm-lock --- pnpm-lock.yaml | 80 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 79 insertions(+), 1 deletion(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 69247bfb..9b1e6d34 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -513,7 +513,16 @@ importers: '@babel/standalone': specifier: ^7.23.0 version: 7.28.5 - '@opentiny/vue': + '@opentiny/vue-button': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-card': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-carousel': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-carousel-item': specifier: ^3.28.0 version: 3.28.0 '@opentiny/vue-chart-bar': @@ -534,15 +543,81 @@ importers: '@opentiny/vue-chart-ring': specifier: 3.14.0 version: 3.14.0 + '@opentiny/vue-checkbox': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-checkbox-button': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-checkbox-group': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-col': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-date-picker': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-form': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-form-item': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-grid': + specifier: ^3.28.0 + version: 3.28.0 '@opentiny/vue-icon': specifier: ^3.28.0 version: 3.28.3 + '@opentiny/vue-input': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-layout': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-notify': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-numeric': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-radio': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-radio-group': + specifier: ^3.28.0 + version: 3.28.0 '@opentiny/vue-renderless': specifier: ^3.28.2 version: 3.28.2 + '@opentiny/vue-row': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-search': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-select': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-switch': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-tab-item': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-tabs': + specifier: ^3.28.0 + version: 3.28.0 '@opentiny/vue-theme': specifier: ^3.28.0 version: 3.28.0 + '@opentiny/vue-transfer': + specifier: ^3.28.0 + version: 3.28.0 + '@opentiny/vue-tree': + specifier: ^3.28.0 + version: 3.28.0 '@vitejs/plugin-vue': specifier: ^5.1.2 version: 5.2.4(vite@5.4.21(@types/node@24.10.4)(less@4.5.1)(sass@1.97.1)(terser@5.44.1))(vue@3.5.26(typescript@5.9.3)) @@ -552,6 +627,9 @@ importers: eval5: specifier: ^1.4.8 version: 1.4.8 + rollup-plugin-visualizer: + specifier: 6.0.5 + version: 6.0.5(rollup@4.54.0) vite: specifier: ^5.4.2 version: 5.4.21(@types/node@24.10.4)(less@4.5.1)(sass@1.97.1)(terser@5.44.1) From 773fa40ae9c993ce1eab2621392c99b80a4763f2 Mon Sep 17 00:00:00 2001 From: cenguanming <975402925@qq.com> Date: Tue, 12 May 2026 12:06:19 +0800 Subject: [PATCH 011/415] fix: replace structuredClone with JSON serialization for cloning objects --- packages/core/src/material-defaults/material-defaults.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/material-defaults/material-defaults.ts b/packages/core/src/material-defaults/material-defaults.ts index ee2c5372..7538474c 100644 --- a/packages/core/src/material-defaults/material-defaults.ts +++ b/packages/core/src/material-defaults/material-defaults.ts @@ -27,7 +27,7 @@ const cloneDefaultValue = (value: any) => { if (!isObjectRecord(value) && !Array.isArray(value)) { return value; } - return structuredClone(value); + return JSON.parse(JSON.stringify(value)); }; const collectPropertyDefaults = ( From fb5de0c4d6251ed85d1bb1f5baa5a8b9b875c2df Mon Sep 17 00:00:00 2001 From: yy Date: Tue, 12 May 2026 15:12:00 +0800 Subject: [PATCH 012/415] feat(vue-opentiny-vue): add components module and update renderer configuration --- .../materials/vue-opentiny-vue/package.json | 5 + .../vue-opentiny-vue/src/components/index.ts | 1 + .../src/components/vue-materials.ts | 67 +++++++ .../src/render-config/merge.ts | 7 +- .../src/render-config/white-list.ts | 182 ++++++++---------- .../materials/vue-opentiny-vue/vite.config.ts | 5 +- sites/playground/web/src/App.vue | 121 ++++++++---- 7 files changed, 243 insertions(+), 145 deletions(-) create mode 100644 packages/materials/vue-opentiny-vue/src/components/index.ts create mode 100644 packages/materials/vue-opentiny-vue/src/components/vue-materials.ts diff --git a/packages/materials/vue-opentiny-vue/package.json b/packages/materials/vue-opentiny-vue/package.json index 3d1d3f00..18f32e56 100644 --- a/packages/materials/vue-opentiny-vue/package.json +++ b/packages/materials/vue-opentiny-vue/package.json @@ -66,6 +66,11 @@ "import": "./dist/extend-renderer.js", "types": "./dist/extend-renderer.d.ts", "require": "./dist/extend-renderer.js" + }, + "./components": { + "import": "./dist/components.js", + "types": "./dist/components.d.ts", + "require": "./dist/components.js" } } } diff --git a/packages/materials/vue-opentiny-vue/src/components/index.ts b/packages/materials/vue-opentiny-vue/src/components/index.ts new file mode 100644 index 00000000..994f3bc7 --- /dev/null +++ b/packages/materials/vue-opentiny-vue/src/components/index.ts @@ -0,0 +1 @@ +export { vueMaterials } from './vue-materials'; diff --git a/packages/materials/vue-opentiny-vue/src/components/vue-materials.ts b/packages/materials/vue-opentiny-vue/src/components/vue-materials.ts new file mode 100644 index 00000000..8ccf7039 --- /dev/null +++ b/packages/materials/vue-opentiny-vue/src/components/vue-materials.ts @@ -0,0 +1,67 @@ +import type { Component } from 'vue'; +import TinyButton from '@opentiny/vue-button'; +import TinyCard from '@opentiny/vue-card'; +import TinyCarousel from '@opentiny/vue-carousel'; +import TinyCarouselItem from '@opentiny/vue-carousel-item'; +import TinyChartBar from '@opentiny/vue-chart-bar'; +import TinyChartHistogram from '@opentiny/vue-chart-histogram'; +import TinyChartLine from '@opentiny/vue-chart-line'; +import TinyChartPie from '@opentiny/vue-chart-pie'; +import TinyChartRadar from '@opentiny/vue-chart-radar'; +import TinyChartRing from '@opentiny/vue-chart-ring'; +import TinyCheckbox from '@opentiny/vue-checkbox'; +import TinyCheckboxButton from '@opentiny/vue-checkbox-button'; +import TinyCheckboxGroup from '@opentiny/vue-checkbox-group'; +import TinyCol from '@opentiny/vue-col'; +import TinyDatePicker from '@opentiny/vue-date-picker'; +import TinyForm from '@opentiny/vue-form'; +import TinyFormItem from '@opentiny/vue-form-item'; +import TinyGrid from '@opentiny/vue-grid'; +import TinyInput from '@opentiny/vue-input'; +import TinyLayout from '@opentiny/vue-layout'; +import TinyNumeric from '@opentiny/vue-numeric'; +import TinyRadio from '@opentiny/vue-radio'; +import TinyRadioGroup from '@opentiny/vue-radio-group'; +import TinyRow from '@opentiny/vue-row'; +import TinySearch from '@opentiny/vue-search'; +import TinySwitch from '@opentiny/vue-switch'; +import TinyTabItem from '@opentiny/vue-tab-item'; +import TinyTransfer from '@opentiny/vue-transfer'; +import TinyTree from '@opentiny/vue-tree'; + +import TinySelectWrap from './TinySelectWrap.vue'; +import TinyTabsWrap from './TinyTabsWrap.vue'; + +export const vueMaterials: Record = { + TinyCarouselItem: TinyCarouselItem, + TinyCarousel: TinyCarousel, + TinyRow: TinyRow, + TinyLayout: TinyLayout, + TinyForm: TinyForm, + TinyFormItem: TinyFormItem, + TinyCol: TinyCol, + TinyButton: TinyButton, + TinyInput: TinyInput, + TinyRadio: TinyRadio, + TinyRadioGroup: TinyRadioGroup, + TinySwitch: TinySwitch, + TinySearch: TinySearch, + TinyCheckbox: TinyCheckbox, + TinyCheckboxButton: TinyCheckboxButton, + TinyCheckboxGroup: TinyCheckboxGroup, + TinyTabItem: TinyTabItem, + TinyGrid: TinyGrid, + TinyCard: TinyCard, + TinyTree: TinyTree, + TinyDatePicker: TinyDatePicker, + TinyNumeric: TinyNumeric, + TinyTransfer: TinyTransfer, + TinyChartPie: TinyChartPie, + TinyChartLine: TinyChartLine, + TinyChartHistogram: TinyChartHistogram, + TinyChartBar: TinyChartBar, + TinyChartRadar: TinyChartRadar, + TinyChartRing: TinyChartRing, + TinyTabs: TinyTabsWrap, + TinySelect: TinySelectWrap, +}; diff --git a/packages/materials/vue-opentiny-vue/src/render-config/merge.ts b/packages/materials/vue-opentiny-vue/src/render-config/merge.ts index 967ddcc5..ef2d9b24 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/merge.ts +++ b/packages/materials/vue-opentiny-vue/src/render-config/merge.ts @@ -1,24 +1,19 @@ -import type { Component } from 'vue'; import bundleJson from './bundle.json' with { type: 'json' }; import builtinJson from './builtin.json' with { type: 'json' }; import chartJson from './chart.json' with { type: 'json' }; import extendJson from './extend.json' with { type: 'json' }; import { examples } from './example-schema'; -import { whiteList, whiteListComponents } from './white-list'; +import { whiteList } from './white-list'; // 定义渲染器配置的类型 export interface IRendererConfig { materialsList: any[]; examples: any[]; whiteList: string[]; - components: Record; } export const rendererConfig: IRendererConfig = { materialsList: [bundleJson, builtinJson, chartJson, extendJson], examples, whiteList, - components: { - ...whiteListComponents, - }, }; diff --git a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts index ad384405..721823cf 100644 --- a/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts +++ b/packages/materials/vue-opentiny-vue/src/render-config/white-list.ts @@ -1,100 +1,82 @@ -import type { Component } from 'vue'; -import TinyButton from '@opentiny/vue-button'; -import TinyCard from '@opentiny/vue-card'; -import TinyCarousel from '@opentiny/vue-carousel'; -import TinyCarouselItem from '@opentiny/vue-carousel-item'; -import TinyChartBar from '@opentiny/vue-chart-bar'; -import TinyChartHistogram from '@opentiny/vue-chart-histogram'; -import TinyChartLine from '@opentiny/vue-chart-line'; -import TinyChartPie from '@opentiny/vue-chart-pie'; -import TinyChartRadar from '@opentiny/vue-chart-radar'; -import TinyChartRing from '@opentiny/vue-chart-ring'; -import TinyCheckbox from '@opentiny/vue-checkbox'; -import TinyCheckboxButton from '@opentiny/vue-checkbox-button'; -import TinyCheckboxGroup from '@opentiny/vue-checkbox-group'; -import TinyCol from '@opentiny/vue-col'; -import TinyDatePicker from '@opentiny/vue-date-picker'; -import TinyForm from '@opentiny/vue-form'; -import TinyFormItem from '@opentiny/vue-form-item'; -import TinyGrid from '@opentiny/vue-grid'; -import TinyInput from '@opentiny/vue-input'; -import TinyLayout from '@opentiny/vue-layout'; -import TinyNumeric from '@opentiny/vue-numeric'; -import TinyRadio from '@opentiny/vue-radio'; -import TinyRadioGroup from '@opentiny/vue-radio-group'; -import TinyRow from '@opentiny/vue-row'; -import TinySearch from '@opentiny/vue-search'; -import TinySwitch from '@opentiny/vue-switch'; -import TinyTabItem from '@opentiny/vue-tab-item'; -import TinyTransfer from '@opentiny/vue-transfer'; -import TinyTree from '@opentiny/vue-tree'; - -import TinySelectWrap from '../components/TinySelectWrap.vue'; -import TinyTabsWrap from '../components/TinyTabsWrap.vue'; - -export type WhiteListRenderEntry = { - name: string; - component?: Component; -}; - -export const whiteListRenderEntries: WhiteListRenderEntry[] = [ - { name: 'a' }, - { name: 'h1' }, - { name: 'h2' }, - { name: 'h3' }, - { name: 'h4' }, - { name: 'h5' }, - { name: 'h6' }, - { name: 'p' }, - { name: 'ol' }, - { name: 'ul' }, - { name: 'li' }, - { name: 'input' }, - { name: 'video' }, - { name: 'Img' }, - { name: 'label' }, - { name: 'div' }, - { name: 'Slot' }, - { name: 'Text' }, - { name: 'Icon' }, - { name: 'TinyCarouselItem', component: TinyCarouselItem }, - { name: 'TinyCarousel', component: TinyCarousel }, - { name: 'TinyRow', component: TinyRow }, - { name: 'TinyLayout', component: TinyLayout }, - { name: 'TinyForm', component: TinyForm }, - { name: 'TinyFormItem', component: TinyFormItem }, - { name: 'TinyCol', component: TinyCol }, - { name: 'TinyButton', component: TinyButton }, - { name: 'TinyInput', component: TinyInput }, - { name: 'TinyRadio', component: TinyRadio }, - { name: 'TinyRadioGroup', component: TinyRadioGroup }, - { name: 'TinySwitch', component: TinySwitch }, - { name: 'TinySearch', component: TinySearch }, - { name: 'TinyCheckbox', component: TinyCheckbox }, - { name: 'TinyCheckboxButton', component: TinyCheckboxButton }, - { name: 'TinyCheckboxGroup', component: TinyCheckboxGroup }, - { name: 'TinyTabItem', component: TinyTabItem }, - { name: 'TinyGrid', component: TinyGrid }, - { name: 'TinyCard', component: TinyCard }, - { name: 'TinyTree', component: TinyTree }, - { name: 'TinyDatePicker', component: TinyDatePicker }, - { name: 'TinyNumeric', component: TinyNumeric }, - { name: 'TinyTransfer', component: TinyTransfer }, - { name: 'TinyChartPie', component: TinyChartPie }, - { name: 'TinyChartLine', component: TinyChartLine }, - { name: 'TinyChartHistogram', component: TinyChartHistogram }, - { name: 'TinyChartBar', component: TinyChartBar }, - { name: 'TinyChartRadar', component: TinyChartRadar }, - { name: 'TinyChartRing', component: TinyChartRing }, - { name: 'TinyTabs', component: TinyTabsWrap }, - { name: 'TinySelect', component: TinySelectWrap }, -]; - -export const whiteList: string[] = whiteListRenderEntries.map((e) => e.name); - -export const whiteListComponents: Record = whiteListRenderEntries.reduce((acc, e) => { - if (e.component) { - acc[e.name] = e.component; - } - return acc; -}, {}); +export const whiteList = [ + // 'ElInput', + // 'ElDatePicker', + // 'ElButton', + // 'ElForm', + // 'ElFormItem', + // 'ElTable', + // 'ElTableColumn', + 'TinyCarouselItem', + 'TinyCarousel', + 'a', + 'h1', + 'h2', + 'h3', + 'h4', + 'h5', + 'h6', + 'p', + 'ol', + 'ul', + 'li', + 'input', + 'video', + 'Img', + // 'button', + // 'table', + // 'td', + // 'form', + 'label', + // 'TinyButtonGroup', + 'TinyRow', + 'TinyLayout', + 'TinyForm', + 'TinyFormItem', + 'TinyCol', + 'TinyButton', + 'TinyInput', + 'TinyRadio', + 'TinyRadioGroup', + 'TinySelect', + 'TinySwitch', + 'TinySearch', + 'TinyCheckbox', + 'TinyCheckboxButton', + 'TinyCheckboxGroup', + // 'TinyDialogBox', + 'TinyTabs', + 'TinyTabItem', + // 'ActionButton', + // 'TinyBreadcrumb', + // 'TinyBreadcrumbItem', + // 'TinyCollapse', + // 'TinyCollapseItem', + 'TinyGrid', + 'TinyCard', + // 'TinyGridColumn', + // 'TinyPager', + // 'TinyPopeditor', + 'TinyTree', + // 'TinyTimeLine', + // 'TinyTooltip', + // 'TinyPopover', + 'TinyDatePicker', + 'TinyNumeric', + 'TinyTransfer', + 'div', + 'Slot', + // 'RouterView', + // 'RouterLink', + // 'Collection', + 'Text', + 'Icon', + 'Img', + 'TinyChartPie', + 'TinyChartLine', + 'TinyChartHistogram', + 'TinyChartBar', + 'TinyChartRadar', + 'TinyChartRing', + // 'GridStack', + // 'GridStackItem' +]; \ No newline at end of file diff --git a/packages/materials/vue-opentiny-vue/vite.config.ts b/packages/materials/vue-opentiny-vue/vite.config.ts index d109b201..b7373caa 100644 --- a/packages/materials/vue-opentiny-vue/vite.config.ts +++ b/packages/materials/vue-opentiny-vue/vite.config.ts @@ -20,12 +20,15 @@ export default defineConfig({ index: path.resolve(__dirname, './src/index.ts'), 'render-config': path.resolve(__dirname, './src/render-config/index.ts'), 'extend-renderer': path.resolve(__dirname, './src/extend-renderer.ts'), + 'components': path.resolve(__dirname, './src/components/index.ts'), }, formats: ['es'], fileName: (format, entryName) => `${entryName}.js`, }, rollupOptions: { - external: [...Object.keys(packageJson.dependencies || {}).map(name => new RegExp(`^${escapeStringRegexp(name)}(/|$)`))], + external: [ + ...Object.keys(packageJson.dependencies || {}).map((name) => new RegExp(`^${escapeStringRegexp(name)}(/|$)`)), + ], }, }, }); diff --git a/sites/playground/web/src/App.vue b/sites/playground/web/src/App.vue index 0100314c..62a91573 100644 --- a/sites/playground/web/src/App.vue +++ b/sites/playground/web/src/App.vue @@ -2,8 +2,19 @@ import { IconAi, IconUser } from '@opentiny/tiny-robot-svgs'; import ThemeTool, { tinyDarkTheme, tinyOldTheme } from '@opentiny/vue-theme/theme-tool'; import { GenuiConfigProvider, GenuiChat, GENUI_RENDERER, RENDERER_SETTINGS_KEY } from '@opentiny/genui-sdk-vue'; -import { ref, watch, onMounted, reactive, computed, onUnmounted, provide, defineAsyncComponent, h, shallowRef } from 'vue'; -import { rendererConfig } from '@opentiny/genui-sdk-materials-vue-opentiny-vue' +import { + ref, + watch, + onMounted, + reactive, + computed, + onUnmounted, + provide, + defineAsyncComponent, + h, + shallowRef, +} from 'vue'; +import { vueMaterials } from '@opentiny/genui-sdk-materials-vue-opentiny-vue/components'; import { getModelFeatures, getModelOptions } from './api'; import { createCustomFetch } from './api/custom-fetch'; import AssistantFooter from './components/AssistantFooter.vue'; @@ -12,7 +23,12 @@ import PlaygroundSidebar from './components/PlaygroundSidebar.vue'; import { useInputMessage } from './hooks/use-input-message'; import { useIsMobile } from './hooks'; import useTemplate from './components/genui-template/useTemplate'; -import { getOverlapEliminatorHandler, getContinueGeneratingHandler, locationPartialSchemaJson, movePartialSchemaJsonToLastMessage } from './continue-writing'; +import { + getOverlapEliminatorHandler, + getContinueGeneratingHandler, + locationPartialSchemaJson, + movePartialSchemaJsonToLastMessage, +} from './continue-writing'; import useIcon from './use-icon'; const { topRenderer, addIcons } = useIcon(); @@ -42,7 +58,7 @@ if (location.search.includes('framework=angular')) { } provide(RENDERER_SETTINGS_KEY, { - materials: rendererConfig.components, + materials: vueMaterials, }); const STORAGE_KEY = 'GENUI_SDK_VUE_PLAYGROUND_CONFIG'; @@ -126,7 +142,9 @@ const syncModelFeatures = async (model) => { watch(() => llmConfig.model, syncModelFeatures); const transformTheme = (themeConfig) => { const newThemeConfig = structuredClone(themeConfig); - newThemeConfig.css = newThemeConfig.css.replaceAll(':host', `[class*="tiny-genui-playground"]`).replaceAll(':root', `[class*="tiny-genui-playground"]`); + newThemeConfig.css = newThemeConfig.css + .replaceAll(':host', `[class*="tiny-genui-playground"]`) + .replaceAll(':root', `[class*="tiny-genui-playground"]`); return newThemeConfig; }; @@ -138,10 +156,14 @@ const themeMap = { const themeTool = new ThemeTool(); -watch(theme, (newVal) => { - const themeConfig = themeMap[newVal] || themeMap.light; - themeTool.changeTheme(themeConfig); -}, { immediate: true }); +watch( + theme, + (newVal) => { + const themeConfig = themeMap[newVal] || themeMap.light; + themeTool.changeTheme(themeConfig); + }, + { immediate: true }, +); watch( [() => theme.value, () => llmConfig, () => chatConfig, () => customExamples.value], @@ -172,32 +194,33 @@ const url = import.meta.env.VITE_CHAT_URL; // TODO: 后续优化后，在GenUI SDK导出此API const insertHandlersAfterName = (handlers, insertHandlers, name) => { - const index = handlers.findIndex(handler => handler.name === name); + const index = handlers.findIndex((handler) => handler.name === name); if (index !== -1) { handlers.splice(index + 1, 0, ...insertHandlers); } return handlers; -} +}; const chat = ref(null); const conversation = computed(() => chat.value?.getConversation()); watch(chat, (instance) => { if (instance) { const defaultResponseHandlers = instance.getResponseHandlers(); - const contentHandler = defaultResponseHandlers.find(handler => handler.name === 'content'); + const contentHandler = defaultResponseHandlers.find((handler) => handler.name === 'content'); const newResponseHandlers = [ ...defaultResponseHandlers, getContinueGeneratingHandler(conversation.value.messageManager), locationPartialSchemaJson(), ]; - insertHandlersAfterName(newResponseHandlers, [ - movePartialSchemaJsonToLastMessage(), - getOverlapEliminatorHandler(contentHandler), - ], 'init'); + insertHandlersAfterName( + newResponseHandlers, + [movePartialSchemaJsonToLastMessage(), getOverlapEliminatorHandler(contentHandler)], + 'init', + ); instance.setResponseHandlers(newResponseHandlers); } -}) +}); // 提供给侧边栏及其子组件使用的共享上下文 const playgroundContext = { @@ -286,17 +309,19 @@ const updateCustomExamples = (list) => { customExamples.value = normalizeCustomExamples(list); }; -watch(() => templateSchemaList.value, (newVal) => { - if (!newVal) { - return; - } - const templateMap = new Map(newVal.map((item) => [item.id, item])); - // Only keep examples that still exist in templateSchemaList, - // and always refresh them from the latest template source. - customExamples.value = customExamples.value - .map((example) => templateMap.get(example.id)) - .filter(Boolean); -}, { deep: true }); +watch( + () => templateSchemaList.value, + (newVal) => { + if (!newVal) { + return; + } + const templateMap = new Map(newVal.map((item) => [item.id, item])); + // Only keep examples that still exist in templateSchemaList, + // and always refresh them from the latest template source. + customExamples.value = customExamples.value.map((example) => templateMap.get(example.id)).filter(Boolean); + }, + { deep: true }, +); onMounted(() => { initInputMessage(); @@ -323,19 +348,39 @@ onUnmounted(() => {