@king-design/intact 3.4.3-beta.0 → 3.4.3-beta.1

package/es/site/data/components/button/demos/disabled/react.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.styl';
 export default class Demo extends React.Component {
     render(): React.JSX.Element;
 }

package/es/site/data/components/button/demos/disabled/react.js

@@ -1,7 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Button } from '@king-design/react';
-import './index.styl';
+import { Button, Icon } from '@king-design/react';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
   function Demo() {
@@ -12,33 +11,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
       disabled: true
     }, "disabled"), /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      disabled: true
-    }, "primary"), /*#__PURE__*/React.createElement(Button, {
-      type: "secondary",
-      disabled: true
-    }, "secondary"), /*#__PURE__*/React.createElement(Button, {
-      type: "warning",
-      disabled: true
-    }, "warning"), /*#__PURE__*/React.createElement(Button, {
-      type: "danger",
-      disabled: true
-    }, "danger"), /*#__PURE__*/React.createElement(Button, {
-      type: "success",
-      disabled: true
-    }, "success"), /*#__PURE__*/React.createElement(Button, {
-      type: "none",
-      disabled: true
-    }, "none"), /*#__PURE__*/React.createElement(Button, {
-      type: "link",
-      disabled: true
+      disabled: true,
+      type: "none"
+    }, "disabled text"), /*#__PURE__*/React.createElement(Button, {
+      disabled: true,
+      icon: true,
+      circle: true
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-search"
+    })), /*#__PURE__*/React.createElement(Button, {
+      disabled: true,
+      type: "link"
     }, "link"), /*#__PURE__*/React.createElement(Button, {
-      type: "flat",
-      disabled: true
-    }, "flat"), /*#__PURE__*/React.createElement(Button, {
-      color: "red",
-      disabled: true
-    }, "custom"));
+      disabled: true,
+      type: "flat"
+    }, "flat"));
   };
   return Demo;
 }(React.Component);

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

@@ -60,8 +60,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           value: value
         });
       },
-      data: this.state.data,
-      showLine: false
+      data: this.state.data
     });
   };
   return Demo;

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3-beta.0
+ * @king-design v3.4.3-beta.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -69,6 +69,6 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
 
-export const version = '3.4.3-beta.0';
+export const version = '3.4.3-beta.1';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.4.3-beta.0",
+  "version": "3.4.3-beta.1",
   "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.38",
+    "intact": "^3.0.37",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/components/select/demos/immutable.md

@@ -1,38 +0,0 @@
----
-title: 禁用选项不可删除
-order: 14
----
-
-在指定`multiple`多选的情况下，`Select`指定`value`包含`disabled Option`，则禁止删除
-
-```vdt
-import {Select, Option, OptionGroup} from 'kpc';
-
-<div>
-    <Select v-model="day" multiple filterable clearable>
-        <Option value="Monday">星期一</Option>
-        <Option value="Tuesday" disabled>星期二</Option>
-        <Option value="Wednesday">星期三</Option>
-        <Option value="Thursday">星期四</Option>
-        <Option value="Friday" disabled>星期五</Option>
-        <Option value="Saturday">星期六</Option>
-        <Option value="Sunday">星期天</Option>
-    </Select>
-    You selected: {JSON.stringify(this.get('day'))} 
-</div>
-```
-
-```ts
-interface Props {
-   day?: string[]
-}
-
-export default class extends Component {
-    static template = template;
-    static defaults() {
-        return {
-            day: ['Tuesday', 'Sunday', 'Wednesday'],
-        } as Props;
-    }
-}
-```

package/components/select/useImmutable.ts

@@ -1,46 +0,0 @@
-import { useInstance, Children } from 'intact';
-import type { Select } from './select';
-import { Option, OptionProps } from './option';
-import { OptionGroup } from './group';
-import { eachChildren, isComponentVNode } from '../utils';
-import { useState } from '../../hooks/useState';
-
-export function useImmutable() {
-    const instance = useInstance() as Select<any, true>;
-    const immutableValues = useState<any[]>([]);
-
-    function setImmutableValues() {
-        const { children, multiple } = instance.get();
-        if (!multiple) return;
-        updateImmutableValues(children);
-    }
-
-    function updateImmutableValues(children: Children) {
-        const _immutableValues: any[] = [];
-        const loop = (children: Children) => {
-            eachChildren(children, vNode => {
-                if (isComponentVNode(vNode, Option)) {
-                    const { disabled, value } = vNode.props as OptionProps;
-                    if (disabled) {
-                        _immutableValues.push(value);
-                    }
-                } else if (isComponentVNode(vNode, OptionGroup)) {
-                    loop(vNode.props!.children);
-                }
-            });
-        }
-
-        loop(children);
-        immutableValues.set(_immutableValues);
-    }
-
-    function isClosable(key: string) {
-        return !immutableValues.value.includes(key);
-    }
-
-    setImmutableValues();
-
-    // instance.on('$receive:children', setImmutableValues);
-
-    return { immutableValues, isClosable };
-}

package/components/table/demos/asyncTree.md

@@ -1,70 +0,0 @@
----
-title: 树形表格异步加载
-order: 33
----
-
-添加`load`数据加载函数即可实现异步加载子节点功能，组件会传入当前节点对象作为参数，函数可以返回
-数组或者异步返回数组作为当前异步加载的子节点。如果子节点还可以进一步展开，可以将`children`属性
-设为空数组`[]`，否则不指定`children`则表示该节点为叶子节点。
-
-组件默认遇到`children`为`[]`空数组的情况就会去进行异步加载，你可以通过`loaded`属性设为`true`来
-标识该子节点已经加载完成，无需再次加载
-
-```vdt
-import {Table, TableColumn} from 'kpc';
-
-<Table data={this.get('data')} rowKey={data => data.name} load={this.loadData}>
-    <TableColumn key="name" title="Name" />
-    <TableColumn key="size" title="Size">
-        <b:template args="[data]">
-            {data.size}MB
-        </b:template>
-    </TableColumn>
-</Table>
-```
-
-```ts
-import {bind} from 'kpc';
-interface Props {
-    data: NonNullable<any>
-}
-export default class extends Component<Props> {
-    static template = template;
-
-    static defaults() {
-        return {
-            data: [
-                {
-                    name: 'Audios', 
-                    size: 12,
-                    children: []
-                },
-                {
-                    name: 'Images', 
-                    size: 14,
-                    children: []
-                },
-                {
-                    name: 'doc.pdf', 
-                    size: 18,
-                },
-            ]
-        }
-    }
-
-    @bind
-    loadData(node: any) {
-        return new Promise<void>(resolve => {
-            setTimeout(() => {
-                node.children = [
-                    {name: 'child1', size: 17},
-                    {name: 'child2', size: 15, loaded: true},
-                ];
-                this.set('data', [...this.get('data')]);
-
-                resolve();
-            }, 2000);
-        });
-    }
-}
-```

package/components/table/demos/footer.md

@@ -1,38 +0,0 @@
----
-title: 自定义footer
-order: 32
----
-
-
-```vdt
-import {Table, TableColumn} from 'kpc';
-
-<div>
-    <Table data={this.get('data')} resizable>
-        <TableColumn key="a" title="Title 1" minWidth={200}/>
-        <TableColumn key="b" title="Title 2" minWidth={300}/>
-        <b:footer>
-            <div class="footer">自定义底部</div>
-        </b:footer>
-    </Table>
-</div>
-```
-
-```styl
-.k-table
-    margin-bottom 20px
-```
-
-```ts
-export default class extends Component {
-    static template = template;
-    static defaults() {
-        return {
-            data: [
-                {a: 'Cell 1-1', b: 'Cell 1-2'},
-                {a: 'Cell 2-1', b: 'Cell 2-2'}
-            ],
-        };
-    }
-}
-```

package/es/components/select/useImmutable.d.ts

@@ -1,4 +0,0 @@
-export declare function useImmutable(): {
-    immutableValues: import("../../hooks/useState").State<any[]>;
-    isClosable: (key: string) => boolean;
-};

package/es/components/select/useImmutable.js

@@ -1,46 +0,0 @@
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
-import { useInstance } from 'intact';
-import { Option } from './option';
-import { OptionGroup } from './group';
-import { eachChildren, isComponentVNode } from '../utils';
-import { useState } from '../../hooks/useState';
-export function useImmutable() {
-  var instance = useInstance();
-  var immutableValues = useState([]);
-  function setImmutableValues() {
-    var _instance$get = instance.get(),
-      children = _instance$get.children,
-      multiple = _instance$get.multiple;
-    if (!multiple) return;
-    updateImmutableValues(children);
-  }
-  function updateImmutableValues(children) {
-    var _immutableValues = [];
-    var loop = function loop(children) {
-      eachChildren(children, function (vNode) {
-        if (isComponentVNode(vNode, Option)) {
-          var _vNode$props = vNode.props,
-            disabled = _vNode$props.disabled,
-            value = _vNode$props.value;
-          if (disabled) {
-            _immutableValues.push(value);
-          }
-        } else if (isComponentVNode(vNode, OptionGroup)) {
-          loop(vNode.props.children);
-        }
-      });
-    };
-    loop(children);
-    immutableValues.set(_immutableValues);
-  }
-  function isClosable(key) {
-    var _context;
-    return !_includesInstanceProperty(_context = immutableValues.value).call(_context, key);
-  }
-  setImmutableValues();
-  // instance.on('$receive:children', setImmutableValues);
-  return {
-    immutableValues: immutableValues,
-    isClosable: isClosable
-  };
-}

package/es/site/data/components/select/demos/immutable/index.d.ts

@@ -1,9 +0,0 @@
-export { default as data } from './index.json';
-import { Component } from 'intact';
-interface Props {
-    day?: string[];
-}
-export default class extends Component {
-    static template: string | import("intact").Template<any>;
-    static defaults(): Props;
-}

package/es/site/data/components/select/demos/immutable/index.js

@@ -1,18 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-export { default as data } from './index.json';
-import { Component } from 'intact';
-import template from './index.vdt';
-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 {
-      day: ['Tuesday', 'Sunday', 'Wednesday']
-    };
-  };
-  return default_1;
-}(Component);
-default_1.template = template;
-export { default_1 as default };

package/es/site/data/components/select/demos/immutable/react.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface Props {
-    day?: string[];
-}
-export default class Demo extends React.Component<{}, Props> {
-    state: Props;
-    render(): React.JSX.Element;
-}
-export {};

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

@@ -1,53 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
-import React from 'react';
-import { Select, Option } from '@king-design/react';
-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 = {
-      day: ['Tuesday', 'Sunday', 'Wednesday']
-    };
-    return _this;
-  }
-  var _proto = Demo.prototype;
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
-      value: this.state.day,
-      onChangeValue: function onChangeValue(day) {
-        return _this2.setState({
-          day: day
-        });
-      },
-      multiple: true,
-      filterable: true,
-      clearable: true
-    }, /*#__PURE__*/React.createElement(Option, {
-      value: "Monday"
-    }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
-      value: "Tuesday",
-      disabled: true
-    }, "\u661F\u671F\u4E8C"), /*#__PURE__*/React.createElement(Option, {
-      value: "Wednesday"
-    }, "\u661F\u671F\u4E09"), /*#__PURE__*/React.createElement(Option, {
-      value: "Thursday"
-    }, "\u661F\u671F\u56DB"), /*#__PURE__*/React.createElement(Option, {
-      value: "Friday",
-      disabled: true
-    }, "\u661F\u671F\u4E94"), /*#__PURE__*/React.createElement(Option, {
-      value: "Saturday"
-    }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
-      value: "Sunday"
-    }, "\u661F\u671F\u5929")), "You selected: ", _JSON$stringify(this.state.day));
-  };
-  return Demo;
-}(React.Component);
-export { Demo as default };

package/es/site/data/components/table/demos/asyncTree/index.d.ts

@@ -1,20 +0,0 @@
-export { default as data } from './index.json';
-import { Component } from 'intact';
-interface Props {
-    data: NonNullable<any>;
-}
-export default class extends Component<Props> {
-    static template: string | import("intact").Template<any>;
-    static defaults(): {
-        data: ({
-            name: string;
-            size: number;
-            children: never[];
-        } | {
-            name: string;
-            size: number;
-            children?: undefined;
-        })[];
-    };
-    loadData(node: any): Promise<void>;
-}

package/es/site/data/components/table/demos/asyncTree/index.js

@@ -1,53 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import _Promise from "@babel/runtime-corejs3/core-js/promise";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import { __decorate } from "tslib";
-export { default as data } from './index.json';
-import { Component } from 'intact';
-import template from './index.vdt';
-import { bind } from 'kpc';
-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 {
-      data: [{
-        name: 'Audios',
-        size: 12,
-        children: []
-      }, {
-        name: 'Images',
-        size: 14,
-        children: []
-      }, {
-        name: 'doc.pdf',
-        size: 18
-      }]
-    };
-  };
-  var _proto = default_1.prototype;
-  _proto.loadData = function loadData(node) {
-    var _this = this;
-    return new _Promise(function (resolve) {
-      setTimeout(function () {
-        var _context;
-        node.children = [{
-          name: 'child1',
-          size: 17
-        }, {
-          name: 'child2',
-          size: 15,
-          loaded: true
-        }];
-        _this.set('data', _concatInstanceProperty(_context = []).call(_context, _this.get('data')));
-        resolve();
-      }, 2000);
-    });
-  };
-  return default_1;
-}(Component);
-default_1.template = template;
-export { default_1 as default };
-__decorate([bind], default_1.prototype, "loadData", null);

package/es/site/data/components/table/demos/asyncTree/react.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-interface Props {
-    data: NonNullable<any>;
-}
-export default class Demo extends React.Component<{}, Props> {
-    state: {
-        data: ({
-            name: string;
-            size: number;
-            children: never[];
-        } | {
-            name: string;
-            size: number;
-            children?: undefined;
-        })[];
-    };
-    loadData(node: any): Promise<void>;
-    render(): React.JSX.Element;
-}
-export {};

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

@@ -1,76 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import _Promise from "@babel/runtime-corejs3/core-js/promise";
-import { __decorate } from "tslib";
-import React from 'react';
-import { Table, TableColumn } from '@king-design/react';
-import { bind } from '@king-design/react';
-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 = {
-      data: [{
-        name: 'Audios',
-        size: 12,
-        children: []
-      }, {
-        name: 'Images',
-        size: 14,
-        children: []
-      }, {
-        name: 'doc.pdf',
-        size: 18
-      }]
-    };
-    return _this;
-  }
-  var _proto = Demo.prototype;
-  _proto.loadData = function loadData(node) {
-    var _this2 = this;
-    return new _Promise(function (resolve) {
-      setTimeout(function () {
-        var _context2;
-        node.children = [{
-          name: 'child1',
-          size: 17
-        }, {
-          name: 'child2',
-          size: 15,
-          loaded: true
-        }];
-        _this2.setState({
-          data: _concatInstanceProperty(_context2 = []).call(_context2, _this2.state.data)
-        });
-        resolve();
-      }, 2000);
-    });
-  };
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Table, {
-      data: this.state.data,
-      rowKey: function rowKey(data) {
-        return data.name;
-      },
-      load: this.loadData
-    }, /*#__PURE__*/React.createElement(TableColumn, {
-      key: "name",
-      title: "Name"
-    }), /*#__PURE__*/React.createElement(TableColumn, {
-      key: "size",
-      title: "Size",
-      slotTemplate: function slotTemplate(_ref) {
-        var data = _ref[0];
-        return /*#__PURE__*/React.createElement(React.Fragment, null, data.size, "MB");
-      }
-    }));
-  };
-  return Demo;
-}(React.Component);
-export { Demo as default };
-__decorate([bind], Demo.prototype, "loadData", null);

package/es/site/data/components/table/demos/footer/index.d.ts

@@ -1,12 +0,0 @@
-export { default as data } from './index.json';
-import { Component } from 'intact';
-import './index.styl';
-export default class extends Component {
-    static template: string | import("intact").Template<any>;
-    static defaults(): {
-        data: {
-            a: string;
-            b: string;
-        }[];
-    };
-}

package/es/site/data/components/table/demos/footer/index.js

@@ -1,25 +0,0 @@
-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 {
-      data: [{
-        a: 'Cell 1-1',
-        b: 'Cell 1-2'
-      }, {
-        a: 'Cell 2-1',
-        b: 'Cell 2-2'
-      }]
-    };
-  };
-  return default_1;
-}(Component);
-default_1.template = template;
-export { default_1 as default };

package/es/site/data/components/table/demos/footer/react.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './index.styl';
-export default class Demo extends React.Component {
-    state: {
-        data: {
-            a: string;
-            b: string;
-        }[];
-    };
-    render(): React.JSX.Element;
-}