@king-design/react 3.1.0 → 3.1.1-beta.1

package/components/collapse/item.vdt.js

@@ -39,7 +39,8 @@ export default function ($props, $blocks, $__proto__) {
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['title'](_$no)), _$cc(Icon, {
     'className': _$cn((_$cn2 = {}, _$cn2[k + "-collapse-arrow"] = true, _$cn2[k + "-icon-right"] = true, _$cn2)),
-    'hoverable': !disabled
+    'hoverable': true,
+    'disabled': disabled
   })], 0, _$cn(k + "-collapse-title"), {
     'ev-click': this.toggle
   }), _$cc(Transition, _extends({

package/components/collapse/styles.js

@@ -32,5 +32,5 @@ export function makeStyles(k) {
 }
 export function makeItemStyles(k) {
   var collapseItem = collapse.item;
-  return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}.", k, "-collapse-title{cursor:pointer;font-weight:bold;height:", collapseItem.titleHeight, ";line-height:", collapseItem.titleHeight, ";transition:color ", collapse.transition, ";}.", k, "-collapse-arrow{float:right;transition:transform ", collapse.transition, ";line-height:", collapseItem.titleHeight, ";height:", collapseItem.titleHeight, ";}&:not(.", k, "-disabled){.", k, "-collapse-title{&:hover{color:", theme.color.primary, ";}}}&.", k, "-active{.", k, "-collapse-arrow{transform:rotate(90deg);}}&.", k, "-disabled{color:", theme.color.disabledBorder, ";.", k, "-collapse-title{cursor:not-allowed;}}");
+  return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}>.", k, "-collapse-title{cursor:pointer;font-weight:bold;height:", collapseItem.titleHeight, ";line-height:", collapseItem.titleHeight, ";transition:color ", collapse.transition, ";.", k, "-collapse-arrow{float:right;transition:transform ", collapse.transition, ";line-height:", collapseItem.titleHeight, ";height:", collapseItem.titleHeight, ";}}&:not(.", k, "-disabled){>.", k, "-collapse-title{&:hover{color:", theme.color.primary, ";}}}&.", k, "-active{>.", k, "-collapse-title .", k, "-collapse-arrow{transform:rotate(90deg);}}&.", k, "-disabled{color:", theme.color.disabledBorder, ";>.", k, "-collapse-title{cursor:not-allowed;}}");
 }

package/components/dialog/styles.js

@@ -87,7 +87,7 @@ export function makeDialogStyles(k) {
 
   return /*#__PURE__*/css("position:absolute;width:", dialog.width, ";border-radius:", dialog.borderRadius, ";background:", dialog.bgColor, ";font-size:", dialog.fontSize, ";color:", dialog.color, ";box-shadow:", dialog.boxShadow, ";max-width:100%;z-index:", theme.maxZIndex, ";&.", k, "-dragging{cursor:move;user-select:none;}&.transition-enter-active,&.transition-leave-active,&.transition-appear-active{transition:all ", dialog.transition, ";}&.transition-enter-from,&.transition-leave-to,&.transition-appear-from{transform:", dialog.transform, ";opacity:0;}", _mapInstanceProperty(_context = ['large', 'small', 'mini']).call(_context, function (size) {
     return /*#__PURE__*/css("&.", k, "-", size, "{width:", dialog[size + "Width"], ";}");
-  }), ".", k, "-dialog-header{padding:0 ", dialog.padding, ";margin:", dialog.margin, ";border-bottom:", dialog.header.border, ";height:", dialog.header.height, ";line-height:", dialog.header.height, ";font-size:", dialog.header.fontSize, ";color:", dialog.header.color, ";position:relative;font-weight:", dialog.header.fontWeight, ";}.", k, "-dialog-title{display:inline-block;}.", k, "-dialog-close{position:absolute;right:", dialog.header.closeRight, ";top:", dialog.header.closeTop, ";.", k, "-icon{font-size:", dialog.header.closeIconFontSize, ";}}.", k, "-dialog-body{padding:", dialog.body.padding, ";}.", k, "-dialog-footer{text-align:right;padding:", dialog.footer.padding, ";margin:", dialog.margin, ";border-top:", dialog.footer.border, ";.", k, "-btn{margin-left:", dialog.footer.btnGap, ";}}");
+  }), ".", k, "-dialog-header{padding:0 ", dialog.padding, ";margin:", dialog.margin, ";border-bottom:", dialog.header.border, ";height:", dialog.header.height, ";line-height:", dialog.header.height, ";font-size:", dialog.header.fontSize, ";color:", dialog.header.color, ";position:relative;font-weight:", dialog.header.fontWeight, ";}.", k, "-dialog-title{display:inline-block;}.", k, "-dialog-close{position:absolute;right:", dialog.header.closeRight, ";top:", dialog.header.closeTop, ";.", k, "-icon{font-size:", dialog.header.closeIconFontSize, ";}}.", k, "-dialog-body{padding:", dialog.body.padding, ";position:relative;}.", k, "-dialog-footer{text-align:right;padding:", dialog.footer.padding, ";margin:", dialog.margin, ";border-top:", dialog.footer.border, ";.", k, "-btn{margin-left:", dialog.footer.btnGap, ";}}");
 }
 export function makeWrapperStyles(k) {
   //.${k}-fade-leave-active will add position absolute to the styles
@@ -97,7 +97,7 @@ export function makeWrapperStyles(k) {
 export function makeAlertStyles(k) {
   var _context2;
 
-  return /*#__PURE__*/css("&.", k, "-alert-dialog{.", k, "-dialog-body{margin-top:", dialog.alert.bodyMarginTop, ";padding:", dialog.alert.padding, ";text-align:center;position:relative;z-index:1;}.", k, "-dialog-header,.", k, "-dialog-footer{border:none;}.", k, "-dialog-tip-icon{margin-bottom:", dialog.alert.tipIconMarginBottom, ";.", k, "-icon{font-size:", dialog.alert.tipIconFontSize, ";line-height:", dialog.alert.tipIconLineHeight, ";}}", _mapInstanceProperty(_context2 = ['success', 'warning', 'error', 'confirm']).call(_context2, function (type) {
+  return /*#__PURE__*/css("&.", k, "-alert-dialog{.", k, "-dialog-body{margin-top:", dialog.alert.bodyMarginTop, ";padding:", dialog.alert.padding, ";text-align:center;z-index:1;}.", k, "-dialog-header,.", k, "-dialog-footer{border:none;}.", k, "-dialog-tip-icon{margin-bottom:", dialog.alert.tipIconMarginBottom, ";.", k, "-icon{font-size:", dialog.alert.tipIconFontSize, ";line-height:", dialog.alert.tipIconLineHeight, ";}}", _mapInstanceProperty(_context2 = ['success', 'warning', 'error', 'confirm']).call(_context2, function (type) {
     var color = type === 'error' ? theme.color.danger : type === 'confirm' ? theme.color.primary : theme.color[type];
     return /*#__PURE__*/css("&.", k, "-", type, "{.", k, "-dialog-tip-icon{color:", color, ";}}");
   }), " &:not(.", k, "-confirm){.", k, "-dialog-cancel{display:none;}}&.", k, "-with-title{.", k, "-dialog-body{margin-top:", dialog.alert.titleBodyMarginTop, ";text-align:left;}.", k, "-dialog-tip-icon{float:left;.", k, "-icon{font-size:", dialog.alert.titleTipIconFontSize, ";}}.", k, "-alert-dialog-wrapper{overflow:hidden;padding-left:", dialog.alert.wrapperPaddingLeft, ";}.", k, "-alert-dialog-title{line-height:", dialog.alert.tipIconLineHeight, ";font-size:", dialog.alert.titleFontSize, ";font-weight:", dialog.alert.titleFontWeight, ";}}}");

package/components/editable/index.vdt.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
-import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createElementVNode as _$ce } from 'intact-react';
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, createUnknownComponentVNode as _$cc } from 'intact-react';
 import { getRestProps } from '../utils';
 import { Input } from '../input';
 import { Icon } from '../icon';
@@ -26,21 +26,22 @@ export default function ($props, $blocks, $__proto__) {
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-editable"] = true, _classNameObj[k + "-editing"] = editing, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-invalid"] = invalid, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({}, getRestProps(this), {
     'className': _$cn(classNameObj)
-  }), [!disabled && !editing ? _$cc(Tooltip, {
+  }), [_$ce(2, 'div', !editing ? children : _$cc(Input, {
+    'size': 'mini',
+    'defaultValue': value,
+    'ev-blur': this.onBlur,
+    'ev-keydown': this.onKeydown,
+    'ref': this.inputRef,
+    'frozenOnInput': true,
+    'ev-$mounted': this.select,
+    'autoWidth': true
+  }, null, this.inputRef), 0, 'c-ellipsis'), !disabled && !editing ? _$cc(Tooltip, {
     'content': tip,
     'children': _$cc(Icon, {
       'className': _$cn(k + "-icon-edit " + k + "-editable-icon"),
       'ev-click': this.edit,
       'hoverable': true
     })
-  }) : undefined, _$ce(2, 'div', !editing ? children : _$cc(Input, {
-    'size': 'small',
-    'defaultValue': value,
-    'ev-blur': this.onBlur,
-    'ev-keydown': this.onKeydown,
-    'ref': this.inputRef,
-    'frozenOnInput': true,
-    'ev-$mounted': this.select
-  }, null, this.inputRef), 0, 'c-ellipsis')]);
+  }) : undefined]);
 }
 ;

package/components/editable/styles.d.ts

@@ -1,7 +1,6 @@
 import '../../styles/global';
 declare const defaults: {
     iconGap: string;
-    lineHeight: string;
     invalid: {
         readonly border: string;
     };

package/components/editable/styles.js

@@ -4,7 +4,6 @@ import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
   iconGap: '0 0 0 8px',
-  lineHeight: '30px',
   // invalid
   invalid: {
     get border() {
@@ -21,5 +20,5 @@ setDefault(function () {
 });
 export { editable };
 export function makeStyles(k) {
-  return /*#__PURE__*/css("display:inline-block;line-height:", editable.lineHeight, ";.", k, "-editable-icon{float:right;cursor:pointer;margin:", editable.iconGap, ";line-height:unset;}&.", k, "-invalid{.", k, "-input-inner{border:", editable.invalid.border, "!important;}}");
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-inner{border:", editable.invalid.border, "!important;}}");
 }

package/components/table/exportTable.d.ts

@@ -1,3 +1,4 @@
 import { ComponentClass } from 'intact-react';
 import type { useColumns } from './useColumns';
 export declare function exportTable(getData: ReturnType<typeof useColumns>['getData'], data: any[] | undefined, childrenKey: string | undefined, parentComponet: ComponentClass, filename: string): Promise<string>;
+export declare function download(content: string, filename: string): void;

package/components/table/exportTable.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import _URL from "@babel/runtime-corejs3/core-js/url";
 import { findDomFromVNode, createVNode as h, mount } from 'intact-react';
 import { loopDataWithChildrenKey } from './useTree';
 import { get, noop, isNullOrUndefined } from 'intact-shared';
@@ -10,17 +11,12 @@ export function exportTable(_x, _x2, _x3, _x4, _x5) {
 
 function _exportTable() {
   _exportTable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(getData, data, childrenKey, parentComponet, filename) {
-    var download, collection, _getData, columns, cols, content;
+    var collection, _getData, columns, cols, content;
 
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
-            return import('downloadjs');
-
-          case 2:
-            download = _context.sent.default;
             collection = [];
             _getData = getData(), columns = _getData.columns, cols = _getData.cols; // head
 
@@ -60,10 +56,10 @@ function _exportTable() {
               collection.push(rows.join(','));
             }, false);
             content = collection.join('\r\n');
-            download("\uFEFF" + content, filename + '.csv', 'text/comma-separated-values;charset=utf-8');
+            download(content, filename + '.csv');
             return _context.abrupt("return", content);
 
-          case 10:
+          case 7:
           case "end":
             return _context.stop();
         }
@@ -77,4 +73,33 @@ function pushTextContext(rows, dom, content) {
   var text = isNullOrUndefined(content) ? dom.textContent : content;
   text = '"' + String(_trimInstanceProperty(text).call(text)).replace(/"/g, '""') + '"';
   rows.push(text);
+}
+
+export function download(content, filename) {
+  if (navigator.msSaveBlob) {
+    // IE10+
+    var blob = new Blob([content], {
+      type: 'text/csv;charset=utf-8'
+    });
+    navigator.msSaveBlob(blob, filename);
+  } else {
+    var link = document.createElement('a');
+
+    if ('download' in link) {
+      var _blob = new Blob([content], {
+        type: 'text/csv;charset=utf-8'
+      });
+
+      var url = _URL.createObjectURL(_blob);
+
+      link.setAttribute('href', url);
+      link.setAttribute('download', filename);
+      link.style.display = 'none';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    } else {
+      window.open("data:text/csv,charset=utf-8,%EF%BB%BF" + encodeURI(content));
+    }
+  }
 }

package/components/table/index.spec.js

@@ -24,6 +24,7 @@ import DraggableTable from '~/components/table/demos/draggable';
 import MergeCellDemo from '~/components/table/demos/mergeCell';
 import { AllCheckedStatus } from './useChecked';
 import PaginationDemo from '~/components/table/demos/pagination';
+import { download } from './exportTable';
 describe('Table', function () {
   afterEach(function () {
     unmount();
@@ -682,7 +683,7 @@ describe('Table', function () {
     }, _callee13);
   })));
   it('export', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-    var _mount15, instance, element, content, content1;
+    var _mount15, instance, element, content, content1, csv;
 
     return _regeneratorRuntime.wrap(function _callee14$(_context14) {
       while (1) {
@@ -705,9 +706,13 @@ describe('Table', function () {
 
           case 8:
             content1 = _context14.sent;
-            expect(content1.replace(/\r\n|\r/g, '\n')).to.matchSnapshot();
+            expect(content1.replace(/\r\n|\r/g, '\n')).to.matchSnapshot(); // it will be error codes if downloadjs exports below contents
+            // use custom download function instead
 
-          case 10:
+            csv = '"镜像名称","系统大小","镜像类型","状态","操作系统","创建时间","是否支持快速开机","可用区","镜像描述","关联快照"\r\n"a12321","20GB","普通镜像","错误 详情","centos-7","2023-11-23 15:54:10","否","--","--","q"';
+            download(csv, 'test.csv');
+
+          case 12:
           case "end":
             return _context14.stop();
         }

package/components/table/styles.js

@@ -105,7 +105,7 @@ setDefault(function () {
 export 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;td,th{transition:all ", table.transition, ";}}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%);}&: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(".", k, "-align-", type, "{text-align:", type, ";}");
-  }), ">.", k, "-pagination{margin:16px 0;}");
+  }), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
 }
 export function makeGroupMenuStyles(k) {
   return /*#__PURE__*/css("min-width:", table.group.menuMinWidth, "!important;.", k, "-dropdown-item.", k, "-active{color:", table.group.activeColor, ";}.", k, "-table-group-header{padding:", table.group.headerPadding, ";border-bottom:", table.group.headerBorder, ";}.", k, "-table-group-body{max-height:", table.group.menuMaxHeight, ";overflow:auto;}.", k, "-table-group-footer{text-align:right;border-top:", table.group.headerBorder, ";padding:8px;.", k, "-btn{margin-left:8px;}}");

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.0
+ * @king-design v3.1.1-beta.1
  *
  * 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.0";
+export declare const version = "3.1.1-beta.1";
 
 
 export {normalize} from 'intact-react';

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.1.0",
+  "version": "3.1.1-beta.1",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",
@@ -35,7 +35,6 @@
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
-    "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
     "intact-react": "3.0.22",
     "monaco-editor": "^0.26.1",