@opentiny/vue-theme 3.1.0-alpha.1 → 3.5.0-alpha.0

package/user-card/index.css

@@ -1 +1 @@
-.tiny-card{border:1px solid #d9d9d9;-webkit-box-shadow:2px 3px 7px rgba(0,0,0,.15);box-shadow:2px 3px 7px rgba(0,0,0,.15)}.tiny-card .dialog-foot{display:block}.tiny-card .dialog-foot>div{width:100%;text-align:center}.tiny-card h5,.tiny-card p{margin:5px 0}.tiny-card .card-top{margin-bottom:10px}.tiny-card .card-top img{width:80px;height:80px;border-radius:3px}.tiny-card .card-top .card-top-text{padding:5px 10px;overflow:hidden}.tiny-card .card-top .card-top-img,.tiny-card .card-top .card-top-text{display:inline-block;vertical-align:middle}.tiny-card .card-bottom{text-align:center;display:block;height:20px;margin:0 -20px -20px}.tiny-card .espace-online{color:#3c0}.tiny-card .espace-busy{color:#f30;font-size:23px;vertical-align:middle;margin-top:-5px}.tiny-card .espace-goaway{color:#ffae00;background:#fff;border-radius:50%;font-size:13px}.tiny-card .espace-offline{color:#aeaeae;font-size:23px;vertical-align:middle;margin-top:-5px}
+.tiny-card{--ti-usercard-border-color:var(--ti-base-color-border);--ti-usercard-image-border-radius:var(--ti-base-radius-large);--ti-usercard-state-online-text-color:#33cc00;--ti-usercard-state-busy-text-color:#ff3300;--ti-usercard-state-goaway-text-color:#ffae00;--ti-usercard-state-offline-text-color:#aeaeae;border:1px solid var(--ti-usercard-border-color);-webkit-box-shadow:2px 3px 7px rgba(0,0,0,.15);box-shadow:2px 3px 7px rgba(0,0,0,.15)}.tiny-card .dialog-foot{display:block}.tiny-card .dialog-foot>div{width:100%;text-align:center}.tiny-card h5,.tiny-card p{margin:5px 0}.tiny-card .card-top{margin-bottom:10px}.tiny-card .card-top img{width:80px;height:80px;border-radius:var(--ti-usercard-image-border-radius,3px)}.tiny-card .card-top .card-top-text{padding:5px 10px;overflow:hidden}.tiny-card .card-top .card-top-img,.tiny-card .card-top .card-top-text{display:inline-block;vertical-align:middle}.tiny-card .card-bottom{text-align:center;display:block;height:20px;margin:0 -20px -20px}.tiny-card .espace-online{color:var(--ti-usercard-state-online-text-color)}.tiny-card .espace-busy{color:var(--ti-usercard-state-busy-text-color);font-size:23px;vertical-align:middle;margin-top:-5px}.tiny-card .espace-goaway{color:var(--ti-usercard-state-goaway-text-color);background:#fff;border-radius:50%;font-size:13px}.tiny-card .espace-offline{color:var(--ti-usercard-state-offline-text-color);font-size:23px;vertical-align:middle;margin-top:-5px}

package/user-card/index.js

@@ -0,0 +1,20 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-usercard-border-color': '#d9d9d9',
+  'tiny-usercard-image-border-radius': '3px',
+  'tiny-usercard-state-online-text-color': '#33cc00',
+  'tiny-usercard-state-busy-text-color': '#ff3300',
+  'tiny-usercard-state-goaway-text-color': '#ffae00',
+  'tiny-usercard-state-offline-text-color': '#aeaeae'
+}

package/user-contact/index.css

@@ -1 +1 @@
-.tiny-user-contact{position:relative;display:inline-block;font-size:0}.tiny-user-contact .tiny-user-contact__main{width:300px;overflow:visible;font-size:12px}.tiny-user-contact .tiny-user-contact__main .tiny-user-head{height:100%;width:86px;float:left}.tiny-user-contact .tiny-user-contact__main .tiny-user-head__portrait{margin-top:16px;width:54px;height:54px;line-height:54px;margin-left:20px}.tiny-user-contact .tiny-user-contact__main .tiny-user-contact__role{height:100%;width:auto;float:left;margin-left:0}.tiny-user-contact .tiny-user-contact__main .tiny-user-contact__role-name{display:block;width:100%;color:#fff;margin:16px 0 6px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;text-align:left}.tiny-user-contact .tiny-user-contact__main .tiny-user-contact__role-number{display:block;color:#b9babc}.tiny-user-contact .tiny-user-contact__main .tiny-espace svg{fill:#999}.tiny-user-contact .tiny-user-contact__main .card-tools{display:none}.tiny-user-contact .tiny-user-contact__header{line-height:1.42857143;border:1px solid #ddd;height:86px;background:#3f4251;opacity:.9}.tiny-user-contact .tiny-user-contact__title{display:block;height:100%;font-size:12px;font-weight:400;line-height:46px}.tiny-user-contact .tiny-user-contact__role{display:inline-block;color:var(--ti-base-color-common);margin-left:8px;vertical-align:middle;font-size:12px;line-height:1.5}.tiny-user-contact .tiny-user-contact__arrow{margin-left:4px;font-size:12px;vertical-align:middle;fill:var(--ti-base-color-common)}.tiny-user-contact .tiny-user-contact__message{padding:10px 20px}.tiny-user-contact .tiny-user-contact__state{text-align:left;margin-bottom:0}.tiny-user-contact .tiny-user-contact__state:nth-of-type(2){margin-top:3px}.tiny-user-contact .tiny-user-contact__state:nth-of-type(3){margin-top:3px}.tiny-user-contact .tiny-user-contact__state-left{color:#999;opacity:1;font-size:12px;font-family:MicrosoftYaHei;line-height:16px;text-align:left;width:auto;margin-right:0}.tiny-user-contact .tiny-user-contact__state-right{color:#999;opacity:1;font-size:12px;font-family:MicrosoftYaHei;line-height:16px}.tiny-user-contact.tiny-popover.tiny-popper{padding:0;border:0;border-radius:0}.tiny-user-contact .tiny-card-template__header.is-line{height:auto;border-bottom:0;padding:0}.tiny-user-contact .tiny-card-template__body{padding:0;border:1px solid #ddd}.tiny-user-contact .tiny-user-head{position:relative;display:inline-block;vertical-align:middle}.tiny-user-contact .tiny-espace{padding:0 20px 10px}.tiny-user-contact .tiny-espace .item-call,.tiny-user-contact .tiny-espace .item-email,.tiny-user-contact .tiny-espace .item-talk{color:#999}.tiny-user-contact.show-arrow .tiny-user-contact__main{width:auto}.tiny-user-contact.show-arrow .tiny-user-contact__main .user-account-custom{line-height:30px}.tiny-user-contact.show-arrow .tiny-user-contact__main .tiny-logout{line-height:30px}.tiny-user-contact.show-arrow .tiny-card-template__body{min-width:180px;border-radius:4px}
+.tiny-user-contact{--ti-user-contact-roleInfo-text-color:var(--ti-base-color-info-normal);--ti-user-contact-roleInfo-font-size:var(--ti-common-font-size-base);--ti-user-contact-card-message-text-color:var(--ti-base-color-placeholder);--ti-user-contact-card-border-color:#ddd;--ti-user-contact-card-header-bg-color:#3f4251;--ti-user-contact-card-header-role-text-color:var(--ti-base-color-light);--ti-user-contact-card-header-role-font-size:var(--ti-common-font-size-2);--ti-user-contact-card-header-roleNum-text-color:#b9babc;--ti-user-contact-card-espace-text-color:var(--ti-base-color-placeholder);position:relative;display:inline-block;font-size:0}.tiny-user-contact .tiny-user-contact__main{width:300px;overflow:visible;font-size:var(--ti-user-contact-roleInfo-font-size)}.tiny-user-contact .tiny-user-contact__main .tiny-user-head{height:100%;width:86px;float:left}.tiny-user-contact .tiny-user-contact__main .tiny-user-head__portrait{margin-top:16px;width:54px;height:54px;line-height:54px;margin-left:20px}.tiny-user-contact .tiny-user-contact__main .tiny-user-contact__role{height:100%;width:auto;float:left;margin-left:0}.tiny-user-contact .tiny-user-contact__main .tiny-user-contact__role-name{display:block;width:100%;color:var(--ti-user-contact-card-header-role-text-color);margin:16px 0 6px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ti-user-contact-card-header-role-font-size);text-align:left}.tiny-user-contact .tiny-user-contact__main .tiny-user-contact__role-number{display:block;color:var(--ti-user-contact-card-header-roleNum-text-color)}.tiny-user-contact .tiny-user-contact__main .tiny-espace svg{fill:var(--ti-user-contact-card-message-left-color)}.tiny-user-contact .tiny-user-contact__main .card-tools{display:none}.tiny-user-contact .tiny-user-contact__header{line-height:1.42857143;border:1px solid var(--ti-user-contact-card-border-color);height:86px;background:var(--ti-user-contact-card-header-bg-color);opacity:.9}.tiny-user-contact .tiny-user-contact__title{display:block;height:100%;font-size:var(--ti-user-contact-roleInfo-font-size);font-weight:400;line-height:46px}.tiny-user-contact .tiny-user-contact__role{display:inline-block;color:var(--ti-user-contact-roleInfo-text-color);margin-left:8px;vertical-align:middle;font-size:var(--ti-user-contact-roleInfo-font-size);line-height:1.5}.tiny-user-contact .tiny-user-contact__arrow{margin-left:4px;font-size:var(--ti-user-contact-roleInfo-font-size);vertical-align:middle;fill:var(--ti-user-contact-roleInfo-text-color)}.tiny-user-contact .tiny-user-contact__message{padding:10px 20px}.tiny-user-contact .tiny-user-contact__state{text-align:left;margin-bottom:0}.tiny-user-contact .tiny-user-contact__state:nth-of-type(2){margin-top:3px}.tiny-user-contact .tiny-user-contact__state:nth-of-type(3){margin-top:3px}.tiny-user-contact .tiny-user-contact__state-left{color:var(--ti-user-contact-card-message-text-color);opacity:1;font-size:var(--ti-common-font-size-base);font-family:MicrosoftYaHei;line-height:16px;text-align:left;width:auto;margin-right:0}.tiny-user-contact .tiny-user-contact__state-right{color:var(--ti-user-contact-card-message-text-color);opacity:1;font-size:var(--ti-common-font-size-base);font-family:MicrosoftYaHei;line-height:16px}.tiny-user-contact.tiny-popover.tiny-popper{padding:0;border:0;border-radius:0}.tiny-user-contact .tiny-card-template__header.is-line{height:auto;border-bottom:0;padding:0}.tiny-user-contact .tiny-card-template__body{padding:0;border:1px solid var(--ti-user-contact-card-border-color)}.tiny-user-contact .tiny-user-head{position:relative;display:inline-block;vertical-align:middle}.tiny-user-contact .tiny-espace{padding:0 20px 10px}.tiny-user-contact .tiny-espace .item-call,.tiny-user-contact .tiny-espace .item-email,.tiny-user-contact .tiny-espace .item-talk{color:var(--ti-user-contact-card-espace-text-color)}.tiny-user-contact.show-arrow .tiny-user-contact__main{width:auto}.tiny-user-contact.show-arrow .tiny-user-contact__main .user-account-custom{line-height:30px}.tiny-user-contact.show-arrow .tiny-user-contact__main .tiny-logout{line-height:30px}.tiny-user-contact.show-arrow .tiny-card-template__body{min-width:180px;border-radius:4px}

package/user-contact/index.js

@@ -0,0 +1,23 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-user-contact-roleInfo-text-color': '#333',
+  'tiny-user-contact-roleInfo-font-size': '12px',
+  'tiny-user-contact-card-message-text-color': '#999',
+  'tiny-user-contact-card-border-color': '#ddd',
+  'tiny-user-contact-card-header-bg-color': '#3f4251',
+  'tiny-user-contact-card-header-role-text-color': '#fff',
+  'tiny-user-contact-card-header-role-font-size': '16px',
+  'tiny-user-contact-card-header-roleNum-text-color': '#b9babc',
+  'tiny-user-contact-card-espace-text-color': '#999'
+}

package/user-head/index.css

@@ -1 +1 @@
-.tiny-user-head{display:inline-block;position:relative}.tiny-user-head__portrait{overflow:hidden;width:72px;height:72px;line-height:72px;text-align:center;border-radius:4px;background-position:center center;background-repeat:no-repeat;background-size:cover}.tiny-user-head__portrait.round{border-radius:50%}.tiny-user-head__portrait.min{width:30px;height:30px;line-height:30px}.tiny-user-head__portrait.icon{font-size:40px}.tiny-user-head__portrait.icon.min{font-size:14px}.tiny-user-head__portrait.icon svg{vertical-align:text-top}.tiny-user-head__portrait.label>span{overflow:hidden;width:calc(100% - 6px);display:block;margin:0 3px}.tiny-user-head__message{position:absolute;top:-9px;left:63px;height:18px;line-height:16px;min-width:18px;width:auto;border-radius:9px;background:red;color:#fff;text-align:center;padding:0 2px;border:2px solid #fff;font-size:12px;word-break:initial}.tiny-user-head__message.round{top:0;left:54px}.tiny-user-head__message.min{top:-9px;left:21px}.tiny-user-head__message.basic{top:-4px;left:68px;height:8px;width:8px;min-width:8px;line-height:0;border-radius:4px}.tiny-user-head__message.basic.round{top:10px;left:64px}.tiny-user-head__message.basic.min{top:-4px;left:26px}.tiny-user-head__message.basic.min.round{top:0}
+.tiny-user-head{--ti-userhead-head-normal-size:var(--ti-common-size-18x);--ti-userhead-head-small-size:30px;--ti-userhead-head-icon-size-normal:var(--ti-common-size-10x);--ti-userhead-head-icon-small-size:14px;--ti-userhead-head-border-radius:var(--ti-common-border-radius-1);--ti-userhead-head-bg-color:#bbbbbb;display:inline-block;position:relative}.tiny-user-head__portrait{overflow:hidden;width:var(--ti-userhead-head-normal-size);height:var(--ti-userhead-head-normal-size);line-height:var(--ti-userhead-head-normal-size);text-align:center;border-radius:var(--ti-userhead-head-border-radius);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:var(--ti-userhead-head-bg-color,#bbb)}.tiny-user-head__portrait.round{border-radius:50%}.tiny-user-head__portrait.min{width:var(--ti-userhead-head-small-size);height:var(--ti-userhead-head-small-size);line-height:var(--ti-userhead-head-small-size)}.tiny-user-head__portrait.icon{font-size:var(--ti-userhead-head-icon-size-normal)}.tiny-user-head__portrait.icon.min{font-size:var(--ti-userhead-head-icon-small-size)}.tiny-user-head__portrait.icon svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tiny-user-head__portrait.label>span{overflow:hidden;width:calc(100% - 6px);display:block;margin:0 3px}.tiny-user-head__message{position:absolute;top:-9px;left:63px;height:18px;line-height:16px;min-width:18px;width:auto;border-radius:9px;background:red;color:#fff;text-align:center;padding:0 2px;border:2px solid #fff;font-size:var(--ti-common-font-size-base);word-break:initial}.tiny-user-head__message.round{top:0;left:54px}.tiny-user-head__message.min{top:-9px;left:21px}.tiny-user-head__message.basic{top:-4px;left:68px;height:8px;width:8px;min-width:8px;line-height:0;border-radius:4px}.tiny-user-head__message.basic.round{top:10px;left:64px}.tiny-user-head__message.basic.min{top:-4px;left:26px}.tiny-user-head__message.basic.min.round{top:0}

package/user-head/index.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+export default {
+  "tiny-userhead-head-normal-size": "72px",
+  "tiny-userhead-head-small-size": "30px",
+  "tiny-userhead-head-icon-size-normal": "40px",
+  "tiny-userhead-head-icon-small-size": "14px",
+  "tiny-userhead-head-border-radius": "4px",
+  "tiny-userhead-head-bg-color": "#bbbbbb",
+};

package/user-link/index.css

@@ -0,0 +1 @@
+.tiny-userlink{--ti-user-link-font-size:var(--ti-common-font-size-base);--ti-user-link-text-color:var(--ti-base-color-info-normal);--ti-user-link-font-weight:var(--ti-common-font-weight-7);--ti-user-link-border-radius:var(--ti-base-radius-large)}.tiny-userlink li{float:left;list-style:none}.tiny-userlink li .tiny-popover__reference{font-size:var(--ti-common-font-size-base);color:#1890ff}.tiny-userlink li .tiny-popover__reference:hover{color:#40a9ff;text-decoration:none;cursor:pointer}.tiny-userlink .tiny-user-card{width:600px}.tiny-user-card .card-box{font-size:var(--ti-user-link-font-size);color:var(--ti-user-link-text-color);font-weight:var(--ti-user-link-font-weight)}.tiny-user-card .card-box .card-box__body .card-top-img,.tiny-user-card .card-box .card-box__body .card-top-text{display:inline-block;vertical-align:middle}.tiny-user-card .card-box .card-box__body .card-top-img{width:80px;border-radius:var(--ti-user-link-border-radius)}.tiny-user-card .card-box .card-box__body .card-top-img img{width:100%}.tiny-user-card .card-box .card-box__body .card-top-text{padding:5px 10px;overflow:hidden}.tiny-user-card .card-box .card-box__body .card-center{margin-top:10px}.tiny-user-card .card-box .box__footer{text-align:center;cursor:pointer}.tiny-user-card .card-box p{margin:5px 0}.tiny-user-card.tiny-popover.tiny-popper{padding:24px}

package/user-link/index.js

@@ -0,0 +1,18 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-user-link-font-size': '12px',
+  'tiny-user-link-text-color': '#333',
+  'tiny-user-link-font-weight': '700',
+  'tiny-user-link-border-radius': '3px'
+}

package/vars/index.js

@@ -0,0 +1,169 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+import Alert from '../alert'
+import Amount from '../amount'
+import Area from '../area'
+import Badge from '../badge'
+import Base from '../base'
+import Breadcrumb from '../breadcrumb'
+import BulletinBoard from '../bulletin-board'
+import Button from '../button'
+import ButtonGroup from '../button-group'
+import Calendar from '../calendar'
+import Card from '../card'
+import CardContainer from '../card-container'
+import CardItem from '../card-item'
+import CardLayout from '../card-layout'
+import CardTemplate from '../card-template'
+import Carousel from '../carousel'
+import CarouselItem from '../carousel-item'
+import Col from '../col'
+import Company from '../company'
+import Container from '../container'
+import Country from '../country'
+import Crop from '../crop'
+import Currency from '../currency'
+import Dept from '../dept'
+import DetailPage from '../detail-page'
+import DialogBox from '../dialog-box'
+import DropRoles from '../drop-roles'
+import DropTimes from '../drop-times'
+import Espace from '../espace'
+import FallMenu from '../fall-menu'
+import Floatbar from '../floatbar'
+import Form from '../form'
+import FormItem from '../form-item'
+import Grid from '../grid'
+import Hrapprover from '../hrapprover'
+import Input from '../input'
+import IpAddress from '../ip-address'
+import Layout from '../layout'
+import LinkMenu from '../link-menu'
+import Loading from '../loading'
+import Locales from '../locales'
+import Menubar from '../menubar'
+import NavMenu from '../nav-menu'
+import Numeric from '../numeric'
+import Pager from '../pager'
+import Pbi from '../pbi'
+import Poplist from '../poplist'
+import Popover from '../popover'
+import Radio from '../radio'
+import Rate from '../rate'
+import Roles from '../roles'
+import Row from '../row'
+import ScrollText from '../scroll-text'
+import Search from '../search'
+import Selector from '../selector'
+import SlideBar from '../slide-bar'
+import SlideImg from '../slide-img'
+import Slider from '../slider'
+import Split from '../split'
+import Steps from '../steps'
+import Switch from '../switch'
+import Tabs from '../tabs'
+import Tag from '../tag'
+import TextPopup from '../text-popup'
+import Time from '../time'
+import Tip from '../tip'
+import ToggleMenu from '../toggle-menu'
+import Transfer from '../transfer'
+import Tree from '../tree'
+import TreeMenu from '../tree-menu'
+import User from '../user'
+import UserAccount from '../user-account'
+import UserCard from '../user-card'
+import UserContact from '../user-contact'
+import UserHead from '../user-head'
+import UserLink from '../user-link'
+import Wizard from '../wizard'
+
+export default {
+  ...Alert,
+  ...Amount,
+  ...Area,
+  ...Base,
+  ...Badge,
+  ...Breadcrumb,
+  ...BulletinBoard,
+  ...Button,
+  ...ButtonGroup,
+  ...Calendar,
+  ...Card,
+  ...CardContainer,
+  ...CardLayout,
+  ...CardItem,
+  ...CardTemplate,
+  ...Carousel,
+  ...CarouselItem,
+  ...Col,
+  ...Company,
+  ...Container,
+  ...Country,
+  ...Currency,
+  ...Crop,
+  ...Dept,
+  ...DetailPage,
+  ...DialogBox,
+  ...DropRoles,
+  ...DropTimes,
+  ...Espace,
+  ...Floatbar,
+  ...FallMenu,
+  ...Form,
+  ...FormItem,
+  ...Grid,
+  ...Hrapprover,
+  ...Input,
+  ...IpAddress,
+  ...LinkMenu,
+  ...Layout,
+  ...Loading,
+  ...Locales,
+  ...Menubar,
+  ...NavMenu,
+  ...Numeric,
+  ...Pager,
+  ...Pbi,
+  ...Popover,
+  ...Poplist,
+  ...Radio,
+  ...Rate,
+  ...Roles,
+  ...Row,
+  ...ScrollText,
+  ...Search,
+  ...Selector,
+  ...SlideBar,
+  ...SlideImg,
+  ...Slider,
+  ...Steps,
+  ...Split,
+  ...Switch,
+  ...Tabs,
+  ...Tag,
+  ...TextPopup,
+  ...Time,
+  ...Tip,
+  ...ToggleMenu,
+  ...Tree,
+  ...Transfer,
+  ...TreeMenu,
+  ...User,
+  ...UserAccount,
+  ...UserCard,
+  ...UserContact,
+  ...UserLink,
+  ...UserHead,
+  ...Wizard
+}

package/wizard/index.css

@@ -1 +1 @@
-.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__chart span{display:inline-block}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__name{margin-top:6px;overflow:hidden;text-align:center}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__name .name{font-size:12px;width:100%}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__button{margin-top:10px;text-align:right}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon{color:#fff;background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon .tiny-wizard__chart-line,.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon .tiny-wizard__chart-line.is-time-line{background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item:last-child>ul .tiny-wizard__chart-line{background:0 0}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-line{height:88px;width:4px;top:0;position:relative;display:inline-block}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-name{font-size:14px;margin-left:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:relative;top:-5px}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-icon{position:relative;left:50%;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__time-wrapper{position:relative;left:50%;top:-14px;-webkit-transform:translateX(-50%);transform:translateX(-50%);fill:var(--ti-common-color-line-active);font-size:24px;-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;text-align:center;background:#fff}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-children{position:relative}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-children .children-name{position:absolute;margin-left:15px}.tiny-wizard .tiny-wizard__date{min-width:100px;width:auto;color:var(--ti-base-color-common);font-size:12px;line-height:1.2em;display:inline-block;text-align:right;position:relative;top:-14px;right:15px}.tiny-wizard .tiny-wizard__date .date-icon{margin-left:4px}.tiny-wizard .tiny-wizard__date span{vertical-align:middle}.tiny-wizard .tiny-wizard__steps-item.is-ready .name{color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__steps-item.is-ready .tiny-wizard__chart-icon{color:#fff;background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__steps-item.is-ready .tiny-wizard__chart-line{background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__steps-item ul{list-style:none}.tiny-wizard .tiny-wizard__chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-wizard .tiny-wizard__chart>.tiny-wizard__chart-svg>.tiny-svg{font-size:20px;fill:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__chart-children.is-doing .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__chart-children.is-ready .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__steps-item.is-ready .tiny-wizard__chart-icon{color:#fff;background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__chart-children.is-doing .tiny-wizard__chart-line,.tiny-wizard .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-line{background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__chart-children.is-ready .tiny-wizard__chart-line,.tiny-wizard .tiny-wizard__chart-line.is-time-line{background:var(--ti-common-color-line-active);border-color:var(--ti-common-color-line-active)}.tiny-wizard .tiny-wizard__chart-detail{padding:4px 8px;border-radius:2px;min-height:26px;height:auto;line-height:1;margin-left:12px;text-align:center;display:inline-block;position:absolute;top:-14px}.tiny-wizard .tiny-wizard__chart-detail:hover{background:#faad14}.tiny-wizard .tiny-wizard__chart-detail:hover::before{content:'';width:0;height:0;margin-top:-4px;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #faad14;position:absolute;left:-4px;top:10px}.tiny-wizard .tiny-wizard__chart-detail:hover .detail-title,.tiny-wizard .tiny-wizard__chart-detail:hover .tiny-user-contact__role{color:#fff}.tiny-wizard .tiny-wizard__chart-detail .detail-title{color:var(--ti-base-color-common);font-size:14px;font-weight:700;margin-bottom:8px}.tiny-wizard .tiny-wizard__chart-icon{width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;text-align:center;background:#d9d9d9;color:#fff;-webkit-box-sizing:content-box;box-sizing:content-box;display:inline-block}.tiny-wizard .tiny-wizard__chart-icon.time-line-icon{width:10px;height:10px;line-height:10px}.tiny-wizard .tiny-svg,.tiny-wizard .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__chart-name,.tiny-wizard .tiny-wizard__date{cursor:pointer}.tiny-wizard .tiny-wizard__chart-line{height:4px;background:#c2c4c7;width:50px}.tiny-wizard .tiny-wizard__chart-line .tiny-wizard__chart-icon-time{font-size:20px;fill:var(--ti-common-color-line-active);background:#fff}.tiny-wizard .tiny-user-contact .dropdown-part .tiny-user-head,.tiny-wizard .tiny-user-contact .tiny-svg{display:none}.tiny-wizard .tiny-user-contact .tiny-user-contact__role span{display:inline-block}
+.tiny-wizard{--ti-wizard-font-size:var(--ti-common-font-size-base);--ti-wizard-text-color:var(--ti-base-color-info-normal);--ti-wizard-icon-color:var(--ti-base-color-light);--ti-wizard-icon-bg-color:var(--ti-base-color-brand-6);--ti-wizard-detail-border-radius:var(--ti-common-border-radius-normal);--ti-wizard-detail-bg-color:var(--ti-base-color-warning-normal);--ti-wizard-chart-icon-bg-color:#d9d9d9}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__chart span{display:inline-block}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__name{margin-top:6px;overflow:hidden;text-align:center}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__name .name{font-size:var(--ti-wizard-font-size);width:100%}.tiny-wizard .tiny-wizard__nomarl .tiny-wizard__button{margin-top:10px;text-align:right}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon{color:var(--ti-wizard-icon-color);background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon .tiny-wizard__chart-line,.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon .tiny-wizard__chart-line.is-time-line{background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__steps-item:last-child>ul .tiny-wizard__chart-line{background:0 0}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-line{height:88px;width:4px;top:0;position:relative;display:inline-block}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-name{font-size:var(--ti-common-font-size-1);margin-left:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:relative;top:-5px}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-icon{position:relative;left:50%;top:-14px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__time-wrapper{position:relative;left:50%;top:-14px;-webkit-transform:translateX(-50%);transform:translateX(-50%);fill:var(--ti-wizard-icon-bg-color);font-size:var(--ti-common-font-size-5);-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;text-align:center;background:var(--ti-wizard-icon-color);border:2px solid var(--ti-wizard-icon-bg-color);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__time-wrapper .tiny-svg{width:16px;height:20px}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-children{position:relative}.tiny-wizard .tiny-wizard__vertical .tiny-wizard__chart-children .children-name{position:absolute;margin-left:15px}.tiny-wizard .tiny-wizard__date{min-width:100px;width:auto;color:var(--ti-wizard-text-color);font-size:var(--ti-wizard-font-size);line-height:1.2em;display:inline-block;text-align:right;position:relative;top:-24px;right:15px}.tiny-wizard .tiny-wizard__date .date-icon{margin-left:4px}.tiny-wizard .tiny-wizard__date span{vertical-align:middle}.tiny-wizard .tiny-wizard__date.time-line-text{top:-14px}.tiny-wizard .tiny-wizard__steps-item.is-ready .name{color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__steps-item.is-ready .tiny-wizard__chart-icon{color:var(--ti-wizard-icon-color);background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__steps-item.is-ready .tiny-wizard__chart-line{background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__steps-item ul{list-style:none}.tiny-wizard .tiny-wizard__chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-wizard .tiny-wizard__chart>.tiny-wizard__chart-svg>.tiny-svg{font-size:var(--ti-common-font-size-4);fill:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__chart-children.is-doing .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__chart-children.is-ready .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__steps-item.is-ready .tiny-wizard__chart-icon{color:var(--ti-wizard-icon-color);background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__chart-children.is-doing .tiny-wizard__chart-line,.tiny-wizard .tiny-wizard__steps-item.is-doing .tiny-wizard__chart-line{background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__chart-children.is-ready .tiny-wizard__chart-line,.tiny-wizard .tiny-wizard__chart-line.is-time-line{background:var(--ti-wizard-icon-bg-color);border-color:var(--ti-wizard-icon-bg-color)}.tiny-wizard .tiny-wizard__chart-detail{padding:4px 8px;border-radius:2px;border-radius:var(--ti-wizard-detail-border-radius,2px);min-height:26px;height:auto;line-height:1;margin-left:12px;text-align:center;display:inline-block;position:absolute;top:-14px}.tiny-wizard .tiny-wizard__chart-detail:hover{background:var(--ti-wizard-detail-bg-color)}.tiny-wizard .tiny-wizard__chart-detail:hover::before{content:'';width:0;height:0;margin-top:-4px;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-wizard-detail-bg-color);position:absolute;left:-4px;top:10px}.tiny-wizard .tiny-wizard__chart-detail:hover .detail-title,.tiny-wizard .tiny-wizard__chart-detail:hover .tiny-user-contact__role{color:var(--ti-wizard-icon-color)}.tiny-wizard .tiny-wizard__chart-detail .detail-title{color:var(--ti-wizard-text-color);font-size:var(--ti-common-font-size-1);font-weight:700;margin-bottom:8px}.tiny-wizard .tiny-wizard__chart-icon{width:20px;height:20px;line-height:20px;border-radius:50%;font-size:var(--ti-common-font-size-base);text-align:center;background:var(--ti-wizard-chart-icon-bg-color);color:var(--ti-wizard-icon-color);-webkit-box-sizing:content-box;box-sizing:content-box;display:inline-block}.tiny-wizard .tiny-wizard__chart-icon.time-line-icon{width:10px;height:10px;line-height:10px}.tiny-wizard .tiny-svg,.tiny-wizard .tiny-wizard__chart-icon,.tiny-wizard .tiny-wizard__chart-name,.tiny-wizard .tiny-wizard__date{cursor:pointer}.tiny-wizard .tiny-wizard__chart-line{height:4px;background:#c2c4c7;width:50px}.tiny-wizard .tiny-wizard__chart-line .tiny-wizard__chart-icon-time{font-size:var(--ti-common-font-size-4);fill:var(--ti-wizard-icon-bg-color);background:var(--ti-wizard-icon-color)}.tiny-wizard .tiny-user-contact .dropdown-part .tiny-user-head,.tiny-wizard .tiny-user-contact .tiny-svg{display:none}.tiny-wizard .tiny-user-contact .tiny-user-contact__role span{display:inline-block}

package/wizard/index.js

@@ -0,0 +1,21 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-wizard-font-size': '12px',
+  'tiny-wizard-text-color': '#333',
+  'tiny-wizard-icon-color': '#fff',
+  'tiny-wizard-icon-bg-color': '#1890ff',
+  'tiny-wizard-detail-border-radius': '2px',
+  'tiny-wizard-detail-bg-color': '#faad14',
+  'tiny-wizard-chart-icon-bg-color': '#d9d9d9'
+}