@kdcloudjs/kdesign 1.0.2

package/lib/config-provider/compDefaultProps.js

@@ -0,0 +1,430 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _index = require("../index");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * 组件默认属性，所有组件的默认属性都在这里写，
+ * 而不是在组件文件中以“componentName.defaultProps”的方式去写
+ * componentName: defaultPropsObj
+ * （用于处理用户自定义默认属性）
+ */
+var compDefaultProps = {
+  Alert: {
+    type: 'warning',
+    showIcon: false,
+    closable: false,
+    delayOffTime: 5000,
+    banner: false,
+    bannerOffset: [0, 0]
+  },
+  Button: {
+    type: 'second',
+    iconPlace: 'left',
+    size: 'middle',
+    bordered: true
+  },
+  Card: {
+    hoverable: false,
+    selectable: false
+  },
+  Carousel: {
+    autoplay: false,
+    dotPosition: 'bottom',
+    dots: true,
+    easing: 'cubic-bezier(0.4,0,0.6,1)',
+    effect: 'scrollx',
+    intervalTime: 4000
+  },
+  Cascader: {
+    allowClear: true,
+    expandTrigger: 'click',
+    notFoundContent: 'No Data',
+    popupPlacement: 'bottomLeft',
+    dropdownRender: function dropdownRender(menus) {
+      return menus;
+    },
+    displayRender: function displayRender(labels) {
+      return labels.join('/');
+    },
+    fieldNames: {
+      label: 'label',
+      value: 'value',
+      children: 'children'
+    }
+  },
+  Col: {},
+  Collapse: {
+    accordion: false,
+    expandIconPosition: 'left',
+    bordered: false
+  },
+  CollapsePanel: {
+    disabled: false
+  },
+  Checkbox: {
+    defaultChecked: false,
+    checkboxType: 'default',
+    indeterminate: false,
+    disabled: false,
+    size: 'middle'
+  },
+  CheckboxGroup: {
+    checkboxType: 'default',
+    disabled: false
+  },
+  Dropdown: {
+    arrow: false,
+    placement: 'bottomLeft',
+    trigger: 'hover'
+  },
+  DropdownItem: {},
+  DropdownMenu: {},
+  DatePicker: {
+    allowClear: true,
+    autoFocus: false,
+    borderType: 'underline',
+    disabled: false,
+    inputReadOnly: false,
+    picker: 'date',
+    popupStyle: {},
+    size: 'middle',
+    showToday: false,
+    style: {},
+    showArrow: true,
+    defaultOpen: false,
+    showWeeksTitle: true,
+    yearItemNumber: 15,
+    hourStep: 1,
+    minuteStep: 1,
+    secondStep: 1
+  },
+  Drawer: {
+    closable: true,
+    destroyOnClose: false,
+    forceRender: false,
+    getContainer: document.body,
+    height: 220,
+    keyboard: true,
+    mask: true,
+    maskClosable: true,
+    placement: 'right',
+    width: 365,
+    zIndex: 1050
+  },
+  Empty: {},
+  Filter: {
+    fields: [],
+    schemes: [],
+    defaultTabKey: 'condition'
+  },
+  Form: {
+    layout: 'vertical',
+    labelAlign: 'left',
+    size: 'middle'
+  },
+  Icon: {
+    prefix: 'kdicon'
+  },
+  Input: {
+    type: 'text',
+    size: 'middle',
+    borderType: 'underline'
+  },
+  Select: {
+    size: 'middle',
+    borderType: 'underline',
+    mode: 'single',
+    defaultOpen: false,
+    showArrow: true,
+    showSearch: false
+  },
+  Image: {
+    preview: true
+  },
+  InputNumber: {
+    type: 'text',
+    size: 'middle',
+    borderType: 'underline',
+    minMark: '(',
+    maxMark: ']',
+    zeroShow: false,
+    showDecimalTailZero: false,
+    mask: '',
+    mustInScope: false,
+    mustInPrecisionScope: true
+  },
+  Layout: {},
+  Modal: {
+    type: 'normal',
+    keyboard: true,
+    mask: true,
+    maskClosable: true,
+    closable: true,
+    getContainer: document.body,
+    footerBtnOrder: 'normal',
+    width: 460,
+    height: 340,
+    focusTriggerAfterClose: true,
+    destroyOnClose: false,
+    draggable: true,
+    cancelButtonProps: {},
+    okButtonProps: {},
+    showline: true
+  },
+  Menu: {
+    mode: 'vertical',
+    inlineIndent: 50,
+    forceSubMenuRender: false,
+    triggerSubMenuAction: 'hover',
+    theme: 'dark',
+    collapsed: false
+  },
+  MenuItem: {
+    disabled: false
+  },
+  MenuSubMenu: {
+    disabled: false,
+    popupOffset: [0, 0]
+  },
+  Message: {},
+  Notice: {},
+  Notification: {},
+  Pagination: {
+    total: 0,
+    pageType: 'basic',
+    defaultCurrent: 1,
+    defaultPageSize: 10,
+    pageSizeOptions: [10, 20, 50, 100],
+    showTitle: true,
+    bordered: false,
+    hideOnSinglePage: false
+  },
+  Popconfirm: {
+    icon: false,
+    placement: 'top',
+    trigger: 'click',
+    okType: 'primary'
+  },
+  Progress: {
+    type: 'line',
+    // width: 88,
+    trailColor: '#E5E5E5',
+    percent: 0,
+    showInfo: true,
+    infoPosition: 'right',
+    trailWidth: 8,
+    strokeWidth: 4
+  },
+  Radio: {
+    checked: false,
+    defaultChecked: false,
+    disabled: false
+  },
+  RadioGroup: {},
+  Rate: {
+    allowHalf: true,
+    icon: function icon() {
+      return /*#__PURE__*/React.createElement(_index.Icon, {
+        type: "star"
+      });
+    },
+    count: 5,
+    defaultValue: 0,
+    disabled: false,
+    size: 'middle'
+  },
+  RangePicker: {
+    order: true,
+    allowClear: true,
+    autoFocus: false,
+    allowEmpty: [false, false],
+    borderType: 'underline',
+    disabled: false,
+    inputReadOnly: false,
+    picker: 'date',
+    separator: '~',
+    popupStyle: {},
+    size: 'middle',
+    showArrow: true,
+    defaultOpen: false,
+    showWeeksTitle: true,
+    hourStep: 1,
+    minuteStep: 1,
+    secondStep: 1
+  },
+  Row: {
+    align: 'top',
+    gutter: 12,
+    justify: 'start',
+    wrap: true
+  },
+  Switch: {
+    size: 'small',
+    defaultChecked: false,
+    disabled: false,
+    loading: false
+  },
+  Steps: {
+    direction: 'horizontal',
+    initial: 0,
+    labelPlacement: 'bottom'
+  },
+  Space: {
+    direction: 'horizontal',
+    size: 'small',
+    align: 'center'
+  },
+  SplitPanel: {
+    defaultSplit: 0.5,
+    mode: 'horizontal',
+    min: 0,
+    max: 0,
+    canFold: true
+  },
+  Spin: {
+    type: 'page',
+    spinning: true
+  },
+  TextArea: {
+    size: 'middle',
+    defaultValue: '',
+    autoSize: true,
+    canResize: false,
+    borderType: 'underline',
+    disabled: false,
+    count: true,
+    maxLength: 255
+  },
+  Timeline: {
+    reverse: false,
+    mode: '',
+    labelWidth: 70,
+    lineHeight: 18
+  },
+  TimelineItem: {
+    color: 'blue',
+    pending: false,
+    position: ''
+  },
+  Tree: {
+    defaultExpandAll: false,
+    defaultExpandRoot: false,
+    checkable: false,
+    checkStrictly: false,
+    disabled: false,
+    draggable: false,
+    virtual: true,
+    switcherIcon: function switcherIcon() {
+      return /*#__PURE__*/React.createElement(_index.Icon, {
+        type: "arrow-right-solid"
+      });
+    }
+  },
+  TreeNode: {},
+  ToolTip: {
+    placement: 'top',
+    trigger: 'hover'
+  },
+  Tabs: {
+    type: 'line',
+    size: 'middle'
+  },
+  TabPane: {},
+  Transfer: {
+    dataSource: [],
+    locale: {},
+    showSearch: false,
+    listStyle: {}
+  },
+  Tag: {
+    type: 'status',
+    closable: false,
+    clickable: false,
+    disabled: false,
+    size: 'middle'
+  },
+  Upload: {
+    multiple: false,
+    disabled: false,
+    directory: false,
+    method: 'post',
+    name: 'file',
+    type: 'select',
+    listType: 'text',
+    showUploadList: true,
+    withCredentials: false
+  },
+  ViewContainer: {},
+  Typography: {},
+  Search: {
+    size: 'middle',
+    borderType: 'underline',
+    type: 'basis',
+    disabled: false
+  },
+  Badge: {},
+  ImageCropper: {
+    containerWidth: 860,
+    containerHeight: 620,
+    dragMode: 'crop',
+    viewMode: 0,
+    aspectRatio: NaN,
+    okText: '确认裁剪'
+  },
+  Anchor: {
+    type: 'bookmarks',
+    affix: true,
+    trigger: 'hover',
+    placement: 'bottomRight'
+  },
+  Slider: {
+    default: 0,
+    disabled: false,
+    dots: false,
+    marks: [],
+    max: 100,
+    min: 0,
+    reverse: false,
+    step: 1,
+    tooltipPlacement: 'top',
+    vertical: false
+  },
+  Stepper: {
+    size: 'middle',
+    step: 1,
+    borderType: 'bordered',
+    minMark: '[',
+    maxMark: ']',
+    mustInScope: false
+  },
+  BaseData: {
+    mode: 'single',
+    optionLabelProp: 'label',
+    searchField: 'all',
+    size: 10
+  },
+  Avatar: {
+    size: 'middle',
+    shape: 'circle',
+    gap: 4
+  }
+};
+var _default = compDefaultProps;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+/**
+ * 对外暴露用于注入全局配置属性的Context.Provider
+ */
+import React, { FunctionComponentElement } from 'react';
+import { IConfigProps } from './ConfigContext';
+interface IConfigProviderProps {
+    value?: IConfigProps;
+    children?: React.ReactNode;
+}
+declare const ConfigProvider: (props: IConfigProviderProps) => FunctionComponentElement<IConfigProviderProps>;
+export default ConfigProvider;

package/lib/config-provider/configProvider.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _assign = _interopRequireDefault(require("lodash/assign"));
+
+var _ConfigContext = _interopRequireDefault(require("./ConfigContext"));
+
+var _defaultConfig = _interopRequireDefault(require("./defaultConfig"));
+
+var _index = _interopRequireWildcard(require("../locale/index"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * 对外暴露用于注入全局配置属性的Context.Provider
+ */
+var ConfigProvider = function ConfigProvider(props) {
+  // 处理当前语言
+  var value = props.value;
+  var localeConfig = value && value.localeConfig;
+
+  if (localeConfig) {
+    _index.default.setLocalesData(localeConfig.locale, localeConfig.localeData);
+  }
+
+  var locale = (0, _react.useMemo)(function () {
+    return {
+      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);
+      },
+      locale: _index.default.getLocal()
+    };
+  }, [localeConfig]); // 处理组件默认属性
+
+  var providerValue = (0, _react.useMemo)(function () {
+    return (0, _assign.default)({}, _defaultConfig.default, value, {
+      locale: locale
+    });
+  }, [locale, value]);
+  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 | undefined, suffixCls?: string | undefined, customizePrefixCls?: string | undefined) => 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) | undefined, localeDate?: any) => any;
+    };
+};
+export default defaultConfig;

package/lib/config-provider/defaultConfig.js

@@ -0,0 +1,31 @@
+"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';
+    var t = suffixCls ? (0, _concat.default)(_context = "".concat(configPrefixCls, "-")).call(_context, suffixCls) : configPrefixCls;
+    return t;
+  },
+  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, "ConfigContext", {
+  enumerable: true,
+  get: function get() {
+    return _ConfigContext.default;
+  }
+});
+Object.defineProperty(exports, "compDefaultProps", {
+  enumerable: true,
+  get: function get() {
+    return _compDefaultProps.default;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "defaultConfig", {
+  enumerable: true,
+  get: function get() {
+    return _defaultConfig.default;
+  }
+});
+
+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/date-picker/calendar.d.ts

@@ -0,0 +1,12 @@
+import { DateType, PickerMode, SharedTimeProps } from './interface';
+import { RangeShowTimeObject } from './range-picker';
+export interface CalendarProps {
+    picker: PickerMode;
+    useWeekdaysShort?: boolean;
+    showWeekNumber?: boolean;
+    showWeeksTitle?: boolean;
+    showTime?: boolean | SharedTimeProps | RangeShowTimeObject;
+    disabledDate?: (date: DateType) => boolean;
+}
+declare function Calendar(props: CalendarProps): JSX.Element;
+export default Calendar;