@kengic/vue 0.30.1-beta.96 → 0.31.0

package/component/KgWorkStation/KgWorkStation.event.ts

@@ -1,54 +0,0 @@
-import { IKgEventListener, kgEmit } from '@kengic/core.core';
-
-/**
- * 事件类型.
- */
-export type IKgWorkStation$Event =
-    // 点击确定按钮,
-    | 'onOk'
-
-    // 点击取消按钮,
-    | 'onCancel';
-
-//region 事件 onOk
-//----------------------------------------------------------------------------------------------------
-export type IKgWorkStation$EventListenerParameter$onOk = {};
-export type IKgWorkStation$EventListener$onOk = ((param: IKgWorkStation$EventListenerParameter$onOk) => void) & IKgEventListener;
-//----------------------------------------------------------------------------------------------------
-//endregion
-
-//region 事件 onCancel
-//----------------------------------------------------------------------------------------------------
-export type IKgWorkStation$EventListenerParameter$onCancel = {};
-export type IKgWorkStation$EventListener$onCancel = ((param: IKgWorkStation$EventListenerParameter$onCancel) => void) & IKgEventListener;
-//----------------------------------------------------------------------------------------------------
-//endregion
-
-export type IKgWorkStation$EventListenerParameter = IKgWorkStation$EventListenerParameter$onOk | IKgWorkStation$EventListenerParameter$onCancel;
-export type IKgWorkStation$EventListener = IKgWorkStation$EventListener$onOk | IKgWorkStation$EventListener$onCancel;
-
-export const eventListeners: Record<
-    string,
-    {
-        onCancel: Array<IKgWorkStation$EventListener$onCancel>;
-        onOk: Array<IKgWorkStation$EventListener$onOk>;
-    }
-> = {};
-
-/**
- * 触发事件.
- *
- * @param param.event 事件名称.
- * @param param.id 唯一标识.
- * @param param.parameter 事件参数.
- */
-export function emit<P extends IKgWorkStation$EventListenerParameter>(param: { event: IKgWorkStation$Event; id?: string | undefined; parameter: P }): Promise<boolean> {
-    const { event, id = '', parameter } = param ?? {};
-
-    return kgEmit<IKgWorkStation$Event, P, IKgWorkStation$EventListener>({
-        event: event,
-        eventListeners: eventListeners,
-        id: id,
-        parameter: parameter,
-    });
-}

package/component/KgWorkStation/KgWorkStation.hooks.ts

@@ -1,59 +0,0 @@
-import { IRemoveEventListener } from '@kengic/core.core';
-import { pinia } from '../../config';
-import { kgOnEventFactory } from '../../util';
-import { eventListeners, IKgWorkStation$Event, IKgWorkStation$EventListener$onCancel, IKgWorkStation$EventListener$onOk } from './KgWorkStation.event';
-import { buildKgWorkStationStore } from './KgWorkStation.store';
-
-export type IUseKgWorkStation = {
-    /**
-     * 标识.
-     */
-    id: string;
-
-    /**
-     * 监听事件: 点击取消按钮.
-     *
-     * @param listener 事件监听函数.
-     * @param isOnce 是否只会触发一次. 默认为 undefined.
-     */
-    onCancel(listener: IKgWorkStation$EventListener$onCancel, isOnce?: boolean): IRemoveEventListener;
-
-    /**
-     * 监听事件: 点击确定按钮.
-     *
-     * @param listener 事件监听函数.
-     * @param isOnce 是否只会触发一次. 默认为 undefined.
-     */
-    onOk(listener: IKgWorkStation$EventListener$onOk, isOnce?: boolean): IRemoveEventListener;
-
-    store: ReturnType<ReturnType<typeof buildKgWorkStationStore>>;
-} & ReturnType<ReturnType<typeof buildKgWorkStationStore>>;
-
-/**
- *
- */
-export function useKgWorkStation(): IUseKgWorkStation {
-    // 因为仓库选择是一个全局的功能, 因此标识固定不可修改,
-    let ID: string = '';
-
-    const store = buildKgWorkStationStore(ID)(pinia);
-
-    return new Proxy(
-        {
-            id: ID,
-            onCancel: kgOnEventFactory<IKgWorkStation$Event, IKgWorkStation$EventListener$onCancel>({ eventListeners: eventListeners, event: 'onCancel', id: ID }),
-            onOk: kgOnEventFactory<IKgWorkStation$Event, IKgWorkStation$EventListener$onOk>({ eventListeners: eventListeners, event: 'onOk', id: ID }),
-            store: store,
-        } as IUseKgWorkStation,
-        {
-            get(target, p): any {
-                // 将部分属性直接代理给状态管理对象(store), 这样就可以直接访问 store 上的所有属性和方法,
-                if (!(p in target) && p in store) {
-                    return Reflect.get(store, p);
-                }
-
-                return Reflect.get(target, p);
-            },
-        },
-    );
-}

package/component/KgWorkStation/KgWorkStation.store.ts

@@ -1,144 +0,0 @@
-import { defineStore } from 'pinia';
-import storejs from 'store';
-import { computed, ref, toRaw, unref } from 'vue';
-import { WorkstationAreaDTO, WorkstationDTO } from '../../api/WMS/models';
-import { IKgStoreDefinition } from '../../model';
-
-const STORAGE_KEY__WORK_STATION = '$KgWorkStation$CurrentWorkStation';
-const STORAGE_KEY__WORK_STATION_AREA = '$KgWorkStation$CurrentWorkStationArea';
-
-export interface IUseKgWorkStationStoreGetters {
-    /**
-     * 当前工作站.
-     */
-    currentWorkStation: WorkstationDTO | null;
-
-    /**
-     * 当前工作区.
-     */
-    currentWorkStationArea: WorkstationAreaDTO | null;
-
-    /**
-     * 是否显示弹窗.
-     */
-    isVisible: boolean;
-}
-
-export interface IUseKgWorkStationStoreActions {
-    /**
-     * 设置当前工作站.
-     *
-     * @param value 当前工作站.
-     */
-    setCurrentWorkStation(value?: WorkstationDTO | null): void;
-
-    /**
-     * 设置当前工作区.
-     *
-     * @param value 当前工作区.
-     */
-    setCurrentWorkStationArea(value?: WorkstationAreaDTO | null): void;
-
-    /**
-     * 设置是否显示弹窗.
-     *
-     * @param value 是否显示.
-     */
-    setIsVisible(value?: boolean | null): void;
-}
-
-/**
- * key 为界面标识, value 为该界面的状态管理定义.
- */
-const storeDefinitionRecord: Record<string, IKgStoreDefinition<IUseKgWorkStationStoreGetters, IUseKgWorkStationStoreActions>> = {};
-
-export function buildKgWorkStationStore(id: string | null | undefined): IKgStoreDefinition<IUseKgWorkStationStoreGetters, IUseKgWorkStationStoreActions> {
-    const ID = id ?? '';
-
-    if (!storeDefinitionRecord[ID]) {
-        storeDefinitionRecord[ID] = defineStore(`KgWorkStation[${id}]`, () => {
-            //region DATA
-            //----------------------------------------------------------------------------------------------------
-            //----------------------------------------------------------------------------------------------------
-            //endregion
-
-            //region STATE
-            //----------------------------------------------------------------------------------------------------
-            const currentWorkStation$ = ref<WorkstationDTO | null>(null);
-            const currentWorkStationArea$ = ref<WorkstationAreaDTO | null>(null);
-            const isVisible$ = ref<boolean>(false);
-            //----------------------------------------------------------------------------------------------------
-            //endregion
-
-            //region GETTERS
-            //----------------------------------------------------------------------------------------------------
-            const currentWorkStation$$ = computed<WorkstationDTO | null>(() => currentWorkStation$.value);
-            const currentWorkStationArea$$ = computed<WorkstationAreaDTO | null>(() => currentWorkStationArea$.value);
-            const isVisible$$ = computed<boolean>(() => isVisible$.value);
-            //----------------------------------------------------------------------------------------------------
-            //endregion
-
-            //region FUNCTION
-            //----------------------------------------------------------------------------------------------------
-
-            //----------------------------------------------------------------------------------------------------
-            //endregion
-
-            //region ACTIONS
-            //----------------------------------------------------------------------------------------------------
-            function setCurrentWorkStation(value?: WorkstationDTO | null): void {
-                // 未选择工作站,
-                if (!value) {
-                    currentWorkStation$.value = null;
-                    currentWorkStationArea$.value = null;
-                    storejs.set(STORAGE_KEY__WORK_STATION, null);
-                    storejs.set(STORAGE_KEY__WORK_STATION_AREA, null);
-                }
-                // 有选择工作站,
-                else {
-                    const currentWorkStation = toRaw(unref(value));
-
-                    currentWorkStation$.value = currentWorkStation;
-                    currentWorkStationArea$.value = null;
-                    storejs.set(STORAGE_KEY__WORK_STATION, currentWorkStation);
-                    storejs.set(STORAGE_KEY__WORK_STATION_AREA, null);
-                }
-            }
-
-            function setCurrentWorkStationArea(value?: WorkstationAreaDTO | null): void {
-                // 未选择工作区,
-                if (!value) {
-                    currentWorkStationArea$.value = null;
-                    storejs.set(STORAGE_KEY__WORK_STATION_AREA, null);
-                }
-                // 有选择工作区,
-                else {
-                    const currentWorkStationArea = toRaw(unref(value));
-
-                    currentWorkStationArea$.value = currentWorkStationArea;
-                    storejs.set(STORAGE_KEY__WORK_STATION_AREA, currentWorkStationArea);
-                }
-            }
-
-            function setIsVisible(value?: boolean | null): void {
-                isVisible$.value = value ?? false;
-            }
-            //----------------------------------------------------------------------------------------------------
-            //endregion
-
-            return {
-                currentWorkStation: currentWorkStation$$,
-                currentWorkStation$: currentWorkStation$,
-                currentWorkStationArea: currentWorkStationArea$$,
-                currentWorkStationArea$: currentWorkStationArea$,
-                isVisible: isVisible$$,
-                isVisible$: isVisible$,
-                setCurrentWorkStation: setCurrentWorkStation,
-                setCurrentWorkStationArea: setCurrentWorkStationArea,
-                setIsVisible: setIsVisible,
-            };
-        }) as any;
-    }
-
-    return storeDefinitionRecord[ID];
-}

package/component/KgWorkStation/KgWorkStation.tsx

@@ -1,254 +0,0 @@
-import { Tooltip } from 'ant-design-vue';
-import { computed, defineComponent, ExtractPropTypes, PropType, ref, watch } from 'vue';
-import { API } from '../../api';
-import { SysUserWarehouseDTO, WarehouseDTO } from '../../api/WMS/models';
-import { pinia, useKg } from '../../config';
-import { KG } from '../../model';
-import { KgUtil } from '../../util';
-import { KgModal } from '../KgModal';
-import { KgVar02 } from '../KgVar';
-import { emit, IKgWorkStation$EventListenerParameter$onCancel, IKgWorkStation$EventListenerParameter$onOk } from './KgWorkStation.event';
-import { useKgWorkStation } from './KgWorkStation.hooks';
-import './KgWorkStation.css';
-
-export const getProps = () => ({
-    /**
-     * <p>是否隐藏.</p>
-     * <p>此组件需要在不同的地方使用,</p>
-     * <ul>
-     *     <li>在有的地方需要显示当前选择的仓库, 并且可以通过点击打开弹窗, 比如顶部导航栏,</li>
-     *     <li>在有的地方, 不需要显示此组件, 用户通过参数控制是否打开弹窗, 比如登录页,</li>
-     * </ul>
-     *
-     * @default undefined
-     */
-    kgInvisible: Boolean as PropType<boolean>,
-});
-
-export type IKgWorkStationProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-
-/**
- * 工作站选择.
- */
-export const KgWorkStation = defineComponent({
-    name: 'KgWorkStation',
-    props: getProps(),
-    setup(props) {
-        const kg = useKg();
-        const kgWorkStation = useKgWorkStation();
-
-        //region DATA
-        //----------------------------------------------------------------------------------------------------
-        const class$$ = computed(() => {
-            let _class = 'jeecg-layout-header-action__item kg-work-station';
-
-            if (!isOn$$.value || props.kgInvisible) {
-                _class += ' kg-work-station--invisible';
-            }
-
-            return _class;
-        });
-
-        /** 查询关键字. */
-        const key = ref<string>('');
-
-        /** 当前勾选的仓库. */
-        const currentWarehouse = ref<WarehouseDTO | null>(null);
-
-        /**
-         * 正在查询.
-         */
-        const isRequestDoing$ = ref<boolean>(false);
-
-        /** 所有仓库. */
-        const warehouses = ref<Array<WarehouseDTO>>([]);
-
-        /**
-         * 是否启用仓库选择功能.
-         */
-        const isOn$$ = computed(() => kg.option.$KgWorkStation$isOn !== false && kg.option.KgStation?.isOn !== false);
-
-        /** 用户仓库列表. */
-        const userWarehouses = computed<Array<SysUserWarehouseDTO>>(() => kg.useUserStore?.(pinia)?.getUserWarehouses ?? []);
-
-        /**
-         * 在顶部导航栏上显示的文本.
-         */
-        const layoutHheaderText$$ = computed<string>(() => {
-            // 未选择工作站,
-            if (!kgWorkStation.currentWorkStation) {
-                return kg.t('KgWorkStation.selectWorkStation', {}, '[ 选择工作站 ]');
-            }
-
-            let text = (kgWorkStation.currentWorkStation?.devcodDsc || kgWorkStation.currentWorkStation?.devcod) ?? '';
-
-            // 如果有选择工作区, 则显示工作站和工作区,
-            // 如果未选择工作区, 则显示工作站,
-            if (kgWorkStation.currentWorkStationArea) {
-                text += ' / ' + (kgWorkStation.currentWorkStationArea.wrkareDsc ?? kgWorkStation.currentWorkStationArea.wrkare ?? '');
-            }
-
-            return text;
-        });
-        //----------------------------------------------------------------------------------------------------
-        //endregion
-
-        //region WATCH
-        //----------------------------------------------------------------------------------------------------
-        watch(
-            () => kgWorkStation.isVisible,
-            (isVisible) => {
-                if (!isOn$$.value) {
-                    return;
-                }
-
-                if (isVisible) {
-                    onOpen();
-                } else {
-                    onClose();
-                }
-            },
-            { immediate: true },
-        );
-        //----------------------------------------------------------------------------------------------------
-        //endregion
-
-        //region FUNCTION
-        //----------------------------------------------------------------------------------------------------
-        function onClick() {
-            if (!isOn$$.value) {
-                return;
-            }
-
-            kgWorkStation.setIsVisible(true);
-        }
-
-        /**
-         * 打开弹窗.
-         */
-        function onOpen() {
-            requestWarehouseList();
-        }
-
-        /**
-         * 关闭弹窗.
-         */
-        function onClose() {
-            key.value = '';
-            warehouses.value = [];
-            currentWarehouse.value = null;
-        }
-
-        /**
-         * 确定.
-         */
-        function onOk() {
-            if (!currentWarehouse.value) {
-                return;
-            }
-
-            if (props.kgInvisible) {
-                kgWorkStation.setCurrentWorkStation(currentWarehouse.value);
-                emit<IKgWorkStation$EventListenerParameter$onOk>({ event: 'onOk', id: '', parameter: {} });
-            } else {
-                if (currentWarehouse.value.whId !== kgWorkStation.currentWorkStation?.whId) {
-                    kgWorkStation.setCurrentWorkStation(currentWarehouse.value);
-
-                    KgUtil.confirm({
-                        content: kg.t('kg.KgWorkStation.reloadMessage'),
-                        kgHideCancelButton: true,
-                        okButtonProps: { danger: false },
-                        okText: kg.t('kg.refresh'),
-                        onOk: () => {
-                            window.location.reload();
-                        },
-                    });
-                }
-            }
-
-            kgWorkStation.setIsVisible(false);
-        }
-
-        /**
-         * 取消.
-         */
-        function onCancel() {
-            kgWorkStation.setIsVisible(false);
-            emit<IKgWorkStation$EventListenerParameter$onCancel>({ event: 'onCancel', id: '', parameter: {} });
-        }
-
-        /**
-         * 获取仓库列表.
-         */
-        async function requestWarehouseList(): Promise<void> {
-            isRequestDoing$.value = true;
-
-            try {
-                const { records } = await API.WMS.WarehouseController.ListVO({ params: { pageNo: 1, pageSize: 999 } });
-                warehouses.value = (records ?? []).filter((i) => {
-                    // 管理员拥有所有仓库
-                    if (KgUtil.isAdminUser()) {
-                        return true;
-                    }
-
-                    return userWarehouses.value?.find((j) => j.wh_id === i.whId);
-                });
-
-                currentWarehouse.value = warehouses.value.find((i) => i.whId === kgWorkStation.currentWorkStation?.whId) ?? null;
-            } catch (e) {
-                console.error(e);
-            } finally {
-                isRequestDoing$.value = false;
-            }
-        }
-        //----------------------------------------------------------------------------------------------------
-        //endregion
-
-        //region LIFECYCLE
-        //----------------------------------------------------------------------------------------------------
-        //----------------------------------------------------------------------------------------------------
-        //endregion
-
-        return () => {
-            if (!isOn$$.value) {
-                return null;
-            }
-
-            return (
-                <div
-                    class={class$$.value}
-                    onClick={onClick}
-                >
-                    <Tooltip
-                        title={kg.t('KgWorkStation.workStationAndWorkStationArea', {}, '工作站 / 工作区')}
-                        placement={'bottomRight'}
-                    >
-                        {layoutHheaderText$$.value}
-                    </Tooltip>
-
-                    <KgModal
-                        visible={kgWorkStation.isVisible}
-                        onUpdate:visible={(value) => kgWorkStation.setIsVisible(value)}
-                        title={kg.t('KgWorkStation.modalTitle', {}, '选择工作站')}
-                        width={'500px'}
-                        kgFullHeight={false}
-                        wrapClassName={'kg-work-station-modal'}
-                        closable={!props.kgInvisible && !isRequestDoing$.value && !!currentWarehouse.value}
-                        kgShowCancelButton={!props.kgInvisible && !!currentWarehouse.value}
-                        cancelButtonProps={{
-                            disabled: isRequestDoing$.value,
-                        }}
-                        okButtonProps={{
-                            disabled: isRequestDoing$.value || !currentWarehouse.value,
-                        }}
-                        onOk={onOk}
-                        onCancel={onCancel}
-                    >
-                        <KgVar02 id={KG.FORM_ID__KG_WORK_STATION__WORK_STATION} />
-                        <KgVar02 id={KG.FORM_ID__KG_WORK_STATION__WORK_AREA} />
-                    </KgModal>
-                </div>
-            );
-        };
-    },
-});

package/component/KgYesOrNo/KgYesOrNo.less

@@ -1,3 +0,0 @@
-.kg-yes-or-no {
-    margin: 0;
-}

package/component/KgYesOrNo/KgYesOrNo.tsx

@@ -1,50 +0,0 @@
-import { Tag } from 'ant-design-vue';
-import { isNil } from 'lodash-es';
-import { defineComponent, ExtractPropTypes, PropType } from 'vue';
-import { useKg } from '../../config';
-import './KgYesOrNo.less';
-
-export const getProps = () => ({
-    /**
-     * 布尔数据.
-     * @default undefined
-     */
-    kgValue: {
-        type: Boolean as PropType<boolean>,
-        default: undefined,
-    },
-    /**
-     * 是否将 null/undefined 当成 false.
-     * @default false
-     */
-    kgNilAsFalse: {
-        type: Boolean as PropType<boolean>,
-        default: false,
-    },
-});
-
-export type IKgYesOrNoProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-
-// 是否
-export default defineComponent({
-    name: 'KgYesOrNo',
-    props: getProps(),
-    setup(props) {
-        const kg = useKg();
-
-        return () => {
-            if (!props.kgNilAsFalse && isNil(props.kgValue)) {
-                return null;
-            }
-
-            return (
-                <Tag
-                    class="kg-yes-or-no"
-                    color={props.kgValue ? 'green' : 'red'}
-                >
-                    {props.kgValue ? kg.t('kg.yes') : kg.t('kg.no')}
-                </Tag>
-            );
-        };
-    },
-});

package/component/index.ts

@@ -1,23 +0,0 @@
-export * from './KgAppSelect';
-export * from './KgButton';
-export * from './KgCanvas';
-export * from './KgCircularShuttleMonitor';
-export * from './KgForm';
-export * from './KgForm.Item';
-export * from './KgImage';
-export * from './KgLayoutHeader';
-export * from './KgModal';
-export * from './KgModal02';
-export * from './KgProgressA';
-export * from './KgResizable';
-export * from './KgSearch';
-export * from './KgSimulator';
-export * from './KgSubmit';
-export * from './KgTable';
-export * from './KgVar';
-export * from './KgVarConfig';
-export * from './KgWarehouse';
-export * from './KgWorkStation';
-export * from './KgYesOrNo';
-
-export { Q } from '@thymine/xunee';

package/config/config.hooks.ts

@@ -1,32 +0,0 @@
-import { computed, ComputedRef, unref } from 'vue';
-import { useLocale } from '../project/src/locales/useLocale';
-import { LocaleType } from '../project/types/config';
-import { useKgStore } from './config.store';
-import { pinia } from './index';
-
-export type IUseKg = {
-    /**
-     * 当前语言.
-     */
-    locale: ComputedRef<LocaleType>;
-} & ReturnType<typeof useKgStore>;
-
-export function useKg(): IUseKg {
-    const store = useKgStore(pinia);
-
-    return new Proxy(
-        {
-            locale: computed(() => unref(useLocale().getLocale || 'zh_CN')),
-        } as IUseKg,
-        {
-            get(target, p): any {
-                // 将部分属性直接代理给状态管理对象(store), 这样就可以直接访问 store 上的所有属性和方法,
-                if (!(p in target) && p in store) {
-                    return Reflect.get(store, p);
-                }
-
-                return Reflect.get(target, p);
-            },
-        },
-    );
-}