@jswork/antd-components 1.0.209 → 1.0.211

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.209",
+  "version": "1.0.211",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "@ant-design/icons": "*",
     "@ebay/nice-form-react": "*",
-    "@jswork/react-ant-status-switch": "*",
     "@jswork/next": "*",
+    "@jswork/react-ant-status-switch": "*",
     "antd": "*",
     "react-router-dom": "*"
   },
@@ -60,6 +60,7 @@
     "@jswork/next-create-fetcher": "^1.0.6",
     "@jswork/next-dom-event": "^1.0.8",
     "@jswork/next-gpid": "^1.0.4",
+    "@jswork/next-tmpl": "^1.0.7",
     "@jswork/next-tree-walk": "^1.0.7",
     "@jswork/next-unique": "^1.0.2",
     "@jswork/noop": "^1.0.0",

package/src/lib/input-copyable.tsx

@@ -0,0 +1,43 @@
+import { Typography } from 'antd';
+import React from 'react';
+import { AcInput, AcInputProps } from './input';
+
+const CLASS_NAME = 'ac-input-copyable';
+
+interface AcInputCopyableState {
+  value?: string;
+}
+
+export class AcInputCopyable extends React.Component<AcInputProps, AcInputCopyableState> {
+  static displayName = CLASS_NAME;
+  static formSchema = CLASS_NAME;
+  static defaultProps = {};
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: props.value || '',
+    };
+  }
+
+  get copyView() {
+    const { value } = this.state;
+    return <Typography.Text copyable={{ text: value }} />;
+  }
+
+  handleInputChange = (e) => {
+    const { onChange } = this.props;
+    const { value } = e.target;
+    this.setState({ value });
+    onChange?.(e);
+  };
+
+  render() {
+    const { onChange, ...rest } = this.props;
+    return <AcInput onChange={this.handleInputChange} {...rest} addonAfter={this.copyView} />;
+  }
+}
+
+export const AcInputCopyableFc = (props: AcInputProps) => {
+  return <AcInputCopyable {...props} />;
+};

package/src/lib/table.tsx

@@ -13,6 +13,7 @@ import { ReactHarmonyEvents } from '@jswork/harmony-events';
 import nx from '@jswork/next';
 import '@jswork/next-compact-object';
 import '@jswork/next-create-fetcher';
+import '@jswork/next-tmpl';
 import UrlSyncFlat from '@jswork/url-sync-flat';
 import { Table, TableProps } from 'antd';
 import { ColumnsType } from 'antd/es/table';
@@ -370,7 +371,7 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   public add = () => {
     const { module, paramsAdd, pathAdd } = this.props;
     const qs = this.toQueryString(paramsAdd);
-    if(pathAdd) return nx.$nav?.(pathAdd);
+    if (pathAdd) return nx.$nav?.(pathAdd);
     nx.$nav?.(`/${module}/${this.routerKey}/add${qs}`);
   };
 
@@ -380,7 +381,10 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   public edit = (item: any) => {
     const { module, rowKey, paramsEdit, pathEdit } = this.props;
     const qs = this.toQueryString(paramsEdit);
-    if(pathEdit) return nx.$nav?.(pathEdit);
+    if (pathEdit) {
+      const _editPath = nx.tmpl(pathEdit, item);
+      return nx.$nav?.(nx.tmpl(_editPath, item));
+    }
     nx.$nav?.(`/${module}/${this.routerKey}/${item[rowKey as string]}/edit${qs}`);
   };
 

package/src/main.ts

@@ -1,7 +1,3 @@
-import { breadcrumbDefault } from './tpls/breadcrumb';
-import { kv, checkboxKv, radioKv, treeKv, selectKv, treeSelectKv } from './tpls/kv';
-import { raw, checkboxRaw, radioRaw, selectRaw } from './tpls/raw';
-import { transferLabel } from './tpls/transfer';
 import { AcBreadcrumb } from './lib/breadcrumb';
 import { AcCheckableDropdown } from './lib/checkable-dropdown';
 import { AcCheckableTag, AcCheckableTagFc } from './lib/checkable-tag';
@@ -13,6 +9,7 @@ import { AcConfirmButton } from './lib/confirm-button';
 import { AcDatePicker, AcDatePickerFc } from './lib/date-picker';
 import { AcEditableTagGroup, AcEditableTagGroupFc } from './lib/editable-tag-group';
 import { AcInput, AcInputFc } from './lib/input';
+import { AcInputCopyable, AcInputCopyableFc } from './lib/input-copyable';
 import { AcInputHidden, AcInputHiddenFc } from './lib/input-hidden';
 import { AcInputNumber, AcInputNumberFc } from './lib/input-number';
 import { AcInputTags, AcInputTagsFc } from './lib/input-tags';
@@ -32,10 +29,14 @@ import { AcTimePicker, AcTimePickerFc } from './lib/time-picker';
 import { AcTransfer, AcTransferFc } from './lib/transfer';
 import { AcTree } from './lib/tree';
 import { AcTreeSelect, AcTreeSelectFc } from './lib/tree-select';
+import { AcUpload, AcUploadFc } from './lib/upload';
 import { AcUploadDragger, AcUploadDraggerFc } from './lib/upload-dragger';
 import { AcUploadPicture, AcUploadPictureFc } from './lib/upload-picture';
 import { AcUploadPictureCard, AcUploadPictureCardFc } from './lib/upload-picture-card';
-import { AcUpload, AcUploadFc } from './lib/upload';
+import { breadcrumbDefault } from './tpls/breadcrumb';
+import { checkboxKv, kv, radioKv, selectKv, treeKv, treeSelectKv } from './tpls/kv';
+import { checkboxRaw, radioRaw, raw, selectRaw } from './tpls/raw';
+import { transferLabel } from './tpls/transfer';
 
 import type { AcBreadcrumbProps } from './lib/breadcrumb';
 import type { AcCheckableDropdownProps } from './lib/checkable-dropdown';
@@ -59,169 +60,166 @@ import type { AcSelectProps } from './lib/select';
 import type { AcSliderProps } from './lib/slider';
 import type { AcSliderRangeProps } from './lib/slider-range';
 import type { AcSwitchProps } from './lib/switch';
+import type { AcTableProps } from './lib/table';
 import type { AcTextareaProps } from './lib/textarea';
 import type { AcTimePickerProps } from './lib/time-picker';
 import type { AcTransferProps } from './lib/transfer';
 import type { AcTreeProps } from './lib/tree';
 import type { AcTreeSelectProps } from './lib/tree-select';
-import type { AcUploadDraggerProps } from './lib/upload-dragger';
 import type { AcUploadProps } from './lib/upload';
-import type { AcTableProps } from './lib/table';
+import type { AcUploadDraggerProps } from './lib/upload-dragger';
 
 import '@jswork/next';
 import './lib/alert';
 
 // commands
-import useTableCommand from './lib/use-table-command';
-import { AcTableLinks } from './lib/table-links';
-import type { AcTableLinksProps } from './lib/table-links';
-import { AcCardExtras } from './lib/card-extras';
 import type { AcCardExtrasProps } from './lib/card-extras';
-import { initWidgets } from './lib/init-widgets';
-import { FormActions } from './lib/form-actions';
-import type { FormActionsProps } from './lib/form-actions';
-import { AcExtraSearch } from './lib/extra-search';
+import { AcCardExtras } from './lib/card-extras';
 import type { AcExtraSearchProps } from './lib/extra-search';
-import { AcTableStatusSwitcher } from './lib/table-status-switcher';
+import { AcExtraSearch } from './lib/extra-search';
+import type { FormActionsProps } from './lib/form-actions';
+import { FormActions } from './lib/form-actions';
+import { initWidgets } from './lib/init-widgets';
+import type { AcTableLinksProps } from './lib/table-links';
+import { AcTableLinks } from './lib/table-links';
 import type { AcTableStatusSwitcherProps } from './lib/table-status-switcher';
-import { AcTableToggleSwitcher } from './lib/table-toggle-switcher';
+import { AcTableStatusSwitcher } from './lib/table-status-switcher';
 import type { AcTableToggleSwitcherProps } from './lib/table-toggle-switcher';
+import { AcTableToggleSwitcher } from './lib/table-toggle-switcher';
+import useTableCommand from './lib/use-table-command';
 
 export * from './lib/button';
 
 // export all templates
 export {
-  // breadcrumb
-  breadcrumbDefault,
-  // kv
-  kv,
-  checkboxKv,
-  radioKv,
-  treeKv,
-  selectKv,
-  treeSelectKv,
-  // raw
-  raw,
-  checkboxRaw,
-  radioRaw,
-  selectRaw,
-  // transfer
-  transferLabel,
-
   // --- components ---
   AcBreadcrumb,
+  // ---- types ----
+  AcBreadcrumbProps,
+  AcCardExtras,
+  AcCardExtrasProps,
   AcCheckableDropdown,
+  AcCheckableDropdownProps,
   AcCheckableTag,
+  // --- fc components ---
+  AcCheckableTagFc,
   AcCheckableTagList,
+  AcCheckableTagListFc,
+  AcCheckableTagListProps,
+  AcCheckableTagProps,
   AcCheckbox,
+  AcCheckboxFc,
   AcCheckboxGroup,
+  AcCheckboxGroupFc,
+  AcCheckboxGroupProps,
+  AcCheckboxProps,
   AcCodeFlask,
+  AcCodeFlaskFc,
   AcConfirmButton,
+  AcConfirmButtonProps,
   AcDatePicker,
+  AcDatePickerFc,
+  AcDatePickerProps,
   AcEditableTagGroup,
+  AcEditableTagGroupFc,
+  AcEditableTagGroupProps,
+  AcExtraSearch,
+  AcExtraSearchProps,
   AcInput,
+  AcInputCopyable,
+  AcInputCopyableFc,
+  AcInputFc,
   AcInputHidden,
+  AcInputHiddenFc,
   AcInputNumber,
+  AcInputNumberFc,
+  AcInputNumberProps,
+  AcInputProps,
   AcInputTags,
+  AcInputTagsFc,
+  AcInputTagsProps,
   AcInputToken,
+  AcInputTokenFc,
+  AcInputTokenProps,
   AcPreSelect,
+  AcPreSelectFc,
+  AcPreSelectProps,
   AcRadioGroup,
+  AcRadioGroupFc,
+  AcRadioGroupProps,
   AcRangePicker,
+  AcRangePickerFc,
+  AcRangePickerProps,
   AcRate,
+  AcRateFc,
+  AcRateProps,
   AcSearch,
+  AcSearchFc,
+  AcSearchProps,
   AcSelect,
+  AcSelectFc,
+  AcSelectProps,
   AcSlider,
+  AcSliderFc,
+  AcSliderProps,
   AcSliderRange,
+  AcSliderRangeFc,
+  AcSliderRangeProps,
   AcSwitch,
+  AcSwitchFc,
+  AcSwitchProps,
   AcTable,
   AcTableLinks,
-  AcCardExtras,
+  AcTableLinksProps,
+  AcTableProps,
+  AcTableStatusSwitcher,
+  AcTableStatusSwitcherProps,
+  AcTableToggleSwitcher,
+  AcTableToggleSwitcherProps,
   AcTextarea,
+  AcTextareaFc,
+  AcTextareaProps,
   AcTimePicker,
+  AcTimePickerFc,
+  AcTimePickerProps,
   AcTransfer,
+  AcTransferFc,
+  AcTransferProps,
   AcTree,
+  AcTreeProps,
   AcTreeSelect,
+  AcTreeSelectFc,
+  AcTreeSelectProps,
+  AcUpload,
   AcUploadDragger,
+  AcUploadDraggerFc,
+  AcUploadDraggerProps,
+  AcUploadFc,
   AcUploadPicture,
   AcUploadPictureCard,
-  AcUpload,
-
-  // --- fc components ---
-  AcCheckableTagFc,
-  AcCheckableTagListFc,
-  AcCheckboxFc,
-  AcCheckboxGroupFc,
-  AcCodeFlaskFc,
-  AcDatePickerFc,
-  AcEditableTagGroupFc,
-  AcInputFc,
-  AcInputHiddenFc,
-  AcInputNumberFc,
-  AcInputTagsFc,
-  AcInputTokenFc,
-  AcPreSelectFc,
-  AcRadioGroupFc,
-  AcRangePickerFc,
-  AcRateFc,
-  AcSearchFc,
-  AcSelectFc,
-  AcSliderFc,
-  AcSliderRangeFc,
-  AcSwitchFc,
-  AcTextareaFc,
-  AcTimePickerFc,
-  AcTransferFc,
-  AcTreeSelectFc,
-  AcUploadDraggerFc,
-  AcUploadPictureFc,
   AcUploadPictureCardFc,
-  AcUploadFc,
-  FormActions,
-  AcExtraSearch,
-  AcTableStatusSwitcher,
-  AcTableToggleSwitcher,
-
-  // ---- commands ----
-  useTableCommand,
-
-  // ---- types ----
-  AcBreadcrumbProps,
-  AcCheckableDropdownProps,
-  AcCheckableTagProps,
-  AcCheckableTagListProps,
-  AcCheckboxProps,
-  AcCheckboxGroupProps,
-  AcConfirmButtonProps,
-  AcDatePickerProps,
-  AcEditableTagGroupProps,
-  AcInputProps,
-  AcInputNumberProps,
-  AcInputTagsProps,
-  AcInputTokenProps,
-  AcPreSelectProps,
-  AcRadioGroupProps,
-  AcRangePickerProps,
-  AcRateProps,
-  AcSearchProps,
-  AcSelectProps,
-  AcSliderProps,
-  AcSliderRangeProps,
-  AcSwitchProps,
-  AcTableProps,
-  AcTableLinksProps,
-  AcCardExtrasProps,
-  AcTextareaProps,
-  AcTimePickerProps,
-  AcTransferProps,
-  AcTreeProps,
-  AcTreeSelectProps,
-  AcUploadDraggerProps,
+  AcUploadPictureFc,
   AcUploadProps,
+  // breadcrumb
+  breadcrumbDefault,
+  checkboxKv,
+  checkboxRaw,
+  FormActions,
   FormActionsProps,
-  AcExtraSearchProps,
-  AcTableStatusSwitcherProps,
-  AcTableToggleSwitcherProps,
-
   // ---- widgets ----
   initWidgets,
+  // kv
+  kv,
+  radioKv,
+  radioRaw,
+  // raw
+  raw,
+  selectKv,
+  selectRaw,
+  // transfer
+  transferLabel,
+  treeKv,
+  treeSelectKv,
+  // ---- commands ----
+  useTableCommand,
 };