@kdcloudjs/table 1.0.0

package/lib/config-provider/configProvider.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _assign = _interopRequireDefault(require("lodash/assign"));
+
+var _ConfigContext = _interopRequireDefault(require("./ConfigContext"));
+
+var _defaultConfig = _interopRequireDefault(require("./defaultConfig"));
+
+var _index = _interopRequireWildcard(require("../locale/index"));
+
+/**
+ * 对外暴露用于注入全局配置属性的Context.Provider
+ */
+var ConfigProvider = function ConfigProvider(props) {
+  // 处理当前语言
+  var value = props.value;
+  var localeConfig = value && value.localeConfig;
+  var locale = {
+    getLangMsg: function getLangMsg(componentName, labelName, params) {
+      if (localeConfig && localeConfig.customGetLangMsg) {
+        return localeConfig.customGetLangMsg(componentName, labelName, params);
+      }
+
+      return (0, _index.getLangMsg)(componentName, labelName, params);
+    },
+    getCompLangMsg: function getCompLangMsg(compLangMsgParams) {
+      return (0, _index.getCompLangMsg)(compLangMsgParams, localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.customGetLangMsg);
+    }
+  };
+
+  if (localeConfig) {
+    _index.default.setLocalesData(localeConfig.locale, localeConfig.localeData);
+  } // 处理组件默认属性
+
+
+  var providerValue = (0, _assign.default)({}, _defaultConfig.default, value, {
+    locale: locale
+  });
+  return /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
+    value: providerValue
+  }, props.children);
+};
+
+var _default = ConfigProvider;
+exports.default = _default;

package/lib/config-provider/defaultConfig.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const defaultConfig: {
+    getPrefixCls: (configPrefixCls?: string, suffixCls?: string, customizePrefixCls?: string) => string;
+    prefixCls: string;
+    locale: {
+        getLangMsg: (componentName: string, labelName: string, params?: any) => string | import("react").ReactNode[];
+        getCompLangMsg: (compLangMsgParams: import("../locale").CompLangMsgParams, customGetLangMsg?: (componentName: string, labelName: string, params: any) => any, localeDate?: any) => any;
+    };
+};
+export default defaultConfig;

package/lib/config-provider/defaultConfig.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _locale = require("../locale");
+
+var defaultConfig = {
+  getPrefixCls: function getPrefixCls(configPrefixCls, suffixCls, customizePrefixCls) {
+    var _context;
+
+    // 获取样式前缀方法
+    if (customizePrefixCls) return customizePrefixCls;
+    configPrefixCls = configPrefixCls || 'kd';
+    return suffixCls ? (0, _concat.default)(_context = "".concat(configPrefixCls, "-")).call(_context, suffixCls) : configPrefixCls;
+  },
+  prefixCls: 'kd',
+  locale: {
+    getLangMsg: _locale.getLangMsg,
+    getCompLangMsg: _locale.getCompLangMsg
+  }
+};
+var _default = defaultConfig;
+exports.default = _default;

package/lib/config-provider/index.d.ts

@@ -0,0 +1,6 @@
+import ConfigProvider from './configProvider';
+import compDefaultProps from './compDefaultProps';
+import ConfigContext from './ConfigContext';
+import defaultConfig from './defaultConfig';
+export { compDefaultProps, ConfigContext, defaultConfig };
+export default ConfigProvider;

package/lib/config-provider/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "compDefaultProps", {
+  enumerable: true,
+  get: function get() {
+    return _compDefaultProps.default;
+  }
+});
+Object.defineProperty(exports, "ConfigContext", {
+  enumerable: true,
+  get: function get() {
+    return _ConfigContext.default;
+  }
+});
+Object.defineProperty(exports, "defaultConfig", {
+  enumerable: true,
+  get: function get() {
+    return _defaultConfig.default;
+  }
+});
+exports.default = void 0;
+
+var _configProvider = _interopRequireDefault(require("./configProvider"));
+
+var _compDefaultProps = _interopRequireDefault(require("./compDefaultProps"));
+
+var _ConfigContext = _interopRequireDefault(require("./ConfigContext"));
+
+var _defaultConfig = _interopRequireDefault(require("./defaultConfig"));
+
+var _default = _configProvider.default;
+exports.default = _default;

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ConfigProvider } from './config-provider';
+export * from './table';

package/lib/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ConfigProvider: true
+};
+Object.defineProperty(exports, "ConfigProvider", {
+  enumerable: true,
+  get: function get() {
+    return _configProvider.default;
+  }
+});
+
+var _configProvider = _interopRequireDefault(require("./config-provider"));
+
+var _table = require("./table");
+
+_Object$keys(_table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _table[key];
+    }
+  });
+});
+
+/* @remove-on-es-build-begin */
+// this file is not used if use https://github.com/ant-design/babel-plugin-import
+var ENV = process.env.NODE_ENV;
+
+if (ENV !== 'production' && ENV !== 'test' && typeof console !== 'undefined' && console.warn && // eslint-disable-line no-console
+typeof window !== 'undefined') {
+  // eslint-disable-next-line no-console
+  console.warn('You are using a whole package of kd-ui, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.');
+}
+/* @remove-on-es-build-end */

package/lib/locale/index.d.ts

@@ -0,0 +1,3 @@
+import localeCacher from './locale';
+export { LocaleDataType, LocaleConfigType, ComponentType, CompLangMsgParams, getLangMsg, getCompLangMsg, } from './locale';
+export default localeCacher;

package/lib/locale/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getLangMsg", {
+  enumerable: true,
+  get: function get() {
+    return _locale.getLangMsg;
+  }
+});
+Object.defineProperty(exports, "getCompLangMsg", {
+  enumerable: true,
+  get: function get() {
+    return _locale.getCompLangMsg;
+  }
+});
+exports.default = void 0;
+
+var _locale = _interopRequireWildcard(require("./locale"));
+
+var _default = _locale.default;
+exports.default = _default;

package/lib/locale/locale.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import zhCNData from './zh-CN';
+export declare type LocaleDataType = typeof zhCNData;
+export declare type ComponentType = keyof LocaleDataType;
+export interface LocaleConfigType {
+    locale: string;
+    localeData: LocaleDataType | any;
+    customGetLangMsg?: (componentName: string, labelName: string, params: any) => any;
+}
+export interface CompLangMsgParams {
+    componentName: string;
+    labels?: string[];
+    labelParams?: any;
+}
+interface ILocalesData {
+    [key: string]: LocaleDataType | any;
+}
+declare class LocaleCache {
+    localesData: ILocalesData;
+    locale: string;
+    constructor(localesData: ILocalesData, locale?: string);
+    /**
+     * 设置语言包并切换当前语言
+     * @param {LocaleDataType | string} localeData 语言数据集合 | 语言类型
+     * @returns 设置后的语言对应的语言包
+     */
+    setLocalesData(locale: string, localeData?: LocaleDataType): {
+        locale: string;
+        'global.selectholder': string;
+        'global.placeholder': string;
+        'global.cancel': string;
+        'global.confirm': string;
+    };
+    /**
+     * 获取当前语言包数据
+     */
+    getLocalData(): any;
+    /**
+     * 获取当前语言类型
+     */
+    getLocal(): string;
+    /**
+     * 获取所有语言包数据
+     */
+    getLocalesData(): ILocalesData;
+}
+declare const localeCacher: LocaleCache;
+export default localeCacher;
+export declare const getLangMsg: (componentName: ComponentType | string, labelName: string, params?: any) => string | React.ReactNode[];
+export declare const getCompLangMsg: (compLangMsgParams: CompLangMsgParams, customGetLangMsg?: (componentName: string, labelName: string, params: any) => any, localeDate?: any) => any;

package/lib/locale/locale.js

@@ -0,0 +1,277 @@
+"use strict";
+
+var _sliceInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+
+var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
+
+var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
+
+var _getIterator = require("@babel/runtime-corejs3/core-js/get-iterator");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCompLangMsg = exports.getLangMsg = exports.default = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = _getIterator(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var LocaleCache = /*#__PURE__*/function () {
+  function LocaleCache(localesData, locale) {
+    (0, _classCallCheck2.default)(this, LocaleCache);
+    this.locale = locale || _zhCN.default.locale;
+    this.localesData = localesData;
+  }
+  /**
+   * 设置语言包并切换当前语言
+   * @param {LocaleDataType | string} localeData 语言数据集合 | 语言类型
+   * @returns 设置后的语言对应的语言包
+   */
+
+
+  (0, _createClass2.default)(LocaleCache, [{
+    key: "setLocalesData",
+    value: function setLocalesData(locale, localeData) {
+      var newLocaleData = localeData || this.localesData[locale];
+
+      if (!newLocaleData) {
+        console.error("\u7F3A\u5C11\u8BED\u8A00".concat(locale, "\u5BF9\u5E94\u7684\u8BED\u8A00\u5305\uFF0C\u8BF7\u68C0\u67E5\u540E\u91CD\u65B0\u8BBE\u7F6E"));
+        return;
+      }
+
+      this.locale = locale;
+      this.localesData[locale] = newLocaleData;
+      return localeData;
+    }
+    /**
+     * 获取当前语言包数据
+     */
+
+  }, {
+    key: "getLocalData",
+    value: function getLocalData() {
+      return this.localesData[this.locale];
+    }
+    /**
+     * 获取当前语言类型
+     */
+
+  }, {
+    key: "getLocal",
+    value: function getLocal() {
+      return this.locale;
+    }
+    /**
+     * 获取所有语言包数据
+     */
+
+  }, {
+    key: "getLocalesData",
+    value: function getLocalesData() {
+      return this.localesData;
+    }
+  }]);
+  return LocaleCache;
+}();
+
+var localeCacher = new LocaleCache((0, _defineProperty2.default)({}, _zhCN.default.locale, _zhCN.default));
+var _default = localeCacher;
+exports.default = _default;
+
+var getLangMsg = function getLangMsg(componentName, labelName, params) {
+  var _context;
+
+  var localData = localeCacher.getLocalData();
+  var msg = localData[(0, _concat.default)(_context = "".concat(componentName, ".")).call(_context, labelName)] || localData["global.".concat(labelName)] || '';
+  return analysVariables(msg, params);
+};
+/**
+ * 解析模板字符串中的变量
+ * @param {*} msg
+ * @param {*} variables
+ */
+
+
+exports.getLangMsg = getLangMsg;
+
+function analysVariables(msg, variables) {
+  var reg = /{[\w\W]*?}/g;
+  var matchArr = msg.match(reg) || [];
+
+  var isObject = function isObject(value) {
+    return (0, _typeof2.default)(value) === 'object' || typeof value === 'function';
+  };
+
+  var getVarName = function getVarName(str) {
+    var len = str.length;
+    return (0, _slice.default)(str).call(str, 1, len - 1);
+  };
+
+  var stringVar = [];
+  var eleVar = [];
+
+  var _iterator = _createForOfIteratorHelper(matchArr),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      var varName = getVarName(item);
+      var value = variables[varName];
+
+      if (isObject(value)) {
+        eleVar.push({
+          k: varName,
+          v: value
+        });
+      } else {
+        stringVar.push({
+          k: varName,
+          v: value
+        });
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  msg = formatText(msg, stringVar);
+  var msgArr = [];
+
+  if (eleVar.length > 0) {
+    msgArr = formatElement(msg, variables);
+  }
+
+  return eleVar.length > 0 ? msgArr : msg;
+}
+/**
+ * 替换基本类型的变量
+ * @param {*} msg
+ * @param {*} stringVar
+ */
+
+
+function formatText(msg, stringVar) {
+  stringVar.forEach(function (item) {
+    var k = item.k,
+        v = item.v;
+    var reg = new RegExp('{' + k + '}', 'g');
+    msg = msg.replace(reg, v);
+  });
+  return msg;
+}
+/**
+ * 替换React元素类型的变量
+ * @param {*} msg
+ * @param {*} eleVar
+ * @param {*} variables
+ */
+
+
+function formatElement(msg, variables) {
+  var splitByElement = function splitByElement(msg) {
+    var array = [];
+    var item = {
+      t: 0,
+      v: ''
+    }; // 0-string 1-react
+
+    var len = msg.length;
+    msg.split('').forEach(function (c, i) {
+      if (c === '{') {
+        array.push(item);
+        item = {
+          t: 1,
+          v: ''
+        };
+      } else if (c === '}') {
+        array.push(item);
+        item = {
+          t: 0,
+          v: ''
+        };
+      } else {
+        item.v = item.v + c;
+      }
+
+      if (i === len - 1) {
+        array.push(item);
+      }
+    });
+    return array;
+  };
+
+  var elements = [];
+  var eleArr = splitByElement(msg);
+  eleArr.forEach(function (item, index) {
+    var t = item.t,
+        v = item.v;
+
+    if (t === 0 && v !== '') {
+      elements.push( /*#__PURE__*/_react.default.createElement("span", {
+        key: index
+      }, v));
+    } else if (t === 1) {
+      elements.push( /*#__PURE__*/_react.default.cloneElement(variables[v], {
+        key: index
+      }));
+    }
+  });
+  return elements;
+}
+
+var getCompLangMsg = function getCompLangMsg(compLangMsgParams, customGetLangMsg, localeDate) {
+  var componentName = compLangMsgParams.componentName,
+      labels = compLangMsgParams.labels,
+      labelParams = compLangMsgParams.labelParams;
+  labels = labels || [];
+  labelParams = labelParams || {};
+  localeDate = localeDate || _zhCN.default;
+
+  if (!labels.length) {
+    for (var key in localeDate) {
+      var componentNameAndLabel = key.split('.');
+
+      if (componentName === componentNameAndLabel[0] && componentNameAndLabel[1]) {
+        labels.push(componentNameAndLabel[1]);
+      }
+    }
+  }
+
+  var componentLangMsg = {};
+  labels.forEach(function (label) {
+    if (customGetLangMsg && typeof customGetLangMsg === 'function') {
+      componentLangMsg[label] = customGetLangMsg(componentName, label, labelParams[label] || {});
+    } else {
+      componentLangMsg[label] = getLangMsg(componentName, label, labelParams[label] || {});
+    }
+  });
+  return componentLangMsg;
+};
+
+exports.getCompLangMsg = getCompLangMsg;

package/lib/locale/zh-CN.d.ts

@@ -0,0 +1,8 @@
+declare const locale: {
+    locale: string;
+    'global.selectholder': string;
+    'global.placeholder': string;
+    'global.cancel': string;
+    'global.confirm': string;
+};
+export default locale;

package/lib/locale/zh-CN.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var locale = {
+  locale: 'zh-CN',
+  'global.selectholder': '请选择',
+  'global.placeholder': '请输入...',
+  'global.cancel': '取消',
+  'global.confirm': '确定'
+};
+var _default = locale;
+exports.default = _default;

package/lib/style/color/colors.less

@@ -0,0 +1,2 @@
+// color palettes
+@blue-base: #1890ff;

package/lib/style/components.less

@@ -0,0 +1 @@
+@import "../table/style/index.less";

package/lib/style/core/index.less

@@ -0,0 +1,2 @@
+@import 'motion';
+@import 'reset';

package/lib/style/core/motion/other.less

@@ -0,0 +1,28 @@
+@keyframes loadingcircle {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes waveEffect {
+  100% {
+      box-shadow: 0 0 0 6px @theme-color;
+  }
+}
+
+@keyframes fadeEffect {
+  100% {
+      opacity: 0;
+  }
+}
+
+@keyframes kdRadioEffect {
+  0% {
+    transform: translateY(-50%) scale(0.5);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(-50%) scale(1);
+    opacity: 1;
+  }
+}

package/lib/style/core/motion/slide.less

@@ -0,0 +1,53 @@
+@keyframes kdSlideDownIn {
+  0% {
+    transform: scaleY(0.8);
+    transform-origin: 50% 0%;
+    opacity: 0;
+  }
+  100% {
+    transform: scaleY(1);
+    transform-origin: 50% 0%;
+    opacity: 1;
+  }
+}
+
+@keyframes kdSlideDownOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 50% 0%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleY(0.9);
+    transform-origin: 50% 0%;
+    opacity: 0;
+  }
+}
+
+@keyframes kdSlideUpIn {
+  0% {
+    transform-origin: 50% 100%;
+    opacity: 0;
+  }
+  5% {
+    transform: scaleY(0.8);
+  }
+  100% {
+    transform: scaleY(1);
+    transform-origin: 50% 100%;
+    opacity: 1;
+  }
+}
+
+@keyframes kdSlideUpOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 50% 100%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleY(0.9);
+    transform-origin: 50% 100%;
+    opacity: 0;
+  }
+}

package/lib/style/core/motion.less

@@ -0,0 +1,2 @@
+@import 'motion/other';
+@import 'motion/slide';