@zjhc/ui 0.0.0-stage → 0.1.0

package/dist/types/extension/frame.d.ts

@@ -0,0 +1,48 @@
+export interface DelegateInfo {
+    delegateId: string;
+    assignParentId: string;
+    assignUserId: string;
+    assignUserPath: string;
+    delegateParentId: string;
+    delegateUserId: string;
+    delegateUserPath: string;
+    begDate: string;
+    endDate: string;
+}
+export interface FrameThemeTypeInfo {
+    themeCode: string;
+    themeName: string;
+}
+export interface FrameThemeInfo {
+    userId: string;
+    userName: string;
+    themeCode: string;
+    elderMode: boolean;
+    forceFlag: boolean;
+}
+export interface FrameUserInfo {
+    userId: string;
+    userName: string;
+    parentId: string;
+    fullPathName: string;
+    personId: string;
+    customsCode: string;
+    status: string;
+    sortOrder: string;
+    email: string;
+    mobile: string;
+    rankCode: string;
+    rankName: string;
+    sideline: boolean;
+    ipAddress: string;
+    viewCode: string;
+    logonType: string;
+    logonTime: string;
+}
+export interface FrameConfigInfo {
+    user: FrameUserInfo;
+    theme: FrameThemeInfo;
+    themeTypeList: Array<FrameThemeTypeInfo>;
+    delegates: Array<DelegateInfo>;
+    extraAttrs: Record<string, string>;
+}

package/dist/types/extension/job.d.ts

@@ -0,0 +1,36 @@
+export type ScheduleType = 'NONE' | 'CRON' | 'REPEAT' | 'AFTER';
+export type BalanceStrategy = 'DEFAULT' | 'ROUND_ROBIN';
+export type DistributedType = 'SLICE' | 'ONLYONE';
+export type ScheduleStatus = 'STARTED' | 'STOPPED' | 'STARTING' | 'STOPPING';
+export type ExecFlag = 'SUCCESS' | 'FAILURE' | 'RUNNING' | 'NONE';
+export interface JobDefinition {
+    jobCode: string;
+    appCode: string;
+    jobName: string;
+    fullClassName: string;
+    scheduleType: ScheduleType;
+    distributedType: DistributedType;
+    scheduleTime: string;
+    jobConfig: string;
+    scheduleStatus: ScheduleStatus;
+    jobStatus: boolean;
+}
+export interface JobRuntime {
+    nodeId: string;
+    jobCode: string;
+    appCode: string;
+    jobName: string;
+    logId: string;
+    execFlag: ExecFlag;
+    startTime: string;
+    endTime: string;
+    notes: string;
+    createTime: string;
+}
+export interface JobNode {
+    nodeId: string;
+    running: boolean;
+    master: boolean;
+    jobCount: number;
+    lastTime: string;
+}

package/dist/types/framework/auth.d.ts

@@ -0,0 +1,38 @@
+export type OguType = 'USER' | 'ORGANIZATION';
+export interface ZjhcRole {
+    appCode: string;
+    code: string;
+    name: string;
+    resourceLevel: string;
+}
+export interface ZjhcPermission {
+    appCode: string;
+    code: string;
+    name: string;
+}
+export interface BaseZjhcOgu {
+    oguId: string;
+    oguName: string;
+    parentId: string;
+    fullPathName: string;
+    sortOrder: string;
+    oguType: OguType;
+}
+export interface ZjhcUser extends BaseZjhcOgu {
+    personId: string;
+    customsCode: string;
+    email: string;
+    mobile: string;
+    status: string;
+    oguType: 'USER';
+    roles: Array<ZjhcRole>;
+    authorities: Array<ZjhcPermission>;
+}
+export interface ZjhcOrganization extends BaseZjhcOgu {
+    branch: boolean;
+    oguType: 'ORGANIZATION';
+}
+export interface UserAuthorityInfo {
+    roles: Array<ZjhcRole>;
+    permissions: Array<ZjhcPermission>;
+}

package/dist/types/framework/config.d.ts

@@ -0,0 +1,13 @@
+export type AuthMode = 'JWT' | 'Cookie';
+export interface ZjhcConfig {
+    SERVICE_ID: string;
+    AUTH_APP_CODE?: string;
+    SERVICE_NAME?: string;
+    SERVICE_PAGESIZE: number;
+    SERVICE_TIMEOUT: number;
+    SERVICE_API: string;
+    FRAME_API: string;
+    NEED_USER_AUTHORITY: boolean;
+    AUTH_MODE?: AuthMode;
+    [key: string]: any;
+}

package/dist/types/framework/core.d.ts

@@ -0,0 +1,24 @@
+export declare const SuccessResultCode: string;
+export declare const WarningResultCode: string;
+export declare const SystemFailResultCode: string;
+export interface Result<T> {
+    code: string;
+    message: string;
+    data?: T;
+}
+export interface TypeDescriptor {
+    code: string;
+    name: string;
+}
+export interface PageInfo<T> {
+    pageNum: number;
+    pageSize: number;
+    size: number;
+    pages: number;
+    total: number;
+    list: Array<T>;
+}
+export interface TreeInfo {
+    [key: string]: any;
+    children: Array<TreeInfo>;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+export * from './framework/auth';
+export * from './framework/config';
+export * from './framework/core';
+export * from './extension/extension';
+export * from './extension/frame';
+export * from './extension/job';
+export * from './enhance/accessory';
+export * from './enhance/biztrace';
+export * from './enhance/workflow';
+export * from './enhance/heai';
+export * from './enhance/form';

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './vue';
+export * from './tools/istype';
+export * from './tools/tree';
+export * from './tools/security';
+export * from './tools/throw-error';
+export * from './style';

package/dist/utils/style.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'vue';
+export declare const isStringNumber: (val: string) => boolean;
+export declare const classNameToArray: (cls?: string) => string[];
+export declare const hasClass: (el: Element, cls: string) => boolean;
+export declare const addClass: (el: Element, cls: string) => void;
+export declare const removeClass: (el: Element, cls: string) => void;
+export declare const getStyle: (element: HTMLElement, styleName: keyof CSSProperties) => string;
+export declare const setStyle: (element: HTMLElement, styleName: CSSProperties | keyof CSSProperties, value?: string | number) => void;
+export declare const removeStyle: (element: HTMLElement, style: CSSProperties | keyof CSSProperties) => void;
+export declare function addUnit(value?: string | number, defaultUnit?: string): string;

package/dist/utils/tools/istype.d.ts

@@ -0,0 +1,11 @@
+export declare function isFunction(obj: any): obj is (...args: any[]) => any;
+export declare function isString(obj: any): obj is string;
+export declare function isObject(obj: any): obj is {
+    [key: string]: any;
+};
+export declare function isArray(obj: any): obj is any[];
+export declare function isNumber(obj: any): obj is number;
+export declare function isFile(obj: any): obj is File;
+export declare function isRegExp(obj: any): boolean;
+export declare function isBlob(obj: any): obj is Blob;
+export declare function isWindow(obj: any): obj is Window;

package/dist/utils/tools/security.d.ts

@@ -0,0 +1,2 @@
+export declare function serialize(obj: any): string;
+export declare function deserialize(input: string): any;

package/dist/utils/tools/throw-error.d.ts

@@ -0,0 +1 @@
+export declare function throwError(scope: string, m: string): never;

package/dist/utils/tools/tree.d.ts

@@ -0,0 +1,2 @@
+import { TreeInfo } from '../../types';
+export declare function toTree<T extends TreeInfo>(list: Array<T>, rootCode: string | null, codeProp: string, parentProp: string, leafProp: string, mergeFunc?: (info: T) => T): Array<T>;

package/dist/utils/vue/index.d.ts

@@ -0,0 +1,2 @@
+export * from './install';
+export * from './typescript';

package/dist/utils/vue/install.d.ts

@@ -0,0 +1,6 @@
+import { Directive } from 'vue';
+import { SFCInstallWithContext, SFCWithInstall } from './typescript.ts';
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
+export declare const withInstallFunction: <T>(fn: T, name: string) => SFCInstallWithContext<T>;
+export declare const withInstallDirective: <T extends Directive>(directive: T, name: string) => SFCWithInstall<T>;
+export declare const withNoopInstall: <T>(component: T) => SFCWithInstall<T>;

package/dist/utils/vue/shared.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @vue/shared 的最小本地替代。
+ * 原先直接从 @vue/shared（vue 的传递依赖）取值，属于未声明的依赖，
+ * 单独发布组件库时会解析失败，这里改为本地实现。
+ */
+export declare const NOOP: () => void;
+export declare const isString: (val: unknown) => val is string;
+export declare const isObject: (val: unknown) => val is Record<PropertyKey, unknown>;
+export declare const camelize: (str: string) => string;
+export declare const hyphenate: (str: string) => string;

package/dist/utils/vue/typescript.d.ts

@@ -0,0 +1,5 @@
+import { AppContext, Plugin } from 'vue';
+export type SFCWithInstall<T> = T & Plugin;
+export type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const version = "0.1.0";

package/package.json

@@ -1,6 +1,78 @@
 {
   "name": "@zjhc/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "A Vue 3 component library built on top of Element Plus",
+  "keywords": [
+    "zjhc",
+    "vue3",
+    "component library",
+    "ui framework",
+    "element-plus"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/index.css",
+    "./dist/index.css": "./dist/index.css",
+    "./theme-chalk/*": "./theme-chalk/*",
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "theme-chalk",
+    "README.md",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "dist/*"
+  ],
+  "scripts": {
+    "build": "node scripts/sync-version.cjs && npm run build:css && vite build",
+    "build:css": "node scripts/build-css.mjs",
+    "type-check": "vue-tsc --noEmit -p tsconfig.json",
+    "test": "node scripts/smoke-test.mjs",
+    "test:consume": "node scripts/consume-test.mjs",
+    "preflight": "node scripts/preflight.cjs",
+    "publish:otp": "node scripts/publish.cjs",
+    "token:check": "node scripts/token-check.cjs",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "crypto-js": "^4.2.0",
+    "element-plus": "^2.8.6",
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "@vueuse/core": "^12.5.0",
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/server-renderer": "^3.5.44",
+    "@vueuse/core": "^12.5.0",
+    "crypto-js": "^4.2.0",
+    "element-plus": "^2.14.0",
+    "lodash-es": "^4.17.21",
+    "sass": "^1.83.0",
+    "typescript": "~5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.1.10"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/theme-chalk/autocomplete.css

@@ -0,0 +1,144 @@
+@charset "UTF-8";
+/**
+ * 该函数将选择器转化为字符串，并截取指定位置的字符。
+ * @param $selector - 需要转换的选择器对象。
+ * @return 返回转换后的选择器字符串。
+ */
+/**
+ * 判断父级选择器是否包含'--'
+ * @param $selector - 需要检查的选择器，可以是列表或字符串。
+ * @returns 如果选择器包含修饰符，则返回 true；否则返回 false。
+ */
+/**
+ * 判断父级选择器是否包含'.is-'
+ * @param $selector - 需要检查的选择器，可以是任何形式的选择器。
+ * @return 返回一个布尔值，如果选择器包含状态前缀则为true，否则为false。
+ */
+/**
+ * 判断父级是否包含 ':' （用于判断伪类和伪元素）
+ * @param $selector - 需要检查的选择器，可以是任何形式的选择器，函数会将其转换为字符串形式。
+ * @return 返回一个布尔值，如果选择器包含伪类，则返回 true；否则返回 false。
+ */
+/*
+ * 判断父级选择器是否包含`--` `.is-` `:`这三种字符
+ * @param {String} $selector 选择器
+ * @return {String} 如果父级选择器包含以上三种字符中的任意一种，返回true；否则返回false
+*/
+/**
+ * 函数用于将给定列表中的项目连接成一个变量名。
+ * @param $list - 一个包含要连接的字符串的列表。
+ * @return $name - 连接后的变量名，以"--"和配置中的命名空间开头，每个列表项之间用"-"连接。
+ */
+/**
+ * 该@mixin用于根据指定的颜色类型、级别和混合模式，创建一个新颜色等级并将其添加到全局颜色地图中。
+ * @param $type {string} - 颜色的类型（例如：primary, success等）。
+ * @param $number {int} - 颜色的级别，用于计算颜色的混合程度。
+ * @param $mode {string} - 混合模式，默认为'light'。可用于指定颜色是明度混合还是饱和度混合等。
+ * @param $mix-color {color} - 用于混合的颜色，默认为白色($color-white)。
+ */
+.zjhc-autocomplete {
+  width: var(--el-input-width);
+  position: relative;
+  display: inline-block;
+}
+.zjhc-autocomplete__popper {
+  max-width: 810px;
+}
+.zjhc-autocomplete__popper.el-popper {
+  background: var(--el-bg-color-overlay);
+  border: 1px solid var(--el-border-color-light);
+  box-shadow: none;
+}
+.zjhc-autocomplete__popper.el-popper .el-popper__arrow::before {
+  border: 1px solid var(--el-border-color-light);
+}
+.zjhc-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
+  border-top-color: transparent;
+  border-left-color: transparent;
+}
+.zjhc-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+}
+.zjhc-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+}
+.zjhc-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
+  border-right-color: transparent;
+  border-top-color: transparent;
+}
+
+.zjhc-autocomplete-suggestion {
+  border-radius: var(--el-border-radius-base);
+  box-sizing: border-box;
+}
+.zjhc-autocomplete-suggestion__wrap {
+  max-height: 280px;
+  padding: 6px 0;
+  box-sizing: border-box;
+}
+
+.zjhc-autocomplete-suggestion__list {
+  margin: 0;
+  padding: 0;
+}
+
+.zjhc-autocomplete-suggestion li {
+  padding: 0 30px 0 10px;
+  margin: 0 0 1px;
+  line-height: var(--el-input-height);
+  cursor: pointer;
+  color: var(--el-text-color-regular);
+  font-size: var(--el-font-size-base);
+  list-style: none;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  position: relative;
+}
+.zjhc-autocomplete-suggestion li:hover {
+  background-color: var(--el-fill-color-light);
+}
+.zjhc-autocomplete-suggestion li.highlighted {
+  background-color: var(--el-fill-color-light);
+}
+.zjhc-autocomplete-suggestion li.divider {
+  margin-top: 6px;
+  border-top: 1px solid var(--el-color-black);
+}
+.zjhc-autocomplete-suggestion li.divider:last-child {
+  margin-bottom: -6px;
+}
+.zjhc-autocomplete-suggestion li.is-selected {
+  background: var(--el-primary-opactiy01);
+  color: var(--el-color-primary);
+}
+.zjhc-autocomplete-suggestion li.is-selected .selected-icon {
+  display: block;
+}
+.zjhc-autocomplete-suggestion li .selected-icon {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  margin-top: -7px;
+  font-size: 14px;
+  display: none;
+}
+.zjhc-autocomplete-suggestion.is-loading li {
+  text-align: center;
+  height: 100px;
+  line-height: 100px;
+  font-size: 20px;
+  color: var(--el-text-color-secondary);
+}
+.zjhc-autocomplete-suggestion.is-loading li::after {
+  display: inline-block;
+  content: "";
+  height: 100%;
+  vertical-align: middle;
+}
+.zjhc-autocomplete-suggestion.is-loading li:hover {
+  background-color: var(--el-bg-color-overlay);
+}