@koi-design/uxd-ui 13.1.9 → 13.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/Mention/Mention.mjs +5 -2
- package/es/components/Mention/Mention.mjs.map +1 -1
- package/es/components/Mention/Mentions.type.d.ts +1 -0
- package/es/components/Mention/Mentions.type.mjs.map +1 -1
- package/es/components/Mention/MentionsSelect.mjs +5 -1
- package/es/components/Mention/MentionsSelect.mjs.map +1 -1
- package/es/components/Popover/Popover.mjs +2 -1
- package/es/components/Popover/Popover.mjs.map +1 -1
- package/es/components/Popover/Popover.type.d.ts +4 -0
- package/es/components/Popover/Popover.type.mjs +4 -0
- package/es/components/Popover/Popover.type.mjs.map +1 -1
- package/es/components/Popover/Popover.vue.d.ts +9 -0
- package/es/components/Popover/index.d.ts +19 -0
- package/es/components/Tree/Tree.mjs +17 -1
- package/es/components/Tree/Tree.mjs.map +1 -1
- package/es/components/Tree/Tree.type.d.ts +1 -0
- package/es/components/Tree/Tree.type.mjs.map +1 -1
- package/es/components/Tree/TreeNode.mjs +15 -1
- package/es/components/Tree/TreeNode.mjs.map +1 -1
- package/lib/components/Mention/Mention.js +5 -2
- package/lib/components/Mention/Mention.js.map +1 -1
- package/lib/components/Mention/Mentions.type.d.ts +1 -0
- package/lib/components/Mention/Mentions.type.js.map +1 -1
- package/lib/components/Mention/MentionsSelect.js +5 -1
- package/lib/components/Mention/MentionsSelect.js.map +1 -1
- package/lib/components/Popover/Popover.js +2 -1
- package/lib/components/Popover/Popover.js.map +1 -1
- package/lib/components/Popover/Popover.type.d.ts +4 -0
- package/lib/components/Popover/Popover.type.js +4 -0
- package/lib/components/Popover/Popover.type.js.map +1 -1
- package/lib/components/Popover/Popover.vue.d.ts +9 -0
- package/lib/components/Popover/index.d.ts +19 -0
- package/lib/components/Tree/Tree.js +17 -1
- package/lib/components/Tree/Tree.js.map +1 -1
- package/lib/components/Tree/Tree.type.d.ts +1 -0
- package/lib/components/Tree/Tree.type.js.map +1 -1
- package/lib/components/Tree/TreeNode.js +15 -1
- package/lib/components/Tree/TreeNode.js.map +1 -1
- package/package.json +1 -1
- package/styles/components/mentions/index.css +1 -1
- package/styles/components/mentions/index.less +1 -1
- package/styles/components/table/index.css +1 -1
- package/styles/components/table/index.less +53 -40
- package/styles/components/tooltip/index.css +1 -1
- package/styles/components/tooltip/var.less +2 -2
- package/styles/components/tree/index.css +1 -1
- package/styles/components/tree/index.less +10 -1
- package/styles/index.css +1 -1
- package/styles/tokens/colors/index.css +4 -4
- package/types/components/Mention/Mentions.type.d.ts +1 -0
- package/types/components/Popover/Popover.type.d.ts +4 -0
- package/types/components/Popover/Popover.vue.d.ts +9 -0
- package/types/components/Popover/index.d.ts +19 -0
- package/types/components/Tree/Tree.type.d.ts +1 -0
- package/uxd-ui.css +1 -1
- package/uxd-ui.esm.min.mjs +5 -5
- package/uxd-ui.esm.mjs +49 -7
- package/uxd-ui.umd.js +49 -7
- package/uxd-ui.umd.min.js +5 -5
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
--tooltip-color: var(--gray-1);
|
|
7
7
|
--tooltip-background-color: black;
|
|
8
8
|
--tooltip-arrow-width: 6px;
|
|
9
|
-
--tooltip-arrow-wrap-width: calc(var(--
|
|
10
|
-
--tooltip-distance: var(--
|
|
9
|
+
--tooltip-arrow-wrap-width: calc(var(--tooltip-arrow-width) + 4px);
|
|
10
|
+
--tooltip-distance: var(--tooltip-arrow-wrap-width);
|
|
11
11
|
--tooltip-box-shadow: var(--shadow-4);
|
|
12
12
|
--tooltip-line-height: var(--line-height-2);
|
|
13
13
|
--tooltip-padding-vertical: calc((var(--tooltip-min-height) - var(--tooltip-line-height)) / 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-tree{--tree-node-font-color:var(--default-font-color);--tree-node-height:var(--line-height-4);--tree-node-padding-vertical:var(--space-1);--tree-node-gutter:var(--space-1);--tree-node-switcher-color:var(--secondary-font-color);--tree-node-switcher-width:var(--space-4);--tree-node-content-padding-horizontal:var(--space-2);--tree-node-content-user-select:none;--tree-child-padding:calc(var(--tree-node-switcher-width) + var(--tree-node-gutter));--tree-node-padding:var(--space-1);--tree-node-insertion-width:1px;--tree-showline-line-color:var(--border-split-color);--tree-showline-line-width:1px;--tree-node-hover-background-color:var(--gray-3);--tree-node-selected-background-color:var(--primary-4);--tree-node-selected-font-color:var(--default-font-color);--tree-node-insertion-color:var(--primary-9);--tree-node-drag-over-background-color:var(--primary-9);--tree-node-drag-over-font-color:var(--primary-contrast);--tree-node-radius:var(--radius-2)}.uui-tree{margin:0;padding:0;position:relative}.uui-tree ol,.uui-tree ul{margin:0;padding:0;list-style:none}.uui-tree-node{margin:0;padding:0;white-space:nowrap;list-style:none;outline:0;position:relative}.uui-tree-node-wrap{display:flex;align-items:center;line-height:var(--tree-node-height);padding:var(--tree-node-padding-vertical) 0;column-gap:var(--tree-node-gutter)}.uui-tree-node-content-wrap{border-radius:var(--tree-node-radius);color:var(--tree-node-font-color);cursor:pointer;display:flex;margin:0;padding:0 var(--tree-node-content-padding-horizontal);text-decoration:none;transition:all .3s;-webkit-user-select:var(--tree-node-content-user-select);user-select:var(--tree-node-content-user-select);flex:0}.uui-tree-node-content-wrap:hover{background-color:var(--tree-node-hover-background-color)}.uui-tree-node-content-wrap.uui-tree-node-selected{background-color:var(--tree-node-selected-background-color);color:var(--tree-node-selected-font-color)}.uui-tree-node-content-wrap[draggable=true]{cursor:move;position:relative;-khtml-user-drag:element;-webkit-user-drag:element}.uui-tree-node-content-wrap[draggable=true]::after,.uui-tree-node-content-wrap[draggable=true]::before{content:'';display:none;height:var(--tree-node-insertion-width);width:100%;position:absolute;left:0;z-index:1;background-color:var(--tree-node-insertion-color)}.uui-tree-node-content-wrap[draggable=true]::before{top:0;bottom:auto}.uui-tree-node-content-wrap[draggable=true]::after{top:auto;bottom:0}.uui-tree-node-operate-box{display:flex;flex:0;align-items:center;margin-left:auto}.uui-tree-node-disabled .uui-tree-node-content-wrap{color:var(--disabled-font-color);cursor:not-allowed}.uui-tree-node-disabled .uui-tree-node-content-wrap:hover{background:0 0}.uui-tree-node.drag-over>.uui-tree-node-wrap>.uui-tree-node-content-wrap{color:var(--tree-node-drag-over-font-color);background-color:var(--tree-node-drag-over-background-color)}.uui-tree-node.drag-over-gap-top>.uui-tree-node-wrap>.uui-tree-node-content-wrap::before{display:block}.uui-tree-node.drag-over-gap-bottom>.uui-tree-node-wrap>.uui-tree-node-content-wrap::after{display:block}.uui-tree-node.uui-tree-block-node{position:initial}.uui-tree-node.uui-tree-block-node .uui-tree-node-operate-box,.uui-tree-node.uui-tree-block-node .uui-tree-switcher,.uui-tree-node.uui-tree-block-node>label{z-index:1}.uui-tree-node.uui-tree-block-node .uui-tree-node-content-wrap{flex:1 1 auto;z-index:1}.uui-tree-node.uui-tree-block-node .uui-tree-node-content-wrap:hover{background:0 0}.uui-tree-node.uui-tree-block-node .uui-tree-node-wrap::before{position:absolute;right:0;left:0;height:var(--tree-node-height);transition:all .3s;content:''}.uui-tree-node.uui-tree-block-node .uui-tree-node-wrap:hover{background:0 0}.uui-tree-node.uui-tree-block-node .uui-tree-node-wrap:hover::before{background:var(--tree-node-hover-background-color)}.uui-tree-node.uui-tree-block-node.uui-tree-node-selected>.uui-tree-node-wrap::before{background:var(--tree-node-selected-background-color)}.uui-tree-switcher{border:0 none;cursor:pointer;display:flex;height:var(--tree-node-height);width:var(--tree-node-switcher-width);line-height:var(--tree-node-height);align-items:center;justify-content:center;margin:0;color:var(--tree-node-switcher-color);outline:0;flex-shrink:0;transition:transform .3s}.uui-tree-switcher-open{transform:rotate(90deg)}.uui-tree .uui-tree-child-tree{padding-left:var(--tree-child-padding)}.uui-tree.uui-tree-show-line li{position:relative}.uui-tree.uui-tree-show-line li:not(:last-child)::before{background-color:var(--tree-showline-line-color);content:' ';height:calc(100% - var(--tree-node-height) - var(--tree-node-padding-vertical) * 2);left:calc(var(--tree-node-switcher-width)/ 2 - var(--tree-showline-line-width)/ 2);width:var(--tree-showline-line-width);top:calc(var(--tree-node-height) + var(--tree-node-padding-vertical) * 2);position:absolute}
|
|
1
|
+
:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-tree{--tree-node-font-color:var(--default-font-color);--tree-node-height:var(--line-height-4);--tree-node-padding-vertical:var(--space-1);--tree-node-gutter:var(--space-1);--tree-node-switcher-color:var(--secondary-font-color);--tree-node-switcher-width:var(--space-4);--tree-node-content-padding-horizontal:var(--space-2);--tree-node-content-user-select:none;--tree-child-padding:calc(var(--tree-node-switcher-width) + var(--tree-node-gutter));--tree-node-padding:var(--space-1);--tree-node-insertion-width:1px;--tree-showline-line-color:var(--border-split-color);--tree-showline-line-width:1px;--tree-node-hover-background-color:var(--gray-3);--tree-node-selected-background-color:var(--primary-4);--tree-node-selected-font-color:var(--default-font-color);--tree-node-insertion-color:var(--primary-9);--tree-node-drag-over-background-color:var(--primary-9);--tree-node-drag-over-font-color:var(--primary-contrast);--tree-node-radius:var(--radius-2)}.uui-tree{margin:0;padding:0;position:relative}.uui-tree ol,.uui-tree ul{margin:0;padding:0;list-style:none}.uui-tree-node{margin:0;padding:0;white-space:nowrap;list-style:none;outline:0;position:relative}.uui-tree-node-wrap{display:flex;align-items:center;line-height:var(--tree-node-height);padding:var(--tree-node-padding-vertical) 0;column-gap:var(--tree-node-gutter)}.uui-tree-node-content-wrap{border-radius:var(--tree-node-radius);color:var(--tree-node-font-color);cursor:pointer;display:flex;margin:0;padding:0 var(--tree-node-content-padding-horizontal);text-decoration:none;transition:all .3s;-webkit-user-select:var(--tree-node-content-user-select);user-select:var(--tree-node-content-user-select);flex:0}.uui-tree-node-content-wrap:hover{background-color:var(--tree-node-hover-background-color)}.uui-tree-node-content-wrap.uui-tree-node-selected{background-color:var(--tree-node-selected-background-color);color:var(--tree-node-selected-font-color)}.uui-tree-node-content-wrap[draggable=true]{cursor:move;position:relative;-khtml-user-drag:element;-webkit-user-drag:element}.uui-tree-node-content-wrap[draggable=true]::after,.uui-tree-node-content-wrap[draggable=true]::before{content:'';display:none;height:var(--tree-node-insertion-width);width:100%;position:absolute;left:0;z-index:1;background-color:var(--tree-node-insertion-color)}.uui-tree-node-content-wrap[draggable=true]::before{top:0;bottom:auto}.uui-tree-node-content-wrap[draggable=true]::after{top:auto;bottom:0}.uui-tree-node-operate-box{display:flex;flex:0;align-items:center;margin-left:auto}.uui-tree-node-disabled .uui-tree-node-content-wrap{color:var(--disabled-font-color);cursor:not-allowed}.uui-tree-node-disabled .uui-tree-node-content-wrap:hover{background:0 0}.uui-tree-node-checkStrictly>.uui-tree-node-wrap .uui-tree-node-content-wrap{color:var(--tree-node-font-color);cursor:pointer}.uui-tree-node.drag-over>.uui-tree-node-wrap>.uui-tree-node-content-wrap{color:var(--tree-node-drag-over-font-color);background-color:var(--tree-node-drag-over-background-color)}.uui-tree-node.drag-over-gap-top>.uui-tree-node-wrap>.uui-tree-node-content-wrap::before{display:block}.uui-tree-node.drag-over-gap-bottom>.uui-tree-node-wrap>.uui-tree-node-content-wrap::after{display:block}.uui-tree-node.uui-tree-block-node{position:initial}.uui-tree-node.uui-tree-block-node .uui-tree-node-operate-box,.uui-tree-node.uui-tree-block-node .uui-tree-switcher,.uui-tree-node.uui-tree-block-node>label{z-index:1}.uui-tree-node.uui-tree-block-node .uui-tree-node-content-wrap{flex:1 1 auto;z-index:1}.uui-tree-node.uui-tree-block-node .uui-tree-node-content-wrap:hover{background:0 0}.uui-tree-node.uui-tree-block-node .uui-tree-node-wrap::before{position:absolute;right:0;left:0;height:var(--tree-node-height);transition:all .3s;content:''}.uui-tree-node.uui-tree-block-node .uui-tree-node-wrap:hover{background:0 0}.uui-tree-node.uui-tree-block-node .uui-tree-node-wrap:hover::before{background:var(--tree-node-hover-background-color)}.uui-tree-node.uui-tree-block-node.uui-tree-node-selected>.uui-tree-node-wrap::before{background:var(--tree-node-selected-background-color)}.uui-tree-switcher{border:0 none;cursor:pointer;display:flex;height:var(--tree-node-height);width:var(--tree-node-switcher-width);line-height:var(--tree-node-height);align-items:center;justify-content:center;margin:0;color:var(--tree-node-switcher-color);outline:0;flex-shrink:0;transition:transform .3s}.uui-tree-switcher-open{transform:rotate(90deg)}.uui-tree .uui-tree-child-tree{padding-left:var(--tree-child-padding)}.uui-tree.uui-tree-show-line li{position:relative}.uui-tree.uui-tree-show-line li:not(:last-child)::before{background-color:var(--tree-showline-line-color);content:' ';height:calc(100% - var(--tree-node-height) - var(--tree-node-padding-vertical) * 2);left:calc(var(--tree-node-switcher-width)/ 2 - var(--tree-showline-line-width)/ 2);width:var(--tree-showline-line-width);top:calc(var(--tree-node-height) + var(--tree-node-padding-vertical) * 2);position:absolute}
|
|
@@ -103,6 +103,15 @@
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
+
&-checkStrictly {
|
|
107
|
+
>.uui-tree-node-wrap {
|
|
108
|
+
.@{tree-prefix-cls}-node-content-wrap {
|
|
109
|
+
color: var(--tree-node-font-color);
|
|
110
|
+
cursor: pointer;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
106
115
|
&.drag-over {
|
|
107
116
|
>.@{tree-prefix-cls}-node-wrap {
|
|
108
117
|
>.@{tree-prefix-cls}-node-content-wrap {
|
|
@@ -220,4 +229,4 @@
|
|
|
220
229
|
}
|
|
221
230
|
}
|
|
222
231
|
}
|
|
223
|
-
}
|
|
232
|
+
}
|