@king-design/intact 3.1.5 → 3.2.0

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.d.ts

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

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.5
+ * @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.5';
+export const version = '3.2.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.5",
+  "version": "3.2.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -178,10 +178,9 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.5",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.28",
+    "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',