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

package/components/switch/index.vdt.js

@@ -8,78 +8,66 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      style = _this$get.style,
-      name = _this$get.name,
-      on = _this$get.on,
-      off = _this$get.off,
-      value = _this$get.value,
-      trueValue = _this$get.trueValue,
-      falseValue = _this$get.falseValue,
-      width = _this$get.width,
-      height = _this$get.height,
-      size = _this$get.size,
-      disabled = _this$get.disabled;
-
+    className = _this$get.className,
+    style = _this$get.style,
+    name = _this$get.name,
+    on = _this$get.on,
+    off = _this$get.off,
+    value = _this$get.value,
+    trueValue = _this$get.trueValue,
+    falseValue = _this$get.falseValue,
+    width = _this$get.width,
+    height = _this$get.height,
+    size = _this$get.size,
+    disabled = _this$get.disabled;
   var _this$draggable = this.draggable,
-      start = _this$draggable.start,
-      dragging = _this$draggable.dragging,
-      barRef = _this$draggable.barRef,
-      barWidth = _this$draggable.barWidth;
+    start = _this$draggable.start,
+    dragging = _this$draggable.dragging,
+    barRef = _this$draggable.barRef,
+    barWidth = _this$draggable.barWidth;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-switch"] = true, _classNameObj[className] = className, _classNameObj[k + "-checked"] = value === trueValue, _classNameObj[k + "-" + size] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-dragging"] = dragging.value, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var onStyle;
   var offStyle;
   var barStyle;
-
   if (width || height) {
     var _style = {};
     onStyle = {};
     offStyle = {};
-
     if (width) {
       _style.width = width + "px";
       onStyle.width = _style.width;
       offStyle.width = _style.width;
     }
-
     if (height) {
       _style.height = height + "px";
-
       _Object$assign(onStyle, {
         height: _style.height,
         lineHeight: _style.height,
         padding: "0 " + _style.height + " 0 " + height / 3 + "px"
       });
-
       _Object$assign(offStyle, {
         height: _style.height,
         lineHeight: _style.height,
         padding: "0 " + height / 3 + "px 0 " + _style.height
       });
-
       barStyle = {
         width: value === trueValue ? '100%' : height + "px"
       };
     }
-
     style = addStyle(style, _style);
   }
-
   if (barWidth.value) {
     barStyle = addStyle(barStyle, {
       width: barWidth.value + 'px'
     });
   }
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this), {
@@ -102,11 +90,9 @@ export default function ($props, $blocks, $__proto__) {
     return off;
   }, __$blocks['off'] = function ($super, data) {
     var block = $blocks['off'];
-
     var callBlock = function callBlock() {
       return _$blocks['off'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['off'](_$no)), 0, _$cn(k + "-switch-off"), {
     'style': offStyle
@@ -114,11 +100,9 @@ export default function ($props, $blocks, $__proto__) {
     return on;
   }, __$blocks['on'] = function ($super, data) {
     var block = $blocks['on'];
-
     var callBlock = function callBlock() {
       return _$blocks['on'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['on'](_$no)), 0, _$cn(k + "-switch-on"), {
     'style': onStyle

package/components/switch/styles.js

@@ -8,15 +8,12 @@ var defaults = {
   get transition() {
     return theme.transition.middle;
   },
-
   get bgColor() {
     return theme.color.border;
   },
-
   get hoverBgColor() {
     return theme.color.placeholder;
   },
-
   fontSize: "12px",
   color: '#fff',
   handleBorderRadius: "100%",
@@ -26,15 +23,12 @@ var defaults = {
     get bgColor() {
       return theme.color.primary;
     },
-
     get disabledBgColor() {
       return palette(theme.color.primary, -3);
     },
-
     get hoverBgColor() {
       return theme.color.linkHover;
     }
-
   },
   // default
   default: {
@@ -60,26 +54,24 @@ var defaults = {
     height: "10px",
     padding: "1px"
   },
-
   // disabled
   get disabledBgColor() {
     return theme.color.disabledBg;
   }
-
 };
 var kswitch;
 setDefault(function () {
   kswitch = deepDefaults(theme, {
     switch: defaults
   }).switch;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-block;vertical-align:middle;background:", kswitch.bgColor, ";position:relative;cursor:pointer;user-select:none;overflow:hidden;box-sizing:content-box;transition:background ", kswitch.transition, ";input{opacity:0;position:absolute;}.", k, "-switch-bar,.", k, "-switch-off{box-sizing:border-box;}.", k, "-switch-bar{position:absolute;text-align:right;overflow:hidden;}.", k, "-switch-wrapper{display:inline-block;position:relative;z-index:1;border-radius:", kswitch.handleBorderRadius, ";}.", k, "-switch-bar,.", k, "-switch-wrapper{height:100%;background:", kswitch.bgColor, ";transition:all ", kswitch.transition, ";}&:hover{&,.", k, "-switch-bar,.", k, "-switch-wrapper{background:", kswitch.hoverBgColor, ";}}.", k, "-switch-handle{border-radius:", kswitch.handleBorderRadius, ";background:", kswitch.handleBgColor, ";height:100%;cursor:pointer;transition:left ", kswitch.transition, ";display:inline-block;img{height:100%;visibility:hidden;}}.", k, "-switch-on,.", k, "-switch-off{position:absolute;font-size:", kswitch.fontSize, ";color:", kswitch.color, ";text-align:center;}&.", k, "-dragging{.", k, "-switch-bar,.", k, "-switch-wrapper{background:", kswitch.checked.bgColor, ";transition:background ", kswitch.transition, ";}}&:focus{outline:none;}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var _kswitch$size = kswitch[size],
-        width = _kswitch$size.width,
-        height = _kswitch$size.height,
-        padding = _kswitch$size.padding;
+      width = _kswitch$size.width,
+      height = _kswitch$size.height,
+      padding = _kswitch$size.padding;
     return /*#__PURE__*/css("&.", k, "-", size, ",&.", k, "-", size, " .", k, "-switch-on,&.", k, "-", size, " .", k, "-switch-off{width:", width, ";height:", height, ";}&.", k, "-", size, "{border-radius:", height, ";.", k, "-switch-bar{width:", height, ";border-radius:", height, ";}.", k, "-switch-wrapper{padding:", padding, ";}.", k, "-switch-on,.", k, "-switch-off{line-height:", height, ";left:0;}.", k, "-switch-on{padding:0 ", height, " 0 calc(", height, " / 3);}.", k, "-switch-off{padding:0 calc(", height, " / 3) 0 ", height, ";}}");
   }), "&.", k, "-checked{.", k, "-switch-bar,.", k, "-switch-wrapper{background:", kswitch.checked.bgColor, ";}.", k, "-switch-bar{width:100%;}&:hover{.", k, "-switch-bar,.", k, "-switch-wrapper{background:", kswitch.checked.hoverBgColor, ";}}}&.", k, "-disabled{&,.", k, "-switch-handle{cursor:not-allowed;}&,.", k, "-switch-bar,.", k, "-switch-wrapper{background:", kswitch.disabledBgColor, ";}&.", k, "-checked{&,.", k, "-switch-bar,.", k, "-switch-wrapper{background:", kswitch.checked.disabledBgColor, ";}}}");
 });

package/components/switch/useDraggable.js

@@ -9,7 +9,6 @@ export function useDraggable(elementRef) {
   var height;
   var width;
   var maxWidth;
-
   function onStart(e) {
     if (instance.get('disabled')) return;
     x = e.clientX;
@@ -17,25 +16,22 @@ export function useDraggable(elementRef) {
     width = barRef.value.clientWidth;
     maxWidth = elementRef.value.clientWidth;
   }
-
   function onMove(e) {
     var left = e.clientX - x;
     var newWidth = Math.min(Math.max(height, width + left), maxWidth);
     barWidth.set(newWidth);
   }
-
   function onEnd(e) {
     // unmounted
     if (!e) return;
-    elementRef.value.blur(); // treat mousedown -> mouseup as click
-
+    elementRef.value.blur();
+    // treat mousedown -> mouseup as click
     if (x === e.clientX) {
       barWidth.set(null);
       instance.toggle(false);
     } else {
       // cancel this operation if the distance less than half of width
       var percent = (barWidth.value - height / 2) / maxWidth;
-
       if (!instance.isChecked()) {
         if (percent >= 0.5) {
           instance.check();
@@ -43,11 +39,9 @@ export function useDraggable(elementRef) {
       } else if (percent < 0.5) {
         instance.uncheck();
       }
-
       var _instance$get = instance.get(),
-          _width = _instance$get.width,
-          _height = _instance$get.height;
-
+        _width = _instance$get.width,
+        _height = _instance$get.height;
       if (!instance.isChecked() && _width && _height) {
         barWidth.set(+_height);
       } else {
@@ -55,15 +49,13 @@ export function useDraggable(elementRef) {
       }
     }
   }
-
   var _useBaseDraggable = useBaseDraggable({
-    onStart: onStart,
-    onMove: onMove,
-    onEnd: onEnd
-  }),
-      start = _useBaseDraggable.start,
-      dragging = _useBaseDraggable.dragging;
-
+      onStart: onStart,
+      onMove: onMove,
+      onEnd: onEnd
+    }),
+    start = _useBaseDraggable.start,
+    dragging = _useBaseDraggable.dragging;
   return {
     start: start,
     dragging: dragging,

package/components/table/cell.js

@@ -5,40 +5,31 @@ import template from './cell.vdt';
 import { useConfigContext } from '../config';
 export var TableCell = /*#__PURE__*/function (_Component) {
   _inheritsLoose(TableCell, _Component);
-
   function TableCell() {
     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.config = useConfigContext();
     return _this;
   }
-
   var _proto = TableCell.prototype;
-
   _proto.$update = function $update(lastVNode, nextVNode, parentDom, anchor, mountedQueue, force) {
     var lastProps = lastVNode.props;
     var nextProps = nextVNode.props;
     var isSame = true;
-
     for (var key in lastProps) {
       if (lastProps[key] !== nextProps[key] || key === 'props' && nextProps.props.$blocks) {
         isSame = false;
         break;
       }
     }
-
     if (!isSame) {
       _Component.prototype.$update.call(this, lastVNode, nextVNode, parentDom, anchor, mountedQueue, force);
     }
   };
-
   return TableCell;
 }(Component);
 TableCell.template = template;

package/components/table/cell.vdt.js

@@ -8,42 +8,35 @@ export default function ($props, $blocks, $__proto__) {
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      props = _this$get.props,
-      rowIndex = _this$get.rowIndex,
-      columnIndex = _this$get.columnIndex,
-      offset = _this$get.offset,
-      data = _this$get.data,
-      checkType = _this$get.checkType,
-      indent = _this$get.indent,
-      grid = _this$get.grid,
-      colspan = _this$get.colspan,
-      rowspan = _this$get.rowspan,
-      onClickArrow = _this$get.onClickArrow,
-      hasChildren = _this$get.hasChildren;
-
+    props = _this$get.props,
+    rowIndex = _this$get.rowIndex,
+    columnIndex = _this$get.columnIndex,
+    offset = _this$get.offset,
+    data = _this$get.data,
+    checkType = _this$get.checkType,
+    indent = _this$get.indent,
+    grid = _this$get.grid,
+    colspan = _this$get.colspan,
+    rowspan = _this$get.rowspan,
+    onClickArrow = _this$get.onClickArrow,
+    hasChildren = _this$get.hasChildren;
   var k = this.config.k;
   var blocks = props.$blocks;
   var children = get(data, props.key);
-
   if (blocks) {
     var template = blocks.template || blocks.default;
-
     if (template) {
       children = template(noop, [data, rowIndex]);
     }
   }
-
   var _getClassAndStyleForF = getClassAndStyleForFixed(props, offset, k, checkType),
-      className = _getClassAndStyleForF.className,
-      style = _getClassAndStyleForF.style;
-
+    className = _getClassAndStyleForF.className,
+    style = _getClassAndStyleForF.style;
   if (columnIndex === 0 && indent) {
     style || (style = {});
     style.paddingLeft = indent + "px";
   }
-
   return _$ce(2, 'td', [columnIndex === 0 && hasChildren ? _$cc(Button, {
     'type': 'none',
     'icon': true,

package/components/table/column.d.ts

@@ -24,7 +24,7 @@ export interface TableColumnBlocks<T> {
     template: [T, number];
     default: [T, number];
 }
-export declare type TableColumnGroupItem = {
+export type TableColumnGroupItem = {
     label: Children;
     value: any;
 };

package/components/table/column.js

@@ -28,23 +28,18 @@ var typeDefs = {
 };
 export var TableColumn = /*#__PURE__*/function (_Component) {
   _inheritsLoose(TableColumn, _Component);
-
   function TableColumn() {
     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.elementRef = createRef();
     _this.group = useGroup();
     _this.config = useConfigContext();
     return _this;
   }
-
   return TableColumn;
 }(Component);
 TableColumn.template = template;

package/components/table/column.vdt.js

@@ -18,59 +18,53 @@ import { Input } from '../input';
 import { _$ } from '../../i18n';
 export default function ($props, $blocks, $__proto__) {
   var _this = this;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      title = _this$get.title,
-      fixed = _this$get.fixed,
-      group = _this$get.group,
-      multiple = _this$get.multiple,
-      key = _this$get.key,
-      sortable = _this$get.sortable,
-      cols = _this$get.cols,
-      rows = _this$get.rows;
-
+    title = _this$get.title,
+    fixed = _this$get.fixed,
+    group = _this$get.group,
+    multiple = _this$get.multiple,
+    key = _this$get.key,
+    sortable = _this$get.sortable,
+    cols = _this$get.cols,
+    rows = _this$get.rows;
   var _this$group = this.group,
-      onSelect = _this$group.onSelect,
-      isChecked = _this$group.isChecked,
-      keywords = _this$group.keywords,
-      filteredGroup = _this$group.filteredGroup,
-      onShow = _this$group.onShow,
-      reset = _this$group.reset,
-      confirm = _this$group.confirm,
-      dropdownRef = _this$group.dropdownRef,
-      localGroupValue = _this$group.localGroupValue,
-      isEmptyValue = _this$group.isEmptyValue,
-      checkAll = _this$group.checkAll;
+    onSelect = _this$group.onSelect,
+    isChecked = _this$group.isChecked,
+    keywords = _this$group.keywords,
+    filteredGroup = _this$group.filteredGroup,
+    onShow = _this$group.onShow,
+    reset = _this$group.reset,
+    confirm = _this$group.confirm,
+    dropdownRef = _this$group.dropdownRef,
+    localGroupValue = _this$group.localGroupValue,
+    isEmptyValue = _this$group.isEmptyValue,
+    checkAll = _this$group.checkAll;
   var k = this.config.k;
   return _$cc(TableContext.Consumer, {
     'children': function children(checkType) {
       return _$cc(GroupContext.Consumer, {
         'children': function children(_ref) {
           var currentGroup = _ref.group,
-              onChange = _ref.onChange;
+            onChange = _ref.onChange;
           return _$cc(SortableContext.Consumer, {
             'children': function children(_ref2) {
               var sort = _sortInstanceProperty(_ref2),
-                  onChangeSort = _ref2.onChange;
-
+                onChangeSort = _ref2.onChange;
               return _$cc(ResizableContext.Consumer, {
                 'children': function children(_ref3) {
                   var resizable = _ref3.resizable,
-                      onStart = _ref3.onStart;
+                    onStart = _ref3.onStart;
                   return _$cc(FixedColumnsContext.Consumer, {
                     'children': function children(offsetMap) {
                       var _classNameObj, _$cn2, _$cn4;
-
                       var _getClassAndStyleForF = getClassAndStyleForFixed(_this.get(), offsetMap[key], k, checkType),
-                          className = _getClassAndStyleForF.className,
-                          style = _getClassAndStyleForF.style;
-
+                        className = _getClassAndStyleForF.className,
+                        style = _getClassAndStyleForF.style;
                       var classNameObj = (_classNameObj = {}, _classNameObj[k + "-column-sortable"] = sortable, _classNameObj[className] = className, _classNameObj);
                       var groupValue = currentGroup && currentGroup[key];
                       var type = sort && sort.key === key && sort.type;
@@ -84,11 +78,9 @@ export default function ($props, $blocks, $__proto__) {
                         return title;
                       }, __$blocks['title'] = function ($super, data) {
                         var block = $blocks['title'];
-
                         var callBlock = function callBlock() {
                           return _$blocks['title'].call($this, $super, data);
                         };
-
                         return block ? block.call($this, callBlock, data) : callBlock();
                       }, __$blocks['title'](_$no)), 0, _$cn(k + "-table-title-text c-ellipsis")), group ? _$cc(Dropdown, {
                         'position': {
@@ -120,25 +112,21 @@ export default function ($props, $blocks, $__proto__) {
                             'clearable': true,
                             '$blocks': function ($blocks) {
                               var _$blocks = {},
-                                  __$blocks = _$ex({}, $blocks);
-
+                                __$blocks = _$ex({}, $blocks);
                               return (_$blocks['suffix'] = function ($super) {
                                 return _$cc(Icon, {
                                   'className': _$cn(k + "-icon-search")
                                 });
                               }, __$blocks['suffix'] = function ($super, data) {
                                 var block = $blocks['suffix'];
-
                                 var callBlock = function callBlock() {
                                   return _$blocks['suffix'].call($this, $super, data);
                                 };
-
                                 return block ? block.call($this, callBlock, data) : callBlock();
                               }), __$blocks;
                             }.call($this, _$em)
                           }), 2, _$cn(k + "-table-group-header")), _$ce(2, 'div', _$ma(filteredGroup.value, function ($value, $key) {
                             var _$cn3;
-
                             return _$cc(DropdownItem, {
                               'ev-select': function evSelect() {
                                 return onSelect($value.value, onChange);

package/components/table/exportTable.js

@@ -8,73 +8,62 @@ import { get, noop, isNullOrUndefined } from 'intact-shared';
 export function exportTable(_x, _x2, _x3, _x4, _x5) {
   return _exportTable.apply(this, arguments);
 }
-
 function _exportTable() {
   _exportTable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(getData, data, childrenKey, parentComponet, filename) {
     var collection, _getData, columns, cols, content;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            collection = [];
-            _getData = getData(), columns = _getData.columns, cols = _getData.cols; // head
-
-            columns.forEach(function (column) {
-              var rows = []; // TODO: support grouped header
-
-              column.forEach(function (vNode) {
-                var props = vNode.props;
-                if (props.ignore) return;
-                var dom = findDomFromVNode(vNode, true);
-                pushTextContext(rows, dom, props.exportTitle);
-              });
-              collection.push(rows.join(','));
-            }); // body
-
-            loopDataWithChildrenKey(data, childrenKey, function (data, index) {
-              var rows = [];
-              cols.forEach(function (col) {
-                if (col.ignore) return;
-                var blocks = col.$blocks;
-                var children = get(data, col.key);
-
-                if (blocks) {
-                  var template = blocks.template || blocks.default;
-
-                  if (template) {
-                    children = template(noop, [data, index]);
-                  }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          collection = [];
+          _getData = getData(), columns = _getData.columns, cols = _getData.cols; // head
+          columns.forEach(function (column) {
+            var rows = [];
+            // TODO: support grouped header
+            column.forEach(function (vNode) {
+              var props = vNode.props;
+              if (props.ignore) return;
+              var dom = findDomFromVNode(vNode, true);
+              pushTextContext(rows, dom, props.exportTitle);
+            });
+            collection.push(rows.join(','));
+          });
+          // body
+          loopDataWithChildrenKey(data, childrenKey, function (data, index) {
+            var rows = [];
+            cols.forEach(function (col) {
+              if (col.ignore) return;
+              var blocks = col.$blocks;
+              var children = get(data, col.key);
+              if (blocks) {
+                var template = blocks.template || blocks.default;
+                if (template) {
+                  children = template(noop, [data, index]);
                 }
-
-                var td = h('td', null, children);
-                mount(td, null, parentComponet, false, null, []);
-                var exportCell = col.exportCell;
-                var content = exportCell && exportCell(data, index);
-                pushTextContext(rows, td.dom, content);
-              });
-              collection.push(rows.join(','));
-            }, false);
-            content = collection.join('\r\n');
-            download(content, filename + '.csv');
-            return _context.abrupt("return", content);
-
-          case 7:
-          case "end":
-            return _context.stop();
-        }
+              }
+              var td = h('td', null, children);
+              mount(td, null, parentComponet, false, null, []);
+              var exportCell = col.exportCell;
+              var content = exportCell && exportCell(data, index);
+              pushTextContext(rows, td.dom, content);
+            });
+            collection.push(rows.join(','));
+          }, false);
+          content = collection.join('\r\n');
+          download(content, filename + '.csv');
+          return _context.abrupt("return", content);
+        case 7:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
   return _exportTable.apply(this, arguments);
 }
-
 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+
@@ -84,7 +73,6 @@ export function download(content, filename) {
     navigator.msSaveBlob(blob, filename);
   } else {
     var link = document.createElement('a');
-
     if ('download' in link) {
       /**
        * should add \uFEFF, otherwise it will be error codes in MSExcel
@@ -92,9 +80,7 @@ export function download(content, filename) {
       var _blob = new Blob(["\uFEFF" + content], {
         type: 'text/csv;charset=utf-8'
       });
-
       var url = _URL.createObjectURL(_blob);
-
       link.setAttribute('href', url);
       link.setAttribute('download', filename);
       link.style.display = 'none';