@king-design/react 3.1.1-beta.0 → 3.1.1-beta.1
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/components/collapse/item.vdt.js +2 -1
- package/components/collapse/styles.js +1 -1
- package/components/editable/index.vdt.js +12 -11
- package/components/editable/styles.d.ts +0 -1
- package/components/editable/styles.js +1 -2
- package/components/table/styles.js +1 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +1 -2
|
@@ -39,7 +39,8 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
39
39
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
40
40
|
}, __$blocks['title'](_$no)), _$cc(Icon, {
|
|
41
41
|
'className': _$cn((_$cn2 = {}, _$cn2[k + "-collapse-arrow"] = true, _$cn2[k + "-icon-right"] = true, _$cn2)),
|
|
42
|
-
'hoverable':
|
|
42
|
+
'hoverable': true,
|
|
43
|
+
'disabled': disabled
|
|
43
44
|
})], 0, _$cn(k + "-collapse-title"), {
|
|
44
45
|
'ev-click': this.toggle
|
|
45
46
|
}), _$cc(Transition, _extends({
|
|
@@ -32,5 +32,5 @@ export function makeStyles(k) {
|
|
|
32
32
|
}
|
|
33
33
|
export function makeItemStyles(k) {
|
|
34
34
|
var collapseItem = collapse.item;
|
|
35
|
-
return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}
|
|
35
|
+
return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}>.", k, "-collapse-title{cursor:pointer;font-weight:bold;height:", collapseItem.titleHeight, ";line-height:", collapseItem.titleHeight, ";transition:color ", collapse.transition, ";.", k, "-collapse-arrow{float:right;transition:transform ", collapse.transition, ";line-height:", collapseItem.titleHeight, ";height:", collapseItem.titleHeight, ";}}&:not(.", k, "-disabled){>.", k, "-collapse-title{&:hover{color:", theme.color.primary, ";}}}&.", k, "-active{>.", k, "-collapse-title .", k, "-collapse-arrow{transform:rotate(90deg);}}&.", k, "-disabled{color:", theme.color.disabledBorder, ";>.", k, "-collapse-title{cursor:not-allowed;}}");
|
|
36
36
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
2
|
-
import { createVNode as _$cv, className as _$cn,
|
|
2
|
+
import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, createUnknownComponentVNode as _$cc } from 'intact-react';
|
|
3
3
|
import { getRestProps } from '../utils';
|
|
4
4
|
import { Input } from '../input';
|
|
5
5
|
import { Icon } from '../icon';
|
|
@@ -26,21 +26,22 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
26
26
|
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-editable"] = true, _classNameObj[k + "-editing"] = editing, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-invalid"] = invalid, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
|
|
27
27
|
return _$cv('div', _extends({}, getRestProps(this), {
|
|
28
28
|
'className': _$cn(classNameObj)
|
|
29
|
-
}), [
|
|
29
|
+
}), [_$ce(2, 'div', !editing ? children : _$cc(Input, {
|
|
30
|
+
'size': 'mini',
|
|
31
|
+
'defaultValue': value,
|
|
32
|
+
'ev-blur': this.onBlur,
|
|
33
|
+
'ev-keydown': this.onKeydown,
|
|
34
|
+
'ref': this.inputRef,
|
|
35
|
+
'frozenOnInput': true,
|
|
36
|
+
'ev-$mounted': this.select,
|
|
37
|
+
'autoWidth': true
|
|
38
|
+
}, null, this.inputRef), 0, 'c-ellipsis'), !disabled && !editing ? _$cc(Tooltip, {
|
|
30
39
|
'content': tip,
|
|
31
40
|
'children': _$cc(Icon, {
|
|
32
41
|
'className': _$cn(k + "-icon-edit " + k + "-editable-icon"),
|
|
33
42
|
'ev-click': this.edit,
|
|
34
43
|
'hoverable': true
|
|
35
44
|
})
|
|
36
|
-
}) : undefined
|
|
37
|
-
'size': 'small',
|
|
38
|
-
'defaultValue': value,
|
|
39
|
-
'ev-blur': this.onBlur,
|
|
40
|
-
'ev-keydown': this.onKeydown,
|
|
41
|
-
'ref': this.inputRef,
|
|
42
|
-
'frozenOnInput': true,
|
|
43
|
-
'ev-$mounted': this.select
|
|
44
|
-
}, null, this.inputRef), 0, 'c-ellipsis')]);
|
|
45
|
+
}) : undefined]);
|
|
45
46
|
}
|
|
46
47
|
;
|
|
@@ -4,7 +4,6 @@ import { deepDefaults } from '../../styles/utils';
|
|
|
4
4
|
import '../../styles/global';
|
|
5
5
|
var defaults = {
|
|
6
6
|
iconGap: '0 0 0 8px',
|
|
7
|
-
lineHeight: '30px',
|
|
8
7
|
// invalid
|
|
9
8
|
invalid: {
|
|
10
9
|
get border() {
|
|
@@ -21,5 +20,5 @@ setDefault(function () {
|
|
|
21
20
|
});
|
|
22
21
|
export { editable };
|
|
23
22
|
export function makeStyles(k) {
|
|
24
|
-
return /*#__PURE__*/css("display:inline-
|
|
23
|
+
return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-inner{border:", editable.invalid.border, "!important;}}");
|
|
25
24
|
}
|
|
@@ -105,7 +105,7 @@ setDefault(function () {
|
|
|
105
105
|
export function makeStyles(k) {
|
|
106
106
|
return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;td,th{transition:all ", table.transition, ";}}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
|
|
107
107
|
return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
|
|
108
|
-
}), ">.", k, "-pagination{margin:16px 0;}");
|
|
108
|
+
}), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
|
|
109
109
|
}
|
|
110
110
|
export function makeGroupMenuStyles(k) {
|
|
111
111
|
return /*#__PURE__*/css("min-width:", table.group.menuMinWidth, "!important;.", k, "-dropdown-item.", k, "-active{color:", table.group.activeColor, ";}.", k, "-table-group-header{padding:", table.group.headerPadding, ";border-bottom:", table.group.headerBorder, ";}.", k, "-table-group-body{max-height:", table.group.menuMaxHeight, ";overflow:auto;}.", k, "-table-group-footer{text-align:right;border-top:", table.group.headerBorder, ";padding:8px;.", k, "-btn{margin-left:8px;}}");
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v3.1.1-beta.
|
|
2
|
+
* @king-design v3.1.1-beta.1
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -60,7 +60,7 @@ export * from './components/tree';
|
|
|
60
60
|
export * from './components/treeSelect';
|
|
61
61
|
export * from './components/upload';
|
|
62
62
|
export * from './components/wave';
|
|
63
|
-
export declare const version = "3.1.1-beta.
|
|
63
|
+
export declare const version = "3.1.1-beta.1";
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
export {normalize} from 'intact-react';
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v3.1.1-beta.
|
|
2
|
+
* @king-design v3.1.1-beta.1
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -62,7 +62,7 @@ export * from './components/tree';
|
|
|
62
62
|
export * from './components/treeSelect';
|
|
63
63
|
export * from './components/upload';
|
|
64
64
|
export * from './components/wave';
|
|
65
|
-
export var version = '3.1.1-beta.
|
|
65
|
+
export var version = '3.1.1-beta.1';
|
|
66
66
|
/* generate end */
|
|
67
67
|
|
|
68
68
|
export {normalize} from 'intact-react';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@king-design/react",
|
|
3
|
-
"version": "3.1.1-beta.
|
|
3
|
+
"version": "3.1.1-beta.1",
|
|
4
4
|
"description": "King-Design UI components for React.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"component",
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
"@babel/runtime-corejs3": "^7.16.0",
|
|
36
36
|
"@emotion/css": "^11.5.0",
|
|
37
37
|
"dayjs": "^1.10.7",
|
|
38
|
-
"downloadjs": "^1.4.7",
|
|
39
38
|
"enquire.js": "^2.1.6",
|
|
40
39
|
"intact-react": "3.0.22",
|
|
41
40
|
"monaco-editor": "^0.26.1",
|