@nocobase/plugin-client 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/locale/antd/form/style/index.js

@@ -0,0 +1,422 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _motion = require("../../style/motion");
+var _internal = require("../../theme/internal");
+var _explain = _interopRequireDefault(require("./explain"));
+const resetForm = token => ({
+  legend: {
+    display: 'block',
+    width: '100%',
+    marginBottom: token.marginLG,
+    padding: 0,
+    color: token.colorTextDescription,
+    fontSize: token.fontSizeLG,
+    lineHeight: 'inherit',
+    border: 0,
+    borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`
+  },
+  label: {
+    fontSize: token.fontSize
+  },
+  'input[type="search"]': {
+    boxSizing: 'border-box'
+  },
+  // Position radios and checkboxes better
+  'input[type="radio"], input[type="checkbox"]': {
+    lineHeight: 'normal'
+  },
+  'input[type="file"]': {
+    display: 'block'
+  },
+  // Make range inputs behave like textual form controls
+  'input[type="range"]': {
+    display: 'block',
+    width: '100%'
+  },
+  // Make multiple select elements height not fixed
+  'select[multiple], select[size]': {
+    height: 'auto'
+  },
+  // Focus for file, radio, and checkbox
+  [`input[type='file']:focus,
+  input[type='radio']:focus,
+  input[type='checkbox']:focus`]: {
+    outline: 0,
+    boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${token.controlOutline}`
+  },
+  // Adjust output element
+  output: {
+    display: 'block',
+    paddingTop: 15,
+    color: token.colorText,
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight
+  }
+});
+const genFormSize = (token, height) => {
+  const {
+    formItemCls
+  } = token;
+  return {
+    [formItemCls]: {
+      [`${formItemCls}-label > label`]: {
+        height
+      },
+      [`${formItemCls}-control-input`]: {
+        minHeight: height
+      }
+    }
+  };
+};
+const genFormStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [token.componentCls]: Object.assign(Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), resetForm(token)), {
+      [`${componentCls}-text`]: {
+        display: 'inline-block',
+        paddingInlineEnd: token.paddingSM
+      },
+      // ================================================================
+      // =                             Size                             =
+      // ================================================================
+      '&-small': Object.assign({}, genFormSize(token, token.controlHeightSM)),
+      '&-large': Object.assign({}, genFormSize(token, token.controlHeightLG))
+    })
+  };
+};
+const genFormItemStyle = token => {
+  const {
+    formItemCls,
+    iconCls,
+    componentCls,
+    rootPrefixCls
+  } = token;
+  return {
+    [formItemCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      marginBottom: token.marginLG,
+      verticalAlign: 'top',
+      '&-with-help': {
+        transition: 'none'
+      },
+      [`&-hidden,
+        &-hidden.${rootPrefixCls}-row`]: {
+        // https://github.com/ant-design/ant-design/issues/26141
+        display: 'none'
+      },
+      '&-has-warning': {
+        [`${formItemCls}-split`]: {
+          color: token.colorError
+        }
+      },
+      '&-has-error': {
+        [`${formItemCls}-split`]: {
+          color: token.colorWarning
+        }
+      },
+      // ==============================================================
+      // =                            Label                           =
+      // ==============================================================
+      [`${formItemCls}-label`]: {
+        display: 'inline-block',
+        flexGrow: 0,
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textAlign: 'end',
+        verticalAlign: 'middle',
+        '&-left': {
+          textAlign: 'start'
+        },
+        '&-wrap': {
+          overflow: 'unset',
+          lineHeight: `${token.lineHeight} - 0.25em`,
+          whiteSpace: 'unset'
+        },
+        '> label': {
+          position: 'relative',
+          display: 'inline-flex',
+          alignItems: 'center',
+          maxWidth: '100%',
+          height: token.controlHeight,
+          color: token.colorTextHeading,
+          fontSize: token.fontSize,
+          [`> ${iconCls}`]: {
+            fontSize: token.fontSize,
+            verticalAlign: 'top'
+          },
+          // Required mark
+          [`&${formItemCls}-required:not(${formItemCls}-required-mark-optional)::before`]: {
+            display: 'inline-block',
+            marginInlineEnd: token.marginXXS,
+            color: token.colorError,
+            fontSize: token.fontSize,
+            fontFamily: 'SimSun, sans-serif',
+            lineHeight: 1,
+            content: '"*"',
+            [`${componentCls}-hide-required-mark &`]: {
+              display: 'none'
+            }
+          },
+          // Optional mark
+          [`${formItemCls}-optional`]: {
+            display: 'inline-block',
+            marginInlineStart: token.marginXXS,
+            color: token.colorTextDescription,
+            [`${componentCls}-hide-required-mark &`]: {
+              display: 'none'
+            }
+          },
+          // Optional mark
+          [`${formItemCls}-tooltip`]: {
+            color: token.colorTextDescription,
+            cursor: 'help',
+            writingMode: 'horizontal-tb',
+            marginInlineStart: token.marginXXS
+          },
+          '&::after': {
+            content: '":"',
+            position: 'relative',
+            marginBlock: 0,
+            marginInlineStart: token.marginXXS / 2,
+            marginInlineEnd: token.marginXS
+          },
+          [`&${formItemCls}-no-colon::after`]: {
+            content: '"\\a0"'
+          }
+        }
+      },
+      // ==============================================================
+      // =                            Input                           =
+      // ==============================================================
+      [`${formItemCls}-control`]: {
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 1,
+        [`&:first-child:not([class^="'${rootPrefixCls}-col-'"]):not([class*="' ${rootPrefixCls}-col-'"])`]: {
+          width: '100%'
+        },
+        '&-input': {
+          position: 'relative',
+          display: 'flex',
+          alignItems: 'center',
+          minHeight: token.controlHeight,
+          '&-content': {
+            flex: 'auto',
+            maxWidth: '100%'
+          }
+        }
+      },
+      // ==============================================================
+      // =                           Explain                          =
+      // ==============================================================
+      [formItemCls]: {
+        '&-explain, &-extra': {
+          clear: 'both',
+          color: token.colorTextDescription,
+          fontSize: token.fontSize,
+          lineHeight: token.lineHeight
+        },
+        '&-explain-connected': {
+          width: '100%'
+        },
+        '&-extra': {
+          minHeight: token.controlHeightSM,
+          transition: `color ${token.motionDurationMid} ${token.motionEaseOut}` // sync input color transition
+        },
+
+        '&-explain': {
+          '&-error': {
+            color: token.colorError
+          },
+          '&-warning': {
+            color: token.colorWarning
+          }
+        }
+      },
+      [`&-with-help ${formItemCls}-explain`]: {
+        height: 'auto',
+        opacity: 1
+      },
+      // ==============================================================
+      // =                        Feedback Icon                       =
+      // ==============================================================
+      [`${formItemCls}-feedback-icon`]: {
+        fontSize: token.fontSize,
+        textAlign: 'center',
+        visibility: 'visible',
+        animationName: _motion.zoomIn,
+        animationDuration: token.motionDurationMid,
+        animationTimingFunction: token.motionEaseOutBack,
+        pointerEvents: 'none',
+        '&-success': {
+          color: token.colorSuccess
+        },
+        '&-error': {
+          color: token.colorError
+        },
+        '&-warning': {
+          color: token.colorWarning
+        },
+        '&-validating': {
+          color: token.colorPrimary
+        }
+      }
+    })
+  };
+};
+const genHorizontalStyle = token => {
+  const {
+    componentCls,
+    formItemCls,
+    rootPrefixCls
+  } = token;
+  return {
+    [`${componentCls}-horizontal`]: {
+      [`${formItemCls}-label`]: {
+        flexGrow: 0
+      },
+      [`${formItemCls}-control`]: {
+        flex: '1 1 0',
+        // https://github.com/ant-design/ant-design/issues/32777
+        // https://github.com/ant-design/ant-design/issues/33773
+        minWidth: 0
+      },
+      // https://github.com/ant-design/ant-design/issues/32980
+      [`${formItemCls}-label.${rootPrefixCls}-col-24 + ${formItemCls}-control`]: {
+        minWidth: 'unset'
+      }
+    }
+  };
+};
+const genInlineStyle = token => {
+  const {
+    componentCls,
+    formItemCls
+  } = token;
+  return {
+    [`${componentCls}-inline`]: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      [formItemCls]: {
+        flex: 'none',
+        marginInlineEnd: token.margin,
+        marginBottom: 0,
+        '&-row': {
+          flexWrap: 'nowrap'
+        },
+        '&-with-help': {
+          marginBottom: token.marginLG
+        },
+        [`> ${formItemCls}-label,
+        > ${formItemCls}-control`]: {
+          display: 'inline-block',
+          verticalAlign: 'top'
+        },
+        [`> ${formItemCls}-label`]: {
+          flex: 'none'
+        },
+        [`${componentCls}-text`]: {
+          display: 'inline-block'
+        },
+        [`${formItemCls}-has-feedback`]: {
+          display: 'inline-block'
+        }
+      }
+    }
+  };
+};
+const makeVerticalLayoutLabel = token => ({
+  padding: `0 0 ${token.paddingXS}px`,
+  whiteSpace: 'initial',
+  textAlign: 'start',
+  '> label': {
+    margin: 0,
+    '&::after': {
+      // https://github.com/ant-design/ant-design/issues/43538
+      visibility: 'hidden'
+    }
+  }
+});
+const makeVerticalLayout = token => {
+  const {
+    componentCls,
+    formItemCls
+  } = token;
+  return {
+    [`${formItemCls} ${formItemCls}-label`]: makeVerticalLayoutLabel(token),
+    [componentCls]: {
+      [formItemCls]: {
+        flexWrap: 'wrap',
+        [`${formItemCls}-label,
+          ${formItemCls}-control`]: {
+          flex: '0 0 100%',
+          maxWidth: '100%'
+        }
+      }
+    }
+  };
+};
+const genVerticalStyle = token => {
+  const {
+    componentCls,
+    formItemCls,
+    rootPrefixCls
+  } = token;
+  return {
+    [`${componentCls}-vertical`]: {
+      [formItemCls]: {
+        '&-row': {
+          flexDirection: 'column'
+        },
+        '&-label > label': {
+          height: 'auto'
+        },
+        [`${componentCls}-item-control`]: {
+          width: '100%'
+        }
+      }
+    },
+    [`${componentCls}-vertical ${formItemCls}-label,
+      .${rootPrefixCls}-col-24${formItemCls}-label,
+      .${rootPrefixCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
+    [`@media (max-width: ${token.screenXSMax}px)`]: [makeVerticalLayout(token), {
+      [componentCls]: {
+        [`.${rootPrefixCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+      }
+    }],
+    [`@media (max-width: ${token.screenSMMax}px)`]: {
+      [componentCls]: {
+        [`.${rootPrefixCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+      }
+    },
+    [`@media (max-width: ${token.screenMDMax}px)`]: {
+      [componentCls]: {
+        [`.${rootPrefixCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+      }
+    },
+    [`@media (max-width: ${token.screenLGMax}px)`]: {
+      [componentCls]: {
+        [`.${rootPrefixCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Form', (token, _ref) => {
+  let {
+    rootPrefixCls
+  } = _ref;
+  const formToken = (0, _internal.mergeToken)(token, {
+    formItemCls: `${token.componentCls}-item`,
+    rootPrefixCls
+  });
+  return [genFormStyle(formToken), genFormItemStyle(formToken), (0, _explain.default)(formToken), genHorizontalStyle(formToken), genInlineStyle(formToken), genVerticalStyle(formToken), (0, _motion.genCollapseMotion)(formToken), _motion.zoomIn];
+});
+exports.default = _default;

package/dist/locale/antd/form/util.d.ts

@@ -0,0 +1,3 @@
+import type { InternalNamePath } from './interface';
+export declare function toArray<T>(candidate?: T | T[] | false): T[];
+export declare function getFieldId(namePath: InternalNamePath, formName?: string): string | undefined;

package/dist/locale/antd/form/util.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFieldId = getFieldId;
+exports.toArray = toArray;
+// form item name black list.  in form ,you can use form.id get the form item element.
+// use object hasOwnProperty will get better performance if black list is longer.
+const formItemNameBlackList = ['parentNode'];
+// default form item id prefix.
+const defaultItemNamePrefixCls = 'form_item';
+function toArray(candidate) {
+  if (candidate === undefined || candidate === false) return [];
+  return Array.isArray(candidate) ? candidate : [candidate];
+}
+function getFieldId(namePath, formName) {
+  if (!namePath.length) {
+    return undefined;
+  }
+  const mergedId = namePath.join('_');
+  if (formName) {
+    return `${formName}_${mergedId}`;
+  }
+  const isIllegalName = formItemNameBlackList.includes(mergedId);
+  return isIllegalName ? `${defaultItemNamePrefixCls}_${mergedId}` : mergedId;
+}

package/dist/locale/antd/form/validateMessagesContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ValidateMessages } from 'rc-field-form/lib/interface';
+declare const _default: import("react").Context<ValidateMessages | undefined>;
+export default _default;

package/dist/locale/antd/form/validateMessagesContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+// ZombieJ: We export single file here since
+// ConfigProvider use this which will make loop deps
+// to import whole `rc-field-form`
+var _default = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.default = _default;

package/dist/locale/antd/grid/RowContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface RowContextState {
+    gutter?: [number, number];
+    wrap?: boolean;
+    supportFlexGap?: boolean;
+}
+declare const RowContext: import("react").Context<RowContextState>;
+export default RowContext;

package/dist/locale/antd/grid/RowContext.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const RowContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = RowContext;
+exports.default = _default;

package/dist/locale/antd/grid/col.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { LiteralUnion } from '../_util/type';
+type ColSpanType = number | string;
+type FlexType = number | LiteralUnion<'none' | 'auto'>;
+export interface ColSize {
+    flex?: FlexType;
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+}
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    flex?: FlexType;
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+    xs?: ColSpanType | ColSize;
+    sm?: ColSpanType | ColSize;
+    md?: ColSpanType | ColSize;
+    lg?: ColSpanType | ColSize;
+    xl?: ColSpanType | ColSize;
+    xxl?: ColSpanType | ColSize;
+    prefixCls?: string;
+}
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export default Col;

package/dist/locale/antd/grid/col.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _RowContext = _interopRequireDefault(require("./RowContext"));
+var _style = require("./style");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+function parseFlex(flex) {
+  if (typeof flex === 'number') {
+    return `${flex} ${flex} auto`;
+  }
+  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+    return `0 0 ${flex}`;
+  }
+  return flex;
+}
+const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+const Col = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+    gutter,
+    wrap,
+    supportFlexGap
+  } = React.useContext(_RowContext.default);
+  const {
+      prefixCls: customizePrefixCls,
+      span,
+      order,
+      offset,
+      push,
+      pull,
+      className,
+      children,
+      flex,
+      style
+    } = props,
+    others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
+  const prefixCls = getPrefixCls('col', customizePrefixCls);
+  const [wrapSSR, hashId] = (0, _style.useColStyle)(prefixCls);
+  let sizeClassObj = {};
+  sizes.forEach(size => {
+    let sizeProps = {};
+    const propSize = props[size];
+    if (typeof propSize === 'number') {
+      sizeProps.span = propSize;
+    } else if (typeof propSize === 'object') {
+      sizeProps = propSize || {};
+    }
+    delete others[size];
+    sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
+      [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
+      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
+      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
+      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
+      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
+      [`${prefixCls}-${size}-flex-${sizeProps.flex}`]: sizeProps.flex || sizeProps.flex === 'auto',
+      [`${prefixCls}-rtl`]: direction === 'rtl'
+    });
+  });
+  const classes = (0, _classnames.default)(prefixCls, {
+    [`${prefixCls}-${span}`]: span !== undefined,
+    [`${prefixCls}-order-${order}`]: order,
+    [`${prefixCls}-offset-${offset}`]: offset,
+    [`${prefixCls}-push-${push}`]: push,
+    [`${prefixCls}-pull-${pull}`]: pull
+  }, className, sizeClassObj, hashId);
+  const mergedStyle = {};
+  // Horizontal gutter use padding
+  if (gutter && gutter[0] > 0) {
+    const horizontalGutter = gutter[0] / 2;
+    mergedStyle.paddingLeft = horizontalGutter;
+    mergedStyle.paddingRight = horizontalGutter;
+  }
+  // Vertical gutter use padding when gap not support
+  if (gutter && gutter[1] > 0 && !supportFlexGap) {
+    const verticalGutter = gutter[1] / 2;
+    mergedStyle.paddingTop = verticalGutter;
+    mergedStyle.paddingBottom = verticalGutter;
+  }
+  if (flex) {
+    mergedStyle.flex = parseFlex(flex);
+    // Hack for Firefox to avoid size issue
+    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
+    if (wrap === false && !mergedStyle.minWidth) {
+      mergedStyle.minWidth = 0;
+    }
+  }
+  return wrapSSR( /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
+    style: Object.assign(Object.assign({}, mergedStyle), style),
+    className: classes,
+    ref: ref
+  }), children));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Col.displayName = 'Col';
+}
+var _default = Col;
+exports.default = _default;

package/dist/locale/antd/grid/hooks/useBreakpoint.d.ts

@@ -0,0 +1,3 @@
+import type { ScreenMap } from '../../_util/responsiveObserver';
+declare function useBreakpoint(refreshOnChange?: boolean): ScreenMap;
+export default useBreakpoint;

package/dist/locale/antd/grid/hooks/useBreakpoint.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useForceUpdate = _interopRequireDefault(require("../../_util/hooks/useForceUpdate"));
+var _responsiveObserver = _interopRequireDefault(require("../../_util/responsiveObserver"));
+function useBreakpoint() {
+  let refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const screensRef = (0, _react.useRef)({});
+  const forceUpdate = (0, _useForceUpdate.default)();
+  const responsiveObserver = (0, _responsiveObserver.default)();
+  (0, _react.useEffect)(() => {
+    const token = responsiveObserver.subscribe(supportScreens => {
+      screensRef.current = supportScreens;
+      if (refreshOnChange) {
+        forceUpdate();
+      }
+    });
+    return () => responsiveObserver.unsubscribe(token);
+  }, []);
+  return screensRef.current;
+}
+var _default = useBreakpoint;
+exports.default = _default;

package/dist/locale/antd/grid/index.d.ts

@@ -0,0 +1,10 @@
+import Col from './col';
+import Row from './row';
+declare function useBreakpoint(): Partial<Record<import("..").Breakpoint, boolean>>;
+export type { ColProps, ColSize } from './col';
+export type { RowProps } from './row';
+export { Col, Row };
+declare const _default: {
+    useBreakpoint: typeof useBreakpoint;
+};
+export default _default;