openxiangda-cli 2.0.0-alpha.89 → 2.0.0-alpha.90

package/template/apps/web/src/components/platform-fields/AddressField.tsx

@@ -1,338 +0,0 @@
-import {
-  CloseOutlined,
-  EnvironmentOutlined,
-} from '@ant-design/icons';
-import {
-  Alert,
-  Button,
-  Cascader,
-  Drawer,
-  Input,
-  Select,
-  Space,
-  Spin,
-  Typography,
-} from 'antd';
-import type {
-  LabeledValue,
-  StableAddressValue,
-} from 'openxiangda-contracts/browser';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import {
-  loadChinaDivisions,
-  type ChinaDivisionListItem,
-} from '../../platform-client';
-import {
-  ADDRESS_LEVELS,
-  addressControlValue,
-  addressDisplay,
-  addressPath,
-  addressStoredValue,
-  type AddressLevel,
-} from './address-value';
-
-interface AddressOption extends LabeledValue {
-  hasChildren: boolean;
-  isLeaf: boolean;
-  children?: AddressOption[];
-}
-
-const LEVEL_LABELS: Record<AddressLevel, string> = {
-  province: '省份',
-  city: '城市',
-  district: '区县',
-  street: '街道',
-};
-
-function divisionOption(item: ChinaDivisionListItem): AddressOption {
-  return {
-    label: item.name,
-    value: item.adcode,
-    hasChildren: item.hasChildren,
-    isLeaf: !item.hasChildren,
-  };
-}
-
-function snapshotBranch(path: LabeledValue[], index = 0): AddressOption[] {
-  const item = path[index];
-  if (!item) return [];
-  const children = snapshotBranch(path, index + 1);
-  return [{
-    ...item,
-    hasChildren: children.length > 0,
-    isLeaf: children.length === 0,
-    ...(children.length ? { children } : {}),
-  }];
-}
-
-function mergeStoredPath(
-  options: AddressOption[],
-  path: LabeledValue[],
-  index = 0
-): AddressOption[] {
-  const stored = path[index];
-  if (!stored) return options;
-  let matched = false;
-  const next = options.map(option => {
-    if (option.value !== stored.value) return option;
-    matched = true;
-    const children = mergeStoredPath(option.children || [], path, index + 1);
-    return {
-      ...option,
-      label: stored.label || option.label,
-      ...(children.length ? { children, isLeaf: false } : {}),
-    };
-  });
-  return matched ? next : [...next, ...snapshotBranch(path, index)];
-}
-
-function replaceChildren(
-  options: AddressOption[],
-  path: string[],
-  children: AddressOption[],
-  index = 0
-): AddressOption[] {
-  const current = path[index];
-  return options.map(option => {
-    if (option.value !== current) return option;
-    if (index === path.length - 1) {
-      return {
-        ...option,
-        children,
-        hasChildren: children.length > 0,
-        isLeaf: children.length === 0,
-      };
-    }
-    return {
-      ...option,
-      children: replaceChildren(option.children || [], path, children, index + 1),
-    };
-  });
-}
-
-function optionSnapshot(option: AddressOption): LabeledValue {
-  return { label: option.label, value: option.value };
-}
-
-export function AddressValueDisplay({ value }: { value: StableAddressValue }) {
-  const parts = addressPath(value);
-  return (
-    <span className="oxa-address-value">
-      <Typography.Text>{addressDisplay(value) || '-'}</Typography.Text>
-      {parts.length > 0 && (
-        <Typography.Text type="secondary">
-          {parts.map(item => item.label).join(' / ')}
-        </Typography.Text>
-      )}
-    </span>
-  );
-}
-
-export function AddressField({
-  value,
-  onChange,
-  disabled = false,
-  mobile = false,
-  detailEnabled = true,
-}: {
-  value?: StableAddressValue;
-  onChange?: (value: StableAddressValue | undefined) => void;
-  disabled?: boolean;
-  mobile?: boolean;
-  detailEnabled?: boolean;
-}) {
-  const storedPath = useMemo(() => addressPath(value), [value]);
-  const [options, setOptions] = useState<AddressOption[]>(() =>
-    snapshotBranch(storedPath)
-  );
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-  const [mobileOpen, setMobileOpen] = useState(false);
-  const [draft, setDraft] = useState<StableAddressValue | undefined>(value);
-  const [mobileOptions, setMobileOptions] = useState<AddressOption[][]>([]);
-
-  const loadOptions = useCallback(async (parentAdcode?: string) =>
-    (await loadChinaDivisions(parentAdcode)).map(divisionOption), []);
-
-  useEffect(() => {
-    let active = true;
-    setLoading(true);
-    loadOptions()
-      .then(items => {
-        if (active) setOptions(mergeStoredPath(items, storedPath));
-      })
-      .catch(reason => {
-        if (active) setError(reason instanceof Error ? reason.message : String(reason));
-      })
-      .finally(() => {
-        if (active) setLoading(false);
-      });
-    return () => {
-      active = false;
-    };
-  }, [loadOptions, storedPath]);
-
-  const loadChildren = async (selected: AddressOption[]) => {
-    const target = selected[selected.length - 1];
-    if (!target) return;
-    setError('');
-    try {
-      const children = await loadOptions(target.value);
-      setOptions(current => replaceChildren(
-        current,
-        selected.map(item => item.value),
-        children
-      ));
-    } catch (reason) {
-      setError(reason instanceof Error ? reason.message : String(reason));
-    }
-  };
-
-  const hydrateMobile = async (stored?: StableAddressValue) => {
-    setLoading(true);
-    setError('');
-    try {
-      const path = addressPath(stored);
-      const lists: AddressOption[][] = [];
-      lists[0] = await loadOptions();
-      for (let index = 0; index < path.length && index < ADDRESS_LEVELS.length - 1; index += 1) {
-        lists[index + 1] = await loadOptions(path[index]?.value);
-      }
-      setMobileOptions(lists);
-    } catch (reason) {
-      setError(reason instanceof Error ? reason.message : String(reason));
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const openMobile = () => {
-    setDraft(value);
-    setMobileOpen(true);
-    void hydrateMobile(value);
-  };
-
-  const selectMobileLevel = async (index: number, selectedValue?: string) => {
-    const currentPath = addressPath(draft).slice(0, index);
-    const selected = mobileOptions[index]?.find(item => item.value === selectedValue);
-    const nextPath = selected ? [...currentPath, optionSnapshot(selected)] : currentPath;
-    const next = addressStoredValue(nextPath, draft?.detail);
-    setDraft(next);
-    setMobileOptions(current => current.slice(0, index + 1));
-    if (selected?.hasChildren && index < ADDRESS_LEVELS.length - 1) {
-      try {
-        const children = await loadOptions(selected.value);
-        setMobileOptions(current => {
-          const lists = current.slice(0, index + 1);
-          lists[index + 1] = children;
-          return lists;
-        });
-      } catch (reason) {
-        setError(reason instanceof Error ? reason.message : String(reason));
-      }
-    }
-  };
-
-  const detailInput = (current?: StableAddressValue, commit?: (next?: StableAddressValue) => void) =>
-    detailEnabled ? (
-      <Input
-        disabled={disabled || !addressPath(current).length}
-        maxLength={4000}
-        onChange={event => commit?.(
-          addressStoredValue(addressPath(current), event.target.value)
-        )}
-        placeholder="请输入详细门牌地址"
-        value={current?.detail || ''}
-      />
-    ) : null;
-
-  if (mobile) {
-    return (
-      <div className="oxa-address-field oxa-mobile-address-field">
-        <Button
-          block
-          disabled={disabled}
-          icon={<EnvironmentOutlined />}
-          onClick={openMobile}
-        >
-          {addressDisplay(value) || '请选择行政区地址'}
-        </Button>
-        {value && !disabled && (
-          <Button
-            aria-label="清除地址"
-            icon={<CloseOutlined />}
-            onClick={() => onChange?.(undefined)}
-            type="text"
-          />
-        )}
-        <Drawer
-          destroyOnHidden
-          onClose={() => setMobileOpen(false)}
-          open={mobileOpen}
-          placement="bottom"
-          size="85vh"
-          title="选择行政区地址"
-        >
-          {loading ? <Spin /> : (
-            <div className="oxa-address-mobile-levels">
-              {ADDRESS_LEVELS.map((level, index) => {
-                const selected = addressPath(draft)[index]?.value;
-                const choices = mobileOptions[index] || [];
-                if (index > 0 && !choices.length && !selected) return null;
-                return (
-                  <Select
-                    allowClear
-                    key={level}
-                    onChange={next => void selectMobileLevel(index, next)}
-                    options={choices}
-                    placeholder={`请选择${LEVEL_LABELS[level]}`}
-                    value={selected}
-                  />
-                );
-              })}
-              {detailInput(draft, setDraft)}
-            </div>
-          )}
-          {error && <Alert showIcon title={error} type="error" />}
-          <Space className="oxa-address-mobile-actions">
-            <Button onClick={() => setMobileOpen(false)}>取消</Button>
-            <Button
-              disabled={!addressPath(draft).length}
-              onClick={() => {
-                onChange?.(draft);
-                setMobileOpen(false);
-              }}
-              type="primary"
-            >
-              确定
-            </Button>
-          </Space>
-        </Drawer>
-      </div>
-    );
-  }
-
-  return (
-    <div className="oxa-address-field">
-      <Cascader
-        allowClear
-        changeOnSelect
-        disabled={disabled}
-        loadData={selected => void loadChildren(selected as AddressOption[])}
-        loading={loading}
-        onChange={(_path, selected) => onChange?.(
-          addressStoredValue(
-            (selected as AddressOption[]).map(optionSnapshot),
-            value?.detail
-          )
-        )}
-        options={options}
-        placeholder="请选择行政区地址"
-        showSearch={false}
-        value={addressControlValue(value)}
-      />
-      {detailInput(value, onChange)}
-      {error && <Alert showIcon title={error} type="error" />}
-    </div>
-  );
-}

package/template/apps/web/src/components/platform-fields/AttachmentFileList.tsx

@@ -1,245 +0,0 @@
-import {
-  CloseOutlined,
-  DownloadOutlined,
-  EyeOutlined,
-  FileExcelOutlined,
-  FileImageOutlined,
-  FilePdfOutlined,
-  FileTextOutlined,
-  FileWordOutlined,
-  PaperClipOutlined,
-} from '@ant-design/icons';
-import { App, Button, Image, Space } from 'antd';
-import type { DataFileRef } from 'openxiangda-contracts/browser';
-import { useEffect, useMemo, useState } from 'react';
-import {
-  downloadDataFile,
-  fetchDataFileBlob,
-  loadDataFilePreview,
-} from '../../platform-client';
-import { attachmentPreviewPath } from '../../runtime-meta';
-
-interface PreviewImage {
-  id: string;
-  name: string;
-  src: string;
-}
-
-const IMAGE_EXTENSIONS = new Set([
-  'avif',
-  'bmp',
-  'gif',
-  'ico',
-  'jpeg',
-  'jpg',
-  'png',
-  'svg',
-  'webp',
-]);
-
-function extension(name: string) {
-  return name.toLowerCase().match(/\.([a-z0-9]+)$/)?.[1] || '';
-}
-
-function isImage(file: DataFileRef) {
-  return (
-    file.contentType.toLowerCase().startsWith('image/') ||
-    IMAGE_EXTENSIONS.has(extension(file.name))
-  );
-}
-
-function fileIcon(file: DataFileRef) {
-  const suffix = extension(file.name);
-  if (isImage(file)) return <FileImageOutlined />;
-  if (suffix === 'pdf') return <FilePdfOutlined />;
-  if (suffix === 'doc' || suffix === 'docx') return <FileWordOutlined />;
-  if (suffix === 'xls' || suffix === 'xlsx') return <FileExcelOutlined />;
-  if (suffix === 'txt' || suffix === 'csv') return <FileTextOutlined />;
-  return <PaperClipOutlined />;
-}
-
-export function formatManagedFileSize(value: number) {
-  if (value < 1024) return `${value} B`;
-  if (value < 1024 * 1024) return `${Math.ceil(value / 1024)} KB`;
-  return `${(value / 1024 / 1024).toFixed(1)} MB`;
-}
-
-function revokeImages(images: PreviewImage[]) {
-  images.forEach(image => URL.revokeObjectURL(image.src));
-}
-
-function openIsolatedWindow(url: string) {
-  const target = window.open('about:blank', '_blank');
-  if (!target) return false;
-  target.opener = null;
-  target.location.replace(url);
-  return true;
-}
-
-export function AttachmentFileList({
-  files,
-  resourceCode = 'resources',
-  removable = false,
-  onRemove,
-}: {
-  files: DataFileRef[];
-  resourceCode?: string;
-  removable?: boolean;
-  onRemove?: (file: DataFileRef) => void;
-}) {
-  const { message } = App.useApp();
-  const [openingId, setOpeningId] = useState('');
-  const [downloadingId, setDownloadingId] = useState('');
-  const [images, setImages] = useState<PreviewImage[]>([]);
-  const [imageOpen, setImageOpen] = useState(false);
-  const [currentImage, setCurrentImage] = useState(0);
-  const imageFiles = useMemo(() => files.filter(isImage), [files]);
-
-  useEffect(() => () => revokeImages(images), [images]);
-
-  const closeImages = () => {
-    setImageOpen(false);
-    setImages(current => {
-      revokeImages(current);
-      return [];
-    });
-  };
-
-  const previewImage = async (file: DataFileRef) => {
-    setOpeningId(file.id);
-    try {
-      const settled = await Promise.allSettled(
-        imageFiles.map(async candidate => {
-          const preview = await loadDataFilePreview(resourceCode, candidate.id);
-          if (!preview.canPreview || preview.previewType !== 'image') {
-            throw new Error(
-              preview.unsupportedReason || `${candidate.name} 暂不支持图片预览`
-            );
-          }
-          const blob = await fetchDataFileBlob(resourceCode, candidate.id);
-          return {
-            id: candidate.id,
-            name: candidate.name,
-            src: URL.createObjectURL(blob),
-          };
-        })
-      );
-      const resolved = settled.flatMap(result =>
-        result.status === 'fulfilled' ? [result.value] : []
-      );
-      const current = resolved.findIndex(image => image.id === file.id);
-      if (current < 0) {
-        const failure = settled.find(
-          result => result.status === 'rejected'
-        ) as PromiseRejectedResult | undefined;
-        throw failure?.reason || new Error('图片预览加载失败');
-      }
-      setImages(previous => {
-        revokeImages(previous);
-        return resolved;
-      });
-      setCurrentImage(current);
-      setImageOpen(true);
-    } catch (error) {
-      message.error(error instanceof Error ? error.message : String(error));
-    } finally {
-      setOpeningId('');
-    }
-  };
-
-  const openPreview = (file: DataFileRef) => {
-    if (isImage(file)) {
-      void previewImage(file);
-      return;
-    }
-    if (!openIsolatedWindow(attachmentPreviewPath(resourceCode, file.id))) {
-      void message.warning('浏览器阻止了预览窗口，请允许弹出窗口后重试');
-    }
-  };
-
-  const download = async (file: DataFileRef) => {
-    setDownloadingId(file.id);
-    try {
-      await downloadDataFile(resourceCode, file.id, file.name);
-    } catch (error) {
-      message.error(error instanceof Error ? error.message : String(error));
-    } finally {
-      setDownloadingId('');
-    }
-  };
-
-  return (
-    <>
-      <div className="oxa-file-list">
-        {files.map(file => (
-          <div className="oxa-file-item" key={file.id}>
-            <span className="oxa-file-kind">
-              {file.thumbnailUrl ? (
-                <img
-                  alt=""
-                  className="oxa-file-thumbnail"
-                  height={file.height}
-                  src={file.thumbnailUrl}
-                  width={file.width}
-                />
-              ) : (
-                fileIcon(file)
-              )}
-            </span>
-            <button
-              className="oxa-file-meta oxa-file-name-button"
-              disabled={openingId === file.id}
-              onClick={() => openPreview(file)}
-              type="button"
-            >
-              <strong>{file.name}</strong>
-              <small>{formatManagedFileSize(file.size)} · 已上传</small>
-            </button>
-            <Space size={2}>
-              <Button
-                aria-label={`预览${file.name}`}
-                icon={<EyeOutlined />}
-                loading={openingId === file.id}
-                onClick={() => openPreview(file)}
-                size="small"
-                type="text"
-              />
-              <Button
-                aria-label={`下载${file.name}`}
-                icon={<DownloadOutlined />}
-                loading={downloadingId === file.id}
-                onClick={() => void download(file)}
-                size="small"
-                type="text"
-              />
-              {removable && (
-                <Button
-                  aria-label={`移除${file.name}`}
-                  danger
-                  icon={<CloseOutlined />}
-                  onClick={() => onRemove?.(file)}
-                  size="small"
-                  type="text"
-                />
-              )}
-            </Space>
-          </div>
-        ))}
-      </div>
-      <Image.PreviewGroup
-        items={images.map(image => ({ src: image.src, alt: image.name }))}
-        preview={{
-          open: imageOpen,
-          current: currentImage,
-          countRender: (current, total) => `${current}/${total}`,
-          onChange: setCurrentImage,
-          onOpenChange: open => {
-            if (!open) closeImages();
-          },
-        }}
-      >
-        <span aria-hidden="true" style={{ display: 'none' }} />
-      </Image.PreviewGroup>
-    </>
-  );
-}

package/template/apps/web/src/components/platform-fields/CascadeField.tsx

@@ -1,49 +0,0 @@
-import { Cascader } from 'antd';
-import type { DataFieldSurface, LabeledValue } from 'openxiangda-contracts/browser';
-import {
-  cascadeControlValue,
-  cascadeStoredValue,
-  type CascadeStoredValue,
-} from './cascade-value';
-
-export function CascadeField({
-  field,
-  value,
-  onChange,
-  disabled,
-}: {
-  field: DataFieldSurface;
-  value?: CascadeStoredValue;
-  onChange?: (value: LabeledValue[] | LabeledValue[][] | undefined) => void;
-  disabled?: boolean;
-}) {
-  const multiple = field.type === 'cascade.multiple';
-  return (
-    <Cascader
-      allowClear
-      disabled={disabled}
-      maxTagCount="responsive"
-      multiple={multiple}
-      onChange={(next: unknown) => onChange?.(
-        cascadeStoredValue(field.options || [], next, multiple)
-      )}
-      options={field.options}
-      placeholder={`请选择${field.label}`}
-      showSearch
-      value={cascadeControlValue(value, multiple) as never}
-    />
-  );
-}
-
-export function CascadeValueDisplay({
-  value,
-  multiple,
-}: {
-  value: CascadeStoredValue;
-  multiple: boolean;
-}) {
-  const paths = multiple
-    ? value as LabeledValue[][]
-    : [value as LabeledValue[]];
-  return <>{paths.map(path => path.map(item => item.label).join(' / ')).join('；') || '-'}</>;
-}