@antsoo-lib/core 0.0.0 → 1.0.0

package/dist/types/core/src/BaseTable/types.d.ts

@@ -0,0 +1,391 @@
+import { ButtonProps, CascaderProps, CheckboxGroupProps, CheckboxProps, ColProps, DatePickerProps, InputNumberProps, InputProps, RadioGroupProps, RowProps, SelectProps, SwitchProps, TreeSelectProps, UploadProps } from '../../packages/components/index.ts';
+import { AnyObject, VoidFunction } from '../../packages/shared/index.ts';
+import { VNode } from 'vue';
+import { ToolbarState } from './state';
+export type ToolbarEventHandler = VoidFunction;
+export interface BaseEvents {
+    [key: string]: ToolbarEventHandler | undefined;
+}
+export interface BaseToolbarItem {
+    key?: string;
+    label?: string;
+    permission?: string;
+    beforeCreate?: boolean | ((toolbarState: ToolbarState) => boolean);
+    disabled?: boolean | ((allValues: AnyObject, toolbarState: ToolbarState) => boolean);
+    props?: Record<string, any>;
+    events?: BaseEvents;
+}
+export interface ButtonToolbarItem extends BaseToolbarItem {
+    type: 'button';
+    props?: Partial<ButtonProps> & {
+        loading?: boolean;
+        disabled?: boolean;
+    };
+    events?: BaseEvents & {
+        onClick?: (loadingControl: {
+            setLoading: (loading: boolean) => void;
+            getLoading: () => boolean;
+        }, allValues: AnyObject, toolbarState: ToolbarState, ...args: any[]) => void;
+    };
+}
+export interface SlotConfig {
+    content?: {
+        component: any;
+        key: string;
+        props?: AnyObject;
+        events?: Record<string, VoidFunction>;
+        options?: Array<{
+            label: string;
+            value: any;
+        }>;
+    } | ((toolbarState: ToolbarState) => VNode);
+}
+export interface InputToolbarItem extends BaseToolbarItem {
+    type: 'input';
+    props?: Partial<InputProps> & {
+        value?: string;
+        autoFocus?: boolean;
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (event: Event, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onFocus?: VoidFunction;
+        onFocusCapture?: VoidFunction;
+        onBlur?: VoidFunction;
+        onBlurCapture?: VoidFunction;
+    };
+    textarea?: boolean;
+    slots?: {
+        addonBefore?: SlotConfig;
+        addonAfter?: SlotConfig;
+        prefix?: SlotConfig;
+        suffix?: SlotConfig;
+    };
+}
+export interface RadioGroupToolbarItem extends BaseToolbarItem {
+    type: 'radioGroup';
+    props?: Partial<RadioGroupProps> & {
+        value?: any;
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (event: Event, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface CheckboxToolbarItem extends BaseToolbarItem {
+    type: 'checkbox';
+    props?: Partial<CheckboxProps> & {
+        checked?: boolean;
+        value?: boolean;
+    };
+    events?: BaseEvents & {
+        'onUpdate:checked'?: (checked: boolean, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (event: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        'onUpdate:value'?: (checked: boolean, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+    label?: string;
+}
+export interface SwitchToolbarItem extends BaseToolbarItem {
+    type: 'switch';
+    props?: Partial<SwitchProps> & {
+        checked?: boolean;
+    };
+    events?: BaseEvents & {
+        'onUpdate:checked'?: (checked: boolean, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (checked: boolean, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface CheckboxGroupToolbarItem extends BaseToolbarItem {
+    type: 'checkboxGroup';
+    props?: Partial<CheckboxGroupProps> & {
+        value?: any[];
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any[], allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (checkedValues: any[], allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface DatePickerToolbarItem extends BaseToolbarItem {
+    type: 'datePicker';
+    props?: Partial<DatePickerProps> & {
+        value?: any;
+        autoFocus?: boolean;
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onFocus?: VoidFunction;
+    };
+    range?: boolean;
+}
+export interface SelectToolbarItem extends BaseToolbarItem {
+    type: 'select';
+    props?: Partial<SelectProps> & {
+        value?: any;
+        options?: any[] | ((values: AnyObject) => any[]);
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface CascaderToolbarItem extends BaseToolbarItem {
+    type: 'cascader';
+    props?: Partial<CascaderProps> & {
+        value?: any;
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface AreaCascaderProps {
+    value?: any[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    [key: string]: any;
+}
+export interface AreaCascaderToolbarItem extends BaseToolbarItem {
+    type: 'areaCascader';
+    props?: AreaCascaderProps;
+    attr?: Record<string, any>;
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        selectedArea?: (area: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface TreeSelectToolbarItem extends BaseToolbarItem {
+    type: 'treeSelect';
+    props?: Partial<TreeSelectProps> & {
+        value?: any;
+        options?: any[] | ((values: AnyObject) => any[]);
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface InputNumberToolbarItem extends BaseToolbarItem {
+    type: 'inputNumber';
+    props?: Partial<InputNumberProps> & {
+        value?: any;
+        autoFocus?: boolean;
+        xmoney?: boolean;
+        xprice?: boolean;
+        xweight?: boolean;
+        xtaxrate?: boolean;
+        xnumber?: boolean;
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onStep?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onFocus?: VoidFunction;
+        onFocusCapture?: VoidFunction;
+        onBlur?: VoidFunction;
+        onBlurCapture?: VoidFunction;
+    };
+    slots?: {
+        addonBefore?: SlotConfig;
+        addonAfter?: SlotConfig;
+        prefix?: SlotConfig;
+        suffix?: SlotConfig;
+    };
+}
+export interface InputPasswordToolbarItem extends BaseToolbarItem {
+    type: 'inputPassword';
+    props?: Partial<InputProps> & {
+        value?: string;
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (event: Event, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+    textarea?: boolean;
+    slots?: {
+        addonBefore?: SlotConfig;
+        addonAfter?: SlotConfig;
+        prefix?: SlotConfig;
+        suffix?: SlotConfig;
+    };
+}
+export interface UploadToolbarItem extends BaseToolbarItem {
+    type: 'upload';
+    props?: Partial<UploadProps> & {
+        value?: any[];
+        placeholder?: string;
+        allowClear?: boolean;
+        disabled?: boolean | ((allValues: AnyObject, toolbarState: ToolbarState) => boolean);
+        multiple?: boolean;
+        maxCount?: number;
+        listType?: 'text' | 'picture' | 'picture-card';
+        api?: {
+            url: string;
+            method?: 'GET' | 'POST';
+            headers?: Record<string, string>;
+        };
+        extraParams?: AnyObject | ((allValues: AnyObject, toolbarState: ToolbarState) => AnyObject);
+        dataMapping?: {
+            list?: string;
+            url?: string;
+            name?: string;
+            status?: string;
+        };
+        buttonText?: string;
+        placeholderSrc?: string;
+        placeholderAlt?: string;
+        placeholderClass?: string;
+        placeholderStyle?: AnyObject;
+        transformData?: (data: any) => any;
+        beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<boolean>;
+        onPreview?: (file: any) => void;
+        onRemove?: (file: any) => boolean | Promise<boolean>;
+    };
+    passage?: 'image' | 'pdf' | 'word' | 'excel' | 'video' | 'audio' | string;
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (info: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onSuccess?: (response: any, file: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onError?: (error: any, file: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface SselectPageProps {
+    value?: any;
+    placeholder?: string;
+    allowClear?: boolean;
+    showSearch?: boolean;
+    disabled?: boolean;
+    maxTagCount?: number;
+    size?: 'large' | 'middle' | 'small';
+    mode?: 'multiple' | 'tags';
+    api: {
+        url: string;
+        method?: 'GET' | 'POST';
+        headers?: Record<string, string>;
+        params?: AnyObject;
+        data?: AnyObject;
+    };
+    dataMapping?: {
+        list?: string;
+        total?: string;
+        value?: string;
+        label?: string;
+    };
+    pagination?: boolean;
+    paginationConfig?: {
+        pageField?: string;
+        pageSizeField?: string;
+        searchField?: string;
+        searchContains?: string;
+    };
+    pageSize?: number;
+    searchDelay?: number;
+    extraParams?: AnyObject | ((allValues: AnyObject, toolbarState: ToolbarState) => AnyObject);
+    transformData?: (data: any) => any;
+    autoLoad?: boolean;
+    autoFocus?: boolean;
+    [key: string]: any;
+}
+export interface SselectPageToolbarItem extends BaseToolbarItem {
+    type: 'sselectPage';
+    props?: SselectPageProps & {
+        disabled?: boolean | ((allValues: AnyObject, toolbarState: ToolbarState) => boolean);
+    };
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, option: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onSearch?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onClear?: (allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export interface AutoCompleteProps {
+    value?: any;
+    options?: any[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    [key: string]: any;
+}
+export interface AutoCompleteToolbarItem extends BaseToolbarItem {
+    type: 'autoComplete';
+    props?: AutoCompleteProps;
+    events?: BaseEvents & {
+        'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onSelect?: (value: any, option: any, allValues: AnyObject, toolbarState: ToolbarState) => void;
+        onSearch?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void;
+    };
+}
+export type InputGroupSize = 'large' | 'middle' | 'small' | 'default';
+export interface InputGroupPropsLike {
+    size?: InputGroupSize;
+    compact?: boolean;
+    prefixCls?: string;
+}
+export type PresetXtype = 'add' | 'edit' | 'dels' | 'export' | 'print' | 'files';
+export interface FilesCategoryOption {
+    label: string;
+    value: string;
+    [key: string]: any;
+}
+export interface FilesPresetConfig {
+    title?: string;
+    billtypeCode: string | ((row: AnyObject) => string);
+    categoryOptions: FilesCategoryOption[] | ((row: AnyObject) => FilesCategoryOption[]);
+    objIdKey?: string;
+    accept?: string;
+    passage?: 'image' | 'pdf' | 'word' | 'excel' | 'video' | 'audio' | string;
+    maxFileSizeMB?: number;
+    maxCount?: number;
+    refreshOnSuccess?: boolean;
+}
+export interface PresetBaseToolbarItem extends BaseToolbarItem {
+    xtype: PresetXtype;
+    permission?: string;
+    label?: string;
+    events?: any;
+    props?: any;
+}
+export interface PresetDelsToolbarItem extends PresetBaseToolbarItem {
+    xtype: 'dels';
+    api?: {
+        url?: string;
+        method?: 'get' | 'post';
+        useParams?: boolean;
+    };
+}
+export interface PresetExportToolbarItem extends PresetBaseToolbarItem {
+    xtype: 'export';
+    filename?: string;
+}
+export interface PresetFilesToolbarItem extends PresetBaseToolbarItem {
+    xtype: 'files';
+    files: FilesPresetConfig;
+}
+export type PresetToolbarItem = PresetDelsToolbarItem | PresetExportToolbarItem | PresetFilesToolbarItem;
+export type RenderableToolbarItem = ButtonToolbarItem | InputToolbarItem | RadioGroupToolbarItem | CheckboxToolbarItem | SwitchToolbarItem | CheckboxGroupToolbarItem | DatePickerToolbarItem | UploadToolbarItem | InputNumberToolbarItem | SelectToolbarItem | TreeSelectToolbarItem | InputPasswordToolbarItem | SselectPageToolbarItem | AutoCompleteToolbarItem | InputGroupToolbarItem | CascaderToolbarItem | AreaCascaderToolbarItem;
+export type ToolbarItem = RenderableToolbarItem | PresetToolbarItem;
+export type InputGroupChild = RenderableToolbarItem & {
+    span?: number;
+    flex?: string;
+    class?: string;
+    style?: AnyObject;
+};
+export interface InputGroupToolbarItem extends BaseToolbarItem {
+    [x: string]: any;
+    type: 'inputGroup';
+    props?: Partial<InputGroupPropsLike>;
+    layout?: {
+        type?: 'compact' | 'row' | 'none';
+        rowProps?: Partial<RowProps>;
+        cols?: Array<Partial<ColProps> & {
+            span?: number;
+        }>;
+    };
+    children: InputGroupChild[];
+}
+export interface ToolbarConfig {
+    items: ToolbarItem[];
+}
+export type { ButtonProps, DatePickerProps, InputNumberProps, InputProps, RadioGroupProps, SelectProps, SwitchProps, TreeSelectProps, UploadProps, };

package/dist/types/core/src/BaseTable/utils.d.ts

@@ -0,0 +1,8 @@
+import { VNode } from 'vue';
+import { registerBaseTableComponents } from './registry';
+import { useToolbarState, ToolbarState } from './state';
+import { ToolbarConfig } from './types';
+export declare function renderToolbar(config: ToolbarConfig, toolbarState: ToolbarState, count: number | (() => number), permissions?: string[]): VNode[];
+export { registerBaseTableComponents, ToolbarState, useToolbarState };
+export * from './types';
+export * from './renderers';

package/dist/types/core/src/index.d.ts

@@ -0,0 +1,2 @@
+import { default as BaseTable } from './BaseTable/index';
+export { BaseTable };

package/index.css

@@ -0,0 +1,2 @@
+@import 'vxe-pc-ui/lib/style.css';
+@import 'vxe-table/lib/style.css';

package/index.ts

@@ -0,0 +1,21 @@
+/**
+ * Akaza Core
+ */
+import VxeUI from 'vxe-pc-ui'
+import VxeTable from 'vxe-table'
+
+import type { App } from 'vue'
+
+import './index.css'
+import { BaseTable } from './src'
+
+export const version = '0.0.0'
+
+export * from 'xe-utils'
+
+export const CoreTable = {
+  install(app: App) {
+    app.component('BaseTable', BaseTable)
+    app.use(VxeUI).use(VxeTable)
+  },
+}

package/package.json

@@ -1,9 +1,45 @@
 {
   "name": "@antsoo-lib/core",
-  "version": "0.0.0",
+  "type": "module",
+  "version": "1.0.0",
   "private": false,
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/core.css"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.com/"
+  },
+  "peerDependencies": {
+    "lodash-es": "^4.17.21",
+    "vue": "^3.3.4",
+    "@antsoo-lib/components": "0.1.0",
+    "@antsoo-lib/shared": "0.0.1",
+    "@antsoo-lib/utils": "0.1.0",
+    "@antsoo-lib/icons": "0.1.0"
+  },
+  "dependencies": {
+    "vxe-pc-ui": "^4.12.31",
+    "vxe-table": "^4.17.48",
+    "xe-utils": "^4.0.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons-svg": "^4.4.2",
+    "@types/lodash-es": "^4.17.12",
+    "lodash-es": "^4.17.21"
   },
-  "license": "MIT"
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "preview": "vite preview"
+  }
 }

package/src/BaseTable/helpers.tsx

@@ -0,0 +1,91 @@
+import { Select } from '@antsoo-lib/components'
+import type { VoidFunction } from '@antsoo-lib/shared'
+
+import { markRaw, nextTick } from 'vue'
+import type { VNode } from 'vue'
+
+import type { ToolbarState } from './state'
+import type { InputGroupToolbarItem, SlotConfig } from './types'
+
+// 渲染插槽内容的辅助函数
+export function renderSlotContent(
+  slotConfig: SlotConfig,
+  toolbarState: ToolbarState,
+): VNode | undefined {
+  if (!slotConfig?.content) return undefined
+
+  // 如果是函数，直接调用
+  if (typeof slotConfig.content === 'function') {
+    return slotConfig.content(toolbarState)
+  }
+
+  // 如果是组件配置对象
+  const { component, key, props = {}, events = {}, options = [] } = slotConfig.content
+  const allValues = toolbarState.getAllValues()
+
+  // 处理事件，注入工具栏状态
+  const processedEvents: Record<string, VoidFunction> = {}
+  Object.entries(events).forEach(([eventName, handler]) => {
+    if (eventName === 'onChange') {
+      // 对于 onChange 事件，使用 nextTick 确保在下一个 tick 中执行外部处理函数
+      processedEvents[eventName] = (...args: any[]) => {
+        nextTick(() => {
+          handler(...args, allValues, toolbarState)
+        })
+      }
+    } else {
+      // 其他事件保持原有逻辑
+      processedEvents[eventName] = (...args: any[]) => {
+        handler(...args, allValues, toolbarState)
+      }
+    }
+  })
+
+  const value = allValues[key]
+
+  // 如果是Select组件且有options，添加选项子节点
+  if (component === Select && options.length > 0) {
+    const Comp = markRaw(component)
+    return (
+      <Comp value={value ?? ''} {...props} {...processedEvents}>
+        {options.map((option: any) => (
+          <Select.Option key={option.value} value={option.value}>
+            {option.label}
+          </Select.Option>
+        ))}
+      </Comp>
+    )
+  }
+
+  // 普通组件渲染
+  const Comp = markRaw(component)
+  return <Comp value={value ?? ''} {...props} {...processedEvents} />
+}
+
+export function validateInputGroupConfig(cfg: InputGroupToolbarItem): {
+  valid: boolean
+  errors?: string[]
+} {
+  const errors: string[] = []
+  if (!cfg) errors.push('inputGroup config is required')
+  if (cfg.type !== 'inputGroup') errors.push("type must be 'inputGroup'")
+  if (!Array.isArray(cfg.children) || cfg.children.length === 0)
+    errors.push('children must be a non-empty array')
+  // 校验子项 key 唯一性
+  const keys = (cfg.children || []).map((c) => c.key).filter(Boolean) as string[]
+  const dup = keys.filter((k, i) => keys.indexOf(k) !== i)
+  if (dup.length) errors.push(`duplicate child keys: ${Array.from(new Set(dup)).join(',')}`)
+  return { valid: errors.length === 0, errors: errors.length ? errors : undefined }
+}
+
+// InputNumber 的焦点态只用于“显示逻辑（失焦补零）”，不属于业务值：
+// - 不写入 ToolbarState，避免污染 getAllValues() 及其下游（按钮事件、联动禁用、外部 expose、deep watch 等）
+// - 采用 WeakMap：当 ToolbarState 实例被销毁且无引用时，对应缓存可被 GC 自动回收
+const inputNumberFocusState = new WeakMap<ToolbarState, Map<string, boolean>>()
+export function getInputNumberFocusState(toolbarState: ToolbarState) {
+  const existing = inputNumberFocusState.get(toolbarState)
+  if (existing) return existing
+  const next = new Map<string, boolean>()
+  inputNumberFocusState.set(toolbarState, next)
+  return next
+}