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

package/components/form/item.d.ts

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

package/components/form/item.js

@@ -9,12 +9,10 @@ import { useValidate } from './useValidate';
 import { useDirty } from './useDirty';
 import { useConfigContext } from '../config';
 var MessageOrClassname;
-
 (function (MessageOrClassname) {
   MessageOrClassname[MessageOrClassname["Message"] = 0] = "Message";
   MessageOrClassname[MessageOrClassname["ClassName"] = 1] = "ClassName";
 })(MessageOrClassname || (MessageOrClassname = {}));
-
 var typeDefs = {
   value: null,
   rules: Object,
@@ -29,16 +27,12 @@ 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();
@@ -49,28 +43,22 @@ export var FormItem = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     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/components/form/item.vdt.js

@@ -8,36 +8,32 @@ import { makeItemStyles } from './styles';
 import { context as ErrorContext } from './useError';
 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-form-item"] = true, _classNameObj[k + "-invalid"] = isDirty && !isValid, _classNameObj[k + "-valid"] = isDirty && isValid, _classNameObj[className] = className, _classNameObj[k + "-fluid"] = fluid, _classNameObj[makeItemStyles(k)] = true, _classNameObj);
   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 = {
@@ -49,11 +45,10 @@ 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,
@@ -62,11 +57,9 @@ 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, _$cn(k + "-form-label"), {
     'htmlFor': htmlFor,
@@ -77,11 +70,9 @@ 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, {
@@ -97,17 +88,14 @@ export default function ($props, $blocks, $__proto__) {
       }),
       '$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)
@@ -116,11 +104,9 @@ 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, _$cn(k + "-form-append")) : undefined]);
 }

package/components/form/methods.d.ts

@@ -1,8 +1,8 @@
-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 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 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 | undefined, className?: ClassName | undefined) => void;
+export declare const addMethod: (name: string, method: Method, message?: Message, className?: ClassName) => void;

package/components/form/methods.js

@@ -1,31 +1,24 @@
 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) {
@@ -70,11 +63,9 @@ 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) {
@@ -166,7 +157,6 @@ 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/components/form/styles.js

@@ -8,30 +8,23 @@ var defaults = {
   item: {
     gap: "24px",
     labelWidth: "80px",
-
     get labelHeight() {
       return theme.default.height;
     },
-
     labelTextAlign: 'right',
     labelGap: '16px',
-
     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
@@ -49,15 +42,14 @@ setDefault(function () {
   form = deepDefaults(theme, {
     form: defaults
   }).form;
-  makeItemStyles == null ? void 0 : makeItemStyles.clearCache();
-  makeFormStyles == null ? void 0 : makeFormStyles.clearCache();
+  makeItemStyles == null || makeItemStyles.clearCache();
+  makeFormStyles == null || makeFormStyles.clearCache();
 });
 export var makeItemStyles = cache(function makeItemStyles(k) {
   return /*#__PURE__*/css("display:flex;position:relative;&:not(:last-of-type){margin-bottom:", form.item.gap, ";}&.", k, "-fluid>.", k, "-form-content{flex:1;}.", k, "-form-label{display:flex;align-items:center;justify-content:", form.item.labelTextAlign === 'right' ? 'end' : 'start', ";width:", form.item.labelWidth, ";padding-right:", form.item.labelGap, ";max-height:", form.item.labelHeight, ";flex-shrink:0;}.", k, "-form-star{color:", form.item.starColor, ";margin-right:", form.item.starGap, ";}.", k, "-form-content{position:relative;}.", k, "-form-error{position:absolute;color:", form.item.errorColor, ";font-size:", form.item.errorFontSize, ";left:0;right:0;display:flex;align-items:center;&.", k, "-ellipsis{.", k, "-form-error-more{display:inline-block;}}}.", k, "-form-error-more{line-height:", form.item.errorFontSize, ";display:none;}&.", k, "-invalid{.", k, "-input{.", k, "-input-wrapper{border:", form.item.invalidBorder, ";position:relative;z-index:1;}}.", k, "-select,.", k, "-checkbox-wrapper,.", k, "-radio-wrapper{border:", form.item.invalidBorder, "!important;}.", k, "-select .", k, "-input .", k, "-input-wrapper{border:none;}}.", k, "-form-append{padding:", form.item.appendPadding, ";vertical-align:middle;}");
 });
 export var makeFormStyles = cache(function makeFormStyles(k) {
   var _context;
-
   return /*#__PURE__*/css("&.", k, "-inline{.", k, "-form-item{display:inline-flex;vertical-align:top;margin-right:", form.item.inlineGap, ";}.", k, "-form-label{width:auto;}}&.", k, "-vertical{.", k, "-form-item{flex-direction:column;}.", k, "-form-label{width:auto;text-align:left;padding:0;justify-content:start;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-bottom:", form.item[size + "Gap"], ";}&.", k, "-inline{.", k, "-form-item{margin-right:", form.item[size + "InlineGap"], ";}}}");
   }), ";");

package/components/form/useDirty.js

@@ -3,37 +3,31 @@ import { useState } from '../../hooks/useState';
 export function useDirty(getValidate) {
   var instance = useInstance();
   var isDirty = useState(false);
-
   if (instance.get('validateOnStart')) {
     dirty();
   }
-
   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/components/form/useError.js

@@ -2,11 +2,11 @@ import { useInstance, nextTick, createRef } from 'intact-vue-next';
 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,38 +16,30 @@ 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/components/form/useValidate.d.ts

@@ -1,5 +1,5 @@
 import { State } from '../../hooks/useState';
-declare type PromiseWithCancelled = Promise<boolean> & {
+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/components/form/useValidate.js

@@ -10,81 +10,68 @@ 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);
@@ -94,19 +81,16 @@ 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/components/grid/col.d.ts

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

package/components/grid/col.js

@@ -13,30 +13,23 @@ 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();
     _this.config = useConfigContext();
     return _this;
   }
-
   return Col;
 }(Component);
 Col.template = template;

package/components/grid/col.vdt.js

@@ -5,28 +5,23 @@ 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;
   var k = this.config.k;
   return _$cc(GutterContext.Consumer, {
     'children': function children(gutter) {
       var _extends2, _$cn2;
-
       var classNameObj = _extends((_extends2 = {}, _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(k)] = true, _extends2), _this.breakpoints.getBreakpointsClassName(k));
-
       var newStyle = gutter ? gutterStyle(gutter, style, 'padding') : style;
       return _$cv('div', _extends({
         'className': _$cn(classNameObj)

package/components/grid/constants.d.ts

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

package/components/grid/row.js

@@ -12,22 +12,17 @@ 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();
     _this.config = useConfigContext();
     return _this;
   }
-
   return Row;
 }(Component);
 Row.template = template;