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

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

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../checkbox/style");
+var _style2 = require("../../style");
+var _compactItem = require("../../style/compact-item");
+var _internal = require("../../theme/internal");
+// =============================== Base ===============================
+const genBaseStyle = token => {
+  const {
+    prefixCls,
+    componentCls,
+    antCls
+  } = token;
+  const cascaderMenuItemCls = `${componentCls}-menu-item`;
+  const iconCls = `
+    &${cascaderMenuItemCls}-expand ${cascaderMenuItemCls}-expand-icon,
+    ${cascaderMenuItemCls}-loading-icon
+  `;
+  const itemPaddingVertical = Math.round((token.controlHeight - token.fontSize * token.lineHeight) / 2);
+  return [
+  // =====================================================
+  // ==                     Control                     ==
+  // =====================================================
+  {
+    [componentCls]: {
+      width: token.controlWidth
+    }
+  },
+  // =====================================================
+  // ==                      Popup                      ==
+  // =====================================================
+  {
+    [`${componentCls}-dropdown`]: [
+    // ==================== Checkbox ====================
+    (0, _style.getStyle)(`${prefixCls}-checkbox`, token), {
+      [`&${antCls}-select-dropdown`]: {
+        padding: 0
+      }
+    }, {
+      [componentCls]: {
+        // ================== Checkbox ==================
+        '&-checkbox': {
+          top: 0,
+          marginInlineEnd: token.paddingXS
+        },
+        // ==================== Menu ====================
+        // >>> Menus
+        '&-menus': {
+          display: 'flex',
+          flexWrap: 'nowrap',
+          alignItems: 'flex-start',
+          [`&${componentCls}-menu-empty`]: {
+            [`${componentCls}-menu`]: {
+              width: '100%',
+              height: 'auto',
+              [cascaderMenuItemCls]: {
+                color: token.colorTextDisabled
+              }
+            }
+          }
+        },
+        // >>> Menu
+        '&-menu': {
+          flexGrow: 1,
+          minWidth: token.controlItemWidth,
+          height: token.dropdownHeight,
+          margin: 0,
+          padding: token.paddingXXS,
+          overflow: 'auto',
+          verticalAlign: 'top',
+          listStyle: 'none',
+          '-ms-overflow-style': '-ms-autohiding-scrollbar',
+          '&:not(:last-child)': {
+            borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
+          },
+          '&-item': Object.assign(Object.assign({}, _style2.textEllipsis), {
+            display: 'flex',
+            flexWrap: 'nowrap',
+            alignItems: 'center',
+            padding: `${itemPaddingVertical}px ${token.paddingSM}px`,
+            lineHeight: token.lineHeight,
+            cursor: 'pointer',
+            transition: `all ${token.motionDurationMid}`,
+            borderRadius: token.borderRadiusSM,
+            '&:hover': {
+              background: token.controlItemBgHover
+            },
+            '&-disabled': {
+              color: token.colorTextDisabled,
+              cursor: 'not-allowed',
+              '&:hover': {
+                background: 'transparent'
+              },
+              [iconCls]: {
+                color: token.colorTextDisabled
+              }
+            },
+            [`&-active:not(${cascaderMenuItemCls}-disabled)`]: {
+              [`&, &:hover`]: {
+                fontWeight: token.fontWeightStrong,
+                backgroundColor: token.controlItemBgActive
+              }
+            },
+            '&-content': {
+              flex: 'auto'
+            },
+            [iconCls]: {
+              marginInlineStart: token.paddingXXS,
+              color: token.colorTextDescription,
+              fontSize: token.fontSizeIcon
+            },
+            '&-keyword': {
+              color: token.colorHighlight
+            }
+          })
+        }
+      }
+    }]
+  },
+  // =====================================================
+  // ==                       RTL                       ==
+  // =====================================================
+  {
+    [`${componentCls}-dropdown-rtl`]: {
+      direction: 'rtl'
+    }
+  },
+  // =====================================================
+  // ==             Space Compact                       ==
+  // =====================================================
+  (0, _compactItem.genCompactItemStyle)(token)];
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Cascader', token => [genBaseStyle(token)], {
+  controlWidth: 184,
+  controlItemWidth: 111,
+  dropdownHeight: 180
+});
+exports.default = _default;

package/dist/locale/antd/checkbox/Checkbox.d.ts

@@ -0,0 +1,40 @@
+import type { CheckboxRef } from 'rc-checkbox';
+import * as React from 'react';
+export interface AbstractCheckboxProps<T> {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    title?: string;
+    onChange?: (e: T) => void;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    value?: any;
+    tabIndex?: number;
+    name?: string;
+    children?: React.ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+}
+export interface CheckboxChangeEventTarget extends CheckboxProps {
+    checked: boolean;
+}
+export interface CheckboxChangeEvent {
+    target: CheckboxChangeEventTarget;
+    stopPropagation: () => void;
+    preventDefault: () => void;
+    nativeEvent: MouseEvent;
+}
+export interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> {
+    indeterminate?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxRef>>;
+export default Checkbox;

package/dist/locale/antd/checkbox/Checkbox.js

@@ -0,0 +1,118 @@
+"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 _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
+var React = _interopRequireWildcard(require("react"));
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _DisabledContext = _interopRequireDefault(require("../config-provider/DisabledContext"));
+var _context = require("../form/context");
+var _GroupContext = _interopRequireDefault(require("./GroupContext"));
+var _style = _interopRequireDefault(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;
+};
+const InternalCheckbox = (props, ref) => {
+  var _a;
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      rootClassName,
+      children,
+      indeterminate = false,
+      style,
+      onMouseEnter,
+      onMouseLeave,
+      skipGroup = false,
+      disabled
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]);
+  const {
+    getPrefixCls,
+    direction,
+    checkbox
+  } = React.useContext(_configProvider.ConfigContext);
+  const checkboxGroup = React.useContext(_GroupContext.default);
+  const {
+    isFormItemInput
+  } = React.useContext(_context.FormItemInputContext);
+  const contextDisabled = React.useContext(_DisabledContext.default);
+  const mergedDisabled = (_a = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled) || disabled) !== null && _a !== void 0 ? _a : contextDisabled;
+  const prevValue = React.useRef(restProps.value);
+  React.useEffect(() => {
+    checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)('checked' in restProps || !!checkboxGroup || !('value' in restProps), 'Checkbox', '`value` is not a valid prop, do you mean `checked`?') : void 0;
+  }, []);
+  React.useEffect(() => {
+    if (skipGroup) {
+      return;
+    }
+    if (restProps.value !== prevValue.current) {
+      checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(prevValue.current);
+      checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.registerValue(restProps.value);
+      prevValue.current = restProps.value;
+    }
+    return () => checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.cancelValue(restProps.value);
+  }, [restProps.value]);
+  const prefixCls = getPrefixCls('checkbox', customizePrefixCls);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const checkboxProps = Object.assign({}, restProps);
+  if (checkboxGroup && !skipGroup) {
+    checkboxProps.onChange = function () {
+      if (restProps.onChange) {
+        restProps.onChange.apply(restProps, arguments);
+      }
+      if (checkboxGroup.toggleOption) {
+        checkboxGroup.toggleOption({
+          label: children,
+          value: restProps.value
+        });
+      }
+    };
+    checkboxProps.name = checkboxGroup.name;
+    checkboxProps.checked = checkboxGroup.value.includes(restProps.value);
+  }
+  const classString = (0, _classnames.default)(`${prefixCls}-wrapper`, {
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-wrapper-checked`]: checkboxProps.checked,
+    [`${prefixCls}-wrapper-disabled`]: mergedDisabled,
+    [`${prefixCls}-wrapper-in-form-item`]: isFormItemInput
+  }, checkbox === null || checkbox === void 0 ? void 0 : checkbox.className, className, rootClassName, hashId);
+  const checkboxClass = (0, _classnames.default)({
+    [`${prefixCls}-indeterminate`]: indeterminate
+  }, hashId);
+  const ariaChecked = indeterminate ? 'mixed' : undefined;
+  return wrapSSR(
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/label-has-associated-control
+  React.createElement("label", {
+    className: classString,
+    style: Object.assign(Object.assign({}, checkbox === null || checkbox === void 0 ? void 0 : checkbox.style), style),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/React.createElement(_rcCheckbox.default, Object.assign({
+    "aria-checked": ariaChecked
+  }, checkboxProps, {
+    prefixCls: prefixCls,
+    className: checkboxClass,
+    disabled: mergedDisabled,
+    ref: ref
+  })), children !== undefined && /*#__PURE__*/React.createElement("span", null, children)));
+};
+const Checkbox = /*#__PURE__*/React.forwardRef(InternalCheckbox);
+if (process.env.NODE_ENV !== 'production') {
+  Checkbox.displayName = 'Checkbox';
+}
+var _default = Checkbox;
+exports.default = _default;

package/dist/locale/antd/checkbox/Group.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import type { CheckboxChangeEvent } from './Checkbox';
+import GroupContext from './GroupContext';
+export type CheckboxValueType = string | number | boolean;
+export interface CheckboxOptionType {
+    label: React.ReactNode;
+    value: CheckboxValueType;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    title?: string;
+    onChange?: (e: CheckboxChangeEvent) => void;
+}
+export interface AbstractCheckboxGroupProps {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    options?: Array<CheckboxOptionType | string | number>;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+}
+export interface CheckboxGroupProps extends AbstractCheckboxGroupProps {
+    name?: string;
+    defaultValue?: Array<CheckboxValueType>;
+    value?: Array<CheckboxValueType>;
+    onChange?: (checkedValue: Array<CheckboxValueType>) => void;
+    children?: React.ReactNode;
+}
+export type { CheckboxGroupContext } from './GroupContext';
+export { GroupContext };
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;

package/dist/locale/antd/checkbox/Group.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupContext", {
+  enumerable: true,
+  get: function () {
+    return _GroupContext.default;
+  }
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _GroupContext = _interopRequireDefault(require("./GroupContext"));
+var _style = _interopRequireDefault(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;
+};
+const InternalGroup = (props, ref) => {
+  const {
+      defaultValue,
+      children,
+      options = [],
+      prefixCls: customizePrefixCls,
+      className,
+      rootClassName,
+      style,
+      onChange
+    } = props,
+    restProps = __rest(props, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]);
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const [value, setValue] = React.useState(restProps.value || defaultValue || []);
+  const [registeredValues, setRegisteredValues] = React.useState([]);
+  React.useEffect(() => {
+    if ('value' in restProps) {
+      setValue(restProps.value || []);
+    }
+  }, [restProps.value]);
+  const memoOptions = React.useMemo(() => options.map(option => {
+    if (typeof option === 'string' || typeof option === 'number') {
+      return {
+        label: option,
+        value: option
+      };
+    }
+    return option;
+  }), [options]);
+  const cancelValue = val => {
+    setRegisteredValues(prevValues => prevValues.filter(v => v !== val));
+  };
+  const registerValue = val => {
+    setRegisteredValues(prevValues => [].concat((0, _toConsumableArray2.default)(prevValues), [val]));
+  };
+  const toggleOption = option => {
+    const optionIndex = value.indexOf(option.value);
+    const newValue = (0, _toConsumableArray2.default)(value);
+    if (optionIndex === -1) {
+      newValue.push(option.value);
+    } else {
+      newValue.splice(optionIndex, 1);
+    }
+    if (!('value' in restProps)) {
+      setValue(newValue);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue.filter(val => registeredValues.includes(val)).sort((a, b) => {
+      const indexA = memoOptions.findIndex(opt => opt.value === a);
+      const indexB = memoOptions.findIndex(opt => opt.value === b);
+      return indexA - indexB;
+    }));
+  };
+  const prefixCls = getPrefixCls('checkbox', customizePrefixCls);
+  const groupPrefixCls = `${prefixCls}-group`;
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const domProps = (0, _omit.default)(restProps, ['value', 'disabled']);
+  const childrenNode = options.length ? memoOptions.map(option => /*#__PURE__*/React.createElement(_Checkbox.default, {
+    prefixCls: prefixCls,
+    key: option.value.toString(),
+    disabled: 'disabled' in option ? option.disabled : restProps.disabled,
+    value: option.value,
+    checked: value.includes(option.value),
+    onChange: option.onChange,
+    className: `${groupPrefixCls}-item`,
+    style: option.style,
+    title: option.title
+  }, option.label)) : children;
+  // eslint-disable-next-line react/jsx-no-constructed-context-values
+  const context = {
+    toggleOption,
+    value,
+    disabled: restProps.disabled,
+    name: restProps.name,
+    // https://github.com/ant-design/ant-design/issues/16376
+    registerValue,
+    cancelValue
+  };
+  const classString = (0, _classnames.default)(groupPrefixCls, {
+    [`${groupPrefixCls}-rtl`]: direction === 'rtl'
+  }, className, rootClassName, hashId);
+  return wrapSSR( /*#__PURE__*/React.createElement("div", Object.assign({
+    className: classString,
+    style: style
+  }, domProps, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(_GroupContext.default.Provider, {
+    value: context
+  }, childrenNode)));
+};
+const CheckboxGroup = /*#__PURE__*/React.forwardRef(InternalGroup);
+var _default = /*#__PURE__*/React.memo(CheckboxGroup);
+exports.default = _default;

package/dist/locale/antd/checkbox/GroupContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { CheckboxOptionType } from './Group';
+export interface CheckboxGroupContext {
+    name?: string;
+    toggleOption?: (option: CheckboxOptionType) => void;
+    value?: any;
+    disabled?: boolean;
+    registerValue: (val: string) => void;
+    cancelValue: (val: string) => void;
+}
+declare const GroupContext: React.Context<CheckboxGroupContext | null>;
+export default GroupContext;

package/dist/locale/antd/checkbox/GroupContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+const GroupContext = /*#__PURE__*/_react.default.createContext(null);
+var _default = GroupContext;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+import type { CheckboxProps } from './Checkbox';
+import Group from './Group';
+export type { CheckboxRef } from 'rc-checkbox';
+export type { CheckboxChangeEvent, CheckboxProps } from './Checkbox';
+export type { CheckboxGroupProps, CheckboxOptionType } from './Group';
+type CompoundedComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof Group;
+};
+declare const Checkbox: CompoundedComponent;
+export default Checkbox;

package/dist/locale/antd/checkbox/index.js

@@ -0,0 +1,18 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _Group = _interopRequireDefault(require("./Group"));
+const Checkbox = _Checkbox.default;
+Checkbox.Group = _Group.default;
+Checkbox.__ANT_CHECKBOX = true;
+if (process.env.NODE_ENV !== 'production') {
+  Checkbox.displayName = 'Checkbox';
+}
+var _default = Checkbox;
+exports.default = _default;

package/dist/locale/antd/checkbox/style/index.d.ts

@@ -0,0 +1,11 @@
+import type { FullToken, GenerateStyle } from '../../theme/internal';
+export interface ComponentToken {
+}
+interface CheckboxToken extends FullToken<'Checkbox'> {
+    checkboxCls: string;
+    checkboxSize: number;
+}
+export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
+export declare function getStyle(prefixCls: string, token: FullToken<'Checkbox'>): import("@ant-design/cssinjs").CSSInterpolation[];
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;