@king-design/intact 3.1.6 → 3.2.0

package/es/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/es/components/table/useSortable.d.ts

@@ -1,10 +1,14 @@
+type SortEvent = Event & {
+    _ignoreSortable?: boolean;
+};
 export declare const context: {
     Provider: import("intact").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
     Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
     useContext: () => import("intact").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/es/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/es/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,4 +60,4 @@ 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";

package/es/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,5 +61,5 @@ 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 */

package/es/site/data/components/layout/demos/basic/react.js

@@ -97,8 +97,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       className: "ion-star"
     }), "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "3"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-heart"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
     }), "menu 3", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
       key: "3-1"
     }, "sub menu 1"), /*#__PURE__*/React.createElement(MenuItem, {

package/es/site/data/components/layout/demos/fix/react.js

@@ -93,8 +93,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       className: "ion-star"
     }), "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "3"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-heart"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
     }), "menu 3", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
       key: "3-1"
     }, "sub menu 1"), /*#__PURE__*/React.createElement(MenuItem, {

package/es/site/data/components/layout/demos/theme/index.js

@@ -12,7 +12,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return {
       expandedKeys: [],
       selectedKey: '3-1',
-      theme: 'white'
+      theme: 'light'
     };
   };
   return default_1;

package/es/site/data/components/layout/demos/theme/react.js

@@ -15,7 +15,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       expandedKeys: [],
       selectedKey: '3-1',
-      theme: 'white'
+      theme: 'light'
     };
     return _this;
   }
@@ -90,8 +90,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       className: "ion-star"
     }), "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "3"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-heart"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
     }), "menu 3", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
       key: "3-1"
     }, "sub menu 1"), /*#__PURE__*/React.createElement(MenuItem, {
@@ -117,9 +117,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "light"
     }, "light"), /*#__PURE__*/React.createElement(Button, {
       value: "dark"
-    }, "dark"), /*#__PURE__*/React.createElement(Button, {
-      value: "white"
-    }, "white")))));
+    }, "dark")))));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/menu/demos/collapse/react.js

@@ -2,7 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import { __decorate } from "tslib";
 import React from 'react';
-import { Menu, MenuItem, Switch, Icon } from '@king-design/react';
+import { Menu, MenuItem, MenuTitle, Switch, Icon } from '@king-design/react';
 import { bind } from '@king-design/react';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -100,7 +100,17 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       to: "/"
     }, /*#__PURE__*/React.createElement(Icon, {
       className: "ion-gear-b"
-    }), "menu 4")));
+    }), "menu 4"), /*#__PURE__*/React.createElement(MenuTitle, null, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-cloud"
+    }), "menu 5"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "5-1"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-stats-bars"
+    }), "sub menu 1"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "5-2"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-upload"
+    }), "sub menu 2")));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/menu/demos/showCollapseArrow/index.d.ts

@@ -0,0 +1,10 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+import type { MenuProps } from 'kpc';
+interface Props extends MenuProps {
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): MenuProps<import("intact").Key>;
+}

package/es/site/data/components/menu/demos/showCollapseArrow/index.js

@@ -0,0 +1,23 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  default_1.defaults = function defaults() {
+    return {
+      expandedKeys: [],
+      selectedKey: '2',
+      size: 'default',
+      theme: 'light',
+      showCollapseArrow: false
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/menu/demos/showCollapseArrow/react.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("misstime").Key>;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/menu/demos/showCollapseArrow/react.js

@@ -0,0 +1,117 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Menu, MenuItem, MenuTitle, Switch, ButtonGroup, Button } from '@king-design/react';
+import './index.styl';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      expandedKeys: [],
+      selectedKey: '2',
+      size: 'default',
+      theme: 'light',
+      showCollapseArrow: false
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonGroup, {
+      checkType: "radio",
+      value: this.state.theme,
+      onChangeValue: function onChangeValue(theme) {
+        return _this2.setState({
+          theme: theme
+        });
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "light"
+    }, "light"), /*#__PURE__*/React.createElement(Button, {
+      value: "dark"
+    }, "dark")), /*#__PURE__*/React.createElement(Switch, {
+      value: this.state.showCollapseArrow,
+      onChangeValue: function onChangeValue(showCollapseArrow) {
+        return _this2.setState({
+          showCollapseArrow: showCollapseArrow
+        });
+      },
+      on: "\u5C55\u793A\u6298\u53E0\u6309\u94AE",
+      off: "\u9690\u85CF\u6298\u53E0\u6309\u94AE",
+      width: "110",
+      trueValue: true,
+      falseValue: false
+    }), /*#__PURE__*/React.createElement(ButtonGroup, {
+      value: this.state.size,
+      onChangeValue: function onChangeValue(size) {
+        return _this2.setState({
+          size: size
+        });
+      },
+      checkType: "radio"
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "large"
+    }, "large"), /*#__PURE__*/React.createElement(Button, {
+      value: "default"
+    }, "default"), /*#__PURE__*/React.createElement(Button, {
+      value: "small"
+    }, "small")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Menu, {
+      slotHeader: /*#__PURE__*/React.createElement(React.Fragment, null, "\u81EA\u5B9A\u4E49Header"),
+      expandedKeys: this.state.expandedKeys,
+      onChangeExpandedKeys: function onChangeExpandedKeys(expandedKeys) {
+        return _this2.setState({
+          expandedKeys: expandedKeys
+        });
+      },
+      selectedKey: this.state.selectedKey,
+      onChangeSelectedKey: function onChangeSelectedKey(selectedKey) {
+        return _this2.setState({
+          selectedKey: selectedKey
+        });
+      },
+      theme: this.state.theme,
+      size: this.state.size,
+      showCollapseArrow: this.state.showCollapseArrow
+    }, /*#__PURE__*/React.createElement(MenuItem, {
+      key: "0"
+    }, "menu 0"), /*#__PURE__*/React.createElement(MenuTitle, null, "title 1"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "1"
+    }, "menu 1"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "2"
+    }, "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "3"
+    }, "menu 3"), /*#__PURE__*/React.createElement(MenuTitle, null, "title 2"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "4"
+    }, "menu 1"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "5",
+      disabled: true
+    }, "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6"
+    }, "sub menu 6", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6-1"
+    }, "sub menu 1"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6-2"
+    }, "sub menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6-3",
+      disabled: true
+    }, "sub menu 3"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6-4"
+    }, "sub menu 7", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6-7-1"
+    }, "Option 1"), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "6-7-2"
+    }, "Option 2"))))), /*#__PURE__*/React.createElement(MenuItem, {
+      key: "8",
+      to: "/"
+    }, "menu 8")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/menu/demos/size/react.js

@@ -48,9 +48,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "light"
     }, "light"), /*#__PURE__*/React.createElement(Button, {
       value: "dark"
-    }, "dark"), /*#__PURE__*/React.createElement(Button, {
-      value: "white"
-    }, "white")), /*#__PURE__*/React.createElement(Switch, {
+    }, "dark")), /*#__PURE__*/React.createElement(Switch, {
       value: this.state.type,
       onChangeValue: function onChangeValue(type) {
         return _this2.setState({

package/es/site/data/components/menu/demos/theme/react.js

@@ -32,9 +32,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "light"
     }, "light"), /*#__PURE__*/React.createElement(Button, {
       value: "dark"
-    }, "dark"), /*#__PURE__*/React.createElement(Button, {
-      value: "white"
-    }, "white")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Menu, {
+    }, "dark")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Menu, {
       expandedKeys: this.state.expandedKeys,
       onChangeExpandedKeys: function onChangeExpandedKeys(expandedKeys) {
         return _this2.setState({

package/es/site/data/components/select/demos/searchable/react.js

@@ -30,7 +30,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       },
       searchable: true
     }, /*#__PURE__*/React.createElement(Option, {
-      value: "Monday"
+      value: "Monday",
+      disabled: true
     }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
       value: "Tuesday"
     }, "\u661F\u671F\u4E8C"), /*#__PURE__*/React.createElement(Option, {
@@ -59,7 +60,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         }, "\u5DF2\u9009\u62E9", value.length, "\u9879 / \u51717\u9879"));
       }
     }, /*#__PURE__*/React.createElement(Option, {
-      value: "Monday"
+      value: "Monday",
+      disabled: true
     }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
       value: "Tuesday"
     }, "\u661F\u671F\u4E8C"), /*#__PURE__*/React.createElement(Option, {

package/es/site/data/components/table/demos/sort/react.js

@@ -52,7 +52,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       onChangeSort: this._onSort,
       rowKey: function rowKey(item) {
         return item.name;
-      }
+      },
+      resizable: true
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "\u59D3\u540D",
       key: "name",

package/es/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',

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.6
+ * @king-design v3.2.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,6 +65,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '3.1.6';
+export const version = '3.2.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.6",
+  "version": "3.2.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -180,7 +180,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.29",
+    "intact": "^3.0.30",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/styles/theme.ts

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