@king-design/react 3.1.4-beta.2 → 3.1.4

package/components/copy/index.spec.js

@@ -10,105 +10,83 @@ import { Copy } from '.';
 describe('Copy', function () {
   afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            unmount();
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          unmount();
+        case 1:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('should copy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount, instance, element, text;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            element.click();
-            _context2.prev = 2;
-            _context2.next = 5;
-            return navigator.clipboard.readText();
-
-          case 5:
-            text = _context2.sent;
-            expect(text).to.eql('Hello King Desgin!');
-            _context2.next = 12;
-            break;
-
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](2);
-            // Read permisson denied 
-            console.log(_context2.t0);
-
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          element.click();
+          _context2.prev = 2;
+          _context2.next = 5;
+          return navigator.clipboard.readText();
+        case 5:
+          text = _context2.sent;
+          expect(text).to.eql('Hello King Desgin!');
+          _context2.next = 12;
+          break;
+        case 9:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](2);
+          // Read permisson denied 
+          console.log(_context2.t0);
+        case 12:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2, null, [[2, 9]]);
   })));
   it('wrap copy with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var Demo, _mount2, instance, element, text;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component) {
-              _inheritsLoose(Demo, _Component);
-
-              function Demo() {
-                var _context3;
-
-                var _this;
-
-                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                  args[_key] = arguments[_key];
-                }
-
-                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
-                _this.Tooltip = Tooltip;
-                _this.Copy = Copy;
-                return _this;
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _Component);
+            function Demo() {
+              var _context3;
+              var _this;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
               }
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const { Tooltip, Copy } = this;\n                <Tooltip content=\"test\">\n                    <Copy text=\"test\" />\n                </Tooltip>\n            ";
-            _mount2 = mount(Demo), instance = _mount2[0], element = _mount2[1];
-            element.click();
-            _context4.next = 6;
-            return wait();
-
-          case 6:
-            _context4.prev = 6;
-            _context4.next = 9;
-            return navigator.clipboard.readText();
-
-          case 9:
-            text = _context4.sent;
-            expect(text).to.eql('test');
-            _context4.next = 16;
-            break;
-
-          case 13:
-            _context4.prev = 13;
-            _context4.t0 = _context4["catch"](6);
-            // Read permisson denied 
-            console.log(_context4.t0);
-
-          case 16:
-          case "end":
-            return _context4.stop();
-        }
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
+              _this.Tooltip = Tooltip;
+              _this.Copy = Copy;
+              return _this;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const { Tooltip, Copy } = this;\n                <Tooltip content=\"test\">\n                    <Copy text=\"test\" />\n                </Tooltip>\n            ";
+          _mount2 = mount(Demo), instance = _mount2[0], element = _mount2[1];
+          element.click();
+          _context4.next = 6;
+          return wait();
+        case 6:
+          _context4.prev = 6;
+          _context4.next = 9;
+          return navigator.clipboard.readText();
+        case 9:
+          text = _context4.sent;
+          expect(text).to.eql('test');
+          _context4.next = 16;
+          break;
+        case 13:
+          _context4.prev = 13;
+          _context4.t0 = _context4["catch"](6);
+          // Read permisson denied 
+          console.log(_context4.t0);
+        case 16:
+        case "end":
+          return _context4.stop();
       }
     }, _callee3, null, [[6, 13]]);
   })));

package/components/copy/index.vdt.js

@@ -8,18 +8,15 @@ import { makeStyles } from './styles';
 import { _$ } from '../../i18n';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      children = _this$get.children,
-      className = _this$get.className;
-
+    children = _this$get.children,
+    className = _this$get.className;
   var _this$copy = this.copy,
-      startCopy = _this$copy.startCopy,
-      success = _this$copy.success;
+    startCopy = _this$copy.startCopy,
+    success = _this$copy.success;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-copy"] = true, _classNameObj[makeStyles(k)] = true, _classNameObj[className] = className, _classNameObj);
   return _$cc(Transition, {

package/components/copy/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/css';
 import '../../styles/global';
 import { cache } from '../utils';

package/components/copy/useCopy.js

@@ -10,9 +10,8 @@ export function useCopy() {
   return {
     startCopy: function startCopy(e) {
       var _instance$get = instance.get(),
-          text = _instance$get.text,
-          showMessage = _instance$get.showMessage;
-
+        text = _instance$get.text,
+        showMessage = _instance$get.showMessage;
       if (clipboardCopy(text) || commandCopy(text)) {
         showMessage && Message.success({
           content: _$('复制成功')
@@ -30,38 +29,34 @@ export function useCopy() {
         success.set(false);
         instance.trigger('error');
       }
-
       instance.trigger('click', e);
     },
     success: success
   };
-} // @reference: https://github.com/zenorocha/clipboard.js/blob/master/src/common/create-fake-element.js
-
+}
+// @reference: https://github.com/zenorocha/clipboard.js/blob/master/src/common/create-fake-element.js
 function createFakeElement(value) {
   var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
-  var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS
-
-  fakeElement.style.fontSize = '12pt'; // Reset box model
-
+  var fakeElement = document.createElement('textarea');
+  // Prevent zooming on iOS
+  fakeElement.style.fontSize = '12pt';
+  // Reset box model
   fakeElement.style.border = '0';
   fakeElement.style.padding = '0';
-  fakeElement.style.margin = '0'; // Move element out of screen horizontally
-
+  fakeElement.style.margin = '0';
+  // Move element out of screen horizontally
   fakeElement.style.position = 'absolute';
-  fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically
-
+  fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px';
+  // Move element to the same position vertically
   var yPosition = window.pageYOffset || document.documentElement.scrollTop;
   fakeElement.style.top = yPosition + "px";
   fakeElement.setAttribute('readonly', '');
   fakeElement.value = value;
   return fakeElement;
 }
-
 function clipboardCopy(text) {
   try {
-    if (navigator.clipboard
-    /* && window.isSecureContext */
-    ) {
+    if (navigator.clipboard /* && window.isSecureContext */) {
       navigator.clipboard.writeText(text);
       return true;
     }
@@ -70,16 +65,13 @@ function clipboardCopy(text) {
       console.log(e);
     }
   }
-
   return false;
 }
-
 function commandCopy(text) {
   var fakeElement = createFakeElement(text);
   document.body.appendChild(fakeElement);
   selectValue(fakeElement);
   var result;
-
   try {
     document.execCommand('copy');
     result = true;
@@ -87,10 +79,8 @@ function commandCopy(text) {
     if (process.env.NODE_ENV !== 'production') {
       console.log(e);
     }
-
     result = false;
   }
-
   document.body.removeChild(fakeElement);
   return result;
 }

package/components/datepicker/basepicker.d.ts

@@ -9,13 +9,13 @@ import type { useDisabled } from './useDisabled';
 import { PanelFlags, usePanel } from './usePanel';
 import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
 import type { Events } from '../types';
-export declare type StateValueRange = [Dayjs, Dayjs?];
-export declare type StateValueItem = Dayjs | StateValueRange;
-export declare type StateValue = StateValueItem[];
-export declare type StringValue = string | string[] | [string, string] | [string, string][];
-export declare type DayjsValueRange = [Dayjs, Dayjs];
-export declare type DayjsValueItem = Dayjs | DayjsValueRange;
-export declare type DayjsValue = DayjsValueItem[];
+export type StateValueRange = [Dayjs, Dayjs?];
+export type StateValueItem = Dayjs | StateValueRange;
+export type StateValue = StateValueItem[];
+export type StringValue = string | string[] | [string, string] | [string, string][];
+export type DayjsValueRange = [Dayjs, Dayjs];
+export type DayjsValueItem = Dayjs | DayjsValueRange;
+export type DayjsValue = DayjsValueItem[];
 export interface BasePickerProps<V extends Value = Value, Multipe extends boolean = boolean, Range extends boolean = boolean> extends BaseSelectProps<V | [V, V], Multipe> {
     value?: Multipe extends true ? Range extends true ? [
         V,
@@ -37,7 +37,7 @@ export interface BasePickerEvents extends BaseSelectEvents {
 }
 export interface BasePickerBlocks<V extends Value = Value, R extends boolean = boolean> extends BaseSelectBlocks<R extends true ? [Value, Value] : Value> {
 }
-export declare type Value = string | Date | number | Dayjs;
+export type Value = string | Date | number | Dayjs;
 export declare abstract class BasePicker<T extends BasePickerProps = BasePickerProps, E extends BasePickerEvents = BasePickerEvents, B extends BasePickerBlocks<any> = BasePickerBlocks<any>> extends BaseSelect<T, E, B> {
     static typeDefs: Required<TypeDefs<BasePickerProps<Value, boolean, boolean>>>;
     static defaults: () => Partial<BasePickerProps<any, boolean, boolean>>;

package/components/datepicker/basepicker.js

@@ -8,14 +8,12 @@ import { __decorate } from "tslib";
 /**
  * The base hook for handling value of Datepicker and Timepicker
  */
-
 import { useInstance } from 'intact-react';
 import { useState, watchState } from '../../hooks/useState';
 import dayjs from './dayjs';
 import { findValueIndex } from './helpers';
 import { isEqualArray, last, bind } from '../utils';
 import { BaseSelect } from '../select/base';
-
 var typeDefs = _extends({}, BaseSelect.typeDefs, {
   value: [String, Array, Date, Number, dayjs.Dayjs],
   range: Boolean,
@@ -26,52 +24,42 @@ var typeDefs = _extends({}, BaseSelect.typeDefs, {
   max: [String, Date, Number, dayjs.Dayjs],
   disabledDate: Function
 });
-
 var defaults = function defaults() {
   return _extends({}, BaseSelect.defaults(), {
     filterable: true
   });
 };
-
 var events = _extends({}, BaseSelect.events, {
   selecting: true
 });
-
 export var BasePicker = /*#__PURE__*/function (_BaseSelect) {
   _inheritsLoose(BasePicker, _BaseSelect);
-
   function BasePicker() {
     return _BaseSelect.apply(this, arguments) || this;
   }
-
   var _proto = BasePicker.prototype;
-
   _proto.resetKeywords = function resetKeywords(keywords) {
     var _this$get = this.get(),
-        multiple = _this$get.multiple,
-        range = _this$get.range;
-
+      multiple = _this$get.multiple,
+      range = _this$get.range;
     var dayjsValue = this.value.getDayjsValue();
     var getShowString = this.formats.getShowString;
     var value = last(dayjsValue);
     keywords.set(multiple ? '' : !range ? value ? getShowString(value) : '' : value ? [getShowString(value[0]), getShowString(value[1])].join(' ~ ') : '');
   };
-
   return BasePicker;
 }(BaseSelect);
 BasePicker.typeDefs = typeDefs;
 BasePicker.defaults = defaults;
 BasePicker.events = events;
-
 __decorate([bind], BasePicker.prototype, "resetKeywords", null);
-
 export function useValue(_ref, _ref2, panel, shouldUpdateValue, updateValueOnInput, getEqualType, updateStateValue) {
   var createDateByValueFormat = _ref.createDateByValueFormat,
-      createDateByShowFormat = _ref.createDateByShowFormat,
-      getShowString = _ref.getShowString,
-      getValueString = _ref.getValueString;
+    createDateByShowFormat = _ref.createDateByShowFormat,
+    getShowString = _ref.getShowString,
+    getValueString = _ref.getValueString;
   var isDisabled = _ref2.isDisabled,
-      minDate = _ref2.minDate;
+    minDate = _ref2.minDate;
   // Normalize the value to multipe values, no matter it's multipe or not
   var value = useState([]);
   var instance = useInstance();
@@ -79,138 +67,106 @@ export function useValue(_ref, _ref2, panel, shouldUpdateValue, updateValueOnInp
   instance.watch('value', function (newValue, oldValue) {
     if (isEqualArray(newValue, oldValue)) return;
     dayjsValue = convertToDayjs(newValue);
-    updateStateValue(dayjsValue, value); // should update keywords
-
+    updateStateValue(dayjsValue, value);
+    // should update keywords
     instance.resetKeywords(instance.input.keywords);
   });
   watchState(instance.input.keywords, function (v) {
     var _instance$get = instance.get(),
-        range = _instance$get.range,
-        multiple = _instance$get.multiple;
-
+      range = _instance$get.range,
+      multiple = _instance$get.multiple;
     if (!multiple && v === '') return instance.set('value', null);
-
     if (range) {
       var _context;
-
       var _v$split$map = _mapInstanceProperty(_context = v.split(/\s*~\s*/)).call(_context, function (s) {
-        return _trimInstanceProperty(s).call(s);
-      }),
-          start = _v$split$map[0],
-          end = _v$split$map[1];
-
+          return _trimInstanceProperty(s).call(s);
+        }),
+        start = _v$split$map[0],
+        end = _v$split$map[1];
       if (start && end) {
         var startDate = createDateByShowFormat(start);
-
         if (!isValidDate(startDate)) {
           return;
         }
-
         var endDate = createDateByShowFormat(end);
-
         if (!isValidDate(endDate)) {
           return;
         }
-
         if (endDate.isAfter(startDate)) {
           updateValueOnInput([startDate, endDate]);
         }
       }
     } else {
       var date = createDateByShowFormat(v);
-
       if (isValidDate(date)) {
         updateValueOnInput(date);
       }
     }
   });
-
   function convertToDayjs(v) {
     if (!v || Array.isArray(v) && !v.length) return [];
-
     var _instance$get2 = instance.get(),
-        multiple = _instance$get2.multiple;
-
+      multiple = _instance$get2.multiple;
     if (!multiple) {
       v = [v];
     }
-
     return _mapInstanceProperty(v).call(v, function (value) {
       if (Array.isArray(value)) {
         // range
         return _mapInstanceProperty(value).call(value, createDateByValueFormat);
       }
-
       return createDateByValueFormat(value);
     });
   }
-
   function convertToValueString(v) {
     var results = _mapInstanceProperty(v).call(v, function (value) {
       if (Array.isArray(value)) {
         return _mapInstanceProperty(value).call(value, getValueString);
       }
-
       return getValueString(value);
     });
-
     if (!instance.get('multiple')) {
       return results[0] || null;
     }
-
     return results;
   }
-
   function format() {
     var results = _mapInstanceProperty(dayjsValue).call(dayjsValue, function (value) {
       if (Array.isArray(value)) {
         return _mapInstanceProperty(value).call(value, getShowString).join(' ~ ');
       }
-
       return getShowString(value);
     });
-
     if (!instance.get('multiple')) {
       return results[0];
     }
-
     return results;
   }
-
   function setSingleDate(v, fromInput) {
     var _instance$get3 = instance.get(),
-        range = _instance$get3.range;
-
+      range = _instance$get3.range;
     value.set([v]);
-
     if (fromInput || shouldUpdateValue(v)) {
       updateValue();
     }
   }
-
   function addMultipeDate(v, fromInput) {
     var _instance$get4 = instance.get(),
-        range = _instance$get4.range;
-
+      range = _instance$get4.range;
     var _value = value.value;
     _value = !_value ? [] : _sliceInstanceProperty(_value).call(_value);
-
     if (range && v.length === 2) {
       // pop the last value firstly, if it only has the start date 
       var lastValue = last(_value);
-
       if (lastValue && lastValue.length < 2) {
         _value.pop();
       }
     }
-
     var _shouldUpdateValue = true;
-
     if (fromInput || shouldUpdateValue(v)) {
       // if select the date/year/month, then toggle the value.
       // if from input, treat the value as the final value
       var index = findValueIndex(_value, v, getEqualType());
-
       if (index > -1) {
         _spliceInstanceProperty(_value).call(_value, index, 1);
       } else {
@@ -220,34 +176,27 @@ export function useValue(_ref, _ref2, panel, shouldUpdateValue, updateValueOnInp
       // select the datetime, only push the value,
       // and unique the array on click confrim button
       _value.push(v);
-
       _shouldUpdateValue = false;
     }
-
     value.set(_value);
-
     if (_shouldUpdateValue) {
       updateValue();
     }
   }
-
   function setValue(v, fromInput) {
     var multiple = instance.get('multiple');
-
     if (multiple) {
       addMultipeDate(v, fromInput);
     } else {
       setSingleDate(v, fromInput);
     }
   }
-
   function updateValue() {
     var _value = value.value;
     var valueStr = convertToValueString(_value);
     instance.set('value', valueStr);
     instance.resetKeywords(instance.input.keywords);
   }
-
   function onConfirm() {
     // unique
     if (!instance.get('multiple')) {
@@ -256,76 +205,57 @@ export function useValue(_ref, _ref2, panel, shouldUpdateValue, updateValueOnInp
       unique();
       panel.reset();
     }
-
     updateValue();
   }
-
   function unique() {
     var _value = value.value;
     var map = {};
     var results = [];
-
     _value.forEach(function (value) {
       var key;
-
       if (Array.isArray(value)) {
         key = _mapInstanceProperty(value).call(value, getValueString).join(' ~ ');
       } else {
         key = getValueString(value);
       }
-
       if (!map[key]) {
         map[key] = true;
         results.push(value);
       }
     });
-
     value.set(results);
   }
-
   function isValidDate(date) {
     return date.isValid() && !isDisabled(date, getEqualType());
   }
-
   function onChangeTime(date, flag) {
     var _context2;
-
     var _instance$get5 = instance.get(),
-        range = _instance$get5.range;
-
+      range = _instance$get5.range;
     var values = _sliceInstanceProperty(_context2 = value.value).call(_context2);
-
     var lastIndex = values.length - 1;
     var _value = date;
-
     if (range) {
       var _context3;
-
       _value = _sliceInstanceProperty(_context3 = values[lastIndex]).call(_context3);
       _value[flag] = date;
       instance.trigger('selecting', _value);
     }
-
     values[lastIndex] = _value;
     value.set(values);
   }
-
   function getTimeValue(flag) {
     var _value = value.value;
     if (!_value.length) return null;
-
     var _instance$get6 = instance.get(),
-        range = _instance$get6.range,
-        min = _instance$get6.min;
-
+      range = _instance$get6.range,
+      min = _instance$get6.min;
     var lastValue = last(_value);
     return range ? lastValue[flag] : lastValue;
   }
-
   function getDayjsValue() {
     return dayjsValue;
   }
-
   return {
     value: value,
     format: format,