@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/design-view-layout/design-view-layout.css

@@ -68,21 +68,21 @@
 */
 .gct-design-view-layout {
   position: relative;
-  height: 100%;
   width: 100%;
+  height: 100%;
   overflow: hidden;
 }
-.gct-design-view-layout :global(.gct-modal-name-editor__input .ant-input.ant-input-sm) {
+.gct-design-view-layout .gct-modal-name-editor__input .ant-input.ant-input-sm {
   color: rgb(26, 29, 35);
 }
 .gct-design-view-layout__header {
-  width: 100%;
-  height: 69px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: #fff;
+  width: 100%;
+  height: 69px;
   padding: 0 24px;
+  background-color: #fff;
   border-bottom: 1px solid #E0E3EB;
 }
 
@@ -90,10 +90,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
   width: 20px;
   height: 20px;
   font-size: 20px;
+  cursor: pointer;
 }
 
 .gct-design-view-layout__header-info {
@@ -131,8 +131,8 @@
 
 .gct-design-view-layout__header-actions {
   display: flex;
-  align-items: center;
   gap: 12px;
+  align-items: center;
   height: 100%;
 }
 
@@ -141,14 +141,14 @@
   align-items: center;
 }
 .gct-design-view-layout__header-action-btn:focus {
-  border-color: #E0E3EB;
   color: rgba(0, 0, 0, 0.85);
+  border-color: #E0E3EB;
 }
-.gct-design-view-layout__header-action-btn :global(.gct-iconfont) {
-  font-size: 14px;
+.gct-design-view-layout__header-action-btn .gct-iconfont {
   margin-right: 6px;
+  font-size: 14px;
 }
-.gct-design-view-layout__header-action-btn :global(span) {
+.gct-design-view-layout__header-action-btn span {
   height: 22px;
 }
 

package/es/components/design-view-layout/design-view-layout.mjs

@@ -1,209 +1,139 @@
-import { defineComponent, ref, toRefs, computed, createVNode, resolveComponent, Fragment, mergeProps, isVNode } from 'vue';
-import { useNamespace, t } from '@gct-paas/core';
-import { ModalNameEditor } from '../modal-name-editor/modal-name-editor.mjs';
-import { DesignStepCheck } from '../design-step-check/design-step-check.mjs';
+import { DesignStepCheck } from "../design-step-check/design-step-check.mjs";
+import { ModalNameEditor } from "../modal-name-editor/modal-name-editor.mjs";
 import './design-view-layout.css';/* empty css                         */
-
-// TODO: 需要修改实现，应该由外部传入，使用插槽模式修改
-// import sandboxBtn from '/@app-designer/views/sandbox/components/preview-btn.vue';
+import { t, useNamespace } from "@gct-paas/core";
+import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, ref, resolveComponent, toRefs } from "vue";
+//#region src/components/design-view-layout/design-view-layout.tsx
 function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const DesignViewLayout = /* @__PURE__ */ defineComponent({
-  name: 'DesignViewLayout',
-  // components: { sandboxBtn },
-  props: {
-    // 当前数据的主要标题名称
-    name: {
-      type: String,
-      default: '未命名'
-    },
-    defaultName: {
-      type: String,
-      default: '未命名卡片名称'
-    },
-    editName: {
-      type: Boolean,
-      default: true
-    },
-    // 可修改名称上的副标题
-    subTitle: {
-      type: String,
-      default: ''
-    },
-    // 当前步骤标识符
-    step: {
-      type: String,
-      default: ''
-    },
-    // 设计界面步骤
-    steps: {
-      type: Array,
-      default: () => []
-    },
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    save: {
-      type: Function
-    },
-    next: {
-      type: Function
-    }
-  },
-  emits: ['changeName', 'back', 'stepChange'],
-  setup(props, {
-    slots,
-    emit,
-    expose
-  }) {
-    const ns = useNamespace('design-view-layout');
-    const stepCheckRef = ref();
-    const {
-      name,
-      subTitle,
-      step,
-      steps
-    } = toRefs(props);
-    // 是否正在操作中，下一步和保存按钮会根据这个状态来禁用
-    const isLoading = ref(false);
-    const val = computed({
-      get() {
-        return name.value;
-      },
-      set(val) {
-        if (name.value !== val) {
-          name.value = val;
-          emit('changeName', val);
-        }
-      }
-    });
-
-    // 判断浏览器是否可以后退，用来显示返回按钮
-    const isBack = computed(() => {
-      return history.length > 1 || !!window.$wujie;
-    });
-    const isLastStep = computed(() => {
-      return steps.value.length === 0 || steps.value[steps.value.length - 1]?.tag === step.value;
-    });
-
-    // async function onSaveName(name: string): Promise<void> {
-    //   emit('changeName', name);
-    // }
-
-    function onBack(e) {
-      e.stopPropagation();
-      // 触发返回事件
-      emit('back', e);
-    }
-    async function onNext() {
-      // 触发下一步事件
-      if (props.next) {
-        try {
-          isLoading.value = true;
-          await props.next();
-        } catch (error) {
-          console.error('DesignViewLayout: next function error', error);
-        } finally {
-          isLoading.value = false;
-        }
-      }
-    }
-    async function onSave() {
-      // 触发保存事件
-      if (props.save) {
-        try {
-          isLoading.value = true;
-          await props.save();
-        } catch (error) {
-          console.error('DesignViewLayout: save function error', error);
-        } finally {
-          isLoading.value = false;
-        }
-      }
-    }
-    function setStep(stepId) {
-      if (stepCheckRef.value) {
-        stepCheckRef.value.setStep(stepId);
-      }
-    }
-    expose({
-      setStep
-    });
-    return () => {
-      let _slot, _slot2;
-      return createVNode("div", {
-        "class": ns.b()
-      }, [createVNode("div", {
-        "class": ns.e('header')
-      }, [createVNode("div", {
-        "class": ns.e('header-left')
-      }, [isBack.value ? createVNode("div", {
-        "class": ns.e('header-back'),
-        "onClick": onBack
-      }, [createVNode(resolveComponent("assets-svg-icon"), {
-        "src": "/assets/card-design/arrow_back.svg"
-      }, null)]) : null, props.editName ? createVNode("div", {
-        "class": ns.e('header-info')
-      }, [createVNode("div", {
-        "class": ns.e('header-sub-title')
-      }, [subTitle.value]), createVNode("div", {
-        "class": ns.e('header-title')
-      }, [createVNode(ModalNameEditor, {
-        "value": val.value,
-        "onUpdate:value": $event => val.value = $event,
-        "defaultName": props.defaultName
-      }, null)])]) : null]), createVNode("div", {
-        "class": ns.e('header-center')
-      }, [steps.value.length > 0 ? createVNode(DesignStepCheck, {
-        "ref": ref => stepCheckRef.value = ref,
-        "steps": steps.value,
-        "currentStep": step.value,
-        "onStepChange": (stepId, stepData) => {
-          emit('stepChange', stepId, stepData);
-        }
-      }, null) : null]), createVNode("div", {
-        "class": ns.e('header-right')
-      }, [slots.headerRight ? slots.headerRight() : null, createVNode("div", {
-        "class": ns.e('header-actions')
-      }, [props.steps.length > 0 ? isLastStep.value ? createVNode(Fragment, null, [props.actions.map(actionProps => {
-        // return !actionProps.isSupportSandbox ? (
-        //   <a-button
-        //     class={style.header__action_btn}
-        //     {...actionProps}
-        //   >
-        //     {actionProps.title}
-        //   </a-button>
-        // ) : (
-        //   <sandboxBtn {...actionProps} />
-        // );
-        return createVNode(resolveComponent("a-button"), mergeProps({
-          "class": ns.e('header-action-btn')
-        }, actionProps), {
-          default: () => [actionProps.title]
-        });
-      }), createVNode(resolveComponent("a-button"), {
-        "class": ns.e('header-action-btn'),
-        "type": "primary",
-        "loading": isLoading.value,
-        "onClick": onSave,
-        "icon": createVNode("i", {
-          "class": "gct-iconfont icon-icon_baocun_btn"
-        }, null)
-      }, _isSlot(_slot = t('sys.saveText')) ? _slot : {
-        default: () => [_slot]
-      })]) : createVNode(resolveComponent("a-button"), {
-        "type": "primary",
-        "onClick": onNext
-      }, _isSlot(_slot2 = t('sys.nextStep')) ? _slot2 : {
-        default: () => [_slot2]
-      }) : null])])]), createVNode("div", {
-        "class": ns.e('content')
-      }, [slots.default ? slots.default() : null])]);
-    };
-  }
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+var DesignViewLayout = /* @__PURE__ */ defineComponent({
+	name: "DesignViewLayout",
+	props: {
+		name: {
+			type: String,
+			default: "未命名"
+		},
+		defaultName: {
+			type: String,
+			default: "未命名卡片名称"
+		},
+		editName: {
+			type: Boolean,
+			default: true
+		},
+		subTitle: {
+			type: String,
+			default: ""
+		},
+		step: {
+			type: String,
+			default: ""
+		},
+		steps: {
+			type: Array,
+			default: () => []
+		},
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		save: { type: Function },
+		next: { type: Function }
+	},
+	emits: [
+		"changeName",
+		"back",
+		"stepChange"
+	],
+	setup(props, { slots, emit, expose }) {
+		const ns = useNamespace("design-view-layout");
+		const stepCheckRef = ref();
+		const { name, subTitle, step, steps } = toRefs(props);
+		const isLoading = ref(false);
+		const val = computed({
+			get() {
+				return name.value;
+			},
+			set(val) {
+				if (name.value !== val) {
+					name.value = val;
+					emit("changeName", val);
+				}
+			}
+		});
+		const isBack = computed(() => {
+			return history.length > 1 || !!window.$wujie;
+		});
+		const isLastStep = computed(() => {
+			return steps.value.length === 0 || steps.value[steps.value.length - 1]?.tag === step.value;
+		});
+		function onBack(e) {
+			e.stopPropagation();
+			emit("back", e);
+		}
+		async function onNext() {
+			if (props.next) try {
+				isLoading.value = true;
+				await props.next();
+			} catch (error) {
+				console.error("DesignViewLayout: next function error", error);
+			} finally {
+				isLoading.value = false;
+			}
+		}
+		async function onSave() {
+			if (props.save) try {
+				isLoading.value = true;
+				await props.save();
+			} catch (error) {
+				console.error("DesignViewLayout: save function error", error);
+			} finally {
+				isLoading.value = false;
+			}
+		}
+		function setStep(stepId) {
+			if (stepCheckRef.value) stepCheckRef.value.setStep(stepId);
+		}
+		expose({ setStep });
+		return () => {
+			let _slot, _slot2;
+			return createVNode("div", { "class": ns.b() }, [createVNode("div", { "class": ns.e("header") }, [
+				createVNode("div", { "class": ns.e("header-left") }, [isBack.value ? createVNode("div", {
+					"class": ns.e("header-back"),
+					"onClick": onBack
+				}, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/extras-assets/card-design/arrow_back.svg" }, null)]) : null, props.editName ? createVNode("div", { "class": ns.e("header-info") }, [createVNode("div", { "class": ns.e("header-sub-title") }, [subTitle.value]), createVNode("div", { "class": ns.e("header-title") }, [createVNode(ModalNameEditor, {
+					"value": val.value,
+					"onUpdate:value": ($event) => val.value = $event,
+					"defaultName": props.defaultName
+				}, null)])]) : null]),
+				createVNode("div", { "class": ns.e("header-center") }, [steps.value.length > 0 ? createVNode(DesignStepCheck, {
+					"ref": (ref) => stepCheckRef.value = ref,
+					"steps": steps.value,
+					"currentStep": step.value,
+					"onStepChange": (stepId, stepData) => {
+						emit("stepChange", stepId, stepData);
+					}
+				}, null) : null]),
+				createVNode("div", { "class": ns.e("header-right") }, [slots.headerRight ? slots.headerRight() : null, createVNode("div", { "class": ns.e("header-actions") }, [props.steps.length > 0 ? isLastStep.value ? createVNode(Fragment, null, [
+					slots.headerActions ? slots.headerActions() : null,
+					props.actions.map((actionProps) => {
+						createVNode(resolveComponent("a-button"), mergeProps({ "class": ns.e("header-action-btn") }, actionProps), { default: () => [actionProps.title] });
+					}),
+					createVNode(resolveComponent("a-button"), {
+						"class": ns.e("header-action-btn"),
+						"type": "primary",
+						"loading": isLoading.value,
+						"onClick": onSave,
+						"icon": createVNode("i", { "class": "gct-iconfont icon-icon_baocun_btn" }, null)
+					}, _isSlot(_slot = t("sys.saveText")) ? _slot : { default: () => [_slot] })
+				]) : createVNode(resolveComponent("a-button"), {
+					"type": "primary",
+					"onClick": onNext
+				}, _isSlot(_slot2 = t("sys.nextStep")) ? _slot2 : { default: () => [_slot2] }) : null])])
+			]), createVNode("div", { "class": ns.e("content") }, [slots.default ? slots.default() : null])]);
+		};
+	}
 });
-
+//#endregion
 export { DesignViewLayout };

package/es/components/editor/index.mjs

@@ -1,15 +1,13 @@
-import BorderEditor from './style/border-editor/border-editor.vue2.mjs';
-import SpacingEditor from './style/spacing-editor/spacing-editor.vue2.mjs';
-import PositionEditor from './style/position-editor/position-editor.vue2.mjs';
-import _sfc_main from './style/font-editor/font-editor.vue.mjs';
-
-const Editor = {
-  install(app) {
-    app.component("BorderEditor", BorderEditor);
-    app.component("SpacingEditor", SpacingEditor);
-    app.component("PositionEditor", PositionEditor);
-    app.component("FontEditor", _sfc_main);
-  }
-};
-
-export { Editor as default };
+import border_editor_default from "./style/border-editor/border-editor.vue.mjs";
+import spacing_editor_default from "./style/spacing-editor/spacing-editor.vue.mjs";
+import position_editor_default from "./style/position-editor/position-editor.vue.mjs";
+import font_editor_default from "./style/font-editor/font-editor.vue.mjs";
+//#region src/components/editor/index.ts
+var editor_default = { install(app) {
+	app.component("BorderEditor", border_editor_default);
+	app.component("SpacingEditor", spacing_editor_default);
+	app.component("PositionEditor", position_editor_default);
+	app.component("FontEditor", font_editor_default);
+} };
+//#endregion
+export { editor_default as default };

package/es/components/editor/style/border-editor/border-box.vue.mjs

@@ -0,0 +1,7 @@
+import border_box_vue_vue_type_script_setup_true_name_border_box_lang_default from "./border-box.vue_vue_type_script_setup_true_name_border-box_lang.mjs";
+import './border-box.vue_vue_type_style_index_0_scoped_a5616984_lang.css';/* empty css                                                                 */
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/editor/style/border-editor/border-box.vue
+var border_box_default = /* @__PURE__ */ _plugin_vue_export_helper_default(border_box_vue_vue_type_script_setup_true_name_border_box_lang_default, [["__scopeId", "data-v-a5616984"]]);
+//#endregion
+export { border_box_default as default };