@opentiny/vue-theme 3.10.1 → 3.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.10.1",
+  "version": "3.10.2",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "main": "index.css",
   "homepage": "https://opentiny.design/tiny-vue",

package/split/index.css

@@ -1 +1 @@
-.tiny-split{--ti-split-pane-font-size:var(--ti-common-font-size-2);--ti-split-trigger-bg-color:var(--ti-common-color-line-dividing);--ti-split-trigger-bar-bg-color:var(--ti-common-color-icon-normal);--ti-split-trigger-hover-bg-color:var(--ti-split-trigger-bg-color);--ti-split-trigger-bar-hover-bg-color:var(--ti-split-trigger-bar-bg-color);--ti-split-trigger-bar-con-bg-color:var(--ti-common-color-light);--ti-split-trigger-size:var(--ti-common-size-base);--ti-split-trigger-bar-margin-left:var(--ti-common-space-base);--ti-split-trigger-con-col-cursor:e-resize;--ti-split-trigger-bar-margin-top:var(--ti-common-space-base);--ti-split-trigger-con-row-cursor:n-resize}.tiny-split-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.tiny-split-pane{position:absolute;font-size:var(--ti-split-pane-font-size)}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-pane-moving{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-split-trigger-con:hover .tiny-split-trigger{background:var(--ti-split-trigger-hover-bg-color)}.tiny-split-trigger-con:hover .tiny-split-trigger-bar{background:var(--ti-split-trigger-bar-hover-bg-color)}.tiny-split-trigger-bar-con{position:absolute;overflow:hidden;background:var(--ti-split-trigger-bar-con-bg-color)}.tiny-split-trigger-bar-con.vertical{top:50%;height:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-split-trigger-bar-con.horizontal{left:50%;width:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tiny-split-trigger-vertical{width:var(--ti-split-trigger-size);height:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-vertical .tiny-split-trigger-bar{width:var(--ti-split-trigger-size);height:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-top:var(--ti-split-trigger-bar-margin-top);border-radius:50%}.tiny-split-trigger-horizontal{height:var(--ti-split-trigger-size);width:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-horizontal .tiny-split-trigger-bar{height:var(--ti-split-trigger-size);width:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-left:var(--ti-split-trigger-bar-margin-left);border-radius:50%}.tiny-split-horizontal .tiny-split-collapse-bar,.tiny-split-vertical .tiny-split-collapse-bar{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#d9d9d9;z-index:15;cursor:pointer}.tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px;cursor:var(--ti-split-trigger-con-col-cursor)}.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%}.tiny-split-horizontal .tiny-split-collapse-bar{top:calc(50% - 15px);height:30px;border-radius:0 4px 4px 0}.tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%;cursor:var(--ti-split-trigger-con-row-cursor)}.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px}.tiny-split-vertical .tiny-split-collapse-bar{left:calc(50% - 15px);width:30px;border-radius:0 0 4px 4px}.tiny-split .no-select{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}
+.tiny-split{--ti-split-pane-font-size:var(--ti-common-font-size-2);--ti-split-trigger-bg-color:var(--ti-common-color-line-dividing);--ti-split-trigger-bar-bg-color:var(--ti-common-color-icon-normal);--ti-split-trigger-hover-bg-color:var(--ti-split-trigger-bg-color);--ti-split-trigger-bar-hover-bg-color:var(--ti-split-trigger-bar-bg-color);--ti-split-trigger-bar-con-bg-color:var(--ti-common-color-light);--ti-split-trigger-size:var(--ti-common-size-base);--ti-split-trigger-bar-margin-left:var(--ti-common-space-base);--ti-split-trigger-con-col-cursor:e-resize;--ti-split-trigger-bar-margin-top:var(--ti-common-space-base);--ti-split-trigger-con-row-cursor:n-resize}.tiny-split-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.tiny-split-pane{position:absolute;font-size:var(--ti-split-pane-font-size)}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-pane-moving{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-split-trigger-con:hover .tiny-split-trigger{background:var(--ti-split-trigger-hover-bg-color)}.tiny-split-trigger-con:hover .tiny-split-trigger-bar{background:var(--ti-split-trigger-bar-hover-bg-color)}.tiny-split-trigger-bar-con{position:absolute;overflow:hidden;background:var(--ti-split-trigger-bar-con-bg-color)}.tiny-split-trigger-bar-con.vertical{top:50%;height:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-split-trigger-bar-con.horizontal{left:50%;width:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tiny-split-trigger-vertical{width:var(--ti-split-trigger-size);height:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-vertical .tiny-split-trigger-bar{width:var(--ti-split-trigger-size);height:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-top:var(--ti-split-trigger-bar-margin-top);border-radius:50%}.tiny-split-trigger-horizontal{height:var(--ti-split-trigger-size);width:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-horizontal .tiny-split-trigger-bar{height:var(--ti-split-trigger-size);width:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-left:var(--ti-split-trigger-bar-margin-left);border-radius:50%}.tiny-split-horizontal .tiny-split-collapse-bar,.tiny-split-vertical .tiny-split-collapse-bar{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#d9d9d9;z-index:15;cursor:pointer}.tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px;cursor:var(--ti-split-trigger-con-col-cursor)}.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%}.tiny-split-horizontal .tiny-split-collapse-bar{top:calc(50% - 15px);height:30px;border-radius:0 4px 4px 0}.tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%;cursor:var(--ti-split-trigger-con-row-cursor)}.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px;cursor:var(--ti-split-trigger-con-col-cursor)}.tiny-split-vertical .tiny-split-collapse-bar{left:calc(50% - 15px);width:30px;border-radius:0 0 4px 4px}.tiny-split .no-select{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}

package/theme/aurora-theme/component.js

@@ -90,6 +90,7 @@ export const concatTheme = {
   'ti-dialog-box-drawer-header-padding-bottom': 'var(--ti-common-space-2x)',
   'ti-dialog-box-drawer-header-padding-left': 'var(--ti-common-space-6x)',
   'ti-dialog-box-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-dialog-select-body-box-border-color': 'rgba(22, 30, 38, 0.2)',
   'ti-drawer-min-width': '30%',
   'ti-drawer-close-icon-size': 'var(--ti-common-font-size-2)',
   'ti-drawer-footer-text-align': 'center',
@@ -100,7 +101,6 @@ export const concatTheme = {
   'ti-drawer-header-padding-left': 'var(--ti-common-space-6x)',
   'ti-drawer-btn-position-top': 'var(--ti-common-space-3x)',
   'ti-drawer-body-padding-right': 'var(--ti-common-space-6x)',
-  'ti-dialog-select-body-box-border-color': 'rgba(22, 30, 38, 0.2)',
   'ti-dropdown-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-dropdown-icon-color': 'var(--ti-common-color-icon-normal)',
   'ti-dropdown-trigger-svg-margin-left': 'var(--ti-common-space-2x)',
@@ -254,6 +254,20 @@ export const concatTheme = {
   'ti-switch-checked-disabled-border-color': 'var(--ti-common-color-bg-dark-disabled)',
   'ti-switch-disabled-dot-bg-color': 'var(--ti-common-color-info-disabled-bgcolor)',
   'ti-switch-text-width': 'calc(var(--ti-common-size-base) * 12.5)',
+  'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-7)',
+  'ti-tabs-dark-margin-top': 'var(--ti-common-space-0)',
+  'ti-tabs-dark-bg-color-active': 'var(--ti-common-bg-minor-active)',
+  'ti-tabs-header-dark-bg-color': 'var(--ti-common-color-selected-background)',
+  'ti-tabs-dark-first-margin-left': 'var(--ti-common-space-0)',
+  'ti-tabs-content-font-size': 'var(--ti-common-font-size-base)',
+  'ti-tabs-item-card-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-tabs-item-top-right-border-weight': 'var(--ti-common-size-0)',
+  'ti-tabs-dark-bg-color-hover': 'none',
+  'ti-tabs-dark-text-color-hover': 'var(--ti-common-color-primary-normal)',
+  'ti-tabs-dark-text-color-active': 'var(--ti-common-color-primary-normal)',
+  'ti-tabs-dark-border-weight': 'var(--ti-common-border-weight-normal)',
+  'ti-tabs-item-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-tabs-item-margin-right': 'var(--ti-common-space-6x)',
   'ti-tag-primary-text-color': 'var(--ti-common-color-icon-normal)',
   'ti-tag-primary-close-icon-color': 'var(--ti-common-color-icon-normal)',
   'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-normal)',
@@ -280,20 +294,6 @@ export const concatTheme = {
   'ti-tag-plain-danger-border-color': '#fbc4c4',
   'ti-tag-plain-warning-text-color': '#e6a23c',
   'ti-tag-plain-warning-border-color': '#f5dab1',
-  'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-7)',
-  'ti-tabs-dark-margin-top': 'var(--ti-common-space-0)',
-  'ti-tabs-dark-bg-color-active': 'var(--ti-common-bg-minor-active)',
-  'ti-tabs-header-dark-bg-color': 'var(--ti-common-color-selected-background)',
-  'ti-tabs-dark-first-margin-left': 'var(--ti-common-space-0)',
-  'ti-tabs-content-font-size': 'var(--ti-common-font-size-base)',
-  'ti-tabs-item-card-border-color': 'var(--ti-common-color-line-normal)',
-  'ti-tabs-item-top-right-border-weight': 'var(--ti-common-size-0)',
-  'ti-tabs-dark-bg-color-hover': 'none',
-  'ti-tabs-dark-text-color-hover': 'var(--ti-common-color-primary-normal)',
-  'ti-tabs-dark-text-color-active': 'var(--ti-common-color-primary-normal)',
-  'ti-tabs-dark-border-weight': 'var(--ti-common-border-weight-normal)',
-  'ti-tabs-item-padding-horizontal': 'var(--ti-common-space-6x)',
-  'ti-tabs-item-margin-right': 'var(--ti-common-space-6x)',
   'ti-text-popup-padding-horizontal': 'var(--ti-common-space-2x)',
   'ti-text-popup-padding-vertical': 'var(--ti-common-space-2x)',
   'ti-text-popup-height': '30px',

package/theme/smb-theme/component.js

@@ -360,7 +360,6 @@ export const concatTheme = {
   'ti-modal-message-body-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-modal-message-icon-box-height': 'calc(var(--ti-common-space-5x) - 1px)',
   'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)',
-  'ti-nav-menu-bg-color': '#282b33',
   'ti-notify-max-width': '340px',
   'ti-notify-message-margin-left': 'var(--ti-common-space-2x)',
   'ti-notify-info-bg-color': 'var(--ti-common-color-bg-navigation)',
@@ -381,6 +380,7 @@ export const concatTheme = {
   'ti-notify-error-bg-color': 'var(--ti-common-color-bg-navigation)',
   'ti-notify-warning-bg-color': 'var(--ti-common-color-bg-navigation)',
   'ti-notify-icon-transform': 'translate(0,-1px)',
+  'ti-nav-menu-bg-color': '#282b33',
   'ti-numeric-input-width': '126px',
   'ti-numeric-input-dividing-border-color': 'var(--ti-common-color-line-dividing)',
   'ti-numeric-input-btn-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
@@ -548,6 +548,19 @@ export const concatTheme = {
   'ti-switch-dot-position-top': '2px',
   'ti-switch-dot-offset': 'calc(var(--ti-switch-dot-size) + 2px)',
   'ti-switch-border-weight': '0px',
+  'ti-tabs-height': 'var(--ti-common-size-13x)',
+  'ti-tabs-dark-item-height': 'calc(var(--ti-common-size-base) * 11.75)',
+  'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-bold)',
+  'ti-tabs-item-font-size': 'var(--ti-common-font-size-2)',
+  'ti-tabs-item-card-hover-font-weight': 'var(--ti-common-font-weight-bold)',
+  'ti-tabs-item-margin-right': 'var(--ti-common-space-8x)',
+  'ti-tabs-item-active-border-weight': 'var(--ti-common-border-weight-1)',
+  'ti-tabs-more-icon-padding-horizontal': '13.5px',
+  'ti-tabs-more-icon-height': 'calc(var(--ti-common-space-base) * 13)',
+  'ti-tabs-more-left-box-height': 'calc(var(--ti-common-size-base) * 13)',
+  'ti-tabs-dropdown-more-margin-top': 'var(--ti-common-space-base)',
+  'ti-tabs-content-padding-vertical': 'var(--ti-common-space-8x)',
+  'ti-tabs-content-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-tag-primary-close-icon-color': 'var(--ti-common-color-bg-secondary)',
   'ti-tag-font-size': 'var(--ti-common-font-size-1)',
   'ti-tag-small-height': 'var(--ti-common-line-height-base)',
@@ -568,19 +581,6 @@ export const concatTheme = {
   'ti-tag-close-small-margin-right': 'calc(var(--ti-common-space-2) * -1)',
   'ti-tag-primary-close-opacity': '1',
   'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
-  'ti-tabs-height': 'var(--ti-common-size-13x)',
-  'ti-tabs-dark-item-height': 'calc(var(--ti-common-size-base) * 11.75)',
-  'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-bold)',
-  'ti-tabs-item-font-size': 'var(--ti-common-font-size-2)',
-  'ti-tabs-item-card-hover-font-weight': 'var(--ti-common-font-weight-bold)',
-  'ti-tabs-item-margin-right': 'var(--ti-common-space-8x)',
-  'ti-tabs-item-active-border-weight': 'var(--ti-common-border-weight-1)',
-  'ti-tabs-more-icon-padding-horizontal': '13.5px',
-  'ti-tabs-more-icon-height': 'calc(var(--ti-common-space-base) * 13)',
-  'ti-tabs-more-left-box-height': 'calc(var(--ti-common-size-base) * 13)',
-  'ti-tabs-dropdown-more-margin-top': 'var(--ti-common-space-base)',
-  'ti-tabs-content-padding-vertical': 'var(--ti-common-space-8x)',
-  'ti-tabs-content-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-text-popup-padding-vertical': '5px',
   'ti-text-popup-padding-horizontal': 'var(--ti-common-space-3x)',
   'ti-text-popup-font-size': 'var(--ti-common-font-size-1)',