@para-ui/core 3.0.86 → 4.0.0-beta

package/CopyText/index.js

@@ -0,0 +1,180 @@
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { r as regenerator } from '../_verture/index-d63bd287.js';
+import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import Copy from '@para-ui/icons/Copy';
+import Check from '@para-ui/icons/Check';
+import { TextField } from '../TextField/index.js';
+import Label from '../Label/index.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/typeof-b240b062.js';
+import '../_verture/typeof-adeedc13.js';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircleF';
+import '../AutoTips/index.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Forbid';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../HelperText/index.js';
+import '../_verture/useGlobalProps-1b846a65.js';
+import '@para-ui/core/GlobalContext';
+import '../_verture/index-e9007d6a.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/5/9 13:57\n* @description 复制文本\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon {\n  justify-items: center;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.paraui-v4-copy-text .copy-text-text > .paraui-v4-label {\n  margin-bottom: 0;\n  margin-right: 4px;\n  white-space: nowrap;\n}\n.paraui-v4-copy-text .copy-text-text > .content {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-right: 10px;\n  line-height: 1.43;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(46, 101, 230);\n}";
+styleInject(css_248z);
+
+var CopyText = function CopyText(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'text' : _props$type,
+    label = props.label,
+    textFieldProps = props.textFieldProps,
+    value = props.value,
+    copyValue = props.copyValue,
+    copyIcon = props.copyIcon,
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? 300 : _props$timeout,
+    onCopy = props.onCopy;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    copySuccess = _useState2[0],
+    setCopySuccess = _useState2[1]; // 复制状态
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    valueCom = _useState4[0],
+    setValueCom = _useState4[1]; // 显示值 input使用
+  var constData = useRef({});
+  useEffect(function () {
+    return function () {
+      clearTimeout(constData.current.timer);
+    };
+  }, []);
+  useEffect(function () {
+    if (props.type === 'input') setValueCom((value === null || value === void 0 ? void 0 : value.toString()) || '');
+  }, [value]);
+  // 复制事件
+  var clickCopy = function clickCopy() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+      var copyValueHand, backCopyVal, copyDom;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!constData.current.copySuccess) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            copyValueHand = copyValue || valueCom || (value === null || value === void 0 ? void 0 : value.toString()) || '';
+            if (!onCopy) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 6;
+            return onCopy();
+          case 6:
+            backCopyVal = _context.sent;
+            if (backCopyVal !== undefined) copyValueHand = backCopyVal;
+          case 8:
+            copyDom = document.createElement('input');
+            copyDom.value = copyValueHand;
+            document.body.appendChild(copyDom);
+            copyDom.select();
+            document.execCommand('copy');
+            document.body.removeChild(copyDom);
+            setCopySuccess(true);
+            constData.current.copySuccess = true;
+            constData.current.timer = setTimeout(function () {
+              setCopySuccess(false);
+              constData.current.copySuccess = false;
+            }, timeout);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+  };
+  // 改变输入框
+  var changeInput = function changeInput(event) {
+    var _a;
+    setValueCom(event.target.value);
+    (_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onChange) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, event);
+  };
+  // 复制图标
+  var renderCopy = function renderCopy() {
+    var copyIconDom = copyIcon ? copyIcon : jsx(Copy, {});
+    var str = 'copy-text-icon';
+    if (copySuccess) {
+      copyIconDom = jsx(Check, {});
+      str += ' copy-text-icon-check';
+    }
+    return jsx("span", Object.assign({
+      className: str,
+      onClick: clickCopy
+    }, {
+      children: copyIconDom
+    }));
+  };
+  // 输入框
+  var handleInput = function handleInput() {
+    return jsx(TextField, Object.assign({
+      className: 'copy-text-input',
+      label: label,
+      rightIcon: renderCopy(),
+      value: valueCom
+    }, textFieldProps, {
+      onChange: changeInput
+    }));
+  };
+  // 文本
+  var handleText = function handleText() {
+    return jsxs("div", Object.assign({
+      className: 'copy-text-text'
+    }, {
+      children: [label && jsx(Label, {
+        label: label
+      }), value && jsx("span", Object.assign({
+        className: 'content'
+      }, {
+        children: value
+      })), renderCopy()]
+    }));
+  };
+  // 处理渲染内容
+  var handleContent = function handleContent() {
+    switch (type) {
+      case 'input':
+        return handleInput();
+      case 'text':
+        return handleText();
+      default:
+        return null;
+    }
+  };
+  // 处理class名
+  var handleClassName = function handleClassName() {
+    var str = "".concat($prefixCls, "-copy-text");
+    return str;
+  };
+  return jsx("div", Object.assign({
+    className: handleClassName()
+  }, {
+    children: handleContent()
+  }));
+};
+
+export { CopyText as default };

package/DatePicker/generatePicker/generateRangePicker.d.ts

@@ -1,4 +1,11 @@
-import React from 'react';
 import { GenerateConfig } from 'rc-picker/lib/generate/index';
 import { RangePickerProps } from '.';
-export default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): React.ComponentClass<RangePickerProps<DateType>>;
+import type { PickerComponentClass } from './interface';
+export default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): PickerComponentClass<RangePickerProps<DateType> & {
+    /**
+     * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+     *   version.Please use `popupClassName` instead.
+     */
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}, unknown>;

package/DatePicker/generatePicker/generateSinglePicker.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
 import { GenerateConfig } from 'rc-picker/lib/generate/index';
-import { PickerProps, PickerDateProps, PickerTimeProps } from '.';
+import { PickerProps, PickerTimeProps } from '.';
+import type { PickerComponentClass } from './interface';
 export default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): {
-    DatePicker: React.ComponentClass<PickerProps<DateType>, any>;
-    WeekPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
-    MonthPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
-    YearPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
-    TimePicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
-    QuarterPicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+    DatePicker: PickerComponentClass<PickerProps<DateType>, unknown>;
+    WeekPicker: PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;
+    MonthPicker: PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;
+    YearPicker: PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;
+    TimePicker: PickerComponentClass<PickerTimeProps<DateType>, unknown>;
+    QuarterPicker: PickerComponentClass<PickerTimeProps<DateType>, unknown>;
 };

package/DatePicker/generatePicker/index.d.ts

@@ -1,17 +1,18 @@
-import React, { ReactNode } from 'react';
-import { GenerateConfig } from 'rc-picker/lib/generate/index';
-import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
-import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
-import { Locale as RcPickerLocale } from 'rc-picker/lib/interface';
-import PickerButton from '../PickerButton';
-import PickerTag from '../PickerTag';
-import { Dayjs } from 'dayjs';
+import React, { ReactNode } from "react";
+import { GenerateConfig } from "rc-picker/lib/generate/index";
+import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from "rc-picker/lib/Picker";
+import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from "rc-picker/lib/RangePicker";
+import { Locale as RcPickerLocale } from "rc-picker/lib/interface";
+import PickerButton from "../PickerButton";
+import PickerTag from "../PickerTag";
+import { Dayjs } from "dayjs";
 import { LabelTooltipProps } from "../../Label";
+import { TooltipProps } from "../../Tooltip";
 export type ShortcutType = {
     text: string;
     value: Dayjs[] | (() => Dayjs[]);
 };
-type SizeType = 'small' | 'medium' | 'large' | undefined;
+type SizeType = "small" | "medium" | "large" | undefined;
 export interface TimePickerLocale {
     placeholder?: string;
     rangePlaceholder?: [string, string];
@@ -23,9 +24,9 @@ export declare const Components: {
     button: typeof PickerButton;
     rangeItem: typeof PickerTag;
 };
-type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'hideHeader' | 'components' | 'value' | 'defaultValue'> & {
+type InjectDefaultProps<Props, Type> = Omit<Props, "locale" | "generateConfig" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "hideHeader" | "components" | "value" | "defaultValue"> & {
     /** 国际化 */
-    locale?: 'zh' | 'en';
+    locale?: "zh" | "en";
     /** 大小 */
     size?: SizeType;
     /** 显示边框 */
@@ -35,9 +36,9 @@ type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' |
     /** 帮助文本 */
     helperText?: ReactNode;
     /** value */
-    value?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    value?: Type extends "range" ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
     /** 默认值 */
-    defaultValue?: Type extends 'range' ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
+    defaultValue?: Type extends "range" ? RangeValue<Dayjs> : NullableDateType<Dayjs>;
     /** 标题 */
     label?: ReactNode;
     /** 帮助提示信息 */
@@ -46,6 +47,10 @@ type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' |
     required?: boolean;
     /** 关闭时是否把弹框定位至屏幕之外，隔离dom污染，默认false */
     isolationPopupOnHide?: boolean;
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
 };
 export declare const pickerFormatMap: {
     [index: string]: string;
@@ -71,25 +76,26 @@ export type AdditionalPickerLocaleLangProps = {
     rangeWeekPlaceholder?: [string, string];
     rangePlaceholder?: [string, string];
 };
-export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, ''>;
-export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, ''>;
-export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, ''>;
+export type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, "">;
+export type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, "">;
+export type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, "">;
 export type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
-export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, 'range'>;
-export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, 'range'>;
-export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, 'range'>;
+export type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, "range">;
+export type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, "range">;
+export type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, "range">;
 export type RangePickerProps<DateType> = (RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>) & {
     /** 预设时间范围快捷选择 */
+    /** @deprecated Please use `presets` instead */
     shortcuts?: ShortcutType[];
     /** 预设范围选择面板位置 */
-    shortcutsPlacement?: 'left' | 'right' | 'bottom';
+    shortcutsPlacement?: "left" | "right";
 };
-declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): React.ComponentClass<PickerProps<DateType>, any> & {
-    WeekPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
-    MonthPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
-    YearPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import("./interface").PickerComponentClass<PickerProps<DateType>, unknown> & {
+    WeekPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;
+    MonthPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;
+    YearPicker: import("./interface").PickerComponentClass<Omit<PickerProps<DateType>, "picker">, unknown>;
     RangePicker: React.ComponentClass<RangePickerProps<DateType>>;
-    TimePicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
-    QuarterPicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+    TimePicker: import("./interface").PickerComponentClass<PickerTimeProps<DateType>, unknown>;
+    QuarterPicker: import("./interface").PickerComponentClass<PickerTimeProps<DateType>, unknown>;
 };
 export default generatePicker;

package/DatePicker/generatePicker/interface.d.ts

@@ -0,0 +1,12 @@
+import type { Component, ComponentClass, ForwardedRef } from 'react';
+import type { PickerProps, RangePickerProps } from '.';
+export interface CommonPickerMethods {
+    focus: () => void;
+    blur: () => void;
+}
+export interface PickerComponentClass<P = {}, S = unknown> extends ComponentClass<P, S> {
+    new (...args: ConstructorParameters<ComponentClass<P, S>>): InstanceType<ComponentClass<P, S>> & CommonPickerMethods;
+}
+export type PickerRef<P> = ForwardedRef<Component<P> & CommonPickerMethods>;
+export type DatePickRef<DateType> = PickerRef<PickerProps<DateType>>;
+export type RangePickerRef<DateType> = PickerRef<RangePickerProps<DateType>>;

package/DatePicker/index.d.ts

@@ -1,18 +1,22 @@
 /// <reference types="react" />
 import { Dayjs } from 'dayjs';
 export type { Value, RangeValue, NullableDateType } from './generatePicker';
-import { PickerProps, PickerDateProps, RangePickerProps as BaseRangePickerProps } from './generatePicker';
+import generatePicker, { PickerProps, PickerDateProps, RangePickerProps as BaseRangePickerProps } from './generatePicker';
 export type DatePickerProps = PickerProps<Dayjs>;
 export type MonthPickerProps = Omit<PickerDateProps<Dayjs>, 'picker'>;
 export type WeekPickerProps = Omit<PickerDateProps<Dayjs>, 'picker'>;
 export type RangePickerProps = BaseRangePickerProps<Dayjs>;
 import './style/index.scss';
-declare const DatePicker: import("react").ComponentClass<PickerProps<Dayjs>, any> & {
-    WeekPicker: import("react").ComponentClass<Omit<PickerDateProps<Dayjs>, "picker">, any>;
-    MonthPicker: import("react").ComponentClass<Omit<PickerDateProps<Dayjs>, "picker">, any>;
-    YearPicker: import("react").ComponentClass<Omit<PickerDateProps<Dayjs>, "picker">, any>;
+declare const DatePicker: import("./generatePicker/interface").PickerComponentClass<PickerProps<Dayjs>, unknown> & {
+    WeekPicker: import("./generatePicker/interface").PickerComponentClass<Omit<PickerProps<Dayjs>, "picker">, unknown>;
+    MonthPicker: import("./generatePicker/interface").PickerComponentClass<Omit<PickerProps<Dayjs>, "picker">, unknown>;
+    YearPicker: import("./generatePicker/interface").PickerComponentClass<Omit<PickerProps<Dayjs>, "picker">, unknown>;
     RangePicker: import("react").ComponentClass<BaseRangePickerProps<Dayjs>, any>;
-    TimePicker: import("react").ComponentClass<Omit<import("./generatePicker").PickerTimeProps<Dayjs>, "picker">, any>;
-    QuarterPicker: import("react").ComponentClass<Omit<import("./generatePicker").PickerTimeProps<Dayjs>, "picker">, any>;
+    TimePicker: import("./generatePicker/interface").PickerComponentClass<import("./generatePicker").PickerTimeProps<Dayjs>, unknown>;
+    QuarterPicker: import("./generatePicker/interface").PickerComponentClass<import("./generatePicker").PickerTimeProps<Dayjs>, unknown>;
 };
-export default DatePicker;
+export type DatePickerType = typeof DatePicker & {
+    generatePicker: typeof generatePicker;
+};
+declare const _default: DatePickerType;
+export default _default;