@jswork/antd-components 1.0.222 → 1.0.223

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.222",
+  "version": "1.0.223",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -35,12 +35,11 @@
     "@types/react-dom": "^18.2.13",
     "antd": "^5.29.2",
     "autoprefixer": "^10.4.16",
-    "baseline-browser-mapping": "^2.9.15",
+    "baseline-browser-mapping": "^2.9.19",
     "classnames": "^2.5.1",
     "cssnano": "^6.0.1",
     "dayjs": "^1.11.12",
     "esbuild-plugin-copy": "^2.1.1",
-    "lodash": "^4.17.21",
     "postcss": "^8.5.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package/src/lib/_abstract-upload.tsx

@@ -5,17 +5,13 @@ import { UploadChangeParam } from 'antd/es/upload/interface';
 import React, { ReactNode } from 'react';
 import { flushSync } from 'react-dom';
 import Sortable from 'sortablejs';
-
-import '@jswork/next-gpid';
+import type { StdCallback } from './types';
 
 const styleOpts = { id: 'viewer-style' };
 const scriptOpts = { id: 'viewerjs' };
 const styleURL = 'https://unpkg.com/viewerjs@1.11.1/dist/viewer.min.css';
 const scriptURL = 'https://unpkg.com/viewerjs@1.11.1/dist/viewer.min.js';
 
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
-
 export type AcAbstractUploadProps = {
   className?: string;
   value?: any[] | [];

package/src/lib/alert.tsx

@@ -1,60 +1,48 @@
 import React from 'react';
 import { Input, InputProps, message, Modal } from 'antd';
 
-declare global {
-  interface NxStatic {
-    err: (inMessage: string) => any;
-    msg: (inMessage: string) => any;
-    info: (inMessage: string) => any;
-    alert: (inMessage: string, inTitle?: String) => any;
-    confirm: (inMessage: string, inTitle?: String) => any;
-    prompt: (inMessage: string, inOptions?: InputProps) => any;
-  }
-}
-
-export const msg = (inMessage: string) => {
-  return message.success(inMessage);
+export const msg = (msg: string) => {
+  return message.success(msg);
 };
 
-export const info = (inMessage: string) => {
-  return message.info(inMessage);
+export const info = (msg: string) => {
+  return message.info(msg);
 };
 
-export const err = (inMessage: string) => {
-  return message.error(inMessage);
+export const err = (msg: string) => {
+  return message.error(msg);
 };
 
-
-export const alert = (inMessage: string, inTitle?: String) => {
+export const alert = (msg: string, title?: String) => {
   return Modal.info({
-    title: inTitle || 'Tips',
-    content: inMessage,
+    title: title || 'Tips',
+    content: msg,
   });
 };
 
-export const confirm = (inMessage: string, inTitle?: String) => {
+export const confirm = (msg: string, title?: String) => {
   return new Promise((resolve) => {
     Modal.confirm({
-      title: inTitle || 'Confirm',
-      content: inMessage,
+      title: title || 'Confirm',
+      content: msg,
       onOk: () => resolve(true),
       onCancel: () => resolve(false),
     });
   });
 };
 
-export const prompt = (inMessage: string, inOptions?: InputProps) => {
+export const prompt = (msg: string, options?: InputProps) => {
   let value = '';
   return new Promise((resolve) => {
     Modal.confirm({
-      title: inMessage || 'Prompt',
+      title: msg || 'Prompt',
       content: (
         <Input
           type="text"
-          placeholder={inMessage}
+          placeholder={msg}
           defaultValue={value}
           onChange={(e) => (value = e.target.value)}
-          {...inOptions}
+          {...options}
         />
       ),
       onOk: () => resolve(value),

package/src/lib/breadcrumb.tsx

@@ -3,6 +3,7 @@ import { Breadcrumb, BreadcrumbProps } from 'antd';
 import ReactList, { TemplateArgs } from '@jswork/react-list';
 import { breadcrumbDefault } from '../tpls/breadcrumb';
 import cx from 'classnames';
+import type { StdCallback } from './types';
 
 // hack for react-list
 // Warning: [antd: Breadcrumb] Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children
@@ -10,8 +11,6 @@ import cx from 'classnames';
 // ReactList['__ANT_BREADCRUMB_ITEM'] = true;
 
 const CLASS_NAME = 'ac-breadcrumb';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcBreadcrumbProps = {
   className?: string;

package/src/lib/button.tsx

@@ -22,9 +22,7 @@ import {
 } from '@ant-design/icons';
 import { Button, ButtonProps } from 'antd';
 import React, { FC } from 'react';
-
-// 类型定义
-export type Locale = 'zh-CN' | 'en-US';
+import type { AppLocale } from './types';
 type ActionType =
   | 'create'
   | 'edit'
@@ -42,7 +40,7 @@ type ActionType =
   | 'copy';
 
 // 文案
-const locals: Record<Locale, Record<ActionType, string>> = {
+const locals: Record<AppLocale, Record<ActionType, string>> = {
   'zh-CN': {
     create: '添加',
     edit: '编辑',
@@ -96,14 +94,14 @@ const iconMap: Record<ActionType, React.ReactNode> = {
 };
 
 // 国际化工具函数
-const t = (locale: Locale, key: ActionType): string => {
+const t = (locale: AppLocale, key: ActionType): string => {
   return locals[locale]?.[key] ?? key;
 };
 
 // 通用按钮组件
 interface ActionButtonProps extends ButtonProps {
   action: ActionType;
-  lang?: Locale;
+  lang?: AppLocale;
 }
 
 const ActionButton: FC<ActionButtonProps> = ({
@@ -123,45 +121,45 @@ const ActionButton: FC<ActionButtonProps> = ({
 };
 
 // 导出具体命名的按钮（保持 API 兼容）
-export const BtnCreate = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnCreate = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="create" {...props} />
 );
-export const BtnEdit = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnEdit = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="edit" {...props} />
 );
-export const BtnDelete = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnDelete = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="del" {...props} />
 );
-export const BtnView = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnView = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="view" {...props} />
 );
-export const BtnPreview = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnPreview = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="preview" {...props} />
 );
-export const BtnSave = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnSave = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="save" {...props} />
 );
-export const BtnExport = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnExport = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="export" {...props} />
 );
-export const BtnImport = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnImport = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="imp" {...props} />
 );
-export const BtnRefresh = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnRefresh = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="refresh" {...props} />
 );
-export const BtnBack = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnBack = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="back" {...props} />
 );
-export const BtnSubmit = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnSubmit = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="submit" {...props} />
 );
-export const BtnCancel = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnCancel = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="cancel" {...props} />
 );
-export const BtnSync = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnSync = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="sync" {...props} />
 );
-export const BtnCopy = (props: ButtonProps & { lang?: Locale }) => (
+export const BtnCopy = (props: ButtonProps & { lang?: AppLocale }) => (
   <ActionButton action="copy" {...props} />
 );

package/src/lib/card-extras.tsx

@@ -7,17 +7,12 @@
 import nx from '@jswork/next';
 import { Space, SpaceProps } from 'antd';
 import React, { FC, Fragment } from 'react';
-import { BtnBack, BtnCreate, BtnRefresh, Locale } from './button';
-
-declare global {
-  interface NxStatic {
-    $event: any;
-  }
-}
+import { BtnBack, BtnCreate, BtnRefresh } from './button';
+import type { AppLocale } from './types';
 
 export type AcCardExtrasProps = SpaceProps & {
   name: string;
-  lang?: Locale;
+  lang?: AppLocale;
   as?: React.ComponentType<any>;
   extraBefore?: React.ReactNode;
   extraAfter?: React.ReactNode;

package/src/lib/checkable-dropdown.tsx

@@ -3,15 +3,14 @@ import '@jswork/next-dom-event';
 import { Button, Checkbox, Dropdown, MenuProps } from 'antd';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
 import React from 'react';
+import type { AppLocale, StdCallback } from './types';
 
 const CLASS_NAME = 'ac-checkable-dropdown';
 const locales = { 'zh-CN': { selectAll: '全部' }, 'en-US': { selectAll: 'All' } };
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcCheckableDropdownProps = {
   className?: string;
-  lang?: string;
+  lang?: AppLocale;
   items?: any[];
   value?: any[];
   width?: number;

package/src/lib/checkable-tag-list.tsx

@@ -3,14 +3,13 @@ import { Button, Space } from 'antd';
 import cx from 'classnames';
 import React from 'react';
 import { AcCheckableTag } from './checkable-tag';
+import type { AppLocale, StdCallback } from './types';
 
 const CLASS_NAME = 'ac-checkable-tag-list';
 const locales = {
   'zh-CN': { selectAll: '全部' },
   'en-US': { selectAll: 'All' },
 };
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcCheckableTagListProps = {
   /**
@@ -20,7 +19,7 @@ export type AcCheckableTagListProps = {
   /**
    * The language key.
    */
-  lang?: string;
+  lang?: AppLocale;
   /**
    * The component data soruce.
    */

package/src/lib/checkable-tag.tsx

@@ -3,11 +3,10 @@ import { Tag } from 'antd';
 import { CheckableTagProps } from 'antd/es/tag';
 import cx from 'classnames';
 import React, { ReactNode } from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-checkable-tag';
 const { CheckableTag } = Tag;
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 /**
  * @see https://ant.design/components/tag-cn/#Tag.CheckableTag

package/src/lib/checkbox-group.tsx

@@ -4,11 +4,9 @@ import { CheckboxGroupProps } from 'antd/es/checkbox';
 import cx from 'classnames';
 import React from 'react';
 import { checkboxKv } from '../tpls/kv';
+import type { StdCallback, TemplateCallback } from './types';
 
 const CLASS_NAME = 'ac-checkbox-group';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
-type TemplateCallback = (item: { item: any; index: number }) => React.ReactNode;
 
 export type AcCheckboxGroupProps = {
   className?: string;

package/src/lib/checkbox.tsx

@@ -1,10 +1,9 @@
 import { Checkbox, CheckboxProps } from 'antd';
 import cx from 'classnames';
 import React, { HTMLAttributes } from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-checkbox';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcCheckboxProps = {
   className?: string;

package/src/lib/color-picker.tsx

@@ -1,15 +1,14 @@
 import { ColorPicker, ColorPickerProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-color-picker';
-type StdEventTarget = { target: { value: string } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcColorPickerProps = {
   className?: string;
   value?: string;
-  onChange?: StdCallback;
+  onChange?: StdCallback<string>;
 } & Omit<ColorPickerProps, 'value' | 'onChange'>;
 
 export class AcColorPicker extends React.Component<AcColorPickerProps> {

package/src/lib/confirm-button.tsx

@@ -2,6 +2,7 @@ import type { ButtonProps, PopconfirmProps } from 'antd';
 import { Button, message, Popconfirm } from 'antd';
 import cx from 'classnames';
 import React, { Component } from 'react';
+import type { AppLocale } from './types';
 
 const CLASS_NAME = 'ac-confirm-button';
 const locals = {
@@ -17,7 +18,7 @@ const locals = {
 
 export interface AcConfirmButtonProps extends Omit<PopconfirmProps, 'title'> {
   className?: string;
-  lang?: string;
+  lang?: AppLocale;
   title?: string;
   type?: ButtonProps['type'] | 'raw' | 'anchor';
   childProps?: ButtonProps;

package/src/lib/date-picker.tsx

@@ -2,16 +2,15 @@ import React from 'react';
 import dayjs from 'dayjs';
 import { DatePicker, DatePickerProps } from 'antd';
 import cx from 'classnames';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-date-picker';
 const STD_FORMAT = 'YYYY-MM-DD HH:mm:ss';
-type StdEventTarget = { target: { value: string } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcDatePickerProps = Omit<DatePickerProps, 'value' | 'onChange' | 'ref'> & {
   className?: string;
   value?: any;
-  onChange?: StdCallback;
+  onChange?: StdCallback<string>;
 };
 
 const DATA_FORMAT_HOOKS = {

package/src/lib/editable-tag-group.tsx

@@ -6,10 +6,9 @@ import deepEqual from 'fast-deep-equal';
 import React, { createRef } from 'react';
 import AutosizeInput from 'react-input-autosize';
 import { AcInteractiveList } from './interactive-list';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-editable-tag-group';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcEditableTagGroupProps = {
   /**

package/src/lib/extra-search.tsx

@@ -9,17 +9,11 @@ import { readSearchString, writeSearchString } from '@jswork/url-sync-flat';
 import nx from '@jswork/next';
 import { Input } from 'antd';
 import { SearchProps } from 'antd/es/input';
-
-declare global {
-  interface NxStatic {
-    $event: any;
-    $api: Record<string, any>;
-  }
-}
+import type { AppLocale } from './types';
 
 export type AcExtraSearchProps = SearchProps & {
   name: string;
-  lang?: string;
+  lang?: AppLocale;
   queryKey?: string;
   routerType?: 'hash' | 'browser';
 }

package/src/lib/form-actions.tsx

@@ -6,9 +6,10 @@
  */
 import React, { RefObject } from 'react';
 import { Button, ButtonProps, Space, SpaceProps } from 'antd';
+import type { AppLocale } from './types';
 
 export type FormActionsProps = SpaceProps & {
-  lang?: string;
+  lang?: AppLocale;
   actions?: string[];
   okText?: string;
   cancelText?: string;

package/src/lib/input-number.tsx

@@ -1,10 +1,9 @@
 import { InputNumber, InputNumberProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-input-number';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcInputNumberProps = {
   className?: string;

package/src/lib/input-tags.tsx

@@ -2,13 +2,12 @@ import { Tag } from 'antd';
 import cx from 'classnames';
 import fde from 'fast-deep-equal';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-input-tags';
 const TRIGGER_KEYS = ['Tab', 'Enter', 'Space'];
 
 // @ https://cdpn.io/iamqamarali/fullpage/qyawoR?anon=true&view=
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcInputTagsProps = {
   className?: string;

package/src/lib/input-token.tsx

@@ -3,10 +3,9 @@ import { Button, Input, InputProps, Space } from 'antd';
 import cx from 'classnames';
 import { nanoid } from 'nanoid';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-input-token';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcInputTokenProps = {
   className?: string;

package/src/lib/input.tsx

@@ -1,10 +1,9 @@
 import { Input, InputProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-input';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcInputProps = {
   className?: string;

package/src/lib/interactive-list.tsx

@@ -2,16 +2,10 @@ import ReactList from '@jswork/react-list';
 import cx from 'classnames';
 import deepEqual from 'fast-deep-equal';
 import React, { Component, HTMLAttributes } from 'react';
+import type { StdCallback, StdEventTarget, TemplateCallbackWithItems } from './types';
 
 const CLASS_NAME = 'ac-interactive-list';
 
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
-type TemplateCallback = (
-  item: { item: any; index: number; items: any[] },
-  cb: any
-) => React.ReactNode;
-
 export type ReactInteractiveListProps = {
   /**
    * The extended className for component.

package/src/lib/markdown-editor.tsx

@@ -1,10 +1,9 @@
 import MarkdownEditor from '@uiw/react-markdown-editor';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-markdown-editor';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcMarkdownEditorProps = {
   className?: string;

package/src/lib/radio-group.tsx

@@ -3,11 +3,9 @@ import { Radio, RadioGroupProps } from 'antd';
 import cx from 'classnames';
 import React, { HTMLAttributes } from 'react';
 import { radioKv } from '../tpls/kv';
+import type { StdCallback, TemplateCallback } from './types';
 
 const CLASS_NAME = 'ac-radio-group';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
-type TemplateCallback = (item: { item: any; index: number }, opts?: any) => React.ReactNode;
 
 export type AcRadioGroupProps = {
   className?: string;

package/src/lib/range-picker.tsx

@@ -3,14 +3,12 @@ import { RangePickerProps } from 'antd/es/date-picker';
 import cx from 'classnames';
 import moment from 'dayjs';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-range-picker';
 const STD_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 const { RangePicker } = DatePicker;
 
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
-
 export type AcRangePickerProps = {
   className?: string;
   value?: any;

package/src/lib/rate.tsx

@@ -1,10 +1,9 @@
 import { Rate, RateProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-rate';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcRateProps = {
   className?: string;

package/src/lib/search.tsx

@@ -2,10 +2,9 @@ import React from 'react';
 import { Input } from 'antd';
 import cx from 'classnames';
 import { SearchProps } from 'antd/es/input';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-search';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcSearchProps = {
   value?: string;
@@ -47,5 +46,3 @@ export class AcSearch extends React.Component<AcSearchProps> {
 export const AcSearchFc = (props: AcSearchProps) => {
   return <AcSearch {...props} />;
 };
-
-

package/src/lib/select.tsx

@@ -3,6 +3,7 @@ import { Select, SelectProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
 import { kv as KvTmpl, selectKv } from '../tpls/kv';
+import type { StdCallback, StdEventTarget, TemplateCallback } from './types';
 
 const CLASS_NAME = 'ac-select';
 const DEFAULT_KV = {
@@ -10,10 +11,6 @@ const DEFAULT_KV = {
   value: 'value',
 };
 
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
-type TemplateCallback = (item: { item: any; index: number }) => React.ReactNode;
-
 export type AcSelectProps = {
   className?: string;
   items?: any[];

package/src/lib/slider-range.tsx

@@ -2,10 +2,9 @@ import { Slider } from 'antd';
 import { SliderRangeProps } from 'antd/es/slider';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-slider-range';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcSliderRangeProps = {
   className?: string;

package/src/lib/slider.tsx

@@ -1,10 +1,9 @@
 import { Slider, SliderSingleProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-slider';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcSliderProps = {
   className?: string;

package/src/lib/switch.tsx

@@ -1,10 +1,9 @@
 import { Switch, SwitchProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
+import type { StdCallback } from './types';
 
 const CLASS_NAME = 'ac-switch';
-type StdEventTarget = { target: { value: any } };
-type StdCallback = (inEvent: StdEventTarget) => void;
 
 export type AcSwitchProps = {
   className?: string;