x-next 1.16.0 → 1.17.0

package/dist/style/dependencies.json

@@ -291,6 +291,20 @@
     "trigger.css",
     "tree-select.css"
   ],
+  "transfer": [
+    "base.css",
+    "button.css",
+    "empty.css",
+    "form-checkbox.css",
+    "form-input.css",
+    "form-input-number.css",
+    "form-select.css",
+    "pagination.css",
+    "scrollbar-v2.css",
+    "spin.css",
+    "trigger.css",
+    "transfer.css"
+  ],
   "upload": [
     "base.css",
     "image.css",

package/dist/style/transfer.css

@@ -0,0 +1 @@
+:root{--x-transfer-panel-width: calc(var(--x-size-50) + var(--x-size-10));--x-transfer-body-height: calc(var(--x-size-50) + var(--x-size-10));--x-transfer-item-height: var(--x-size-9);--x-transfer-gap: var(--x-spacing-6);--x-transfer-padding: var(--x-spacing-5);--x-transfer-border-color: var(--x-color-border-default);--x-transfer-header-bg: var(--x-color-fill-1);--x-transfer-item-hover-bg: var(--x-color-fill-2)}.x-transfer{display:inline-flex;align-items:center;gap:var(--x-transfer-gap);max-width:100%;color:var(--x-color-text-primary);font-size:var(--x-font-size-body-1)}.x-transfer--panel{display:flex;flex:0 1 auto;flex-direction:column;box-sizing:border-box;width:var(--x-transfer-panel-width);min-width:0;overflow:hidden;background:var(--x-color-bg-elevated);border:1px solid var(--x-transfer-border-color);border-radius:var(--x-border-radius-medium)}.x-transfer--header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--x-spacing-4);min-height:var(--x-size-10);padding:0 var(--x-transfer-padding);background:var(--x-transfer-header-bg);border-bottom:1px solid var(--x-transfer-border-color)}.x-transfer--title{min-width:0;font-weight:var(--x-font-weight-500)}.x-transfer--count{flex:none;color:var(--x-color-text-secondary);font-size:var(--x-font-size-body-1);font-variant-numeric:tabular-nums}.x-transfer--search{flex:none;padding:var(--x-spacing-4) var(--x-transfer-padding);border-bottom:1px solid var(--x-transfer-border-color)}.x-transfer--body{height:var(--x-transfer-body-height);overflow:auto;overscroll-behavior:contain}.x-transfer--list{min-height:100%}.x-transfer--item{box-sizing:border-box;min-height:var(--x-transfer-item-height);padding:0 var(--x-transfer-padding)}.x-transfer--item:hover:not(.x-transfer--item-disabled){background:var(--x-transfer-item-hover-bg)}.x-transfer--item-checkbox{display:flex;box-sizing:border-box;width:100%;min-height:var(--x-transfer-item-height);padding-top:var(--x-spacing-2);padding-bottom:var(--x-spacing-2)}.x-transfer--item-checkbox .x-checkbox--label{flex:1;min-width:0}.x-transfer--item-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-transfer--item-content{display:flex;align-items:center;gap:var(--x-spacing-2);min-height:var(--x-transfer-item-height)}.x-transfer--item-disabled{color:var(--x-color-text-disabled);cursor:not-allowed}.x-transfer--operations{display:flex;flex:none;flex-direction:column;gap:var(--x-spacing-4)}.x-transfer--state{display:flex;align-items:center;justify-content:center;height:100%;min-height:var(--x-size-30)}.x-transfer--pagination,.x-transfer--footer{flex:none;padding:var(--x-spacing-4) var(--x-transfer-padding);border-top:1px solid var(--x-transfer-border-color)}.x-transfer--pagination{display:flex;justify-content:center}.x-transfer-error .x-transfer--panel{border-color:var(--x-color-danger)}.x-transfer-disabled .x-transfer--header{color:var(--x-color-text-disabled)}.x-transfer--list:focus-visible,.x-transfer:focus-visible{outline:2px solid var(--x-color-primary);outline-offset:-2px}.x-transfer-simple .x-transfer--item-content>.x-button{justify-content:flex-start;min-height:var(--x-transfer-item-height)}@media(max-width: 600px){.x-transfer{gap:var(--x-spacing-3);width:100%}}@media(forced-colors: active){.x-transfer--panel,.x-transfer--header{border-color:CanvasText}.x-transfer--item-disabled{color:GrayText}}

package/dist/style/transfer.js

@@ -0,0 +1,12 @@
+import './base.css';
+import './button.css';
+import './empty.css';
+import './form-checkbox.css';
+import './form-input.css';
+import './form-input-number.css';
+import './form-select.css';
+import './pagination.css';
+import './scrollbar-v2.css';
+import './spin.css';
+import './trigger.css';
+import './transfer.css';

package/dist/style/tree-select.css

@@ -1 +1 @@
-:root{--x-tree-select-popup-max-height: var(--x-size-50);--x-tree-select-node-height: var(--x-size-8);--x-tree-select-node-indent: var(--x-size-4);--x-tree-select-node-padding-horizontal: var(--x-spacing-6);--x-tree-select-node-gap: var(--x-spacing-1);--x-tree-select-node-border-radius: var(--x-border-radius-small);--x-tree-select-node-color-bg_hover: var(--x-color-fill-2);--x-tree-select-node-color-bg_selected: var(--x-color-primary-light-1);--x-tree-select-node-color-text_selected: var(--x-color-primary);--x-tree-select-node-color-text_disabled: var(--x-color-text-disabled);--x-tree-select-node-color-line: var(--x-color-border-default);--x-tree-select-highlight-color-text: var(--x-color-primary);--x-tree-select-highlight-font-weight: var(--x-font-weight-500);--x-tree-select-switcher-color-icon: var(--x-color-text-3);--x-tree-select-switcher-size: var(--x-size-4);--x-tree-select-switcher-margin-right: var(--x-spacing-2);--x-tree-select-checkbox-margin-right: var(--x-spacing-2)}.x-tree-select--dropdown{box-sizing:border-box;padding:var(--x-select-popup-padding-vertical) 0;background-color:var(--x-select-popup-color-bg);border:1px solid var(--x-select-popup-color-border);border-radius:var(--x-select-popup-border-radius);box-shadow:var(--x-select-popup-box-shadow)}.x-tree-select--dropdown--loading,.x-tree-select--dropdown--empty{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--x-select-popup-empty-min-height);padding:var(--x-select-popup-padding-vertical) var(--x-select-signal-popup-option-padding-horizontal)}.x-tree-select--dropdown--list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.x-tree-select--dropdown--list-wrapper{max-height:var(--x-tree-select-popup-max-height);overflow-y:auto}.x-tree-select--dropdown-has-header{padding-top:0}.x-tree-select--dropdown--header{border-bottom:1px solid var(--x-select-popup-color-border)}.x-tree-select--dropdown-has-footer{padding-bottom:0}.x-tree-select--dropdown--footer{border-top:1px solid var(--x-select-popup-color-border)}.x-tree-select--node{position:relative;box-sizing:border-box}.x-tree-select--node--content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--x-tree-select-node-height);padding-right:var(--x-tree-select-node-padding-horizontal);color:var(--x-color-text-primary);background-color:var(--x-color-bg-elevated);border-radius:var(--x-tree-select-node-border-radius);cursor:pointer}.x-tree-select--node--title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 var(--x-tree-select-node-gap);font-size:var(--x-select-popup-font-size);line-height:var(--x-tree-select-node-height)}.x-tree-select--node--switcher{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-tree-select-switcher-size);height:var(--x-tree-select-switcher-size);margin-right:var(--x-tree-select-switcher-margin-right);color:var(--x-tree-select-switcher-color-icon);cursor:pointer}.x-tree-select--node--switcher .x-icon{width:var(--x-tree-select-switcher-size);height:var(--x-tree-select-switcher-size);font-size:var(--x-tree-select-switcher-size);transition:transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-tree-select--node--switcher-placeholder{display:inline-block;flex:none;width:calc(var(--x-tree-select-switcher-size) + var(--x-tree-select-switcher-margin-right))}.x-tree-select--node--switcher-icon{transform:rotate(0deg)}.x-tree-select--node--checkbox{flex:none;margin-right:var(--x-tree-select-checkbox-margin-right)}.x-tree-select--node--icon{display:inline-flex;flex:none;align-items:center;margin-right:var(--x-tree-select-checkbox-margin-right)}.x-tree-select--node--highlight{color:var(--x-tree-select-highlight-color-text);font-weight:var(--x-tree-select-highlight-font-weight)}.x-tree-select--node-active .x-tree-select--node--content{background-color:var(--x-tree-select-node-color-bg_hover)}.x-tree-select--node-selected .x-tree-select--node--content{color:var(--x-tree-select-node-color-text_selected);font-weight:var(--x-font-weight-500);background-color:var(--x-tree-select-node-color-bg_selected)}.x-tree-select--node-disabled .x-tree-select--node--content{color:var(--x-tree-select-node-color-text_disabled);cursor:not-allowed}.x-tree-select--node-is-expanded>.x-tree-select--node--content>.x-tree-select--node--switcher .x-icon{transform:rotate(90deg)}.x-tree-select--node-block .x-tree-select--node--content{padding-left:var(--x-tree-select-node-padding-horizontal);border-radius:0}.x-tree-select--node--content-block{border-radius:0}.x-tree-select--node-with-line::before{position:absolute;top:0;bottom:0;left:var(--x-tree-select-node-line-left, 0);width:1px;background-color:var(--x-tree-select-node-color-line);content:""}.x-tree-select--node-with-line.x-tree-select--node-last::before{bottom:50%}.x-tree-select--node-with-line.x-tree-select--node-root::before{display:none}@media(prefers-reduced-motion: reduce){.x-tree-select--node--switcher .x-icon{transition:none}}
+:root{--x-tree-select-popup-max-height: var(--x-size-50);--x-tree-select-popup-padding-horizontal: var(--x-spacing-4);--x-tree-select-popup-border-radius: var(--x-border-radius-large);--x-tree-select-node-height: var(--x-size-8);--x-tree-select-node-indent: var(--x-size-4);--x-tree-select-node-padding-horizontal: var(--x-spacing-4);--x-tree-select-node-gap: var(--x-spacing-2);--x-tree-select-node-border-radius: var(--x-border-radius-medium);--x-tree-select-node-color-bg_hover: var(--x-color-fill-2);--x-tree-select-node-color-bg_selected: color-mix( in srgb, var(--x-color-primary) 6%, var(--x-color-bg-elevated) );--x-tree-select-node-color-text_selected: var(--x-color-primary);--x-tree-select-node-color-text_disabled: var(--x-color-text-disabled);--x-tree-select-node-color-line: var(--x-color-border-default);--x-tree-select-highlight-color-text: var(--x-color-primary);--x-tree-select-highlight-font-weight: var(--x-font-weight-500);--x-tree-select-switcher-color-icon: var(--x-color-text-3);--x-tree-select-switcher-size: var(--x-size-4);--x-tree-select-switcher-margin-right: var(--x-spacing-2);--x-tree-select-checkbox-margin-right: var(--x-spacing-2)}.x-tree-select--dropdown{box-sizing:border-box;padding:var(--x-select-popup-padding-vertical) 0;background-color:var(--x-select-popup-color-bg);border:1px solid var(--x-select-popup-color-border);border-radius:var(--x-tree-select-popup-border-radius);box-shadow:var(--x-select-popup-box-shadow)}.x-tree-select--dropdown--loading,.x-tree-select--dropdown--empty{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--x-select-popup-empty-min-height);padding:var(--x-select-popup-padding-vertical) var(--x-select-signal-popup-option-padding-horizontal)}.x-tree-select--dropdown--list{margin-top:0;margin-bottom:0;list-style:none}.x-tree-select--dropdown--list-wrapper{max-height:var(--x-tree-select-popup-max-height);overflow-y:auto}.x-tree-select--dropdown--list,.x-tree-select--dropdown>.x-virtual-list{box-sizing:border-box;padding-right:var(--x-tree-select-popup-padding-horizontal);padding-left:var(--x-tree-select-popup-padding-horizontal)}.x-tree-select--dropdown-has-header{padding-top:0}.x-tree-select--dropdown--header{border-bottom:1px solid var(--x-select-popup-color-border)}.x-tree-select--dropdown-has-footer{padding-bottom:0}.x-tree-select--dropdown--footer{border-top:1px solid var(--x-select-popup-color-border)}.x-tree-select--node{position:relative;box-sizing:border-box}.x-tree-select--node--content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--x-tree-select-node-height);padding:0 var(--x-tree-select-node-padding-horizontal);color:var(--x-color-text-primary);background-color:var(--x-color-bg-elevated);border-radius:var(--x-tree-select-node-border-radius);cursor:pointer}.x-tree-select--node--title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 var(--x-tree-select-node-gap);font-size:var(--x-select-popup-font-size);line-height:var(--x-tree-select-node-height)}.x-tree-select--node--switcher{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-tree-select-switcher-size);height:var(--x-tree-select-switcher-size);margin-right:var(--x-tree-select-switcher-margin-right);color:var(--x-tree-select-switcher-color-icon);cursor:pointer}.x-tree-select--node--switcher .x-icon{width:var(--x-tree-select-switcher-size);height:var(--x-tree-select-switcher-size);font-size:var(--x-tree-select-switcher-size);transition:transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-tree-select--node--switcher-placeholder{display:inline-block;flex:none;width:calc(var(--x-tree-select-switcher-size) + var(--x-tree-select-switcher-margin-right))}.x-tree-select--node--switcher-icon{transform:rotate(0deg)}.x-tree-select--node--checkbox{flex:none;margin-right:var(--x-tree-select-checkbox-margin-right)}.x-tree-select--node--icon{display:inline-flex;flex:none;align-items:center;margin-right:var(--x-tree-select-checkbox-margin-right)}.x-tree-select--node--highlight{color:var(--x-tree-select-highlight-color-text);font-weight:var(--x-tree-select-highlight-font-weight)}.x-tree-select--node-selected .x-tree-select--node--content{color:var(--x-tree-select-node-color-text_selected);font-weight:var(--x-font-weight-500);background-color:var(--x-tree-select-node-color-bg_selected)}.x-tree-select--node-multiple .x-tree-select--node--content{background-color:var(--x-color-transparent)}.x-tree-select--node-active .x-tree-select--node--content{background-color:var(--x-tree-select-node-color-bg_hover)}.x-tree-select--node-disabled .x-tree-select--node--content{color:var(--x-tree-select-node-color-text_disabled);cursor:not-allowed}.x-tree-select--node-is-expanded>.x-tree-select--node--content>.x-tree-select--node--switcher .x-icon{transform:rotate(90deg)}.x-tree-select--node-block .x-tree-select--node--content{border-radius:0}.x-tree-select--node--content-block{border-radius:0}.x-tree-select--node-with-line::before{position:absolute;top:0;bottom:0;left:calc(var(--x-tree-select-node-line-left, 0px) + var(--x-tree-select-node-padding-horizontal));width:1px;background-color:var(--x-tree-select-node-color-line);content:""}.x-tree-select--node-with-line.x-tree-select--node-last::before{bottom:50%}.x-tree-select--node-with-line.x-tree-select--node-root::before{display:none}@media(prefers-reduced-motion: reduce){.x-tree-select--node--switcher .x-icon{transition:none}}