@king-design/vue 3.5.0-beta.0 → 3.5.0

package/components/virtualList/useVirtualRows.js

@@ -0,0 +1,120 @@
+import _Map from "@babel/runtime-corejs3/core-js/map";
+import _Set from "@babel/runtime-corejs3/core-js/set";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { createContext } from '../context';
+import { useState, watchState } from '../../hooks/useState';
+import { useInstance, nextTick, onMounted, onUnmounted, findDomFromVNode } from 'intact-vue-next';
+import { isNullOrUndefined } from 'intact-shared';
+export var context = createContext();
+var MIN_LENGTH = 10;
+var BUFFER_SIZE = 3;
+export function useVirtualRows() {
+  var instance = useInstance();
+  var rowsHeightMap = new _Map();
+  var startIndex = useState(0);
+  var length = useState(MIN_LENGTH);
+  var calculatedHeight = 0;
+  var rowAvgHeight = 0;
+  var rows = [];
+  function notifyRows(_rows) {
+    var oldRows = rows;
+    var oldLength = rows.length;
+    rows = _rows;
+    // diff oldRows, newRows
+    var newKeys = new _Set(_mapInstanceProperty(_rows).call(_rows, function (row) {
+      return row.key;
+    }));
+    for (var i = 0; i < oldLength; i++) {
+      var oldKey = oldRows[i].key;
+      if (!newKeys.has(oldKey)) {
+        var height = rowsHeightMap.get(oldKey);
+        if (!isNullOrUndefined(height)) {
+          calculatedHeight -= height;
+          rowsHeightMap.delete(oldKey);
+        }
+      }
+    }
+    // update rowAvgHeight
+    if (rowsHeightMap.size === 0) {
+      rowAvgHeight = calculatedHeight = 0;
+    } else {
+      rowAvgHeight = calculatedHeight / rowsHeightMap.size;
+    }
+    if (_rows.length < oldLength) {
+      var maxStartIndex = Math.max(0, _rows.length - length.value);
+      if (startIndex.value > maxStartIndex) {
+        startIndex.set(maxStartIndex);
+        // 重新计算位置
+        nextTick(function () {
+          handleScroll();
+        });
+      }
+    }
+  }
+  function calculateRowsHeight() {
+    for (var i = startIndex.value; i < startIndex.value + length.value && i < rows.length; i++) {
+      var row = rows[i];
+      var key = row.key;
+      if (!rowsHeightMap.has(key)) {
+        var rowDom = findDomFromVNode(row, true);
+        var height = rowDom.offsetHeight;
+        rowsHeightMap.set(key, height);
+        calculatedHeight += height;
+      }
+    }
+    // use the average height to estimate the row height
+    rowAvgHeight = calculatedHeight / rowsHeightMap.size;
+  }
+  watchState(startIndex, function () {
+    nextTick(calculateRowsHeight);
+  });
+  var containerDom;
+  onMounted(function () {
+    // get contains height
+    containerDom = findDomFromVNode(instance.$lastInput, true);
+    var containerHeight = containerDom.offsetHeight;
+    calculateRowsHeight();
+    // calculate the length of rows we should render
+    length.set(Math.max(Math.ceil(containerHeight / rowAvgHeight) + BUFFER_SIZE * 2, MIN_LENGTH));
+    containerDom.addEventListener('scroll', handleScroll);
+  });
+  onUnmounted(function () {
+    containerDom.removeEventListener('scroll', handleScroll);
+  });
+  function getTotalHeight() {
+    return calculatedHeight + rowAvgHeight * (rows.length - rowsHeightMap.size);
+  }
+  var translateY = useState(0);
+  function handleScroll() {
+    var _instance$get = instance.get(),
+      disabled = _instance$get.disabled;
+    if (disabled) return;
+    var scrollTop = containerDom.scrollTop;
+    var accumulatedHeight = 0;
+    var start = 0;
+    while (start < rows.length) {
+      accumulatedHeight += getRowHeightByIndex(start);
+      if (accumulatedHeight > scrollTop) {
+        break;
+      }
+      start++;
+    }
+    startIndex.set(Math.max(start - BUFFER_SIZE, 0));
+    // translateY should substract the buffer size rows height
+    for (var i = start; i >= startIndex.value; i--) {
+      accumulatedHeight -= getRowHeightByIndex(i);
+    }
+    translateY.set(accumulatedHeight);
+  }
+  function getRowHeightByIndex(index) {
+    var key = rows[index].key;
+    return rowsHeightMap.get(key) || rowAvgHeight;
+  }
+  return {
+    notifyRows: notifyRows,
+    startIndex: startIndex,
+    length: length,
+    getTotalHeight: getTotalHeight,
+    translateY: translateY
+  };
+}

package/components/virtualList/virtual.d.ts

@@ -0,0 +1,8 @@
+import { Component, TypeDefs } from 'intact-vue-next';
+export interface VirtualListProps {
+    disabled?: boolean;
+}
+export declare class VirtualList extends Component<VirtualListProps> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<VirtualListProps>>;
+}

package/components/virtualList/virtual.js

@@ -0,0 +1,15 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact-vue-next';
+import template from './virtual.vdt';
+var typeDefs = {
+  disabled: Boolean
+};
+export var VirtualList = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(VirtualList, _Component);
+  function VirtualList() {
+    return _Component.apply(this, arguments) || this;
+  }
+  return VirtualList;
+}(Component);
+VirtualList.template = template;
+VirtualList.typeDefs = typeDefs;

package/components/virtualList/virtual.vdt.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createUnknownComponentVNode as _$cc } from 'intact-vue-next';
+import { getRestProps } from '../utils';
+import { VirtualListContainer } from './container';
+import { VirtualListWrapper } from './wrapper';
+import { VirtualListRows } from './rows';
+import { VirtualListPhantom } from './phantom';
+export default function ($props, $blocks, $__proto__) {
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _this$get = this.get(),
+    children = _this$get.children,
+    disabled = _this$get.disabled;
+  if (disabled) {
+    return children;
+  }
+  return _$cc(VirtualListContainer, _extends({}, getRestProps(this), {
+    'children': [_$cc(VirtualListPhantom), _$cc(VirtualListWrapper, {
+      'children': _$cc(VirtualListRows, {
+        'children': children
+      })
+    })]
+  }));
+}
+;

package/components/virtualList/wrapper.d.ts

@@ -0,0 +1,9 @@
+import { Component, TypeDefs, ComponentConstructor } from 'intact-vue-next';
+export interface VirtualListWrapperProps {
+    tagName?: string | ComponentConstructor;
+}
+export declare class VirtualListWrapper extends Component<VirtualListWrapperProps> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<VirtualListWrapperProps>>;
+    private config;
+}

package/components/virtualList/wrapper.js

@@ -0,0 +1,24 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component } from 'intact-vue-next';
+import template from './wrapper.vdt';
+import { useConfigContext } from '../config';
+var typeDefs = {
+  tagName: String
+};
+export var VirtualListWrapper = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(VirtualListWrapper, _Component);
+  function VirtualListWrapper() {
+    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;
+  }
+  return VirtualListWrapper;
+}(Component);
+VirtualListWrapper.template = template;
+VirtualListWrapper.typeDefs = typeDefs;

package/components/virtualList/wrapper.vdt.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createUnknownComponentVNode as _$cc } from 'intact-vue-next';
+import { addStyle, getRestProps } from '../utils';
+import { context as VirtualRowsContext } from './useVirtualRows';
+import { createVNode } from 'intact-vue-next';
+import { cx } from '@emotion/css';
+export default function ($props, $blocks, $__proto__) {
+  var _this = this;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _this$get = this.get(),
+    _children = _this$get.children,
+    className = _this$get.className,
+    tagName = _this$get.tagName,
+    style = _this$get.style;
+  var k = this.config.k;
+  return _$cc(VirtualRowsContext.Consumer, {
+    'children': function children(_ref) {
+      var _classNameObj;
+      var translateY = _ref.translateY,
+        disabled = _ref.disabled;
+      var classNameObj = (_classNameObj = {}, _classNameObj[k + "-virtual-wrapper"] = !disabled, _classNameObj[className] = className, _classNameObj);
+      var _style = !disabled ? {
+        transform: "translateY(" + translateY + "px)"
+      } : {};
+      return createVNode(tagName || 'div', _extends({}, getRestProps(_this), {
+        className: cx(classNameObj),
+        style: addStyle(style, _style)
+      }), _children);
+    }
+  });
+}
+;

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.0-beta.0
+ * @king-design v3.5.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -63,8 +63,9 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
+export * from './components/virtualList';
 export * from './components/wave';
-export declare const version = "3.5.0-beta.0";
+export declare const version = "3.5.0";
 
 
 export {normalize} from 'intact-vue-next';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.0-beta.0
+ * @king-design v3.5.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,8 +64,9 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
+export * from './components/virtualList';
 export * from './components/wave';
-export var version = '3.5.0-beta.0';
+export var version = '3.5.0';
 /* generate end */
 
 export {normalize} from 'intact-vue-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/vue",
-  "version": "3.5.0-beta.0",
+  "version": "3.5.0",
   "description": "King-Design UI components for Vue3.0.",
   "keywords": [
     "component",

package/yarn-error.log

@@ -1,8 +1,8 @@
 Arguments: 
-  /home/javey/.nvm/versions/node/v14.21.3/bin/node /usr/share/yarn/bin/yarn.js --registry=https://registry.npmjs.org
+  /usr/local/bin/node /usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js
 
 PATH: 
-  /tmp/yarn--1709196756448-0.38987287096922607:/home/javey/Workspaces/kpc/node_modules/.bin:/home/javey/.config/yarn/link/node_modules/.bin:/home/javey/.nvm/versions/node/v14.21.3/libexec/lib/node_modules/npm/bin/node-gyp-bin:/home/javey/.nvm/versions/node/v14.21.3/lib/node_modules/npm/bin/node-gyp-bin:/home/javey/.nvm/versions/node/v14.21.3/bin/node_modules/npm/bin/node-gyp-bin:/home/javey/.nvm/versions/node/v14.21.3/bin:/home/javey/.cargo/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin:/snap/bin:/home/javey/.yarn/bin:/home/javey/.local/bin:/home/javey/.yarn/bin:/home/javey/.local/bin
+  /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/knightedge/bin
 
 Yarn version: 
   1.22.19
@@ -11,18 +11,18 @@ Node version:
   14.21.3
 
 Platform: 
-  linux x64
+  darwin x64
 
 Trace: 
-  Error: https://registry.npmjs.org/intact-vue-next: ETIMEDOUT
-      at Timeout._onTimeout (/usr/share/yarn/lib/cli.js:141550:19)
+  Error: https://registry.npmjs.org/intact-vue-next/-/intact-vue-next-3.0.34.tgz: ETIMEDOUT
+      at Timeout._onTimeout (/usr/local/Cellar/yarn/1.22.19/libexec/lib/cli.js:141550:19)
       at listOnTimeout (internal/timers.js:557:17)
       at processTimers (internal/timers.js:500:7)
 
 npm manifest: 
   {
     "name": "@king-design/vue",
-    "version": "3.2.0",
+    "version": "3.3.0",
     "description": "King-Design UI components for Vue3.0.",
     "keywords": [
       "component",
@@ -59,7 +59,7 @@ npm manifest:
       "@emotion/css": "^11.5.0",
       "dayjs": "^1.10.7",
       "enquire.js": "^2.1.6",
-      "intact-vue-next": "3.0.31",
+      "intact-vue-next": "3.0.34",
       "monaco-editor": "^0.26.1",
       "mxgraphx": "^4.0.7",
       "resize-observer-polyfill": "^1.5.1",
@@ -67,8 +67,7 @@ npm manifest:
       "tslib": "^2.3.1"
     },
     "sideEffects": [
-      "**/*/styles/global.*",
-      "**/*/styles/fonts/*"
+      "./styles/**/*"
     ],
     "devDependencies": {
       "@vue/babel-plugin-jsx": "^1.1.5",
@@ -709,30 +708,30 @@ Lockfile:
       parent-module "^1.0.0"
       resolve-from "^4.0.0"
   
-  intact-shared@^3.0.30:
-    version "3.0.30"
-    resolved "https://registry.npmjs.org/intact-shared/-/intact-shared-3.0.30.tgz#ba07cad0f88a3ad6dfae4a2e3dd7c8bac0b1713b"
-    integrity sha512-Umk8DDJSNvGKnccSH3VhkHiaLEVabgAupFmDACMbT2pW8phjVRqJxTzTOeyCX+1NEPkxouEAvtNKPWngVsLquw==
+  intact-shared@^3.0.34:
+    version "3.0.34"
+    resolved "https://registry.npmjs.org/intact-shared/-/intact-shared-3.0.34.tgz#ddaf0e098540d8e98bf49c5f378a33681f1c55a9"
+    integrity sha512-pT8cpl7XDF7lYM6xWEoLwtf12sEysPjSfdmUr5DXaWvRm8cByg4dTxC+/+KQ0m3Umv0WE2vilQMixIh9hqe0Fg==
   
-  intact-vue-next@3.0.30:
-    version "3.0.30"
-    resolved "https://registry.npmjs.org/intact-vue-next/-/intact-vue-next-3.0.30.tgz#6e5301d52b19bed602b434424502a311712f464e"
-    integrity sha512-MqRhCxS0j7T8x+dRsnPaDGRE+i7A6XJ7gpxtMa33IYCNsOY/a/mGNRT3cvXvjY43+OunwV5IrT6x4w/fwAiaPQ==
+  intact-vue-next@3.0.34:
+    version "3.0.34"
+    resolved "https://registry.npmjs.org/intact-vue-next/-/intact-vue-next-3.0.34.tgz#e9c4268c9be81900f590ec536df561ec70aa3a85"
+    integrity sha512-nv9UUXZ72jfXflVbopTWb+oxrGw9aoIdguaMwnn8EzIhiNaA34zpRqhy8GXOUJCG85P9BCkZZfU1zD0LqMtVIQ==
     dependencies:
-      intact "^3.0.30"
-      intact-shared "^3.0.30"
+      intact "^3.0.34"
+      intact-shared "^3.0.34"
       tslib "^2.3.1"
   
-  intact@^3.0.30:
-    version "3.0.30"
-    resolved "https://registry.npmjs.org/intact/-/intact-3.0.30.tgz#b6eff7635dddb2d351710853891799f5b32e2666"
-    integrity sha512-1hdp7oiELdVdeCCh8+CFlkGx5NoNe5HNE3Gaz84tt0DE17BS87rH6h3ByPChqYvEgfuvN8l2/Iobl5PNJWOuGQ==
+  intact@^3.0.34:
+    version "3.0.34"
+    resolved "https://registry.npmjs.org/intact/-/intact-3.0.34.tgz#9407202bd159f29d80792c26218b97b682cfae78"
+    integrity sha512-j13WHChj5aJmw4+FSgMoEF/s67mnsq/fSA0LhSpmGYY6CChsBH6aPyQJUvEdYtjytZBCABvuJYgbcbyNHynb+w==
     dependencies:
-      intact-shared "^3.0.30"
-      misstime "^3.0.30"
+      intact-shared "^3.0.34"
+      misstime "^3.0.34"
       tslib "^2.2.0"
-      vdt "^3.0.30"
-      vdt-compiler "^3.0.30"
+      vdt "^3.0.34"
+      vdt-compiler "^3.0.34"
   
   is-arrayish@^0.2.1:
     version "0.2.1"
@@ -808,12 +807,12 @@ Lockfile:
     resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
     integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
   
-  misstime@^3.0.30:
-    version "3.0.30"
-    resolved "https://registry.npmjs.org/misstime/-/misstime-3.0.30.tgz#59a307e3b099cf988e03eef25d67921ec2131db5"
-    integrity sha512-UoDxIiRZl0i4IOPyJpDLc/rxxPEU9Co3H5rwrZeTxrQFQBTbaP/JxUYJ76hnYqeSDOC9doN7jeSrHH+3oTqfig==
+  misstime@^3.0.34:
+    version "3.0.34"
+    resolved "https://registry.npmjs.org/misstime/-/misstime-3.0.34.tgz#462f6509d06e1e80e7622b0ffa96df5438bbb87d"
+    integrity sha512-xO5ZHcG0cYkcWr7ZPquGFQWnZaMC5y4r1lKlFqCedLHFAAiV8SNEnj4bpFge8yTJJNO8LEXKOFWuE8WWpfy22g==
     dependencies:
-      intact-shared "^3.0.30"
+      intact-shared "^3.0.34"
   
   monaco-editor@^0.26.1:
     version "0.26.1"
@@ -954,22 +953,22 @@ Lockfile:
     resolved "https://registry.npmmirror.com/tslib/-/tslib-2.6.1.tgz#fd8c9a0ff42590b25703c0acb3de3d3f4ede0410"
     integrity sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==
   
-  vdt-compiler@^3.0.30:
-    version "3.0.30"
-    resolved "https://registry.npmjs.org/vdt-compiler/-/vdt-compiler-3.0.30.tgz#557368a09ac602e2c5ef90fd421bc6c86f92df19"
-    integrity sha512-W8kAoGqz56+rauoJfhRDOFO1tV6RNPsZIXeCATWIgmv8+DnciJXU8WgrbqDW9IQbYCXrOnMGZZXaZJATPkNXGg==
+  vdt-compiler@^3.0.34:
+    version "3.0.34"
+    resolved "https://registry.npmjs.org/vdt-compiler/-/vdt-compiler-3.0.34.tgz#7110da7dc1e86a5a54987e9e07922cc25f46e0fb"
+    integrity sha512-UFILLLLSg9SxXkiyGLdGbExOttTf5Tawpu07YFOxjRQJA5mpUWhus2+2RUbkNiWzr+9OJB7hZCwEWBKF+pQd1Q==
     dependencies:
-      intact-shared "^3.0.30"
-      misstime "^3.0.30"
+      intact-shared "^3.0.34"
+      misstime "^3.0.34"
       tslib "^2.2.0"
   
-  vdt@^3.0.30:
-    version "3.0.30"
-    resolved "https://registry.npmjs.org/vdt/-/vdt-3.0.30.tgz#12dbf2644a96cf2d6428cb1f17e02aa4076f7a98"
-    integrity sha512-HkkgHTDWHBiffZtVRnQb3rKs0p1/VoPkeMQH+5nbqYesAFhFOiF1jpvrQn6cRWZvcRsQMcJWNZT46V8t6eL8KQ==
+  vdt@^3.0.34:
+    version "3.0.34"
+    resolved "https://registry.npmjs.org/vdt/-/vdt-3.0.34.tgz#b01df681dbd986ef0515ead3f0a8c060b840a327"
+    integrity sha512-mGGTKgCTXZYHIlUYb2UsZxfp/n4sRLUP5XU+tA9l3qUXjvKeHz9tSsPdS4JdugvhTapaf8USTeE59e7SeMbzlA==
     dependencies:
-      intact-shared "^3.0.30"
-      misstime "^3.0.30"
+      intact-shared "^3.0.34"
+      misstime "^3.0.34"
       tslib "^2.2.0"
   
   vue-loader@^16.1.2: