@gct-paas/design 0.1.6-dev.17 → 0.1.6-dev.18

package/es/components/index.d.ts

@@ -6,10 +6,6 @@ export default _default;
 export * from './design';
 export * from './material';
 export * from './panel';
-export { DesignSaveTip } from './design-save-tip/design-save-tip';
-export { DesignStepCheck } from './design-step-check/design-step-check';
-export { DesignViewLayout } from './design-view-layout/design-view-layout';
 export * from './field-transfer';
-export { ModalNameEditor } from './modal-name-editor/modal-name-editor';
 export * from './user-occupy';
 export * from './multi-field';

package/es/components/index.mjs

@@ -8,10 +8,6 @@ import "./material/material-content/material-content.mjs";
 import "./material/index.mjs";
 import "./panel/panel-content/panel-content.mjs";
 import "./panel/index.mjs";
-import "./design-save-tip/design-save-tip.mjs";
-import "./design-step-check/design-step-check.mjs";
-import "./modal-name-editor/modal-name-editor.mjs";
-import "./design-view-layout/design-view-layout.mjs";
 import "./field-transfer/components/Cascader/FieldCascader.mjs";
 import "./field-transfer/useFieldTransfer.mjs";
 import "./field-transfer/index.mjs";

package/es/constant/page-designer.d.ts

@@ -1,23 +1,9 @@
-import { FormDesignEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from '@gct-paas/core';
+import { FormDesignEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum, ModelTypeEnum } from '@gct-paas/core';
 export declare enum MenuClickEvent {
     NEW = "new",
     EDIT = "edit",
     DELETE = "delete"
 }
-export declare enum ModelTypeEnum {
-    /** 实体模型 */
-    ENTITY = "entity_module",
-    /** 枚举 */
-    ENUM = "enum_module",
-    /** 虚拟 */
-    VIRTUAL = 5,
-    /** 视图 */
-    VIEW = "view_model_module",
-    /** SQL */
-    SQL = 7,
-    /** 数据 */
-    DATA = "data_model"
-}
 export declare enum PageTypeEnum {
     /** WEB */
     WEB = "web_module",
@@ -32,17 +18,17 @@ export declare const CategoryEnum: {
     GLOBAL_METHOD: ScriptTypeEnum.GLOBAL_METHOD;
     DEFAULT: ScriptTypeEnum.DEFAULT;
     ORCHESTRATION: ScriptTypeEnum.ORCHESTRATION;
-    ONLINE_FORM: FormDesignEnum.ONLINE_FORM;
-    EDHR: FormDesignEnum.EDHR;
-    LABEL: PrintTypeEnum.LABEL;
-    RECEIPT: PrintTypeEnum.RECEIPT;
-    APPROVAL: ProcessTypeEnum.APPROVAL;
     ENTITY: ModelTypeEnum.ENTITY;
     ENUM: ModelTypeEnum.ENUM;
     VIRTUAL: ModelTypeEnum.VIRTUAL;
     VIEW: ModelTypeEnum.VIEW;
     SQL: ModelTypeEnum.SQL;
     DATA: ModelTypeEnum.DATA;
+    ONLINE_FORM: FormDesignEnum.ONLINE_FORM;
+    EDHR: FormDesignEnum.EDHR;
+    LABEL: PrintTypeEnum.LABEL;
+    RECEIPT: PrintTypeEnum.RECEIPT;
+    APPROVAL: ProcessTypeEnum.APPROVAL;
     WEB: PageTypeEnum.WEB;
     MOBILE: PageTypeEnum.MOBILE;
     PAD: PageTypeEnum.PAD;

package/es/constant/page-designer.mjs

@@ -1,4 +1,4 @@
-import { FormDesignEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from "@gct-paas/core";
+import { FormDesignEnum, ModelTypeEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from "@gct-paas/core";
 //#region src/constant/page-designer.ts
 var MenuClickEvent = /* @__PURE__ */ function(MenuClickEvent) {
 	MenuClickEvent["NEW"] = "new";
@@ -6,21 +6,6 @@ var MenuClickEvent = /* @__PURE__ */ function(MenuClickEvent) {
 	MenuClickEvent["DELETE"] = "delete";
 	return MenuClickEvent;
 }({});
-var ModelTypeEnum = /* @__PURE__ */ function(ModelTypeEnum) {
-	/** 实体模型 */
-	ModelTypeEnum["ENTITY"] = "entity_module";
-	/** 枚举 */
-	ModelTypeEnum["ENUM"] = "enum_module";
-	/** 虚拟 */
-	ModelTypeEnum[ModelTypeEnum["VIRTUAL"] = 5] = "VIRTUAL";
-	/** 视图 */
-	ModelTypeEnum["VIEW"] = "view_model_module";
-	/** SQL */
-	ModelTypeEnum[ModelTypeEnum["SQL"] = 7] = "SQL";
-	/** 数据 */
-	ModelTypeEnum["DATA"] = "data_model";
-	return ModelTypeEnum;
-}({});
 var PageTypeEnum = /* @__PURE__ */ function(PageTypeEnum) {
 	/** WEB */
 	PageTypeEnum["WEB"] = "web_module";
@@ -41,4 +26,4 @@ var CategoryEnum = {
 	...FormDesignEnum
 };
 //#endregion
-export { CategoryEnum, MenuClickEvent, ModelTypeEnum, PageTypeEnum };
+export { CategoryEnum, MenuClickEvent, PageTypeEnum };

package/es/index.mjs

@@ -1,6 +1,6 @@
 import { DesignerRegister } from "./register/designer-register/designer-register.mjs";
 import { DesignEditorType } from "./constant/design-editor-type.mjs";
-import { CategoryEnum, MenuClickEvent, ModelTypeEnum, PageTypeEnum } from "./constant/page-designer.mjs";
+import { CategoryEnum, MenuClickEvent, PageTypeEnum } from "./constant/page-designer.mjs";
 import { ControllerType, DesignItemActionTag, DesignItemAttribute, DesignNodePrefix, DesignNodeType, DesignViewPrefix, InsertNodeMode, MaterialGroup } from "./constant/index.mjs";
 import { MaterialRegister } from "./register/material/material.register.mjs";
 import { NodeRegister } from "./register/node/node.register.mjs";
@@ -76,10 +76,6 @@ import DesignContent from "./components/design/design-content/design-content.mjs
 import { DesignItemPreview } from "./components/design/design-item-preview/design-item-preview.mjs";
 import { MaterialContent } from "./components/material/material-content/material-content.mjs";
 import { PanelContent } from "./components/panel/panel-content/panel-content.mjs";
-import { DesignSaveTip } from "./components/design-save-tip/design-save-tip.mjs";
-import { DesignStepCheck } from "./components/design-step-check/design-step-check.mjs";
-import { ModalNameEditor } from "./components/modal-name-editor/modal-name-editor.mjs";
-import { DesignViewLayout } from "./components/design-view-layout/design-view-layout.mjs";
 import FieldCascader_default from "./components/field-transfer/components/Cascader/FieldCascader.mjs";
 import { useFieldTransfer } from "./components/field-transfer/useFieldTransfer.mjs";
 import { useUserOccupy } from "./components/user-occupy/useUserOccupy.mjs";
@@ -109,4 +105,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { BaseDate, BaseSearch, CategoryEnum, ControllerType, DesignContainerNode, DesignContent, DesignEditorNode, DesignEditorNodeProvider, DesignEditorType, DesignItemActionTag, DesignItemAttribute, DesignItemPreview, DesignNode, DesignNodePrefix, DesignNodeType, DesignPluginPgkUtil, DesignSaveTip, DesignStepCheck, DesignViewController, DesignViewHooks, DesignViewLayout, DesignViewPrefix, DesignerRegister, FieldCascader_default as FieldCascader, FieldOverrideUtil, FieldSchema, InsertNodeMode, MaterialContent, MaterialGroup, MaterialRegister, MenuClickEvent, ModalNameEditor, ModelTypeEnum, multi_field_display_default as MultiFieldDisplay, NodeBaseProvider, NodeRegister, NotMask, PageTypeEnum, PanelContent, PropsEditorRegister, SCREditorUtils, user_lock_default as UserLock, user_occupy_default as UserOccupy, asyncIdentify, baseBtnEditor, baseBtnProp, basicAttrsUtils, basicFieldEditor, beginDrag, BTN_TYPE_COLOR as btnTypeColor, buildRunJs, buildRuntimeJson, buttonEditor, buttonProps, buttonStyleEditor, changeCmpData, commonStyle, createWidgetByType, createWidgetProvider, createdSearchField, currentPanel, customMenu, deptFilter, designCreateAppVue, designInterceptors, designRegister, designSetupApp, destroyOccupyTimer, deviceEvent, displayEditor, displayProps, explainEditor, findAllChildrenTypes, fixedAlignEditor, flatten, formItemProps, formulaFilter, getAutofillEditor, getBindCmpTypeEditor, getInputAttrEditor, getSearchOptions, hiddenButtonProps, initFieldWidgetRuntime, initMethodMap, isCanCrop, isModified, loadPageInfo, loadPageOccupyInfo, loading, lockPage, methodMap, modal_exports as modalCfg, modalDesignId, modalDesignState, modalInfo, multiFieldEditor, newKeyTag, noMore, nodeContainerProps, nodeEditorProps, nodeProps, notNeedPxStyle, occupyPage, onWidgetInfoInit, openFormulaEditorByDesign, pageDesignHistoryList, pageInfo, pageJson, pageJsonSnapshot, pageNo, pageOccupyInfo, pagePermissions, permissionEditor, placeholderEditor, platform, pluginConfigs, PRESET_COLOR as presetColor, propEditorProps, propsToStyle, regRoot, regexEditor, rgba2hex, schemaToStyle, setupOverride, shadeColor, styleEditorProps, subTableModalId, subTableModalState, submitInHideEditor, togglePanel, transformField2Component, transformPageJson, unlockAvailable, uploadDraggerEditor, useAsyncFieldConfig, useAsyncFileAttrs, useAsyncOperateField, useCacheHistory, useCacheHistoryInner, useDesignCache, useDesignHistory, useDesignModal, useDesignPreview, useDesignSave, useDesignViewController, useDesignViewStore, useDesigner, useDesignerController, useFieldTransfer, useGlobal, useModelField, usePage, usePageOccupy, usePropEditor, useScope, useSelectedWidget, useStyle, useStyleEditor, useToolkit, useUserOccupy, useWidget, useWidgetQuery, useWidgetRegistry, validatorEditor, wfNodesModalId, wfNodesModalState, widgetInfo, widgetProps, widgetWrapperProps, workflowModalId, workflowModalState };
+export { BaseDate, BaseSearch, CategoryEnum, ControllerType, DesignContainerNode, DesignContent, DesignEditorNode, DesignEditorNodeProvider, DesignEditorType, DesignItemActionTag, DesignItemAttribute, DesignItemPreview, DesignNode, DesignNodePrefix, DesignNodeType, DesignPluginPgkUtil, DesignViewController, DesignViewHooks, DesignViewPrefix, DesignerRegister, FieldCascader_default as FieldCascader, FieldOverrideUtil, FieldSchema, InsertNodeMode, MaterialContent, MaterialGroup, MaterialRegister, MenuClickEvent, multi_field_display_default as MultiFieldDisplay, NodeBaseProvider, NodeRegister, NotMask, PageTypeEnum, PanelContent, PropsEditorRegister, SCREditorUtils, user_lock_default as UserLock, user_occupy_default as UserOccupy, asyncIdentify, baseBtnEditor, baseBtnProp, basicAttrsUtils, basicFieldEditor, beginDrag, BTN_TYPE_COLOR as btnTypeColor, buildRunJs, buildRuntimeJson, buttonEditor, buttonProps, buttonStyleEditor, changeCmpData, commonStyle, createWidgetByType, createWidgetProvider, createdSearchField, currentPanel, customMenu, deptFilter, designCreateAppVue, designInterceptors, designRegister, designSetupApp, destroyOccupyTimer, deviceEvent, displayEditor, displayProps, explainEditor, findAllChildrenTypes, fixedAlignEditor, flatten, formItemProps, formulaFilter, getAutofillEditor, getBindCmpTypeEditor, getInputAttrEditor, getSearchOptions, hiddenButtonProps, initFieldWidgetRuntime, initMethodMap, isCanCrop, isModified, loadPageInfo, loadPageOccupyInfo, loading, lockPage, methodMap, modal_exports as modalCfg, modalDesignId, modalDesignState, modalInfo, multiFieldEditor, newKeyTag, noMore, nodeContainerProps, nodeEditorProps, nodeProps, notNeedPxStyle, occupyPage, onWidgetInfoInit, openFormulaEditorByDesign, pageDesignHistoryList, pageInfo, pageJson, pageJsonSnapshot, pageNo, pageOccupyInfo, pagePermissions, permissionEditor, placeholderEditor, platform, pluginConfigs, PRESET_COLOR as presetColor, propEditorProps, propsToStyle, regRoot, regexEditor, rgba2hex, schemaToStyle, setupOverride, shadeColor, styleEditorProps, subTableModalId, subTableModalState, submitInHideEditor, togglePanel, transformField2Component, transformPageJson, unlockAvailable, uploadDraggerEditor, useAsyncFieldConfig, useAsyncFileAttrs, useAsyncOperateField, useCacheHistory, useCacheHistoryInner, useDesignCache, useDesignHistory, useDesignModal, useDesignPreview, useDesignSave, useDesignViewController, useDesignViewStore, useDesigner, useDesignerController, useFieldTransfer, useGlobal, useModelField, usePage, usePageOccupy, usePropEditor, useScope, useSelectedWidget, useStyle, useStyleEditor, useToolkit, useUserOccupy, useWidget, useWidgetQuery, useWidgetRegistry, validatorEditor, wfNodesModalId, wfNodesModalState, widgetInfo, widgetProps, widgetWrapperProps, workflowModalId, workflowModalState };

package/es/interface/index.d.ts

@@ -11,7 +11,6 @@ export type { IDropCollect } from './i-drop-collect/i-drop-collect';
 export type { IDropResult, IDropResultData, } from './i-drop-result/i-drop-result';
 export type { IMaterialData } from './i-material-data/i-material-data';
 export type { IMaterialGroup } from './i-material-group/i-material-group';
-export type { IViewStep } from './i-view-step/i-view-step';
 export type { IDesignViewController } from './controller/i-design-view.controller';
 export type * from './i-vue3-dnd-item-options/i-vue3-dnd-item-options';
 export type { NewEvent, ToolkitWidgetGroup } from './page-designer/toolkit';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.6-dev.17",
+  "version": "0.1.6-dev.18",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "loader": "dist/loader.esm.min.js",
@@ -51,10 +51,10 @@
     "react-dnd-html5-backend": "^16.0.1",
     "vue": "^3.5.30",
     "vue3-dnd": "^2.1.0",
-    "@gct-paas/core": "0.1.6-dev.17",
-    "@gct-paas/schema": "0.1.6-dev.17",
-    "@gct-paas/scss": "0.1.6-dev.17",
-    "@gct-paas/core-web": "0.1.6-dev.17"
+    "@gct-paas/core": "0.1.6-dev.18",
+    "@gct-paas/core-web": "0.1.6-dev.18",
+    "@gct-paas/schema": "0.1.6-dev.18",
+    "@gct-paas/scss": "0.1.6-dev.18"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -64,10 +64,10 @@
   "peerDependencies": {
     "@gct-paas/api": "^0.1.6-dev.11",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.17",
-    "@gct-paas/core-web": "0.1.6-dev.17",
-    "@gct-paas/scss": "0.1.6-dev.17",
-    "@gct-paas/schema": "0.1.6-dev.17"
+    "@gct-paas/core": "0.1.6-dev.18",
+    "@gct-paas/core-web": "0.1.6-dev.18",
+    "@gct-paas/scss": "0.1.6-dev.18",
+    "@gct-paas/schema": "0.1.6-dev.18"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",

package/es/components/design-save-tip/design-save-tip.css

@@ -1,107 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-save-tip {
-  position: relative;
-  padding: var(--gct-padding-7);
-  padding-left: 38px;
-  width: 316px;
-  height: 140px;
-}
-.gct-design-save-tip__tip-icon {
-  position: absolute;
-  top: 17px;
-  left: 16px;
-  font-size: 16px;
-}
-
-.gct-design-save-tip__header {
-  font-size: 14px;
-  font-weight: bold;
-  color: #1A1D23;
-}
-
-.gct-design-save-tip__content {
-  font-size: 14px;
-  margin-top: 2px;
-  color: var(--gct-color-text-4);
-}
-
-.gct-design-save-tip__footer {
-  margin-top: 16px;
-}
-.gct-design-save-tip__footer .ant-btn-link {
-  padding-left: 0;
-  padding-right: 0;
-  margin-right: 40px;
-}
-
-.gct-design-save-tip__cancel-btn {
-  width: 62px;
-  margin-right: 12px;
-}
-
-.gct-design-save-tip__save-exit {
-  width: 90px;
-}

package/es/components/design-save-tip/design-save-tip.d.ts

@@ -1,44 +0,0 @@
-import { PropType } from 'vue';
-import { IModal } from '@gct-paas/core';
-export declare const DesignSaveTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modal: {
-        type: PropType<IModal>;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    content: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    exit: {
-        type: PropType<() => void>;
-    };
-    saveAndExit: {
-        type: PropType<() => void>;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modal: {
-        type: PropType<IModal>;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    content: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    exit: {
-        type: PropType<() => void>;
-    };
-    saveAndExit: {
-        type: PropType<() => void>;
-    };
-}>> & Readonly<{}>, {
-    title: string;
-    content: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/design-save-tip/design-save-tip.mjs

@@ -1,81 +0,0 @@
-import './design-save-tip.css';/* empty css                      */
-import { t, useNamespace } from "@gct-paas/core";
-import { createVNode, defineComponent, isVNode, resolveComponent } from "vue";
-//#region src/components/design-save-tip/design-save-tip.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var DesignSaveTip = /* @__PURE__ */ defineComponent({
-	name: "DesignSaveTip",
-	props: {
-		modal: {
-			type: Object,
-			required: true
-		},
-		title: {
-			type: String,
-			default: () => {
-				return t("sys.cardDesign.back_info.title");
-			}
-		},
-		content: {
-			type: String,
-			default: () => {
-				return t("sys.cardDesign.back_info.content");
-			}
-		},
-		exit: { type: Function },
-		saveAndExit: { type: Function }
-	},
-	setup(props) {
-		const ns = useNamespace("design-save-tip");
-		/**
-		* 继续编辑
-		*/
-		function onContinue() {
-			props.modal.dismiss({ ok: false });
-		}
-		/**
-		* 不保存并退出
-		*
-		*/
-		function onNotSave() {
-			if (props.exit) props.exit();
-			props.modal.dismiss({ ok: true });
-		}
-		/**
-		* 保存并退出
-		*/
-		function onSaveAndExit() {
-			if (props.saveAndExit) props.saveAndExit();
-			props.modal.dismiss({ ok: true });
-		}
-		return () => {
-			let _slot, _slot2, _slot3;
-			return createVNode("div", { "class": ns.b() }, [
-				createVNode("div", { "class": ns.e("tip-icon") }, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/extras-assets/design-view/exclamation-circle.svg" }, null)]),
-				createVNode("div", { "class": ns.e("header") }, [props.title]),
-				createVNode("div", { "class": ns.e("content") }, [props.content]),
-				createVNode("div", { "class": ns.e("footer") }, [
-					createVNode(resolveComponent("a-button"), {
-						"type": "link",
-						"onClick": onContinue
-					}, _isSlot(_slot = t("sys.app.continueEdit")) ? _slot : { default: () => [_slot] }),
-					createVNode(resolveComponent("a-button"), {
-						"class": ns.e("cancel-btn"),
-						"size": "small",
-						"onClick": onNotSave
-					}, _isSlot(_slot2 = t("sys.cardDesign.back_info.notSave")) ? _slot2 : { default: () => [_slot2] }),
-					createVNode(resolveComponent("a-button"), {
-						"class": ns.e("save-exit"),
-						"type": "primary",
-						"size": "small",
-						"onClick": onSaveAndExit
-					}, _isSlot(_slot3 = t("sys.cardDesign.back_info.saveAndExit")) ? _slot3 : { default: () => [_slot3] })
-				])
-			]);
-		};
-	}
-});
-//#endregion
-export { DesignSaveTip };

package/es/components/design-step-check/design-step-check.css

@@ -1,133 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-step-check {
-  height: 40px;
-  border-radius: 20px;
-  background-color: rgb(232, 235, 240);
-  display: flex;
-  align-items: center;
-  padding: 3px 2px;
-  position: relative;
-  overflow: hidden;
-}
-.gct-design-step-check::before {
-  content: "";
-  display: var(--indicator-display, block);
-  position: absolute;
-  top: 2px;
-  left: var(--indicator-left, 3px);
-  width: var(--indicator-width, 130px);
-  height: 36px;
-  border-radius: 18px;
-  background-color: rgb(255, 255, 255);
-  z-index: 1;
-  pointer-events: none;
-}
-.gct-design-step-check__item {
-  position: relative;
-  height: 36px;
-  border-radius: 18px;
-  padding: 3px;
-  padding-right: 26px;
-  min-width: 131px;
-  max-width: max-content;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  background-color: transparent;
-  z-index: 2;
-  color: var(--gct-color-text-1);
-}
-.gct-design-step-check__item.is-selected .gct-design-step-check__item-number {
-  background-color: var(--gct-color-primary);
-  color: #fff;
-}
-
-.gct-design-step-check__item.is-selected .gct-design-step-check__item-name {
-  font-weight: bold;
-  color: rgb(33, 37, 40);
-}
-
-.gct-design-step-check__item-number {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #5A5F6B;
-  font-weight: normal;
-  margin-right: 8px;
-  flex-shrink: 0;
-}
-
-.gct-design-step-check__item-name {
-  font-size: 16px;
-  color: #5A5F6B;
-  line-height: 22px;
-  font-weight: normal;
-  flex: 1;
-  white-space: nowrap;
-}

package/es/components/design-step-check/design-step-check.d.ts

@@ -1,30 +0,0 @@
-import { PropType } from 'vue';
-import { IViewStep } from '../../interface';
-/**
- * 设计界面步骤选择
- */
-export declare const DesignStepCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    steps: {
-        type: PropType<IViewStep[]>;
-        default: () => never[];
-    };
-    currentStep: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("stepChange" | "update:currentStep")[], "stepChange" | "update:currentStep", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    steps: {
-        type: PropType<IViewStep[]>;
-        default: () => never[];
-    };
-    currentStep: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-}>> & Readonly<{
-    onStepChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:currentStep"?: ((...args: any[]) => any) | undefined;
-}>, {
-    steps: IViewStep[];
-    currentStep: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/design-step-check/design-step-check.mjs

@@ -1,96 +0,0 @@
-import './design-step-check.css';/* empty css                        */
-import { useNamespace } from "@gct-paas/core";
-import { createVNode, defineComponent, nextTick, onMounted, ref, toRefs, watch } from "vue";
-//#region src/components/design-step-check/design-step-check.tsx
-/**
-* 设计界面步骤选择
-*/
-var DesignStepCheck = /* @__PURE__ */ defineComponent({
-	name: "DesignStepCheck",
-	props: {
-		steps: {
-			type: Array,
-			default: () => []
-		},
-		currentStep: {
-			type: [String, Number],
-			default: ""
-		}
-	},
-	emits: ["update:currentStep", "stepChange"],
-	setup(props, { emit, expose }) {
-		const ns = useNamespace("design-step-check");
-		const { steps, currentStep } = toRefs(props);
-		const containerRef = ref();
-		const innerCurrentStep = ref(currentStep.value);
-		const offsetLeft = ref(0);
-		const width = ref(0);
-		const updateIndicatorPosition = async () => {
-			await new Promise((resolve) => setTimeout(resolve, 100));
-			await nextTick();
-			if (!containerRef.value) return;
-			const selectedIndex = steps.value.findIndex((step) => step.tag === innerCurrentStep.value);
-			if (selectedIndex === -1) return;
-			const items = containerRef.value.querySelectorAll(`.${ns.e("item")}`);
-			const selectedItem = items[selectedIndex];
-			if (selectedItem) {
-				offsetLeft.value = 2;
-				for (let i = 0; i < selectedIndex; i++) {
-					const item = items[i];
-					offsetLeft.value += item.offsetWidth;
-				}
-				width.value = selectedItem.offsetWidth;
-			}
-		};
-		watch(currentStep, (newValue) => {
-			innerCurrentStep.value = newValue;
-			updateIndicatorPosition();
-		});
-		watch(steps, (newSteps) => {
-			if (newSteps.length > 0 && !innerCurrentStep.value) {
-				innerCurrentStep.value = newSteps[0].tag;
-				emit("update:currentStep", innerCurrentStep.value);
-				emit("stepChange", innerCurrentStep.value, newSteps[0]);
-			}
-			updateIndicatorPosition();
-		});
-		const handleStepClick = (step) => {
-			innerCurrentStep.value = step.tag;
-			emit("update:currentStep", step.tag);
-			emit("stepChange", step.tag, step);
-			updateIndicatorPosition();
-		};
-		onMounted(() => {
-			updateIndicatorPosition();
-		});
-		/**
-		* 设置当前步骤，用于外部控制，不需要触发事件
-		*
-		* @param {string} tag
-		*/
-		function setStep(tag) {
-			if (steps.value.some((step) => step.tag === tag)) {
-				innerCurrentStep.value = tag;
-				updateIndicatorPosition();
-			}
-		}
-		expose({ setStep });
-		return () => {
-			return createVNode("div", {
-				"ref": containerRef,
-				"class": ns.b(),
-				"style": {
-					"--indicator-display": currentStep.value ? "block" : "none",
-					"--indicator-left": `${offsetLeft.value || -40}px`,
-					"--indicator-width": `${width.value || -131}px`
-				}
-			}, [props.steps.map((step) => createVNode("div", {
-				"key": step.tag,
-				"class": [ns.e("item"), ns.is("selected", step.tag === innerCurrentStep.value)],
-				"onClick": () => handleStepClick(step)
-			}, [createVNode("div", { "class": ns.e("item-number") }, [props.steps.findIndex((s) => s.tag === step.tag) + 1]), createVNode("div", { "class": ns.e("item-name") }, [step.name])]))]);
-		};
-	}
-});
-//#endregion
-export { DesignStepCheck };