@king-design/react 3.1.6 → 3.2.0

package/components/menu/title.vdt.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-react';
+import { Icon } from '../icon';
+import { getRestProps, findChildren, isComponentVNode } from '../utils';
+import { makeTitleStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj, _$cn2;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var rootMenu = this.rootMenu;
+  var _rootMenu$get = rootMenu.get(),
+    collapse = _rootMenu$get.collapse;
+  var _this$get = this.get(),
+    children = _this$get.children,
+    className = _this$get.className;
+  var k = this.config.k;
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-menu-title"] = true, _classNameObj[className] = className, _classNameObj);
+  return _$cv('div', _extends({
+    'className': _$cn(classNameObj)
+  }, getRestProps(this)), _$ce(2, 'div', !collapse ? _$ce(2, 'span', children, 0) : findChildren(children, function (vNode) {
+    return isComponentVNode(vNode, Icon);
+  }), 0, _$cn((_$cn2 = {}, _$cn2[k + "-menu-name"] = true, _$cn2[makeTitleStyles(k)] = true, _$cn2))));
+}
+;

package/components/radio/styles.js

@@ -9,7 +9,7 @@ var defaults = {
     return theme.transition.small;
   },
   get borderColor() {
-    return theme.color.darkBorder;
+    return theme.color.border;
   },
   get hoverBorderColor() {
     return theme.color.primary;

package/components/select/index.spec.js

@@ -409,7 +409,7 @@ describe('Select', function () {
           _context12.next = 12;
           return wait();
         case 12:
-          expect(instance.get('days')).have.length(7);
+          expect(instance.get('days')).have.length(6);
           // unselect all
           select.click();
           _context12.next = 16;

package/components/select/option.vdt.js

@@ -33,6 +33,7 @@ export default function ($props, $blocks, $__proto__) {
           'value': value.value,
           'ev-$change:value': value.set,
           'trueValue': _this.get('value'),
+          'disabled': disabled,
           'children': _children2
         });
       }

package/components/select/select.js

@@ -58,7 +58,10 @@ export var Select = /*#__PURE__*/function (_BaseSelect) {
     var loop = function loop(children) {
       eachChildren(children, function (vNode) {
         if (isComponentVNode(vNode, Option)) {
-          values.push(vNode.props.value);
+          var props = vNode.props;
+          if (!props.disabled) {
+            values.push(props.value);
+          }
         } else if (isComponentVNode(vNode, OptionGroup)) {
           loop(vNode.props.children);
         }

package/components/table/column.vdt.js

@@ -16,6 +16,7 @@ import { context as FixedColumnsContext } from './useFixedColumns';
 import { stopPropagation } from '../utils';
 import { Input } from '../input';
 import { _$ } from '../../i18n';
+import { ignoreSortable } from './useSortable';
 export default function ($props, $blocks, $__proto__) {
   var _this = this;
   $blocks || ($blocks = {});
@@ -73,7 +74,8 @@ export default function ($props, $blocks, $__proto__) {
                         'ev-mousedown': function evMousedown(e) {
                           e._vNode = _this.$vNode;
                           onStart(e);
-                        }
+                        },
+                        'ev-click': ignoreSortable
                       }) : undefined, _$ce(2, 'div', [_$ce(2, 'div', (_$blocks['title'] = function ($super) {
                         return title;
                       }, __$blocks['title'] = function ($super, data) {
@@ -96,9 +98,7 @@ export default function ($props, $blocks, $__proto__) {
                         'ref': dropdownRef,
                         'children': [_$cc(Icon, {
                           'className': _$cn(k + "-icon-down-squared " + k + "-table-group"),
-                          'ev-click': function evClick(e) {
-                            return e._ignoreSortable = true;
-                          },
+                          'ev-click': ignoreSortable,
                           'hoverable': true,
                           'color': isEmptyValue(groupValue) ? null : 'primary'
                         }), _$cc(DropdownMenu, {
@@ -161,10 +161,10 @@ export default function ($props, $blocks, $__proto__) {
                           })], 4, _$cn(k + "-table-group-footer")) : undefined]
                         })]
                       }, 'dropdown', dropdownRef) : undefined, sortable ? _$ce(2, 'div', [_$cc(Icon, {
-                        'className': _$cn(k + "-icon-up " + k + "-asc"),
+                        'className': _$cn(k + "-icon-up-bold " + k + "-asc"),
                         'size': 'mini'
                       }), _$cc(Icon, {
-                        'className': _$cn(k + "-icon-down " + k + "-desc"),
+                        'className': _$cn(k + "-icon-down-bold " + k + "-desc"),
                         'size': 'mini'
                       })], 4, _$cn((_$cn4 = {}, _$cn4[k + "-column-sort"] = true, _$cn4[k + "-" + type] = type, _$cn4))) : undefined], 0, _$cn(k + "-table-title"))], 0, _$cn(classNameObj), {
                         'style': style,

package/components/table/useSortable.d.ts

@@ -1,10 +1,14 @@
+type SortEvent = Event & {
+    _ignoreSortable?: boolean;
+};
 export declare const context: {
     Provider: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
     Consumer: import('intact-react').ComponentConstructor<import('intact-react').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
     useContext: () => import('intact-react').RefObject<any>;
 };
 export declare function useSortable(): {
-    onChange: (key: string, event: Event & {
-        _ignoreSortable?: boolean;
-    }) => void;
+    onChange: (key: string, event: SortEvent) => void;
+    ignoreSortable: typeof ignoreSortable;
 };
+export declare function ignoreSortable(e: SortEvent): void;
+export {};

package/components/table/useSortable.js

@@ -26,6 +26,10 @@ export function useSortable() {
     instance.set('sort', sort);
   }
   return {
-    onChange: onChange
+    onChange: onChange,
+    ignoreSortable: ignoreSortable
   };
+}
+export function ignoreSortable(e) {
+  e._ignoreSortable = true;
 }

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.6
+ * @king-design v3.2.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,7 +60,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.6";
+export declare const version = "3.2.0";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.6
+ * @king-design v3.2.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -61,7 +61,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.6';
+export var version = '3.2.0';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.1.6",
+  "version": "3.2.0",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",
@@ -36,7 +36,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact-react": "3.0.29",
+    "intact-react": "3.0.30",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/styles/theme.js

@@ -32,7 +32,7 @@ export function defaultTheme() {
       info: '#0091ea',
       bg: '#f3f5f6',
       title: '#151b1e',
-      darkBorder: '#d0d5d9',
+      darkBorder: '#2f2f36',
       placeholder: '#bec3c5',
       get link() {
         return theme.color.primary;
@@ -41,7 +41,6 @@ export function defaultTheme() {
         return palette(theme.color.primary, -1);
       },
       hoverBg: '#f3f5f6',
-      // get hoverBg() { return palette(theme.color.primary, -4) }, 
       disabled: '#bec3c5',
       disabledBg: '#f0f2f4',
       disabledBorder: '#d0d5d9',