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

package/dist/locale/antd/color-picker/components/PanelPicker.js

@@ -0,0 +1,54 @@
+"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 _colorPicker = _interopRequireDefault(require("@rc-component/color-picker"));
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("../context");
+var _ColorClear = _interopRequireDefault(require("./ColorClear"));
+var _ColorInput = _interopRequireDefault(require("./ColorInput"));
+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 PanelPicker = () => {
+  const _a = (0, _react.useContext)(_context.PanelPickerContext),
+    {
+      prefixCls,
+      colorCleared,
+      allowClear,
+      value,
+      onChange,
+      onClear,
+      onChangeComplete
+    } = _a,
+    injectProps = __rest(_a, ["prefixCls", "colorCleared", "allowClear", "value", "onChange", "onClear", "onChangeComplete"]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, allowClear && /*#__PURE__*/_react.default.createElement(_ColorClear.default, Object.assign({
+    prefixCls: prefixCls,
+    value: value,
+    colorCleared: colorCleared,
+    onChange: clearColor => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(clearColor);
+      onClear === null || onClear === void 0 ? void 0 : onClear();
+    }
+  }, injectProps)), /*#__PURE__*/_react.default.createElement(_colorPicker.default, {
+    prefixCls: prefixCls,
+    value: value === null || value === void 0 ? void 0 : value.toHsb(),
+    onChange: (colorValue, type) => onChange === null || onChange === void 0 ? void 0 : onChange(colorValue, type, true),
+    onChangeComplete: onChangeComplete
+  }), /*#__PURE__*/_react.default.createElement(_ColorInput.default, Object.assign({
+    value: value,
+    onChange: onChange,
+    prefixCls: prefixCls
+  }, injectProps)));
+};
+var _default = PanelPicker;
+exports.default = _default;

package/dist/locale/antd/color-picker/components/PanelPresets.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { Color } from '../color';
+import type { ColorPickerBaseProps } from '../interface';
+export interface PanelPresetsProps extends Pick<ColorPickerBaseProps, 'prefixCls' | 'presets'> {
+    value?: Color;
+    onChange?: (value: Color) => void;
+}
+declare const PanelPresets: FC;
+export default PanelPresets;

package/dist/locale/antd/color-picker/components/PanelPresets.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("../context");
+var _ColorPresets = _interopRequireDefault(require("./ColorPresets"));
+const PanelPresets = () => {
+  const {
+    prefixCls,
+    value,
+    presets,
+    onChange
+  } = (0, _react.useContext)(_context.PanelPresetsContext);
+  return Array.isArray(presets) ? /*#__PURE__*/_react.default.createElement(_ColorPresets.default, {
+    value: value,
+    presets: presets,
+    prefixCls: prefixCls,
+    onChange: onChange
+  }) : null;
+};
+var _default = PanelPresets;
+exports.default = _default;

package/dist/locale/antd/color-picker/context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { PanelPickerProps } from './components/PanelPicker';
+import type { PanelPresetsProps } from './components/PanelPresets';
+export declare const PanelPickerContext: React.Context<PanelPickerProps>;
+export declare const PanelPresetsContext: React.Context<PanelPresetsProps>;
+export declare const PanelPickerProvider: React.Provider<PanelPickerProps>;
+export declare const PanelPresetsProvider: React.Provider<PanelPresetsProps>;

package/dist/locale/antd/color-picker/context.js

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

package/dist/locale/antd/color-picker/hooks/useColorState.d.ts

@@ -0,0 +1,7 @@
+import type { Color } from '../color';
+import type { ColorValueType } from '../interface';
+declare const useColorState: (defaultStateValue: ColorValueType, option: {
+    defaultValue?: ColorValueType;
+    value?: ColorValueType;
+}) => readonly [Color, React.Dispatch<React.SetStateAction<Color>>];
+export default useColorState;

package/dist/locale/antd/color-picker/hooks/useColorState.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _util = require("../util");
+function hasValue(value) {
+  return value !== undefined;
+}
+const useColorState = (defaultStateValue, option) => {
+  const {
+    defaultValue,
+    value
+  } = option;
+  const [colorValue, setColorValue] = (0, _react.useState)(() => {
+    let mergeState;
+    if (hasValue(value)) {
+      mergeState = value;
+    } else if (hasValue(defaultValue)) {
+      mergeState = defaultValue;
+    } else {
+      mergeState = defaultStateValue;
+    }
+    return (0, _util.generateColor)(mergeState || '');
+  });
+  (0, _react.useEffect)(() => {
+    if (value) {
+      setColorValue((0, _util.generateColor)(value));
+    }
+  }, [value]);
+  return [colorValue, setColorValue];
+};
+var _default = useColorState;
+exports.default = _default;

package/dist/locale/antd/color-picker/index.d.ts

@@ -0,0 +1,4 @@
+import ColorPicker from './ColorPicker';
+export type { ColorPickerProps } from './ColorPicker';
+export type { Color } from './color';
+export default ColorPicker;

package/dist/locale/antd/color-picker/index.js

@@ -0,0 +1,11 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
+var _default = _ColorPicker.default;
+exports.default = _default;

package/dist/locale/antd/color-picker/interface.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { ColorPickerProps } from './ColorPicker';
+import type { Color } from './color';
+export declare enum ColorFormat {
+    hex = "hex",
+    rgb = "rgb",
+    hsb = "hsb"
+}
+export interface PresetsItem {
+    label: ReactNode;
+    colors: (string | Color)[];
+}
+export type TriggerType = 'click' | 'hover';
+export type TriggerPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+export interface ColorPickerBaseProps {
+    color?: Color;
+    prefixCls: string;
+    format?: keyof typeof ColorFormat;
+    allowClear?: boolean;
+    colorCleared?: boolean;
+    disabled?: boolean;
+    presets?: PresetsItem[];
+    panelRender?: ColorPickerProps['panelRender'];
+    onFormatChange?: ColorPickerProps['onFormatChange'];
+    onChangeComplete?: ColorPickerProps['onChangeComplete'];
+}
+export type ColorValueType = Color | string | null;

package/dist/locale/antd/color-picker/interface.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorFormat = void 0;
+var ColorFormat;
+exports.ColorFormat = ColorFormat;
+(function (ColorFormat) {
+  ColorFormat["hex"] = "hex";
+  ColorFormat["rgb"] = "rgb";
+  ColorFormat["hsb"] = "hsb";
+})(ColorFormat || (exports.ColorFormat = ColorFormat = {}));

package/dist/locale/antd/color-picker/style/color-block.d.ts

@@ -0,0 +1,8 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { ColorPickerToken } from './index';
+/**
+ * @private Internal usage only
+ */
+export declare const getTransBg: (size: string, colorFill: string) => CSSObject;
+declare const genColorBlockStyle: (token: ColorPickerToken, size: number) => CSSObject;
+export default genColorBlockStyle;

package/dist/locale/antd/color-picker/style/color-block.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransBg = exports.default = void 0;
+/**
+ * @private Internal usage only
+ */
+const getTransBg = (size, colorFill) => ({
+  backgroundImage: `conic-gradient(${colorFill} 0 25%, transparent 0 50%, ${colorFill} 0 75%, transparent 0)`,
+  backgroundSize: `${size} ${size}`
+});
+exports.getTransBg = getTransBg;
+const genColorBlockStyle = (token, size) => {
+  const {
+    componentCls,
+    borderRadiusSM,
+    colorPickerInsetShadow,
+    lineWidth,
+    colorFillSecondary
+  } = token;
+  return {
+    [`${componentCls}-color-block`]: Object.assign(Object.assign({
+      position: 'relative',
+      borderRadius: borderRadiusSM,
+      width: size,
+      height: size,
+      boxShadow: colorPickerInsetShadow
+    }, getTransBg('50%', token.colorFillSecondary)), {
+      [`${componentCls}-color-block-inner`]: {
+        width: '100%',
+        height: '100%',
+        border: `${lineWidth}px solid ${colorFillSecondary}`,
+        borderRadius: 'inherit'
+      }
+    })
+  };
+};
+var _default = genColorBlockStyle;
+exports.default = _default;

package/dist/locale/antd/color-picker/style/index.d.ts

@@ -0,0 +1,21 @@
+import type { FullToken } from '../../theme/internal';
+export interface ComponentToken {
+}
+export interface ColorPickerToken extends FullToken<'ColorPicker'> {
+    colorPickerWidth: number;
+    colorPickerInsetShadow: string;
+    colorPickerHandlerSize: number;
+    colorPickerHandlerSizeSM: number;
+    colorPickerSliderHeight: number;
+    colorPickerPreviewSize: number;
+    colorPickerAlphaInputWidth: number;
+    colorPickerInputNumberHandleWidth: number;
+    colorPickerPresetColorSize: number;
+}
+export declare const genActiveStyle: (token: ColorPickerToken) => {
+    boxShadow: string;
+    borderInlineEndWidth: number;
+    outline: number;
+};
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;

package/dist/locale/antd/color-picker/style/index.js

@@ -0,0 +1,236 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genActiveStyle = exports.default = void 0;
+var _internal = require("../../theme/internal");
+var _colorBlock = _interopRequireDefault(require("./color-block"));
+var _input = _interopRequireDefault(require("./input"));
+var _picker = _interopRequireDefault(require("./picker"));
+var _presets = _interopRequireDefault(require("./presets"));
+const genActiveStyle = token => ({
+  boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${token.controlOutline}`,
+  borderInlineEndWidth: token.lineWidth,
+  outline: 0
+});
+exports.genActiveStyle = genActiveStyle;
+const genRtlStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    '&-rtl': {
+      [`${componentCls}-presets-color`]: {
+        '&::after': {
+          direction: 'ltr'
+        }
+      },
+      [`${componentCls}-clear`]: {
+        '&::after': {
+          direction: 'ltr'
+        }
+      }
+    }
+  };
+};
+const genClearStyle = (token, size, extraStyle) => {
+  const {
+    componentCls,
+    borderRadiusSM,
+    lineWidth,
+    colorSplit,
+    red6
+  } = token;
+  return {
+    [`${componentCls}-clear`]: Object.assign(Object.assign({
+      width: size,
+      height: size,
+      borderRadius: borderRadiusSM,
+      border: `${lineWidth}px solid ${colorSplit}`,
+      position: 'relative',
+      cursor: 'pointer',
+      overflow: 'hidden'
+    }, extraStyle), {
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        insetInlineEnd: lineWidth,
+        top: 0,
+        display: 'block',
+        width: 40,
+        height: 2,
+        transformOrigin: 'right',
+        transform: 'rotate(-45deg)',
+        backgroundColor: red6
+      }
+    })
+  };
+};
+const genStatusStyle = token => {
+  const {
+    componentCls,
+    colorError,
+    colorWarning,
+    colorErrorBorderHover,
+    colorWarningBorderHover,
+    colorErrorOutline,
+    colorWarningOutline
+  } = token;
+  return {
+    [`&${componentCls}-status-error`]: {
+      borderColor: colorError,
+      '&:hover': {
+        borderColor: colorErrorBorderHover
+      },
+      [`&${componentCls}-trigger-active`]: Object.assign({}, genActiveStyle((0, _internal.mergeToken)(token, {
+        controlOutline: colorErrorOutline
+      })))
+    },
+    [`&${componentCls}-status-warning`]: {
+      borderColor: colorWarning,
+      '&:hover': {
+        borderColor: colorWarningBorderHover
+      },
+      [`&${componentCls}-trigger-active`]: Object.assign({}, genActiveStyle((0, _internal.mergeToken)(token, {
+        controlOutline: colorWarningOutline
+      })))
+    }
+  };
+};
+const genSizeStyle = token => {
+  const {
+    componentCls,
+    controlHeightLG,
+    controlHeightSM,
+    controlHeight,
+    controlHeightXS,
+    borderRadius,
+    borderRadiusSM,
+    borderRadiusXS,
+    borderRadiusLG,
+    fontSizeLG
+  } = token;
+  return {
+    [`&${componentCls}-lg`]: {
+      minWidth: controlHeightLG,
+      height: controlHeightLG,
+      borderRadius: borderRadiusLG,
+      [`${componentCls}-color-block`]: {
+        width: controlHeight,
+        height: controlHeight,
+        borderRadius
+      },
+      [`${componentCls}-trigger-text`]: {
+        fontSize: fontSizeLG
+      }
+    },
+    [`&${componentCls}-sm`]: {
+      minWidth: controlHeightSM,
+      height: controlHeightSM,
+      borderRadius: borderRadiusSM,
+      [`${componentCls}-color-block`]: {
+        width: controlHeightXS,
+        height: controlHeightXS,
+        borderRadius: borderRadiusXS
+      }
+    }
+  };
+};
+const genColorPickerStyle = token => {
+  const {
+    componentCls,
+    colorPickerWidth,
+    colorPrimary,
+    motionDurationMid,
+    colorBgElevated,
+    colorTextDisabled,
+    colorText,
+    colorBgContainerDisabled,
+    borderRadius,
+    marginXS,
+    marginSM,
+    controlHeight,
+    controlHeightSM,
+    colorBgTextActive,
+    colorPickerPresetColorSize,
+    colorPickerPreviewSize,
+    lineWidth,
+    colorBorder,
+    paddingXXS,
+    fontSize
+  } = token;
+  return [{
+    [componentCls]: Object.assign({
+      [`${componentCls}-inner-content`]: Object.assign(Object.assign(Object.assign(Object.assign({
+        display: 'flex',
+        flexDirection: 'column',
+        width: colorPickerWidth,
+        '&-divider': {
+          margin: `${marginSM}px 0 ${marginXS}px`
+        },
+        [`${componentCls}-panel`]: Object.assign({}, (0, _picker.default)(token))
+      }, (0, _colorBlock.default)(token, colorPickerPreviewSize)), (0, _input.default)(token)), (0, _presets.default)(token)), genClearStyle(token, colorPickerPresetColorSize, {
+        marginInlineStart: 'auto',
+        marginBottom: marginXS
+      })),
+      '&-trigger': Object.assign(Object.assign(Object.assign(Object.assign({
+        minWidth: controlHeight,
+        height: controlHeight,
+        borderRadius,
+        border: `${lineWidth}px solid ${colorBorder}`,
+        cursor: 'pointer',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        transition: `all ${motionDurationMid}`,
+        background: colorBgElevated,
+        padding: paddingXXS - lineWidth,
+        [`${componentCls}-trigger-text`]: {
+          marginInlineStart: marginXS,
+          marginInlineEnd: marginXS - (paddingXXS - lineWidth),
+          fontSize,
+          color: colorText
+        },
+        '&-active': Object.assign(Object.assign({}, genActiveStyle(token)), {
+          borderColor: colorPrimary
+        }),
+        '&:hover': {
+          borderColor: colorPrimary
+        },
+        '&-disabled': {
+          color: colorTextDisabled,
+          background: colorBgContainerDisabled,
+          cursor: 'not-allowed',
+          '&:hover': {
+            borderColor: colorBgTextActive
+          },
+          [`${componentCls}-trigger-text`]: {
+            color: colorTextDisabled
+          }
+        }
+      }, genClearStyle(token, controlHeightSM)), (0, _colorBlock.default)(token, controlHeightSM)), genStatusStyle(token)), genSizeStyle(token))
+    }, genRtlStyle(token))
+  }];
+};
+var _default = (0, _internal.genComponentStyleHook)('ColorPicker', token => {
+  const {
+    colorTextQuaternary,
+    marginSM
+  } = token;
+  const colorPickerSliderHeight = 8;
+  const colorPickerToken = (0, _internal.mergeToken)(token, {
+    colorPickerWidth: 234,
+    colorPickerHandlerSize: 16,
+    colorPickerHandlerSizeSM: 12,
+    colorPickerAlphaInputWidth: 44,
+    colorPickerInputNumberHandleWidth: 16,
+    colorPickerPresetColorSize: 18,
+    colorPickerInsetShadow: `inset 0 0 1px 0 ${colorTextQuaternary}`,
+    colorPickerSliderHeight,
+    colorPickerPreviewSize: colorPickerSliderHeight * 2 + marginSM
+  });
+  return [genColorPickerStyle(colorPickerToken)];
+});
+exports.default = _default;

package/dist/locale/antd/color-picker/style/input.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { ColorPickerToken } from './index';
+declare const genInputStyle: GenerateStyle<ColorPickerToken, CSSObject>;
+export default genInputStyle;

package/dist/locale/antd/color-picker/style/input.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const genInputStyle = token => {
+  const {
+    componentCls,
+    antCls,
+    fontSizeSM,
+    lineHeightSM,
+    colorPickerAlphaInputWidth,
+    marginXXS,
+    paddingXXS,
+    controlHeightSM,
+    marginXS,
+    fontSizeIcon,
+    paddingXS,
+    colorTextPlaceholder,
+    colorPickerInputNumberHandleWidth,
+    lineWidth
+  } = token;
+  return {
+    [`${componentCls}-input-container`]: {
+      display: 'flex',
+      [`${componentCls}-steppers${antCls}-input-number`]: {
+        fontSize: fontSizeSM,
+        lineHeight: lineHeightSM,
+        [`${antCls}-input-number-input`]: {
+          paddingInlineStart: paddingXXS,
+          paddingInlineEnd: 0
+        },
+        [`${antCls}-input-number-handler-wrap`]: {
+          width: colorPickerInputNumberHandleWidth
+        }
+      },
+      [`${componentCls}-steppers${componentCls}-alpha-input`]: {
+        flex: `0 0 ${colorPickerAlphaInputWidth}px`,
+        marginInlineStart: marginXXS
+      },
+      [`${componentCls}-format-select${antCls}-select`]: {
+        marginInlineEnd: marginXS,
+        width: 'auto',
+        '&-single': {
+          [`${antCls}-select-selector`]: {
+            padding: 0,
+            border: 0
+          },
+          [`${antCls}-select-arrow`]: {
+            insetInlineEnd: 0
+          },
+          [`${antCls}-select-selection-item`]: {
+            paddingInlineEnd: fontSizeIcon + marginXXS,
+            fontSize: fontSizeSM,
+            lineHeight: `${controlHeightSM}px`
+          },
+          [`${antCls}-select-item-option-content`]: {
+            fontSize: fontSizeSM,
+            lineHeight: lineHeightSM
+          },
+          [`${antCls}-select-dropdown`]: {
+            [`${antCls}-select-item`]: {
+              minHeight: 'auto'
+            }
+          }
+        }
+      },
+      [`${componentCls}-input`]: {
+        gap: marginXXS,
+        alignItems: 'center',
+        flex: 1,
+        width: 0,
+        [`${componentCls}-hsb-input,${componentCls}-rgb-input`]: {
+          display: 'flex',
+          gap: marginXXS,
+          alignItems: 'center'
+        },
+        [`${componentCls}-steppers`]: {
+          flex: 1
+        },
+        [`${componentCls}-hex-input${antCls}-input-affix-wrapper`]: {
+          flex: 1,
+          padding: `0 ${paddingXS}px`,
+          [`${antCls}-input`]: {
+            fontSize: fontSizeSM,
+            lineHeight: `${controlHeightSM - 2 * lineWidth}px`
+          },
+          [`${antCls}-input-prefix`]: {
+            color: colorTextPlaceholder
+          }
+        }
+      }
+    }
+  };
+};
+var _default = genInputStyle;
+exports.default = _default;

package/dist/locale/antd/color-picker/style/picker.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { ColorPickerToken } from './index';
+declare const genPickerStyle: GenerateStyle<ColorPickerToken, CSSObject>;
+export default genPickerStyle;