@gct-paas/core-web 0.1.6-dev.3 → 0.1.6-dev.31

package/es/styles/index.css

@@ -62,6 +62,269 @@
  *   }
  */
 /* stylelint-disable scss/no-global-function-names */
+.light {
+  --ant-primary-color: var(--gct-color-primary);
+  --ant-primary-color-hover: var(--gct-color-primary-hover);
+  --ant-primary-color-active: var(--gct-color-primary-active);
+}
+
+input:-webkit-autofill {
+  box-shadow: 0 0 0 1000px white inset !important;
+}
+
+:-webkit-autofill {
+  transition: background-color 5000s ease-in-out 0s !important;
+}
+
+html {
+  overflow: hidden;
+  text-size-adjust: 100%;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  overflow-x: hidden;
+  overscroll-behavior: none;
+}
+html.color-weak,
+body.color-weak {
+  filter: invert(80%);
+}
+html.gray-mode,
+body.gray-mode {
+  filter: grayscale(100%);
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+html .copy-main,
+body .copy-main {
+  box-sizing: border-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all; /* 任意字符处都可换行（包括单词中间） */
+  overflow-wrap: break-word; /* 允许在单词内换行 */
+  outline: none;
+  background-color: #fff;
+  border: 1px dashed #e8ebf0;
+}
+html .copy-main .copy-rich-text,
+body .copy-main .copy-rich-text {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  word-break: break-all; /* 任意字符处都可换行（包括单词中间） */
+  overflow-wrap: break-word; /* 允许在单词内换行 */
+}
+html .copy-main .copy-rich-text span,
+body .copy-main .copy-rich-text span {
+  line-height: 1;
+}
+html .copy-main .copy-rich-text p,
+body .copy-main .copy-rich-text p {
+  margin-bottom: 12px;
+  font-size: 12px;
+}
+
+#app {
+  overflow: auto;
+}
+
+a:focus,
+a:active,
+button,
+div,
+svg,
+span {
+  outline: none;
+}
+
+.primary-gct {
+  color: getCssVar(color-primary) !important;
+}
+
+.warning-gct {
+  color: getCssVar(color-warning) !important;
+}
+
+.error-gct {
+  color: getCssVar(color-error) !important;
+}
+
+.success-gct {
+  color: getCssVar(color-success) !important;
+}
+
+.primary-gct-hover:hover {
+  color: getCssVar(color-primary) !important;
+}
+
+.warning-gct-hover:hover {
+  color: getCssVar(color-warning) !important;
+}
+
+.error-gct-hover:hover {
+  color: getCssVar(color-error) !important;
+}
+
+.success-gct-hover:hover {
+  color: getCssVar(color-success) !important;
+}
+
+.box-full {
+  width: 100%;
+  height: 100%;
+}
+
+.gct-divider__vertical {
+  display: inline-block;
+  height: var(--size, 14px);
+  margin-right: var(--space-r, 12px);
+  margin-left: var(--space-l, 12px);
+  border-left: 1px solid var(--color, #eaeaea);
+}
+
+.ant-tabs.--tl-space .ant-tabs-nav {
+  padding-left: 24px;
+}
+
+.drawing-chosen {
+  background-color: rgba(13, 170, 156, 0.1) !important;
+}
+
+.simple-upload-model.ant-modal .ant-modal-header {
+  padding-right: 50px;
+}
+
+.gct-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
+a[danger] {
+  color: var(--ant-error-color);
+}
+
+div.ant-input-textarea.ant-input-textarea-show-count {
+  position: relative;
+}
+div.ant-input-textarea.ant-input-textarea-show-count textarea {
+  resize: none;
+}
+div.ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-show-count::after {
+  position: absolute;
+  right: 12px;
+  bottom: 1px;
+  margin: 0;
+}
+
+button.ant-btn,
+span.ant-input-affix-wrapper,
+textarea.ant-input,
+div.ant-input-number,
+div.ant-select:not(.ant-select-customize-input) .ant-select-selector,
+div.ant-picker,
+div.ant-input-number-group-addon {
+  border-radius: 4px;
+}
+
+input.ant-input {
+  border-radius: 0;
+}
+
+.ant-input-group.ant-input-group-compact > .ant-select:first-child > div.ant-select-selector,
+span.ant-input-group.ant-input-group-compact > :first-child,
+span.ant-input-group-addon {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+span.ant-input-group.ant-input-group-compact > :last-child,
+span.ant-input-group-addon:last-child {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.gct-number-input.ant-input-number {
+  border-right-width: 0;
+}
+.gct-number-input.ant-input-number:hover {
+  border-right-width: 1px;
+}
+.gct-number-input .ant-input-number-group-addon {
+  font-size: 14px;
+  background-color: #fff;
+}
+
+.gct-edhr-table .ant-spin-nested-loading > div > .ant-spin {
+  max-height: 100%;
+}
+
+.gct-edhr-auto-size-table {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+.gct-edhr-auto-size-table .ant-spin-nested-loading {
+  position: absolute;
+  inset: 0;
+  height: 100%;
+  overflow: hidden;
+}
+.gct-edhr-auto-size-table .ant-spin-nested-loading .ant-spin-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.gct-edhr-auto-size-table .ant-spin-nested-loading .ant-spin-container .ant-table {
+  flex: 1;
+  overflow: hidden;
+}
+.gct-edhr-auto-size-table .ant-spin-nested-loading .ant-spin-container .ant-table-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.gct-edhr-auto-size-table .ant-spin-nested-loading .ant-spin-container .ant-table-container .ant-table-body {
+  flex: 1;
+}
+
+.gct-edhr-pagination .ant-pagination.ant-table-pagination {
+  margin-bottom: 0;
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.ant-table {
+  color: #212528;
+}
+
+.gct-border-dashed {
+  border: 2px dashed #dbdbdb;
+}
+
+.wujie-sub-app {
+  /* stylelint-disable-next-line selector-id-pattern */
+}
+.wujie-sub-app #__vue-devtools-container__ {
+  display: none !important;
+}
+
+.ant-radio .ant-radio-inner {
+  border-color: var(--gct-color-border);
+}
+
+.is-hidden {
+  display: none !important;
+}
+
 .vxe-table--render-default.vxe-editable .vxe-body--column {
   height: 44px;
 }

package/es/types/index.d.ts

@@ -146,7 +146,7 @@ declare module '@gct-paas/core' {
 
     destroyOnClose?: boolean;
 
-    footer?: VNode | null;
+    footer?: VNode | boolean | null;
 
     /**
      *

package/es/utils/confirm-util/confirm-util.d.ts

@@ -0,0 +1,28 @@
+import { IConfirmParams, IConfirmUtil } from '@gct-paas/core';
+export declare class ConfirmUtil implements IConfirmUtil {
+    /**
+     * 弹出确认框
+     *
+     */
+    confirm(options: IConfirmParams): Promise<boolean>;
+    /**
+     * 弹出信息提示框
+     *
+     */
+    info(options: IConfirmParams): Promise<void>;
+    /**
+     * 弹出成功提示框
+     *
+     */
+    success(options: IConfirmParams): Promise<void>;
+    /**
+     * 弹出警告提示框
+     *
+     */
+    warning(options: IConfirmParams): Promise<void>;
+    /**
+     * 弹出错误提示框
+     *
+     */
+    error(options: IConfirmParams): Promise<void>;
+}

package/es/utils/confirm-util/confirm-util.mjs

@@ -0,0 +1,79 @@
+import { t } from "@gct-paas/core";
+import { Modal as Modal$1 } from "ant-design-vue";
+//#region src/utils/confirm-util/confirm-util.ts
+var ConfirmUtil = class {
+	/**
+	* 弹出确认框
+	*
+	*/
+	confirm(options) {
+		return new Promise((resolve) => {
+			Modal$1.confirm({
+				title: options.title,
+				content: options.content,
+				okText: options.okText || t("sys.okText"),
+				cancelText: options.cancelText || t("sys.cancelText"),
+				onOk: () => resolve(true),
+				onCancel: () => resolve(false)
+			});
+		});
+	}
+	/**
+	* 弹出信息提示框
+	*
+	*/
+	info(options) {
+		return new Promise((resolve) => {
+			Modal$1.info({
+				title: options.title,
+				content: options.content,
+				okText: options.okText || t("sys.okText"),
+				onOk: () => resolve()
+			});
+		});
+	}
+	/**
+	* 弹出成功提示框
+	*
+	*/
+	success(options) {
+		return new Promise((resolve) => {
+			Modal$1.success({
+				title: options.title,
+				content: options.content,
+				okText: options.okText || t("sys.okText"),
+				onOk: () => resolve()
+			});
+		});
+	}
+	/**
+	* 弹出警告提示框
+	*
+	*/
+	warning(options) {
+		return new Promise((resolve) => {
+			Modal$1.warning({
+				title: options.title,
+				content: options.content,
+				okText: options.okText || t("sys.okText"),
+				onOk: () => resolve()
+			});
+		});
+	}
+	/**
+	* 弹出错误提示框
+	*
+	*/
+	error(options) {
+		return new Promise((resolve) => {
+			Modal$1.error({
+				title: options.title,
+				content: options.content,
+				okText: options.okText || t("sys.okText"),
+				onOk: () => resolve()
+			});
+		});
+	}
+};
+//#endregion
+export { ConfirmUtil };

package/es/utils/index.d.ts

@@ -1,3 +1,4 @@
+export { ConfirmUtil } from './confirm-util/confirm-util';
 export { MessageUtil } from './message-util/message-util';
 export { validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange, } from './model-entity/model-entity';
 export * from './monaco-loader/monaco-loader';

package/es/utils/index.mjs

@@ -1,3 +1,4 @@
+import "./confirm-util/confirm-util.mjs";
 import "./message-util/message-util.mjs";
 import "./model-entity/model-entity.mjs";
 import "./monaco-loader/monaco-loader.mjs";

package/es/utils/overlay-controller/overlay-controller.d.ts

@@ -1,4 +1,4 @@
-import { IAppFullScreenContainerOptions, IModalData, IModalOptions, IOverlayContainer, IOverlayController, IOverlayPopoverContainer, IPopoverOptions } from '@gct-paas/core';
+import { IAppFullScreenContainerOptions, IDrawerOptions, IModalData, IModalOptions, IOverlayContainer, IOverlayController, IOverlayPopoverContainer, IPopoverOptions } from '@gct-paas/core';
 import { Placement, Strategy, Middleware, Platform } from '@floating-ui/dom';
 /**
  * 用不同呈现方式绘制组件的通用工具类
@@ -12,6 +12,8 @@ import { Placement, Strategy, Middleware, Platform } from '@floating-ui/dom';
 export declare class OverlayController implements IOverlayController {
     modal<T = IModalData>(component: unknown, props?: IParams, opts?: IModalOptions): Promise<T>;
     createModal(component: unknown, props?: IParams, opts?: IModalOptions): IOverlayContainer;
+    drawer<T = IModalData>(component: unknown, props?: IParams, opts?: IDrawerOptions): Promise<T>;
+    createDrawer(component: unknown, props?: IParams, opts?: IDrawerOptions): IOverlayContainer;
     popover<T = void>(element: HTMLElement, component: unknown, props?: IParams, opts?: IPopoverOptions<Partial<{
         placement?: Placement | undefined;
         strategy?: Strategy | undefined;

package/es/utils/overlay-controller/overlay-controller.mjs

@@ -1,4 +1,5 @@
 import { createModal } from "../../components/app-modal/app-modal-component.mjs";
+import { createDrawer } from "../../components/app-drawer/app-drawer-component.mjs";
 import { createPopover } from "../../components/app-popover/app-popover-component.mjs";
 import { createAppFullScreenContainer } from "../../components/app-full-screen-container/app-full-screen-container.mjs";
 import { h, resolveComponent } from "vue";
@@ -25,6 +26,14 @@ var OverlayController = class {
 	createModal(component, props, opts) {
 		return createModal(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
 	}
+	drawer(component, props, opts) {
+		const drawer = this.createDrawer(component, props, opts);
+		drawer.present();
+		return drawer.onWillDismiss();
+	}
+	createDrawer(component, props, opts) {
+		return createDrawer(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
+	}
 	popover(element, component, props, opts) {
 		const popover = this.createPopover(component, props, opts);
 		popover.present(element);

package/es/utils/recursive.mjs

@@ -62,6 +62,7 @@ function recursiveIterate(parentOrArr, callback, opts) {
 		if (error !== BreakError) throw error;
 	}
 }
+//! 递归比较查找对应元素
 /** 默认配置参数 */
 var CompareOpts = {
 	...IterateOpts,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.6-dev.3",
+  "version": "0.1.6-dev.31",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -33,10 +33,10 @@
   "dependencies": {
     "@ant-design/icons-vue": "^6.1.0",
     "@floating-ui/dom": "^1.7.6",
-    "@gct-paas/api": "^0.1.4-dev.4",
-    "@gct-paas/flow": "0.0.1-dev.1",
+    "@gct-paas/api": "^0.1.6-dev.15",
     "@gct-paas/platform-icons": "^0.0.2",
     "@icon-park/vue-next": "^1.4.2",
+    "@jsplumb/browser-ui": "^6.2.10",
     "@monaco-editor/loader": "^1.7.0",
     "@vueuse/core": "^14.1.0",
     "@wangeditor/editor": "^5.1.23",
@@ -46,6 +46,7 @@
     "bwip-js": "^4.9.2",
     "cropperjs": "^1.5.13",
     "dayjs": "^1.11.19",
+    "dom-to-image": "^2.6.0",
     "jsbarcode": "^3.12.3",
     "lodash-es": "^4.17.23",
     "monaco-editor": "^0.55.1",
@@ -57,27 +58,31 @@
     "sortablejs": "^1.15.6",
     "sql-formatter": "^15.7.2",
     "vue": "^3.5.30",
+    "vue-router": "4.6.4",
     "vue3-dnd": "^2.1.0",
     "vue3-sketch-ruler": "^2.3.3",
     "vuedraggable": "^4.1.0",
     "vxe-table": "npm:@gct-paas/vxe-table@4.6.19",
     "wujie": "^1.0.29",
     "wujie-vue3": "^1.0.29",
-    "@gct-paas/core": "0.1.6-dev.3",
-    "@gct-paas/core-components": "0.1.6-dev.3",
-    "@gct-paas/scss": "0.1.6-dev.3"
+    "@gct-paas/core": "0.1.6-dev.31",
+    "@gct-paas/scss": "0.1.6-dev.31",
+    "@gct-paas/v-ben": "0.1.6-dev.31",
+    "@gct-paas/core-components": "0.1.6-dev.31"
   },
   "peerDependencies": {
-    "@gct-paas/api": "^0.1.4-dev.4",
+    "@gct-paas/api": "^0.1.6-dev.15",
     "@types/sortablejs": "^1.15.1",
     "vant": ">=4",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.3",
-    "@gct-paas/scss": "0.1.6-dev.3",
-    "@gct-paas/core-components": "0.1.6-dev.3"
+    "@gct-paas/core-components": "0.1.6-dev.31",
+    "@gct-paas/core": "0.1.6-dev.31",
+    "@gct-paas/v-ben": "0.1.6-dev.31",
+    "@gct-paas/scss": "0.1.6-dev.31"
   },
   "devDependencies": {
-    "@types/bwip-js": "^3.2.3"
+    "@types/bwip-js": "^3.2.3",
+    "@types/dom-to-image": "^2.6.7"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",