@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/asset/jeecg.less

@@ -0,0 +1,382 @@
+// 覆盖 jeecg 的样式
+
+@import 'var.less';
+
+::-webkit-scrollbar-corner {
+    background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.ant-modal-wrap.fullscreen-modal {
+    .ant-modal-content {
+        border: none !important;
+        border-radius: 0px !important;
+    }
+
+    .ant-modal-close-x .jeecg-basic-modal-close span:last-child {
+        border-radius: 0 !important;
+    }
+}
+
+.jeecg-default-layout {
+    height: 100% !important;
+
+    .jeecg-layout-content {
+        height: calc(100% - 48px) !important;
+    }
+}
+
+.jeecg-layout-header {
+    padding-left: 0 !important;
+}
+
+.jeecg-basic-table .ant-pagination {
+    margin: 6px 0 0 0 !important;
+}
+
+.jeecg-basic-table .ant-table-wrapper {
+    border-radius: 3px !important;
+}
+
+.ant-modal-close-x {
+    height: 47px !important;
+    line-height: 47px !important;
+
+    .jeecg-basic-modal-close {
+        height: 100%;
+        justify-content: flex-end;
+
+        span {
+            padding: 0px !important;
+            margin: 0 !important;
+            height: 47px !important;
+            width: 47px !important;
+            display: flex !important;
+            align-items: center !important;
+            justify-content: center !important;
+
+            &:hover {
+                background: #dadada !important;
+            }
+
+            &:last-child {
+                border-radius: 0 5px 0 0 !important;
+
+                &:hover {
+                    background: #e81123 !important;
+                    color: #fff !important;
+                }
+            }
+        }
+    }
+}
+
+.jeecg-menu-submenu-title > .jeecg-svg-icon:first-child,
+.jeecg-menu-submenu-title > .app-iconify:first-child {
+    position: relative !important;
+    top: 0.5px !important;
+}
+
+.app-iconify span.iconify {
+    background: transparent !important;
+}
+
+.jeecg-menu-vertical {
+    .jeecg-menu-item,
+    .jeecg-menu-submenu-title {
+        padding-top: 9px !important;
+        padding-right: 10px !important;
+        padding-bottom: 9px !important;
+    }
+
+    .jeecg-menu-submenu-title-icon {
+        right: 12px !important;
+    }
+
+    &.jeecg-menu-collapse {
+        .jeecg-menu-item,
+        .jeecg-menu-submenu-title {
+            padding-left: 9px !important;
+        }
+    }
+
+    &.jeecg-menu-dark .jeecg-menu-item:hover,
+    &.jeecg-menu-dark .jeecg-menu-submenu-title:hover {
+        background-color: #1890ffb3 !important;
+    }
+}
+
+.jeecg-basic-table-header__tableTitle > * {
+    margin-bottom: 5px !important;
+}
+
+.jeecg-basic-title {
+    padding-left: 0px !important;
+    line-height: 22px !important;
+}
+
+.headerIntroductionClass {
+    display: none !important;
+}
+
+.jeecg-layout-header--light {
+    border-bottom: 1px solid #d9d9d9 !important;
+}
+
+.jeecg-layout-header-action__item {
+    height: 47px !important;
+}
+
+/* 登录页面 */
+.jeecg-login {
+    background-image: url(/@/assets/images/login-bg.png) !important;
+    background-position: center center !important;
+    background-size: cover !important;
+    background-repeat: no-repeat !important;
+
+    &::before {
+        background-image: none !important;
+    }
+
+    .jeecg-app-logo {
+        position: absolute !important;
+        top: 9px !important;
+        height: 30px !important;
+        padding-left: 0px !important;
+
+        .jeecg-app-logo__title {
+            color: rgba(0, 0, 0, 0.85) !important;
+            margin-left: 12px !important;
+        }
+    }
+
+    & > .-enter-x {
+        display: block !important;
+    }
+
+    & > .jeecg-basic-dropdown {
+        width: 40px !important;
+        height: 48px !important;
+        top: 0 !important;
+        right: 1px !important;
+        padding: 0 !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        cursor: pointer !important;
+        border-radius: 3px;
+
+        &:hover {
+            background-color: #c9d5e7 !important;
+        }
+    }
+
+    & > .container > .flex {
+        & > .hidden {
+            visibility: hidden !important;
+            order: 1 !important;
+        }
+
+        & > .flex {
+            & > .jeecg-login-form {
+                background: #ffffff !important;
+                padding: 36px 48px 20px !important;
+                width: 440px !important;
+
+                & > h2 {
+                    margin-bottom: 32px !important;
+                }
+
+                #form_item_account,
+                .ant-input-password {
+                    border-radius: 0 !important;
+                    border-left: 0 !important;
+                    border-top: 0 !important;
+                    border-right: 0 !important;
+                    box-shadow: none !important;
+                    padding-left: 0 !important;
+                    padding-right: 0 !important;
+                    min-width: auto !important;
+                }
+
+                #form_item_password {
+                    min-width: auto !important;
+                }
+
+                .ant-form-item {
+                    padding-top: 12px !important;
+                }
+
+                .ant-form-item-with-help .ant-form-item-explain {
+                    height: 24px !important;
+                    min-height: 24px !important;
+                }
+
+                .ant-btn.ant-btn-link.ant-btn-sm {
+                    padding: 0 !important;
+                }
+            }
+        }
+    }
+}
+
+.jeecg-multiple-tabs .ant-tabs.ant-tabs-card {
+    padding-left: 0 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card {
+    height: 40px !important;
+    line-height: 40px !important;
+    box-shadow: none !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs {
+    height: 39px !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav {
+    padding-left: 0px !important;
+    height: 39px !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab {
+    height: 39px !important;
+    line-height: 39px !important;
+    background-color: #ffffff !important;
+    padding: 0 16px !important;
+    margin: 0 !important;
+    border-radius: 0px !important;
+    border-right: 1px solid #d9d9d9 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
+    background-color: #f3f3f3 !important;
+    border: none !important;
+    border-right: 1px solid #d9d9d9 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    color: #555 !important;
+    text-shadow: none;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active svg {
+    fill: #555 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card.ant-tabs-top .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active) {
+    border-right: 1px solid #d9d9d9 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs > .ant-tabs-nav::before,
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs > div > .ant-tabs-nav::before {
+    border-bottom: none !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav > div:nth-child(1) {
+    padding: 0 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card.ant-tabs-top .ant-tabs-nav > div:nth-child(1) .ant-tabs-tab {
+    margin-right: 0px !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap {
+    height: 39px !important;
+    margin-top: 0px !important;
+    padding-top: 0 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__info {
+    height: 39px !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
+    top: 0px !important;
+    left: 6px !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    height: 20px !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-tab-remove .anticon-close {
+    opacity: 1 !important;
+    border-radius: 0 !important;
+    top: initial !important;
+    left: initial !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    width: 20px !important;
+    height: 100% !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-tab-remove .anticon-close:hover {
+    background: transparent !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-tab-remove .anticon-close svg {
+    width: 0.8em !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-tab-remove .anticon-close:hover svg {
+    width: 0.8em !important;
+    fill: #ff4d4f !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card > .ant-tabs > .ant-tabs-nav > .ant-tabs-extra-content {
+    line-height: 39px !important;
+    height: 39px !important;
+    margin: 0 1px 0 0 !important;
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card > .ant-tabs > .ant-tabs-nav > .ant-tabs-nav-operations {
+    .ant-tabs-nav-more {
+        width: 39px !important;
+        padding: 8px 8px;
+    }
+}
+
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__extra-quick,
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__extra-redo,
+.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__extra-fold {
+    width: 39px !important;
+    height: 39px !important;
+    line-height: 39px !important;
+}
+
+.ant-tabs-dropdown .ant-tabs-dropdown-content .ant-tabs-dropdown-menu-vertical {
+    padding: 1px !important;
+    border: 1px solid #d9d9d9 !important;
+    border-radius: 5px !important;
+
+    .ant-tabs-dropdown-menu-item {
+        padding: 2px 1px 2px 8px !important;
+        border-radius: 4px;
+
+        &:not(:last-child) {
+            margin-bottom: 1px !important;
+        }
+
+        .ant-tabs-dropdown-menu-item-remove {
+            width: 22px;
+
+            &:hover {
+                color: #ff4d4f;
+            }
+        }
+    }
+}
+
+.ant-dropdown.ant-dropdown-tabs .ant-dropdown-content .ant-dropdown-menu-vertical {
+    .ant-dropdown-menu-item {
+        .ant-dropdown-menu-title-content {
+            display: flex;
+            align-items: center;
+        }
+    }
+}
+
+/* 深色主题 */
+[data-theme='dark'] {
+}

package/asset/var.less

@@ -0,0 +1,3 @@
+// 变量
+
+@prefix: jeecg;

package/asset/vxe.less

@@ -0,0 +1,51 @@
+@import '../../../vxe-table/lib/style.css';
+@import '../../../vxe-pc-ui/lib/style.css';
+
+.vxe-loading .vxe-loading--text {
+    display: none;
+}
+
+.vxe-table .vxe-table--scroll-x-handle {
+    height: 17px;
+    border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
+}
+
+.vxe-table.sx-pos--bottom .vxe-table--scroll-x-right-corner {
+    background: #ffffff;
+}
+
+.vxe-table--resizable-col-bar .vxe-table--resizable-number-tip,
+.vxe-table--resizable-row-bar .vxe-table--resizable-number-tip {
+    padding: 0.25em 0.5em;
+}
+
+.vxe-table--render-default.size--mini {
+    font-size: 14px;
+}
+
+.vxe-table--render-default.border--default .vxe-cell--col-resizable:before,
+.vxe-table--render-default.border--inner .vxe-cell--col-resizable:before,
+.vxe-table--render-default.border--none .vxe-cell--col-resizable:before,
+.vxe-table--render-default.border--outer .vxe-cell--col-resizable:before {
+    width: 1px;
+    height: 100%;
+    background-color: #0000000f;
+}
+
+.vxe-table--render-default.border--default .vxe-table--header-wrapper,
+.vxe-table--render-default.border--full .vxe-table--header-wrapper,
+.vxe-table--render-default.border--outer .vxe-table--header-wrapper {
+    background-color: #fafafa;
+}
+
+.vxe-table .vxe-cell--sort {
+    justify-content: center;
+    font-size: 10px;
+    margin-left: 4px;
+    margin-bottom: 6px;
+}
+
+.vxe-table .vxe-cell--sort-vertical-layout .vxe-sort--asc-btn,
+.vxe-table .vxe-cell--sort-vertical-layout .vxe-sort--desc-btn {
+    height: 7px;
+}

package/bin/bin.mjs

@@ -0,0 +1,57 @@
+import { Command } from 'commander';
+import fs from 'fs';
+
+const program = new Command();
+
+/**
+ * 打印日志.
+ *
+ * @param message 日志消息.
+ */
+function log(message) {
+    console.log(`[${new Date(Date.now() + 1000 * 60 * 60 * 8).toISOString().substring(0, 23).replace('T', ' ')}] [@kengic/uni] COPY-DIST-TO-ANDROID | ${message}`);
+}
+
+async function bin() {
+    try {
+        program
+            .command('copy-dist-to-android')
+            .description('COPY DIST TO ANDROID')
+            .option('--appid <appid>', 'APPID', '')
+            .action(async (args) => {
+                try {
+                    log(`命令参数 | ${JSON.stringify(args)}`);
+                    log(`当前目录 | ${process.cwd()}`);
+
+                    if (!args.appid) {
+                        log(`参数不能为空 | appid`);
+                        return;
+                    }
+
+                    const sourceDir = process.cwd() + '/dist/build/app';
+                    const targetDir = process.cwd() + '/android/app/src/main/assets/apps/__UNI__8B6E231/www';
+
+                    if (!fs.existsSync(sourceDir)) {
+                        log(`起始目录尚不存在 | ${sourceDir}`);
+                        return;
+                    }
+
+                    log(`开始删除旧的目录 | ${targetDir}`);
+                    fs.rmSync(targetDir, { force: true, recursive: true });
+                    log(`完成删除旧的目录 | ${targetDir}`);
+
+                    log(`开始复制新的文件 | ${sourceDir}`);
+                    fs.cpSync(sourceDir, targetDir, { recursive: true });
+                    log(`完成复制新的文件 | ${sourceDir}`);
+                } catch (e) {
+                    console.log(e);
+                }
+            });
+
+        program.parse(process.argv);
+    } catch (e) {
+        console.error(e.stack);
+    }
+}
+
+bin();

package/bin/postinstall.mjs

@@ -0,0 +1,69 @@
+import fs from 'fs';
+
+/**
+ * 安装完成之后, 处理其他任务.
+ */
+
+/**
+ * 打印日志.
+ *
+ * @param message 日志消息.
+ */
+function log(message) {
+    console.log(`[${new Date(Date.now() + 1000 * 60 * 60 * 8).toISOString().substring(0, 23).replace('T', ' ')}] [@kengic/vue] POST-INSTALL | ${message}`);
+}
+
+/**
+ * 项目的根目录.
+ */
+const PROJECT_DIR_01 = '../../../../../../..';
+const PROJECT_DIR_02 = '../../../../../..';
+
+log(``);
+log(`当前目录 | ${process.cwd()}`);
+
+//region 同步依赖
+//----------------------------------------------------------------------------------------------------
+/**
+ * 要排除的包名列表.
+ */
+const EXCLUDE_PACKAGE_LIST = ['commander', 'chalk'];
+
+let json01 = null;
+
+try {
+    log(`开始读取组件的 package.json`);
+    json01 = (await import(`../package.json`, { with: { type: 'json' } })).default;
+    log(`成功读取组件的 package.json`);
+} catch (e) {
+    log(`失败读取组件的 package.json`);
+    throw e;
+}
+
+let json02 = null;
+
+try {
+    log(`开始读取项目的 package.json`);
+    json02 = (await import(`${PROJECT_DIR_01}/package.json`, { with: { type: 'json' } })).default;
+    log(`成功读取项目的 package.json`);
+} catch (e) {
+    log(`失败读取项目的 package.json`);
+    throw e;
+}
+
+if (json01 && json02) {
+    for (let key of Object.keys(json01.dependencies)) {
+        if (!EXCLUDE_PACKAGE_LIST.includes(key)) {
+            json02.dependencies[key] = json01.dependencies[key];
+        }
+    }
+
+    // 排序,
+    json02.dependencies = Object.fromEntries(Object.entries(json02.dependencies).sort(([a], [b]) => a.localeCompare(b)));
+
+    log(`开始写入项目的 package.json`);
+    fs.writeFileSync(`${PROJECT_DIR_02}/package.json`, `${JSON.stringify(json02, null, 4)}\n`, {});
+    log(`成功写入项目的 package.json`);
+}
+//----------------------------------------------------------------------------------------------------
+//endregion

package/component/KgAppSelect/KgAppSelect.event.ts

@@ -0,0 +1,52 @@
+import { IKgEventListener, kgEmit } from '@kengic/core.core';
+
+/**
+ * 事件类型.
+ */
+export type IKgAppSelectEvent =
+    // 进入某个模块
+    | 'onGotoApp'
+
+    // 进入某个地址
+    | 'onGotoPath';
+
+//region 事件 onGotoApp
+//----------------------------------------------------------------------------------------------------
+export type IKgAppSelectOnGotoAppEventListenerParameter = { app: string };
+export type IKgAppSelectOnGotoAppEventListener = ((param: IKgAppSelectOnGotoAppEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 onGotoPath
+//----------------------------------------------------------------------------------------------------
+export type IKgAppSelectOnGotoPathEventListenerParameter = { path: string };
+export type IKgAppSelectOnGotoPathEventListener = ((param: IKgAppSelectOnGotoPathEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+export type IKgAppSelectEventListenerParameter = IKgAppSelectOnGotoAppEventListenerParameter | IKgAppSelectOnGotoPathEventListenerParameter;
+export type IKgAppSelectEventListener = IKgAppSelectOnGotoAppEventListener | IKgAppSelectOnGotoPathEventListener;
+
+export const eventListeners: Record<
+    string,
+    {
+        onGotoApp: Array<IKgAppSelectOnGotoAppEventListener>;
+        onGotoPath: Array<IKgAppSelectOnGotoPathEventListener>;
+    }
+> = {};
+
+/**
+ * 触发事件.
+ *
+ * @param param.event 事件名称.
+ * @param param.id 唯一标识.
+ * @param param.parameter 事件参数.
+ */
+export function emit<P extends IKgAppSelectEventListenerParameter>(param: { event: IKgAppSelectEvent; id?: string | undefined; parameter: P }): Promise<boolean> {
+    const { event, id = '', parameter } = param ?? {};
+
+    return kgEmit<IKgAppSelectEvent, P, IKgAppSelectEventListener>({
+        event: event,
+        eventListeners: eventListeners,
+        id: id,
+        parameter: parameter,
+    });
+}

package/component/KgAppSelect/KgAppSelect.hooks.ts

@@ -0,0 +1,50 @@
+import { IRemoveEventListener } from '@kengic/core.core';
+import { pinia } from '../../config';
+import { kgOnEventFactory } from '../../util';
+import { eventListeners, IKgAppSelectEvent, IKgAppSelectOnGotoAppEventListener, IKgAppSelectOnGotoPathEventListener } from './KgAppSelect.event';
+import { useKgAppSelectStore } from './KgAppSelect.store';
+
+export type IUseKgAppSelect = {
+    /**
+     * 监听事件: 进入某个模块.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onGotoApp(listener: IKgAppSelectOnGotoAppEventListener, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 进入某个地址.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onGotoPath(listener: IKgAppSelectOnGotoPathEventListener, isOnce?: boolean): IRemoveEventListener;
+} & ReturnType<typeof useKgAppSelectStore>;
+
+export function useKgAppSelect(): IUseKgAppSelect {
+    const store = useKgAppSelectStore(pinia);
+
+    return new Proxy(
+        {
+            onGotoApp: kgOnEventFactory<IKgAppSelectEvent, IKgAppSelectOnGotoAppEventListener>({
+                eventListeners: eventListeners,
+                event: 'onGotoApp',
+                id: '',
+            }),
+            onGotoPath: kgOnEventFactory<IKgAppSelectEvent, IKgAppSelectOnGotoPathEventListener>({
+                eventListeners: eventListeners,
+                event: 'onGotoPath',
+                id: '',
+            }),
+        } as IUseKgAppSelect,
+        {
+            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/KgAppSelect/KgAppSelect.less

@@ -0,0 +1,30 @@
+.kg-app-select {
+    border-right: 1px solid #001529;
+
+    .ant-select-selector {
+        border-radius: 0px !important;
+    }
+
+    &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
+        border-color: inherit !important;
+        box-shadow: inherit !important;
+        border-right-width: 0px !important;
+    }
+
+    &.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+        border-color: inherit !important;
+        border-right-width: 0px !important;
+    }
+
+    &.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+        border: none !important;
+    }
+}
+
+.kg-app-select--dropdown {
+    border: 1px solid #001529;
+    border-left: none;
+    margin-top: -4px;
+    min-width: 248px !important;
+    width: 248px !important;
+}