@king-design/intact 3.3.2 → 3.4.0-beta.0

package/es/components/table/styles.js

@@ -90,7 +90,7 @@ setDefault(function () {
   makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  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;}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%);}&.", k, "-fixed-right:before{left:-2px;}&: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) {
+  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;}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%);}&.", k, "-fixed-right:before{left:-2px;}&: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, "-hidden{display:none;}.", 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) {
     return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
   }), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
 });

package/es/components/table/table.vdt.js

@@ -84,7 +84,7 @@ export default function ($props, $blocks, $__proto__) {
   var onStart = this.resizable.start;
   var colgroup = _$ce(2, 'colgroup', [checkType !== 'none' ? _$ce(2, 'col', null, 1, null, _$tmp0) : undefined, _$ma(cols, function ($value, $key) {
     var _$cn2;
-    return _$ce(2, 'col', null, 1, _$cn((_$cn2 = {}, _$cn2[$value.className] = $value.className, _$cn2)), {
+    return _$ce(2, 'col', null, 1, _$cn((_$cn2 = {}, _$cn2[k + "-hidden"] = $value.hidden, _$cn2[$value.className] = $value.className, _$cn2)), {
       'width': $value.width,
       'style': {
         width: getWidth($value.key)

package/es/components/table/useChecked.js

@@ -4,6 +4,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { useInstance } from 'intact';
 import { watchState } from '../../hooks/useState';
 import { toggleArray } from '../utils';
+import { useReceive } from '../../hooks/useReceive';
 export var AllCheckedStatus;
 (function (AllCheckedStatus) {
   AllCheckedStatus[AllCheckedStatus["All"] = 0] = "All";
@@ -176,7 +177,8 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
   function triggerEvent(isChecked, key, rowIndex) {
     instance.trigger(isChecked ? 'checkRow' : 'uncheckRow', data.value[rowIndex], rowIndex, key);
   }
-  instance.on('$receive:children', updateAllCheckedStatus);
+  // instance.on('$receive:children', updateAllCheckedStatus);
+  useReceive(['children'], updateAllCheckedStatus);
   instance.on('$change:checkedKeys', updateAllCheckedStatus);
   // for draggable
   watchState(data, updateAllCheckedStatus);

package/es/components/table/useColumns.js

@@ -61,7 +61,7 @@ export function useColumns() {
       props.children = null;
       props.cols = 1;
       cols.push(props);
-      maxCols++;
+      if (!props.hidden) maxCols++;
       Object.defineProperty(props, 'rows', {
         get: function get() {
           return maxRows - row;

package/es/components/table/useDisableRow.js

@@ -1,5 +1,6 @@
 import { useInstance } from 'intact';
 import { watchState } from '../../hooks/useState';
+import { useReceive } from '../../hooks/useReceive';
 export function useDisableRow(loopData, data) {
   var instance = useInstance();
   var enabledKeys = [];
@@ -36,7 +37,8 @@ export function useDisableRow(loopData, data) {
   function getAllKeys() {
     return allKeys;
   }
-  instance.on('$receive:children', setDisabledKeys);
+  // instance.on('$receive:children', setDisabledKeys);
+  useReceive(['children'], setDisabledKeys);
   watchState(data, setDisabledKeys);
   return {
     isDisabled: isDisabled,

package/es/components/table/useMerge.js

@@ -1,5 +1,6 @@
 import { useInstance } from 'intact';
 import { watchState } from '../../hooks/useState';
+import { useReceive } from '../../hooks/useReceive';
 export function useMerge(getCols, data) {
   var instance = useInstance();
   var grid = [];
@@ -58,7 +59,11 @@ export function useMerge(getCols, data) {
   function getGrid() {
     return grid;
   }
-  instance.on('$receive:children', handleSpans);
+  /**
+   * https://github.com/ksc-fe/kpc/issues/1008
+   */
+  // instance.on('$receive:children', handleSpans);
+  useReceive(['children'], handleSpans);
   watchState(data, handleSpans);
   return {
     getGrid: getGrid

package/es/components/utils.js

@@ -263,7 +263,24 @@ export function strPad(str, length, pad) {
   }
   return str;
 }
+/**
+ * 在vue3.0中，数组会转成Proxy对象，需要获取原始数据比较
+ * https://github.com/ksc-fe/kpc/issues/985
+ * https://github.com/vuejs/core/blob/main/packages/reactivity/src/reactive.ts
+ */
+var RAW = '__v_raw';
+function isProxy(value) {
+  return value ? !!value[RAW] : false;
+}
+function toRaw(observed) {
+  var raw = observed && observed[RAW];
+  return raw ? toRaw(raw) : observed;
+}
 export function isEqualArray(a, b) {
+  if (a === b) return true;
+  // for vue3.0 Proxy object
+  if (isProxy(a)) a = toRaw(a);
+  if (isProxy(b)) b = toRaw(b);
   if (a === b) return true;
   if (Array.isArray(a) && Array.isArray(b)) {
     if (a.length !== b.length) return false;

package/es/i18n/en-US.js

@@ -1,3 +1,4 @@
+import _globalThis from "@babel/runtime-corejs3/core-js/global-this";
 var i18n = {
   // datepicker
   'yearMonthFormat': 'MM YYYY',
@@ -107,6 +108,9 @@ var i18n = {
   '复制': 'Copy'
 };
 export default i18n;
-if (typeof global.Kpc !== 'undefined') {
-  global.Kpc.localize(i18n);
+/**
+ * global does not exist in Vite, use standard object globalThis
+ */
+if (typeof _globalThis.Kpc !== 'undefined') {
+  _globalThis.Kpc.localize(i18n);
 }

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.3.2
+ * @king-design v3.4.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -63,4 +63,4 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.3.2";
+export declare const version = "3.4.0-beta.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.3.2
+ * @king-design v3.4.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,5 +64,5 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.3.2';
+export var version = '3.4.0-beta.0';
 /* generate end */

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

@@ -25,7 +25,13 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "link"
     }, "link"), /*#__PURE__*/React.createElement(Button, {
       type: "flat"
-    }, "flat"));
+    }, "flat"), /*#__PURE__*/React.createElement(Button, {
+      color: "red"
+    }, "custom"), /*#__PURE__*/React.createElement(Button, {
+      color: "#0000ea"
+    }, "custom"), /*#__PURE__*/React.createElement(Button, {
+      color: "rgb(183, 18, 193)"
+    }, "custom"));
   };
   return Demo;
 }(React.Component);

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

@@ -30,6 +30,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "success",
       ghost: true
     }, "success"), /*#__PURE__*/React.createElement(Button, {
+      color: "rgb(183, 18, 193)",
+      ghost: true
+    }, "custom"), /*#__PURE__*/React.createElement(Button, {
       type: "none",
       ghost: true
     }, "none"), /*#__PURE__*/React.createElement(Button, {

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

@@ -142,6 +142,23 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "guangzhou"
     }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
       value: "shenzhen"
+    }, "\u6DF1\u5733")), /*#__PURE__*/React.createElement("p", null, "\u652F\u6301\u81EA\u5B9A\u4E49ButtonGroup\u4E0B\u7684Button\u5BBD\u5EA6"), /*#__PURE__*/React.createElement(ButtonGroup, {
+      checkType: "radio",
+      value: this.state.city,
+      onChangeValue: function onChangeValue(city) {
+        return _this2.setState({
+          city: city
+        });
+      },
+      btnWidth: "100px"
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "beijing"
+    }, "\u5317\u4EAC"), /*#__PURE__*/React.createElement(Button, {
+      value: "shanghai"
+    }, "\u4E0A\u6D77"), /*#__PURE__*/React.createElement(Button, {
+      value: "guangzhou"
+    }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
+      value: "shenzhen"
     }, "\u6DF1\u5733")));
   };
   return Demo;

package/es/site/data/components/dialog/demos/static/index.d.ts

@@ -9,4 +9,5 @@ export default class extends Component<Props> {
     static defaults(): Props;
     showDialog(type: Type): void;
     showDialogWithTitle(type: Type): void;
+    showAsyncCloseConfirm(): void;
 }

package/es/site/data/components/dialog/demos/static/index.js

@@ -33,6 +33,21 @@ var default_1 = /*#__PURE__*/function (_Component) {
       Message.info('clicked cancel button');
     });
   };
+  _proto.showAsyncCloseConfirm = function showAsyncCloseConfirm() {
+    var dialog;
+    Dialog.confirm({
+      content: '点击确认，异步关闭',
+      ref: function ref(_dialog) {
+        return dialog = _dialog;
+      },
+      ok: function ok() {
+        dialog.showLoading();
+        setTimeout(function () {
+          dialog.close();
+        }, 3000);
+      }
+    });
+  };
   return default_1;
 }(Component);
 default_1.template = template;

package/es/site/data/components/dialog/demos/static/react.d.ts

@@ -7,6 +7,7 @@ export default class Demo extends React.Component<{}, Props> {
     state: Props;
     showDialog(type: Type): void;
     showDialogWithTitle(type: Type): void;
+    showAsyncCloseConfirm(): void;
     render(): React.JSX.Element;
 }
 export {};

package/es/site/data/components/dialog/demos/static/react.js

@@ -38,6 +38,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       Message.info('clicked cancel button');
     });
   };
+  _proto.showAsyncCloseConfirm = function showAsyncCloseConfirm() {
+    var dialog;
+    Dialog.confirm({
+      content: '点击确认，异步关闭',
+      ref: function ref(_dialog) {
+        return dialog = _dialog;
+      },
+      ok: function ok() {
+        dialog.showLoading();
+        setTimeout(function () {
+          dialog.close();
+        }, 3000);
+      }
+    });
+  };
   _proto.render = function render() {
     var _context2,
       _this2 = this,
@@ -50,7 +65,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(Button, {
         onClick: _this2.showDialogWithTitle.bind(_this2, $value)
       }, "Show ", $value[0].toUpperCase() + $value.substring(1), " Dialog with Title");
-    })));
+    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showAsyncCloseConfirm
+    }, "\u5F02\u6B65\u5173\u95EDconfirm\u5F39\u5C42"));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/popover/demos/tooltip/index.d.ts

@@ -0,0 +1,7 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    ok(): void;
+    cancel(): void;
+}

package/es/site/data/components/popover/demos/tooltip/index.js

@@ -0,0 +1,21 @@
+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 { Message } from 'kpc';
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = default_1.prototype;
+  _proto.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/popover/demos/tooltip/react.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    ok(): void;
+    cancel(): void;
+    render(): React.JSX.Element;
+}

package/es/site/data/components/popover/demos/tooltip/react.js

@@ -0,0 +1,30 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Popover, Tooltip } from '@king-design/react';
+import { Message } from '@king-design/react';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+  var _proto = Demo.prototype;
+  _proto.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+      onOk: this.ok,
+      onCancel: this.cancel,
+      okText: "confirm",
+      cancelText: "cancel"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: "\u5220\u9664"
+    }, /*#__PURE__*/React.createElement("button", null, "\u5220\u9664"))));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/switch/demos/beforeChange/index.d.ts

@@ -0,0 +1,12 @@
+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(): {
+        value1: boolean;
+        value2: boolean;
+    };
+    beforeChange(value: any): Promise<boolean>;
+    beforeChangeFalse(value: any): Promise<boolean>;
+}

package/es/site/data/components/switch/demos/beforeChange/index.js

@@ -0,0 +1,39 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+import { Message } 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 {
+      value1: false,
+      value2: false
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.beforeChange = function beforeChange(value) {
+    return new _Promise(function (resolve) {
+      Message.warning("current value is " + value);
+      setTimeout(function () {
+        resolve(true);
+      }, 1000);
+    });
+  };
+  _proto.beforeChangeFalse = function beforeChangeFalse(value) {
+    Message.warning("current value is " + value);
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        resolve(false);
+      }, 1000);
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/switch/demos/beforeChange/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        value1: boolean;
+        value2: boolean;
+    };
+    beforeChange(value: any): Promise<boolean>;
+    beforeChangeFalse(value: any): Promise<boolean>;
+    render(): React.JSX.Element;
+}

package/es/site/data/components/switch/demos/beforeChange/react.js

@@ -0,0 +1,62 @@
+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 React from 'react';
+import { Switch } from '@king-design/react';
+import './index.styl';
+import { Message } 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 = {
+      value1: false,
+      value2: false
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.beforeChange = function beforeChange(value) {
+    return new _Promise(function (resolve) {
+      Message.warning("current value is " + value);
+      setTimeout(function () {
+        resolve(true);
+      }, 1000);
+    });
+  };
+  _proto.beforeChangeFalse = function beforeChangeFalse(value) {
+    Message.warning("current value is " + value);
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        resolve(false);
+      }, 1000);
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Switch, {
+      value: this.state.value1,
+      onChangeValue: function onChangeValue(value1) {
+        return _this2.setState({
+          value1: value1
+        });
+      },
+      beforeChange: this.beforeChange
+    }), /*#__PURE__*/React.createElement(Switch, {
+      value: this.state.value2,
+      onChangeValue: function onChangeValue(value2) {
+        return _this2.setState({
+          value2: value2
+        });
+      },
+      beforeChange: this.beforeChangeFalse
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +1,14 @@
+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;
+            c: string;
+        }[];
+        data2: never[];
+    };
+}

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

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

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

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

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

@@ -0,0 +1,63 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Table, TableColumn } 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 = {
+      data: [{
+        a: 'Cell 1-1',
+        b: 'Cell 1-2',
+        c: 'cell 1-3'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2',
+        c: 'cell 2-3'
+      }],
+      data2: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      resizable: true
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1",
+      minWidth: 200
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2",
+      minWidth: 300,
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3"
+    })), /*#__PURE__*/React.createElement("p", null, "\u65E0\u6570\u636E\u5C55\u793A"), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data2,
+      resizable: true
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2",
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3"
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/i18n/en-US.ts

@@ -120,6 +120,9 @@ const i18n = {
 
 export default i18n; 
 
-if (typeof (global as any).Kpc !== 'undefined') {
-    (global as any).Kpc.localize(i18n);
+/**
+ * global does not exist in Vite, use standard object globalThis
+ */
+if (typeof (globalThis as any).Kpc !== 'undefined') {
+    (globalThis as any).Kpc.localize(i18n);
 }

package/index.ts

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