@king-design/intact 2.1.4 → 2.1.6

package/es/components/form/item.d.ts

@@ -20,7 +20,7 @@ export interface FormItemBlocks {
     content: null;
     append: null;
 }
-export type Rules = Record<string, any>;
+export declare type Rules = Record<string, any>;
 export declare class FormItem extends Component<FormItemProps, FormItemEvents, FormItemBlocks> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<FormItemProps>>;

package/es/components/form/item.js

@@ -8,10 +8,12 @@ import { useError } from './useError';
 import { useValidate } from './useValidate';
 import { useDirty } from './useDirty';
 var MessageOrClassname;
+
 (function (MessageOrClassname) {
   MessageOrClassname[MessageOrClassname["Message"] = 0] = "Message";
   MessageOrClassname[MessageOrClassname["ClassName"] = 1] = "ClassName";
 })(MessageOrClassname || (MessageOrClassname = {}));
+
 var typeDefs = {
   value: null,
   rules: Object,
@@ -25,12 +27,16 @@ var typeDefs = {
 };
 export var FormItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(FormItem, _Component);
+
   function FormItem() {
     var _context;
+
     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(_context = [this]).call(_context, args)) || this;
     _this.form = inject(FORM, null);
     _this.error = useError();
@@ -40,22 +46,28 @@ export var FormItem = /*#__PURE__*/function (_Component) {
     _this.validateHook = useValidate(_this.error.getErrorMessage, _this.error.getErrorClassName, _this.error.message, _this.dirty.isDirty);
     return _this;
   }
+
   var _proto = FormItem.prototype;
+
   _proto.init = function init() {
     useRecordItem(RECORD_KEY);
   };
+
   _proto.validate = function validate() {
     if (!this.form) return true;
     return this.validateHook.validate();
   };
+
   _proto.isValid = function isValid() {
     return this.validateHook.isValid.value;
   };
+
   _proto.reset = function reset() {
     this.error.reset();
     this.validateHook.reset();
     this.dirty.reset();
   };
+
   return FormItem;
 }(Component);
 FormItem.template = template;

package/es/components/form/item.vdt.js

@@ -12,27 +12,30 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn2;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    children = _this$get.children,
-    label = _this$get.label,
-    hideLabel = _this$get.hideLabel,
-    htmlFor = _this$get.htmlFor,
-    errorClassName = _this$get.errorClassName,
-    rules = _this$get.rules,
-    fluid = _this$get.fluid;
+      className = _this$get.className,
+      children = _this$get.children,
+      label = _this$get.label,
+      hideLabel = _this$get.hideLabel,
+      htmlFor = _this$get.htmlFor,
+      errorClassName = _this$get.errorClassName,
+      rules = _this$get.rules,
+      fluid = _this$get.fluid;
+
   var _this$dirty = this.dirty,
-    isDirty = _this$dirty.isDirty.value,
-    onChange = _this$dirty.onChange,
-    onFocusout = _this$dirty.onFocusout;
+      isDirty = _this$dirty.isDirty.value,
+      onChange = _this$dirty.onChange,
+      onFocusout = _this$dirty.onFocusout;
   var _this$validateHook = this.validateHook,
-    isValid = _this$validateHook.isValid.value,
-    customErrorClassName = _this$validateHook.errorClassName.value;
+      isValid = _this$validateHook.isValid.value,
+      customErrorClassName = _this$validateHook.errorClassName.value;
   var classNameObj = (_classNameObj = {
     'k-form-item': true,
     'k-invalid': isDirty && !isValid,
@@ -41,6 +44,7 @@ export default function ($props, $blocks, $__proto__) {
   var starOnRequired = this.form && this.form.get('starOnRequired');
   var labelWidth = this.form && this.form.get('labelWidth');
   var labelStyle;
+
   if (labelWidth != null) {
     if (/^\d+$/.test(labelWidth)) {
       labelStyle = {
@@ -52,10 +56,11 @@ export default function ($props, $blocks, $__proto__) {
       };
     }
   }
+
   var _this$error = this.error,
-    ellipsis = _this$error.ellipsis,
-    message = _this$error.message,
-    errorRef = _this$error.errorRef;
+      ellipsis = _this$error.ellipsis,
+      message = _this$error.message,
+      errorRef = _this$error.errorRef;
   return _$cv('div', _extends({}, getRestProps(this), {
     'className': _$cn(classNameObj),
     'ev-change': onChange,
@@ -64,9 +69,11 @@ export default function ($props, $blocks, $__proto__) {
     return label;
   }, __$blocks['label'] = function ($super, data) {
     var block = $blocks['label'];
+
     var callBlock = function callBlock() {
       return _$blocks['label'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['label'](_$no))], 0, 'k-form-label', {
     'htmlFor': htmlFor,
@@ -77,9 +84,11 @@ export default function ($props, $blocks, $__proto__) {
       return children;
     }, __$blocks['content'] = function ($super, data) {
       var block = $blocks['content'];
+
       var callBlock = function callBlock() {
         return _$blocks['content'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['content'](_$no))
   }), _$cc(Transition, {
@@ -91,14 +100,17 @@ export default function ($props, $blocks, $__proto__) {
       'children': _$cc(Icon, _$tmp0),
       '$blocks': function ($blocks) {
         var _$blocks = {},
-          __$blocks = _$ex({}, $blocks);
+            __$blocks = _$ex({}, $blocks);
+
         return (_$blocks['content'] = function ($super) {
           return message.value;
         }, __$blocks['content'] = function ($super, data) {
           var block = $blocks['content'];
+
           var callBlock = function callBlock() {
             return _$blocks['content'].call($this, $super, data);
           };
+
           return block ? block.call($this, callBlock, data) : callBlock();
         }), __$blocks;
       }.call($this, _$em)
@@ -109,9 +121,11 @@ export default function ($props, $blocks, $__proto__) {
     return null;
   }, __$blocks['append'] = function ($super, data) {
     var block = $blocks['append'];
+
     var callBlock = function callBlock() {
       return _$blocks['append'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['append'](_$no)), 0, 'k-form-append') : undefined]);
 }

package/es/components/form/methods.d.ts

@@ -1,8 +1,8 @@
-export type MethodReturn = boolean | string;
-export type Method = (value: any, param: any) => MethodReturn | Promise<MethodReturn>;
-export type Message = string | ((value: any, param: any) => string);
-export type ClassName = string | ((value: any, param: any) => string);
+export declare type MethodReturn = boolean | string;
+export declare type Method = (value: any, param: any) => MethodReturn | Promise<MethodReturn>;
+export declare type Message = string | ((value: any, param: any) => string);
+export declare type ClassName = string | ((value: any, param: any) => string);
 export declare const methods: Record<string, Method>;
 export declare const messages: Record<string, Message>;
 export declare const classNames: Record<string, ClassName>;
-export declare const addMethod: (name: string, method: Method, message?: Message, className?: ClassName) => void;
+export declare const addMethod: (name: string, method: Method, message?: Message | undefined, className?: ClassName | undefined) => void;

package/es/components/form/methods.js

@@ -1,24 +1,31 @@
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import { _$ } from '../../i18n';
 import { isNumber, isNullOrUndefined, isString } from 'intact-shared';
+
 function decimalPlaces(num) {
   var match = ("" + num).match(/(?:\.(\d+))?$/);
   /* istanbul ignore if */
+
   if (!match) {
     return 0;
-  }
-  // Number of digits right of decimal point.
+  } // Number of digits right of decimal point.
+
+
   return match[1] ? match[1].length : 0;
 }
+
 export var methods = {
   required: function required(value) {
     if (isNullOrUndefined(value)) return false;
+
     if (isString(value)) {
       return _trimInstanceProperty(value).call(value).length > 0;
     }
+
     if (Array.isArray(value)) {
       return value.length > 0;
     }
+
     return true;
   },
   digits: function digits(value) {
@@ -63,9 +70,11 @@ export var methods = {
   },
   step: function step(value, param) {
     var decimals = decimalPlaces(param);
+
     var toInt = function toInt(num) {
       return Math.round(num * Math.pow(10, decimals));
     };
+
     return decimalPlaces(value) <= decimals && toInt(value) % toInt(param) === 0;
   },
   equal: function equal(value, param) {
@@ -157,6 +166,7 @@ export var classNames = {};
 export var addMethod = function addMethod(name, method, message, className) {
   methods[name] = method;
   messages[name] = message !== undefined ? message : messages[name];
+
   if (className) {
     classNames[name] = className;
   }

package/es/components/form/styles.js

@@ -7,23 +7,30 @@ var defaults = {
   item: {
     gap: "24px",
     labelWidth: "80px",
+
     get labelLineHeight() {
       return theme.default.height;
     },
+
     labelTextAlign: 'right',
     labelGap: '10px',
+
     get starColor() {
       return theme.color.danger;
     },
+
     starGap: '3px',
     // invalid
     errorFontSize: '12px',
+
     get errorColor() {
       return theme.color.danger;
     },
+
     get invalidBorder() {
       return "1px solid " + theme.color.danger;
     },
+
     // append
     appendPadding: "0 10px",
     // layout
@@ -47,6 +54,7 @@ export function makeItemStyles() {
 }
 export function makeFormStyles() {
   var _context;
+
   return /*#__PURE__*/css("&.k-inline{.k-form-item{display:inline-block;vertical-align:top;margin-right:", form.item.inlineGap, ";}.k-form-label{width:auto;}}&.k-vertical{.k-form-item,.k-form-label,.k-form-content{display:block;}.k-form-label{width:auto;text-align:left;line-height:inherit;margin-bottom:", form.item.verticalLabelGap, ";}}", _mapInstanceProperty(_context = ['small', 'mini']).call(_context, function (size) {
     return /*#__PURE__*/css("&.k-", size, "{.k-form-item:not(:last-of-type){margin:", form.item[size + "Gap"], ";}&.k-inline{.k-form-item{margin-right:", form.item[size + "InlineGap"], ";}}}");
   }), ";");

package/es/components/form/useDirty.js

@@ -3,28 +3,33 @@ import { useState } from '../../hooks/useState';
 export function useDirty(getValidate) {
   var instance = useInstance();
   var isDirty = useState(false);
+
   function onChange(e) {
     dirty();
     instance.trigger('change', e);
   }
+
   function onFocusout(e) {
     dirty();
     instance.trigger('focusout', e);
   }
+
   function dirty() {
     if (isDirty.value) return;
-    isDirty.set(true);
-    // for select, the focusout event triggers before select
+    isDirty.set(true); // for select, the focusout event triggers before select
     // so we put off validating it
+
     setTimeout(function () {
       // maybe it has been unmounted or reset
       if (instance.$unmounted || !isDirty.value) return;
       getValidate()();
     }, 100);
   }
+
   function reset() {
     isDirty.set(false);
   }
+
   return {
     onChange: onChange,
     onFocusout: onFocusout,

package/es/components/form/useError.js

@@ -2,11 +2,11 @@ import { useInstance, nextTick, createRef } from 'intact';
 import { useState, watchState } from '../../hooks/useState';
 import { messages as globalMessages, classNames as globalClassNames } from './methods';
 import { isFunction } from 'intact-shared';
-import { createContext } from '../context';
-// enum MessageOrClassname {
+import { createContext } from '../context'; // enum MessageOrClassname {
 // Message,
 // ClassName,
 // }
+
 export var context = createContext();
 export function useError() {
   var instance = useInstance();
@@ -16,30 +16,38 @@ export function useError() {
   watchState(message, function () {
     nextTick(checkEllipsis);
   });
+
   function checkEllipsis() {
     var error = errorRef.value;
     if (!error) return;
     ellipsis.set(error.offsetWidth < error.scrollWidth);
   }
+
   function getErrorMessageOrClassName(type, key) {
     var custom = instance.get(type);
     var value = custom && custom[key] || (type === 'messages' ? globalMessages[key] : globalClassNames[key]);
+
     if (isFunction(value)) {
       var rules = instance.get('rules');
       return value(instance.get('value'), rules[key]);
     }
+
     return value;
   }
+
   function getErrorMessage(key) {
     return getErrorMessageOrClassName('messages', key);
   }
+
   function getErrorClassName(key) {
     return getErrorMessageOrClassName('classNames', key);
   }
+
   function reset() {
     ellipsis.set(false);
     message.set(undefined);
   }
+
   return {
     ellipsis: ellipsis,
     message: message,

package/es/components/form/useValidate.d.ts

@@ -1,5 +1,5 @@
 import { State } from '../../hooks/useState';
-type PromiseWithCancelled = Promise<boolean> & {
+declare type PromiseWithCancelled = Promise<boolean> & {
     cancelled: boolean;
 };
 export declare function useValidate(getErrorMessage: (ruleName: string) => string, getErrorClassName: (ruleName: string) => string, message: State<string | undefined>, isDirty: State<boolean>): {

package/es/components/form/useValidate.js

@@ -10,68 +10,81 @@ export function useValidate(getErrorMessage, getErrorClassName, message, isDirty
   var errorClassName = useState(undefined);
   var promise = null;
   useReceive(['value', 'rules'], validateIfDirty);
+
   function validateIfDirty() {
     if (isDirty.value) {
       validate();
     }
   }
+
   function validate() {
     var _instance$get = instance.get(),
-      rules = _instance$get.rules,
-      value = _instance$get.value;
+        rules = _instance$get.rules,
+        value = _instance$get.value;
+
     if (!rules) return true;
     cancel();
     var promises = [];
-    var ruleNames = [];
-    // check required rule firstly, detect whether it is empty or not
+    var ruleNames = []; // check required rule firstly, detect whether it is empty or not
+
     var required = globalMethods.required(value, true);
+
     if (rules.required) {
       promises.push(required);
       ruleNames.push('required');
-    }
-    // if required rule passed, then check other rules
+    } // if required rule passed, then check other rules
+
+
     if (required) {
       for (var key in rules) {
         var rule = rules[key];
         if (key === 'required' || rule === false) continue;
         var fn = void 0;
+
         if (isFunction(rule)) {
           fn = rule;
         } else {
           fn = globalMethods[key];
           /* istanbul ignore if */
+
           if (!fn) {
             console.warn("Can not find validate method: " + key);
             continue;
           }
         }
+
         promises.push(fn(value, rules[key]));
         ruleNames.push(key);
       }
     }
+
     return promise = _Promise.all(promises).then(function (results) {
       for (var index = 0; index < results.length; index++) {
         var result = results[index];
+
         if (result !== true) {
           var ruleName = ruleNames[index];
           return [false, result || getErrorMessage(ruleName), getErrorClassName(ruleName)];
         }
       }
+
       return [true, message.value, undefined];
     }, function (err) {
       var message;
       var className;
+
       if (isString(err)) {
         message = err;
       } else if (err) {
         message = err.message || getErrorMessage(err.name);
         className = err.className || getErrorClassName(err.name);
       }
+
       return [false, message, className];
     }).then(function (_ref) {
       var _isValid = _ref[0],
-        _message = _ref[1],
-        _className = _ref[2];
+          _message = _ref[1],
+          _className = _ref[2];
       // if cancelled, should return the last result
       if (promise.cancelled) return isValid.value;
       isDirty.set(true);
@@ -81,16 +94,19 @@ export function useValidate(getErrorMessage, getErrorClassName, message, isDirty
       return _isValid;
     });
   }
+
   function cancel() {
     if (promise) {
       promise.cancelled = true;
     }
   }
+
   function reset() {
     isValid.set(true);
     errorClassName.set(undefined);
     cancel();
   }
+
   return {
     isValid: isValid,
     errorClassName: errorClassName,

package/es/components/grid/col.d.ts

@@ -1,14 +1,14 @@
 import { Component, TypeDefs } from 'intact';
 import { PrimitiveValue, BreakpointValues } from './constants';
-export type BaseColProps = {
+export declare type BaseColProps = {
     span?: PrimitiveValue;
     offset?: PrimitiveValue;
     order?: PrimitiveValue;
     pull?: PrimitiveValue;
     push?: PrimitiveValue;
 };
-export type BreakpointProps = BreakpointValues<keyof BaseColProps>;
-export type ColProps = BaseColProps & BreakpointProps;
+export declare type BreakpointProps = BreakpointValues<keyof BaseColProps>;
+export declare type ColProps = BaseColProps & BreakpointProps;
 export declare const baseTypeDefs: Required<TypeDefs<BaseColProps>>;
 export declare class Col extends Component<ColProps> {
     static template: string | import("intact").Template<any>;

package/es/components/grid/col.js

@@ -12,22 +12,29 @@ export var baseTypeDefs = {
   pull: PrimitiveValue,
   push: PrimitiveValue
 };
+
 var typeDefs = _extends({}, baseTypeDefs, breakpoints.reduce(function (memo, key) {
   memo[key] = Value;
   return memo;
 }, {}));
+
 export var Col = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Col, _Component);
+
   function Col() {
     var _context;
+
     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(_context = [this]).call(_context, args)) || this;
     _this.breakpoints = useBreakpoints();
     return _this;
   }
+
   return Col;
 }(Component);
 Col.template = template;

package/es/components/grid/col.vdt.js

@@ -5,24 +5,29 @@ import { makeColStyles } from './styles';
 import { context as GutterContext, gutterStyle } from './useGutter';
 export default function ($props, $blocks, $__proto__) {
   var _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    _children = _this$get.children,
-    span = _this$get.span,
-    style = _this$get.style,
-    offset = _this$get.offset,
-    push = _this$get.push,
-    pull = _this$get.pull,
-    order = _this$get.order;
+      className = _this$get.className,
+      _children = _this$get.children,
+      span = _this$get.span,
+      style = _this$get.style,
+      offset = _this$get.offset,
+      push = _this$get.push,
+      pull = _this$get.pull,
+      order = _this$get.order;
+
   return _$cc(GutterContext.Consumer, {
     'children': function children(gutter) {
       var _extends2, _$cn2;
+
       var classNameObj = _extends((_extends2 = {
         'k-col': true
       }, _extends2["k-" + span] = span, _extends2["k-offset-" + offset] = offset, _extends2["k-pull-" + pull] = pull, _extends2["k-push-" + push] = push, _extends2["k-order-" + order] = order, _extends2[className] = className && !gutter, _extends2[makeColStyles()] = true, _extends2), _this.breakpoints.getBreakpointsClassName());
+
       var newStyle = gutter ? gutterStyle(gutter, style, 'padding') : style;
       return _$cv('div', _extends({
         'className': _$cn(classNameObj)

package/es/components/grid/constants.d.ts

@@ -1,13 +1,13 @@
-export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export type PrimitiveValue = string | number;
-export type BreakpointValue = {
+export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export declare type PrimitiveValue = string | number;
+export declare type BreakpointValue = {
     [key in Breakpoint]?: PrimitiveValue;
 };
-export type Value = PrimitiveValue | BreakpointValue;
-export type BreakpointPropsValues<T extends string> = {
+export declare type Value = PrimitiveValue | BreakpointValue;
+export declare type BreakpointPropsValues<T extends string> = {
     [key in T]?: PrimitiveValue;
 };
-export type BreakpointValues<T extends string> = {
+export declare type BreakpointValues<T extends string> = {
     [key in Breakpoint]?: PrimitiveValue | null | undefined | BreakpointPropsValues<T>;
 };
 export declare const Value: (ObjectConstructor | StringConstructor | NumberConstructor)[];

package/es/components/grid/row.js

@@ -11,16 +11,21 @@ var typeDefs = {
 };
 export var Row = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Row, _Component);
+
   function Row() {
     var _context;
+
     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(_context = [this]).call(_context, args)) || this;
     _this.gutter = useGutter();
     return _this;
   }
+
   return Row;
 }(Component);
 Row.template = template;

package/es/components/grid/row.vdt.js

@@ -5,15 +5,18 @@ import { makeRowStyles } from './styles';
 import { context as GutterContext, gutterStyle } from './useGutter';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    children = _this$get.children,
-    style = _this$get.style,
-    justify = _this$get.justify,
-    align = _this$get.align;
+      className = _this$get.className,
+      children = _this$get.children,
+      style = _this$get.style,
+      justify = _this$get.justify,
+      align = _this$get.align;
+
   var classNameObj = (_classNameObj = {
     'k-row': true
   }, _classNameObj["k-justify-" + justify] = justify, _classNameObj["k-align-" + align] = align, _classNameObj[className] = className, _classNameObj[makeRowStyles()] = true, _classNameObj);