doui-react 1.0.0

package/lib/checkbox/component/use-checkbox.d.ts

@@ -0,0 +1,12 @@
+import { CheckboxProps } from "..";
+export declare function useCheckbox({ value, onChange, disabled, showAll: originShowAll, onAllChange, ...restProps }: CheckboxProps): {
+    onChange: ((value: any) => void) | undefined;
+    onChangeAll: (checked: boolean) => void;
+    allProps?: import("../../radio").BaseBoxProps | undefined;
+    checkAll: boolean;
+    indeterminate: boolean;
+    disabled: boolean | undefined;
+    value: any;
+    options: any[];
+    showAll: boolean;
+};

package/lib/checkbox/component/use-checkbox.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCheckbox = useCheckbox;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _useBoxOptions2 = require("../../radio/component/use-box-options");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _utils = require("./utils");
+var _excluded = ["value", "onChange", "disabled", "showAll", "onAllChange"],
+  _excluded2 = ["showAll"];
+function useCheckbox(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    originShowAll = _ref.showAll,
+    onAllChange = _ref.onAllChange,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useBoxOptions = (0, _useBoxOptions2.useBoxOptions)((0, _objectSpread2.default)({
+      value: value
+    }, restProps)),
+    options = _useBoxOptions.displayOptions;
+  var validOptions = _lodash.default.reject(options, 'disabled');
+  var _parseAllProps = (0, _utils.parseAllProps)({
+      showAll: originShowAll,
+      options: validOptions,
+      value: value
+    }),
+    showAll = _parseAllProps.showAll,
+    restAllProps = (0, _objectWithoutProperties2.default)(_parseAllProps, _excluded2);
+  function onChangeAll(checked) {
+    var list = checked ? validOptions : [];
+    var values = _lodash.default.map(list, 'value');
+    onChange === null || onChange === void 0 || onChange(values);
+    onAllChange === null || onAllChange === void 0 || onAllChange(checked);
+  }
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    disabled: disabled,
+    value: value,
+    options: options,
+    showAll: showAll && !restProps.search
+  }, restAllProps), {}, {
+    onChange: onChange,
+    onChangeAll: onChangeAll
+  });
+}

package/lib/checkbox/component/utils.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxProps } from "..";
+import { BaseBoxProps } from "../../radio";
+import { DefaultOptionType } from 'rc-select/lib/Select';
+interface ParseAllProps extends Pick<CheckboxProps, 'showAll' | 'value'> {
+    options: DefaultOptionType[];
+}
+export declare function parseAllProps({ showAll, options, value }: ParseAllProps): {
+    showAll: boolean;
+    allProps?: BaseBoxProps | undefined;
+    checkAll: boolean;
+    indeterminate: boolean;
+};
+export {};

package/lib/checkbox/component/utils.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseAllProps = parseAllProps;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _api = require("../../api");
+var _lodash = _interopRequireDefault(require("lodash"));
+function parseAllProps(_ref) {
+  var showAll = _ref.showAll,
+    options = _ref.options,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value;
+  var checkAll = !!options.length && value.length === options.length;
+  var indeterminate = !!value.length && value.length < options.length;
+  return (0, _objectSpread2.default)({
+    checkAll: checkAll,
+    indeterminate: indeterminate
+  }, showAllToAllConfig(showAll));
+}
+function showAllToAllConfig() {
+  var showAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  if (showAll === false) {
+    return {
+      showAll: false
+    };
+  }
+  var baseConfig = {
+    showAll: true,
+    allProps: {
+      children: 'All'
+    }
+  };
+  if (showAll === true) {
+    return baseConfig;
+  }
+
+  // 如果 showAll 是 ReactNoe，则将其作为 all label
+  if ((0, _api.isReactNode)(showAll)) {
+    return _lodash.default.set(baseConfig, 'allProps.children', showAll);
+  }
+
+  // 如果 showAll 是对象，则将其作为 all 的 props
+  return _lodash.default.set(baseConfig, 'allProps', showAll);
+}

package/lib/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/checkbox/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/checkbox/style/index.d.ts

@@ -0,0 +1,5 @@
+import { BaseFlexProps } from "../../api";
+declare const style: {
+    wrapper: (props: BaseFlexProps) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/lib/checkbox/style/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _api = require("../../api");
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2;
+var verticalStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ant-checkbox-group,\n  .", " {\n    width: 100%;\n  }\n"])), (0, _api.getClassName)('checkbox'));
+var style = {
+  wrapper: function wrapper(props) {
+    return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    &,\n    .ant-checkbox-group {\n      ", "\n      align-items: flex-start;\n    }\n\n    ", "\n  "])), (0, _api.flexStyle)(props), props.vertical && verticalStyle);
+  }
+};
+var _default = exports.default = style;

package/lib/checkbox/type/index.d.ts

@@ -0,0 +1,18 @@
+import { BaseFlexProps } from "../../api";
+import { BaseBoxProps } from "../../radio";
+import { BaseSelectProps } from "../../select";
+import { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/lib/checkbox/Group';
+import { ReactNode } from 'react';
+type UnionType = Omit<AntdCheckboxGroupProps, 'options' | 'defaultValue' | 'onChange' | 'value'> & Omit<BaseBoxProps, 'defaultValue'> & BaseSelectProps & BaseFlexProps;
+export interface CheckboxProps extends UnionType {
+    /**
+     * @description 是否支持全选
+     * @default true
+     */
+    showAll?: boolean | ReactNode | BaseBoxProps;
+    /**
+     * @description 全选回调
+     */
+    onAllChange?(value: boolean): void;
+}
+export {};

package/lib/checkbox/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/config/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/date-picker/component/index.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps, RangePickerProps } from '../type';
+export declare function DatePicker(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function RangePicker(props: RangePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/date-picker/component/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePicker = DatePicker;
+exports.RangePicker = RangePicker;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _api = require("../../api");
+var _antd = require("antd");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+var _style = _interopRequireDefault(require("../style"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["refs"];
+function DatePicker(props) {
+  var baseProps = generateProps(props);
+  var value = toMoment(props.value);
+  return (0, _jsxRuntime.jsx)(_antd.DatePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseProps), {}, {
+    value: value
+  }));
+}
+function RangePicker(props) {
+  var baseProps = generateProps(props);
+  var value = _lodash.default.map(props.value, toMoment);
+  return (0, _jsxRuntime.jsx)(_antd.DatePicker.RangePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseProps), {}, {
+    value: value
+  }));
+}
+function toMoment(input) {
+  if (!input) {
+    return;
+  }
+  return _momentTimezone.default.isMoment(input) ? input : (0, _momentTimezone.default)(input);
+}
+function generateProps(_ref) {
+  var refs = _ref.refs,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _objectSpread2.default)({
+    ref: refs,
+    css: _style.default.wrapper,
+    getPopupContainer: _api.getPopupContainer
+  }, props);
+}

package/lib/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/date-picker/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/date-picker/style/index.d.ts

@@ -0,0 +1,4 @@
+declare const style: {
+    wrapper: import("@emotion/react").SerializedStyles;
+};
+export default style;

package/lib/date-picker/style/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _templateObject;
+var style = {
+  wrapper: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n  "])))
+};
+var _default = exports.default = style;

package/lib/date-picker/type/index.d.ts

@@ -0,0 +1,21 @@
+import { BaseComponentProps } from "../../api";
+import { PickerBaseProps, PickerDateProps, PickerTimeProps, RangePickerBaseProps, RangePickerDateProps, RangePickerTimeProps } from 'antd/lib/date-picker/generatePicker';
+import { Moment } from 'moment/moment';
+import { Key } from 'react';
+export interface CommonProps extends BaseComponentProps {
+    /**
+     * @description 日期选择器类型
+     * @default date
+     */
+    picker?: PickerProps['picker'];
+}
+type OmitValue<Props> = Omit<Props, 'value'>;
+type PickerProps<DateType = Moment> = OmitValue<PickerBaseProps<DateType>> | OmitValue<PickerDateProps<DateType>> | OmitValue<PickerTimeProps<DateType>>;
+export type DatePickerProps = PickerProps & CommonProps & {
+    value?: Moment | Key;
+};
+type RangePickerType<DateType = Moment> = OmitValue<RangePickerBaseProps<DateType>> | OmitValue<RangePickerDateProps<DateType>> | OmitValue<RangePickerTimeProps<DateType>>;
+export type RangePickerProps = RangePickerType & CommonProps & {
+    value?: DatePickerProps['value'][];
+};
+export {};

package/lib/date-picker/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/empty/component/index.d.ts

@@ -0,0 +1,2 @@
+import { EmptyProps } from '../type';
+export declare function Empty({ type, ...props }: EmptyProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/empty/component/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Empty = Empty;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["type"];
+var imageMap = {
+  default: _antd.Empty.PRESENTED_IMAGE_SIMPLE,
+  other: _antd.Empty.PRESENTED_IMAGE_DEFAULT
+};
+function Empty(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _jsxRuntime.jsx)(_antd.Empty, (0, _objectSpread2.default)({
+    image: imageMap[type]
+  }, props));
+}

package/lib/empty/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/empty/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/empty/type/index.d.ts

@@ -0,0 +1,9 @@
+import { EmptyProps as AntdEmptyProps } from 'antd';
+export interface EmptyProps extends AntdEmptyProps {
+    /**
+     * @description 样式类型
+     * @default default
+     * @replaceAll 'default' | 'other'
+     */
+    type?: 'default' | 'other';
+}

package/lib/empty/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/form/component/constant.d.ts

@@ -0,0 +1,15 @@
+export declare const antdFormPropsKeys: string[];
+export declare const antdFormItemKeys: string[];
+export declare const formListActionKeys: string[];
+export declare const needCollectItemPropKeys: string[];
+export declare const useUnsetWidthKeys: string[];
+export declare const registerMethods: {
+    readonly getLoading: "getLoading";
+    readonly getInternalErrors: "getInternalErrors";
+    readonly resetInternalError: "resetInternalError";
+    readonly setItemsStatus: "setItemsStatus";
+    readonly getItemsStatus: "getItemsStatus";
+    readonly triggerValidate: "triggerValidate";
+    readonly internalValidate: "internalValidate";
+    readonly onValidateFailed: "onValidateFailed";
+};

package/lib/form/component/constant.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUnsetWidthKeys = exports.registerMethods = exports.needCollectItemPropKeys = exports.formListActionKeys = exports.antdFormPropsKeys = exports.antdFormItemKeys = void 0;
+var antdFormPropsKeys = exports.antdFormPropsKeys = ['form', 'name', 'colon', 'disabled', 'component', 'initialValues', 'labelAlign', 'labelWrap', 'labelCol', 'labelWidth', 'layout', 'preserve', 'requiredMark', 'scrollToFirstError', 'size', 'validateMessages', 'validateTrigger', 'wrapperCol', 'onFieldsChange', 'onFinish', 'onFinishFailed', 'onValuesChange', 'onValidateFailed'];
+var antdFormItemKeys = exports.antdFormItemKeys = ['colon', 'dependencies', 'extra', 'getValueFromEvent', 'getValueProps', 'hasFeedback', 'help', 'hidden', 'htmlFor', 'initialValue', 'label', 'labelAlign', 'labelCol', 'messageVariables', 'name', 'normalize', 'noStyle', 'preserve', 'required', 'rules', 'shouldUpdate', 'tooltip', 'trigger', 'validateFirst', 'validateStatus', 'validateTrigger', 'valuePropName', 'wrapperCol', 'className', 'style', 'isListField'];
+var formListActionKeys = exports.formListActionKeys = ['operation', 'defaultValue', 'insertIndex', 'index', 'from', 'to'];
+var needCollectItemPropKeys = exports.needCollectItemPropKeys = ['name', 'type', 'optionDependencies', 'rules', 'formListContext'];
+var useUnsetWidthKeys = exports.useUnsetWidthKeys = ['switch'];
+var registerMethods = exports.registerMethods = {
+  getLoading: 'getLoading',
+  getInternalErrors: 'getInternalErrors',
+  resetInternalError: 'resetInternalError',
+  setItemsStatus: 'setItemsStatus',
+  getItemsStatus: 'getItemsStatus',
+  triggerValidate: 'triggerValidate',
+  internalValidate: 'internalValidate',
+  onValidateFailed: 'onValidateFailed'
+};

package/lib/form/component/form-content.d.ts

@@ -0,0 +1,10 @@
+import { FormInstance, FormItemContext, FormProps, RemoveCollectOptions } from "..";
+export interface IFormProps extends FormProps {
+    form: FormInstance;
+}
+export declare function useValidateFormOnMount(props: IFormProps): {
+    collect: (item: FormItemContext) => void;
+    removeCollect: (name: string, options?: RemoveCollectOptions) => void;
+    items: FormItemContext[];
+};
+export declare function FormContent({ loading: useLoadingWrapper, footer, ...props }: IFormProps): import("@emotion/react/jsx-runtime").JSX.Element;