@king-design/intact 3.4.5 → 3.5.0-beta.0

package/components/input/index.spec.ts

@@ -4,6 +4,7 @@ import SearchDemo from '~/components/input/demos/search';
 import FrozenDemo from '~/components/input/demos/frozen';
 import AutoRowsDemo from '~/components/input/demos/autoRows';
 import PasswordDemo from '~/components/input/demos/password';
+import AutoWidthDemo from '~/components/input/demos/autowidth';
 import {Input} from './';
 import {Dialog} from '../dialog';
 import { Component } from 'intact';
@@ -166,4 +167,14 @@ describe('Input', () => {
         const width = parseInt(dialog.querySelector<HTMLInputElement>('.k-input-inner')!.style.width);
         expect(width).to.gt(1);
     });
+
+    it('autoWidth', async() => {
+        // should expand when input spaces
+        const [instance, element] = mount(AutoWidthDemo);
+        const input = element.querySelector('input') as HTMLInputElement;
+        input.value = 'ab  ';
+        dispatchEvent(input, 'input');
+        await wait(50);
+        expect(input.offsetWidth).to.gt(16);
+    });
 });

package/components/input/index.vdt

@@ -143,7 +143,7 @@ if (hasInputValue) {
                         <b:suffix />
                     </div>
                     <div class={`${k}-input-fake`} v-if={autoWidth}>
-                        <span ref={fakeRef}>{!hasValue ? (hasInputValue || !defaultValue ? placeholder : defaultValue) : inputValue}</span>
+                        <pre ref={fakeRef}>{!hasValue ? (hasInputValue || !defaultValue ? placeholder : defaultValue) : inputValue}</pre>
                     </div>
                 </div>
             </Wave>

package/components/input/styles.ts

@@ -325,6 +325,9 @@ export const makeStyles = cache(function makeStyles(k: string) {
             // width: 100%;
             visibility: hidden;
             white-space: nowrap;
+            pre {
+                font-family: inherit;
+            }
         }
         &.${k}-auto-width {
             width: auto;

package/components/select/base.vdt

@@ -54,6 +54,7 @@ const filterInput = <Input v-if={filterable}
     readonly={!show}
     waveDisabled={true}
     flat={flat}
+    frozenOnInput
 />
 
 <ErrorContext.Consumer defaultValue={false}>
@@ -95,6 +96,7 @@ const filterInput = <Input v-if={filterable}
                                 readonly={!show}
                                 waveDisabled={true}
                                 flat={flat}
+                                frozenOnInput
                             />
                             <div class={`${k}-select-placeholder c-ellipsis`}
                                 v-else-if={!filterable && !hasValue}

package/components/select/index.spec.ts

@@ -159,6 +159,15 @@ describe('Select', () => {
         dispatchEvent(document, 'keydown', {keyCode: 13});
         await wait();
         expect(instance.get('day1')).to.eql('Wednesday');
+
+        // should input spaces
+        input1.click();
+        await wait();
+        dispatchEvent(input1, 'focus');
+        input1.value = 'm ';
+        dispatchEvent(input1, 'input');
+        await wait();
+        expect(input1.value).to.eql('m ');
     });
 
     it('group', async () => {

package/components/table/demos/group.md

@@ -5,7 +5,7 @@ order: 18
 
 分组需要两个`group`来指定：
 
-1. 第一个是`Table`上的`group`属性，该属性指定当前分组的方式，形式为：`{key: ["分组的列的key"], value: ["当前列选择的分组的值"]}`。
+1. 第一个是`Table`上的`group`属性，该属性指定当前分组的方式，形式为：`{分组的列的key: ["当前列选择的分组的值"]}`。
 对于“全部”选项，`value`需要设为空字符串`""`，这样才能在选择“全部”的时候，不高亮筛选按钮
 2. 第二个是`TableColumn`的`group`属性，该属性指定当前列有哪些可选的分组方式，形式为：`[{label: "分组展示文案", value: "选择后的值"}]`。
 如果该列支持多选，还可以添加`multiple`属性，默认为单选

package/es/components/input/index.spec.js

@@ -3,18 +3,17 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import BasicDemo from '~/components/input/demos/basic';
-import { mount, unmount, dispatchEvent, wait, getElement } from '../../test/utils';
+import { mount, dispatchEvent, wait, getElement } from '../../test/utils';
 import SearchDemo from '~/components/input/demos/search';
 import FrozenDemo from '~/components/input/demos/frozen';
 import AutoRowsDemo from '~/components/input/demos/autoRows';
 import PasswordDemo from '~/components/input/demos/password';
+import AutoWidthDemo from '~/components/input/demos/autowidth';
 import { Input } from './';
 import { Dialog } from '../dialog';
 import { Component } from 'intact';
 describe('Input', function () {
-  afterEach(function () {
-    unmount();
-  });
+  // afterEach(() => {unmount()});
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, input;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -238,4 +237,24 @@ describe('Input', function () {
       }
     }, _callee6);
   })));
+  it('autoWidth', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var _mount7, instance, element, input;
+    return _regeneratorRuntime.wrap(function _callee7$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          // should expand when input spaces
+          _mount7 = mount(AutoWidthDemo), instance = _mount7[0], element = _mount7[1];
+          input = element.querySelector('input');
+          input.value = 'ab  ';
+          dispatchEvent(input, 'input');
+          _context8.next = 6;
+          return wait(50);
+        case 6:
+          expect(input.offsetWidth).to.gt(16);
+        case 7:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee7);
+  })));
 });

package/es/components/input/index.vdt.js

@@ -133,7 +133,7 @@ export default function ($props, $blocks, $__proto__) {
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['suffix'](_$no))], 0, _$cn(k + "-input-suffix"), {
           'ev-click': stopPropagation
-        }) : undefined, autoWidth ? _$ce(2, 'div', _$ce(2, 'span', !hasValue ? hasInputValue || !defaultValue ? placeholder : defaultValue : inputValue, 0, null, null, null, fakeRef), 2, _$cn(k + "-input-fake")) : undefined], 0, _$cn(k + "-input-wrapper"), {
+        }) : undefined, autoWidth ? _$ce(2, 'div', _$ce(2, 'pre', !hasValue ? hasInputValue || !defaultValue ? placeholder : defaultValue : inputValue, 0, null, null, null, fakeRef), 2, _$cn(k + "-input-fake")) : undefined], 0, _$cn(k + "-input-wrapper"), {
           'ev-click': focusInputOnClick
         })
       });

package/es/components/input/styles.js

@@ -125,7 +125,7 @@ export var makeStyles = cache(function makeStyles(k) {
     return /*#__PURE__*/css("&.", k, "-", size, "{", sizeClassName, ";}");
   }), "&.", k, "-inline{.", k, "-input-wrapper{height:auto;border:none;border-radius:0;padding:0;}}&.", k, "-type-textarea{.", k, "-input-wrapper{display:inline-block;padding:0;height:auto;}.", k, "-textarea{width:100%;padding:", input.textareaPadding, ";line-height:1.5;vertical-align:top;}.", k, "-input-suffix{margin:0;justify-content:flex-end;}}", _mapInstanceProperty(_context = Input.typeDefs.resize).call(_context, function (type) {
     return /*#__PURE__*/css("&.", k, "-resize-", type, "{.", k, "-textarea{resize:", type, ";}}");
-  }), ".", k, "-input-fake{left:0;top:0;position:absolute;overflow:hidden;visibility:hidden;white-space:nowrap;}&.", k, "-auto-width{width:auto;max-width:100%;}.", k, "-input-count{color:", input.count.color, ";}");
+  }), ".", k, "-input-fake{left:0;top:0;position:absolute;overflow:hidden;visibility:hidden;white-space:nowrap;pre{font-family:inherit;}}&.", k, "-auto-width{width:auto;max-width:100%;}.", k, "-input-count{color:", input.count.color, ";}");
 });
 export var makeSearchStyles = cache(function makeSearchStyles(k) {
   return /*#__PURE__*/css("position:relative;display:inline-block;.", k, "-input{transition:width ", input.transition, ";}.", k, "-btn{position:absolute;top:0;right:0;z-index:1;}&.", k, "-default .", k, "-btn:hover{background:transparent;}.", k, "-input-suffix{margin-right:", input.search.suffixMarginRight, ";}&.", k, "-hide{", _mapInstanceProperty(sizes).call(sizes, function (size) {

package/es/components/select/base.vdt.js

@@ -71,7 +71,8 @@ export default function ($props, $blocks, $__proto__) {
     'key': 'filter',
     'readonly': !show,
     'waveDisabled': true,
-    'flat': flat
+    'flat': flat,
+    'frozenOnInput': true
   }, 'filter', inputRef) : undefined;
   return _$cc(ErrorContext.Consumer, {
     'defaultValue': false,
@@ -122,7 +123,8 @@ export default function ($props, $blocks, $__proto__) {
               'key': 'input',
               'readonly': !show,
               'waveDisabled': true,
-              'flat': flat
+              'flat': flat,
+              'frozenOnInput': true
             }, 'input', inputRef) : !filterable && !hasValue ? _$ce(2, 'div', placeholder, 0, _$cn(k + "-select-placeholder c-ellipsis"), null, 'placeholder') : !multiple ? _$ce(2, 'div', (_$blocks['value'] = function ($super) {
               return label;
             }, __$blocks['value'] = function ($super, data) {

package/es/components/select/index.spec.js

@@ -240,7 +240,19 @@ describe('Select', function () {
           return wait();
         case 50:
           expect(instance.get('day1')).to.eql('Wednesday');
-        case 51:
+          // should input spaces
+          input1.click();
+          _context6.next = 54;
+          return wait();
+        case 54:
+          dispatchEvent(input1, 'focus');
+          input1.value = 'm ';
+          dispatchEvent(input1, 'input');
+          _context6.next = 59;
+          return wait();
+        case 59:
+          expect(input1.value).to.eql('m ');
+        case 60:
         case "end":
           return _context6.stop();
       }

package/es/index.d.ts

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

package/es/index.js

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

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.5
+ * @king-design v3.5.0-beta.0
  *
  * 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.5';
+export const version = '3.5.0-beta.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.4.5",
+  "version": "3.5.0-beta.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {