@gct-paas/design 0.1.5-test.2 → 0.1.6-dev.1

package/es/components/multi-field/multi-field-item.vue_vue_type_style_index_0_scoped_881cb08e_lang.css

@@ -0,0 +1,31 @@
+.tag[data-v-881cb08e] {
+  display: flex;
+  align-items: center;
+  height: 22px;
+  margin-left: 8px;
+  font-size: 12px;
+  line-height: 22px;
+  white-space: nowrap;
+}
+.radius[data-v-881cb08e],
+.surface_radius[data-v-881cb08e],
+.line_radius[data-v-881cb08e],
+.line_dashed_radius[data-v-881cb08e] {
+  padding-right: 6px;
+  padding-left: 6px;
+  border-radius: 3px;
+}
+.big_radius[data-v-881cb08e],
+.surface_big_radius[data-v-881cb08e],
+.line_big_radius[data-v-881cb08e] {
+  padding-right: 8px;
+  padding-left: 8px;
+  border-radius: 50px;
+}
+.line_status[data-v-881cb08e],
+.surface_status[data-v-881cb08e],
+.status[data-v-881cb08e] {
+  padding-right: 8px;
+  padding-left: 8px;
+  border-radius: 11px 3px 3px;
+}

package/es/components/panel/index.d.ts

@@ -0,0 +1 @@
+export { PanelContent } from './panel-content/panel-content';

package/es/components/panel/index.mjs

@@ -0,0 +1 @@
+import "./panel-content/panel-content.mjs";

package/es/components/panel/panel-content/panel-content.css

@@ -0,0 +1,189 @@
+@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-panel-content {
+  height: 100%;
+  overflow: hidden auto;
+  background-color: #FFF;
+  border-left: 1px solid #e0e3ea;
+  --gct-form-item-label-color: #242424;
+}
+.gct-panel-content .gct-form-item .ant-form-item-label {
+  --gct-form-item-label-align: left;
+}
+.gct-panel-content .gct-form-item__left {
+  float: right;
+}
+.gct-panel-content .gct-form-item__label, .gct-panel-content .ant-form-item-label, .gct-panel-content .ant-checkbox-group {
+  --gct-form-item-label-font-size: 12px;
+  --gct-form-item-checkbox-width: 5px;
+  --gct-form-item-checkbox-height: 7px;
+}
+.gct-panel-content__paths {
+  height: 42px;
+}
+
+.gct-panel-content__content {
+  height: calc(100% - 42px);
+}
+
+.gct-panel-content .gct-form-collapse {
+  border-right: none;
+  border-left: none;
+}
+.gct-panel-content .gct-form-collapse:first-child {
+  border-top: none;
+}
+.gct-panel-content .gct-form-collapse.ant-collapse > .ant-collapse-item {
+  border-bottom-width: 0;
+}
+.gct-panel-content .ant-input,
+.gct-panel-content .ant-select {
+  color: #666;
+}
+.gct-panel-content .ant-input-show-count-suffix {
+  color: #c3c3c3;
+}
+.gct-panel-content .ant-input-affix-wrapper-sm {
+  padding: 2px 7px;
+}
+.gct-panel-content .ant-input-number-sm input {
+  height: 26px;
+}
+.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
+  height: 28px;
+}
+.gct-panel-content .ant-select-multiple.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
+  min-height: 28px;
+}
+.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
+.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,
+.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
+  line-height: 26px;
+}
+.gct-panel-content {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.gct-panel-content .ant-select-multiple.ant-select-sm .ant-select-selection-item {
+  height: 20px;
+  line-height: 17px;
+}
+.gct-panel-content {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.gct-panel-content .ant-select-selection-placeholder,
+.gct-panel-content .ant-input::placeholder {
+  color: #c3c3c3;
+}
+.gct-panel-content .ant-form .ant-form-item {
+  margin-bottom: 8px;
+}
+.gct-panel-content .in-row-no-bottom {
+  margin-bottom: 0 !important;
+}
+.gct-panel-content .ant-form-vertical .ant-form-item-label {
+  padding-bottom: 2px;
+}
+.gct-panel-content .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  right: 12px;
+}
+.gct-panel-content .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding: 0;
+}
+.gct-panel-content .ant-collapse,
+.gct-panel-content .ant-input,
+.gct-panel-content .ant-collapse-header,
+.gct-panel-content .ant-btn,
+.gct-panel-content .ant-select,
+.gct-panel-content .ant-form .ant-form-item,
+.gct-panel-content .ant-breadcrumb {
+  font-size: 12px;
+}
+.gct-panel-content span.ant-radio + * {
+  padding-right: 8px;
+  padding-left: 6px;
+}
+.gct-panel-content .ant-radio-inner {
+  width: 12px;
+  height: 12px;
+}
+.gct-panel-content .ant-input-number,
+.gct-panel-content .ant-input-number-group-addon {
+  font-size: 12px;
+}
+.gct-panel-content .style-pane .ant-form-item {
+  min-height: 28px;
+  margin-bottom: 8px;
+}
+.gct-panel-content .suffix-number-input .ant-input-number-group > .ant-input-number:first-child {
+  border-radius: 2px;
+}
+.gct-panel-content .suffix-number-input .ant-input-number-group-addon {
+  padding: 0 16px 0 8px;
+  background-color: transparent;
+  border: 0;
+}
+.gct-panel-content {
+  --gct-form-item-label-color: #242424;
+}

package/es/components/panel/panel-content/panel-content.d.ts

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import { IEditForm } from '@gct-paas/core-web';
+export declare const PanelContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    context: {
+        type: PropType<IContext>;
+        default: () => {};
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: import('../../..').IDesignViewController;
+    formModel: import('vue').ComputedRef<IEditForm | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    context: {
+        type: PropType<IContext>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    context: IContext;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/panel/panel-content/panel-content.mjs

@@ -0,0 +1,48 @@
+import { NodeRegister } from "../../../register/node/node.register.mjs";
+import "../../../register/index.mjs";
+import { useDesignViewController } from "../../../hooks/use-design-view-controller/use-design-view-controller.mjs";
+import "../../../hooks/index.mjs";
+import { PanelPath } from "../panel-path/panel-path.mjs";
+import { PanelForm } from "../panel-form/panel-form.mjs";
+import './panel-content.css';/* empty css                    */
+import { isFunction } from "lodash-es";
+import { useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent } from "vue";
+//#region src/components/panel/panel-content/panel-content.tsx
+var PanelContent = /* @__PURE__ */ defineComponent({
+	name: "PanelContent",
+	props: { context: {
+		type: Object,
+		default: () => {
+			return {};
+		}
+	} },
+	setup(props) {
+		const ns = useNamespace("panel-content");
+		const c = useDesignViewController();
+		return {
+			ns,
+			c,
+			formModel: computed(() => {
+				if (c.store.selected) {
+					const p = NodeRegister.get(c.store.selected.type, c.store.prefix);
+					if (p) {
+						if (isFunction(p.model)) return p.model(props.context, c.store.selected);
+						return p.model;
+					}
+				}
+				return null;
+			})
+		};
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [createVNode("div", { "class": this.ns.e("paths") }, [createVNode(PanelPath, null, null)]), createVNode("div", { "class": this.ns.e("content") }, [this.c.store.selected && this.formModel ? createVNode(PanelForm, {
+			"key": this.c.store.selected.id,
+			"model": this.formModel,
+			"node": this.c.store.selected,
+			"context": this.context
+		}, null) : null])]);
+	}
+});
+//#endregion
+export { PanelContent };

package/es/components/panel/panel-form/panel-form.css

@@ -0,0 +1,67 @@
+@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-panel-form {
+  height: 100%;
+}

package/es/components/panel/panel-form/panel-form.d.ts

@@ -0,0 +1,62 @@
+import { PropType } from 'vue';
+import { IEditForm } from '@gct-paas/core-web';
+import { IDesignNode, IDesignNodeData } from '@gct-paas/schema';
+export declare const PanelForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IEditForm>;
+        required: true;
+    };
+    node: {
+        type: PropType<IDesignNode>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        default: () => {};
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    data: import('vue').Ref<{
+        id: string;
+        order?: number | undefined;
+        label: string;
+        type: string;
+        updateDate: number;
+        data: {
+            [x: string]: any;
+            [x: symbol]: any;
+            name?: string | undefined;
+        };
+        parentId?: string | undefined;
+        clone: () => IDesignNode;
+    }, IDesignNode<IDesignNodeData> | {
+        id: string;
+        order?: number | undefined;
+        label: string;
+        type: string;
+        updateDate: number;
+        data: {
+            [x: string]: any;
+            [x: symbol]: any;
+            name?: string | undefined;
+        };
+        parentId?: string | undefined;
+        clone: () => IDesignNode;
+    }>;
+    formData: import('vue').WritableComputedRef<IDesignNodeData, IDesignNodeData>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IEditForm>;
+        required: true;
+    };
+    node: {
+        type: PropType<IDesignNode>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    context: IContext;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/panel/panel-form/panel-form.mjs

@@ -0,0 +1,59 @@
+import { useDesignViewController } from "../../../hooks/use-design-view-controller/use-design-view-controller.mjs";
+import "../../../hooks/index.mjs";
+import './panel-form.css';/* empty css                 */
+import { useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent, ref, resolveComponent } from "vue";
+//#region src/components/panel/panel-form/panel-form.tsx
+var PanelForm = /* @__PURE__ */ defineComponent({
+	name: "PanelForm",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		node: {
+			type: Object,
+			required: true
+		},
+		context: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("design-panel-form");
+		const c = useDesignViewController();
+		const data = ref(props.node);
+		return {
+			ns,
+			data,
+			formData: computed({
+				get() {
+					return data.value.data;
+				},
+				set(val) {
+					Object.assign(data.value.data, val);
+					console.debug("[ 保存的val ] >", data.value.data);
+					c.store.updateNode(data.value);
+				}
+			})
+		};
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [createVNode(resolveComponent("gct-edit-form"), {
+			"class": "h-full",
+			"embed": true,
+			"model": this.model,
+			"data": this.formData,
+			"onUpdate:data": ($event) => this.formData = $event,
+			"context": {
+				...this.context,
+				id: void 0
+			}
+		}, null)]);
+	}
+});
+//#endregion
+export { PanelForm };

package/es/components/panel/panel-path/panel-path.css

@@ -0,0 +1,89 @@
+@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-panel-path {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 0 12px;
+  overflow: auto hidden;
+  font-size: 12px;
+  color: #797A7D;
+  white-space: nowrap;
+  border-bottom: 1px solid #E0E3EA;
+}
+.gct-design-panel-path__arrow {
+  padding: 0 6px;
+}
+.gct-design-panel-path__arrow > .iconfont {
+  font-size: 10px;
+}
+
+.gct-design-panel-path__item {
+  cursor: pointer;
+}
+.gct-design-panel-path__item:last-child {
+  color: #212528;
+}

package/es/components/panel/panel-path/panel-path.d.ts

@@ -0,0 +1,35 @@
+import { IDesignNode, IDesignNodeData } from '@gct-paas/schema';
+export declare const PanelPath: import('vue').DefineComponent<{}, {
+    ns: import('@gct-paas/core').Namespace;
+    c: import('../../..').IDesignViewController;
+    rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    paths: import('vue').Ref<{
+        id: string;
+        order?: number | undefined;
+        label: string;
+        type: string;
+        updateDate: number;
+        data: {
+            [x: string]: any;
+            [x: symbol]: any;
+            name?: string | undefined;
+        };
+        parentId?: string | undefined;
+        clone: () => IDesignNode;
+    }[], IDesignNode<IDesignNodeData>[] | {
+        id: string;
+        order?: number | undefined;
+        label: string;
+        type: string;
+        updateDate: number;
+        data: {
+            [x: string]: any;
+            [x: symbol]: any;
+            name?: string | undefined;
+        };
+        parentId?: string | undefined;
+        clone: () => IDesignNode;
+    }[]>;
+    onActive: (item: IDesignNode<IDesignNodeData> | null) => void;
+    onActivePage: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/panel/panel-path/panel-path.mjs

@@ -0,0 +1,52 @@
+import { useDesignViewController } from "../../../hooks/use-design-view-controller/use-design-view-controller.mjs";
+import "../../../hooks/index.mjs";
+import './panel-path.css';/* empty css                 */
+import { useNamespace } from "@gct-paas/core";
+import { Fragment, createVNode, defineComponent, nextTick, ref, watch } from "vue";
+//#region src/components/panel/panel-path/panel-path.tsx
+var PanelPath = /* @__PURE__ */ defineComponent({
+	name: "PanelPath",
+	setup() {
+		const ns = useNamespace("design-panel-path");
+		const rootRef = ref(null);
+		const c = useDesignViewController();
+		const paths = ref([]);
+		watch(() => c.store.selected, (val) => {
+			if (val) paths.value = c.store.getPaths(val.id);
+			else paths.value = [];
+		});
+		watch(paths, () => {
+			nextTick(() => {
+				if (rootRef.value) rootRef.value.scrollTo(rootRef.value.scrollWidth, 0);
+			});
+		});
+		const onActive = (item) => {
+			c.store.setActive(item);
+		};
+		const onActivePage = () => {
+			c.store.setActive(c.store.pageNode);
+		};
+		return {
+			ns,
+			c,
+			rootRef,
+			paths,
+			onActive,
+			onActivePage
+		};
+	},
+	render() {
+		return createVNode("div", {
+			"ref": "rootRef",
+			"class": this.ns.b()
+		}, [createVNode("span", {
+			"class": this.ns.e("item"),
+			"onClick": this.onActivePage
+		}, [this.c.store.rootExpLabel]), this.paths.map((item) => createVNode(Fragment, null, [createVNode("span", { "class": this.ns.e("arrow") }, [createVNode("i", { "class": "iconfont icon-a-Rightarrow" }, null)]), createVNode("span", {
+			"class": this.ns.e("item"),
+			"onClick": () => this.onActive(item)
+		}, [item.label])]))]);
+	}
+});
+//#endregion
+export { PanelPath };

package/es/components/user-occupy/user-occupy.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import user_occupy_vue_vue_type_script_setup_true_lang_default from "./user-occupy.vue_vue_type_script_setup_true_lang.mjs";
-import './user-occupy.vue_vue_type_style_index_0_scoped_24cb9749_lang.css';/* empty css                                                                  */
+import './user-occupy.vue_vue_type_style_index_0_scoped_9b136922_lang.css';/* empty css                                                                  */
 //#region src/components/user-occupy/user-occupy.vue
-var user_occupy_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_occupy_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-24cb9749"]]);
+var user_occupy_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_occupy_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9b136922"]]);
 //#endregion
 export { user_occupy_default as default };

package/es/components/user-occupy/user-occupy.vue_vue_type_script_setup_true_lang.mjs

@@ -17,9 +17,9 @@ var user_occupy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			return occupyInfo.value.occupyName.substring(0, 12) + "...";
 		});
 		return (_ctx, _cache) => {
-			const _component_svg_icon = resolveComponent("svg-icon");
+			const _component_assets_svg_icon = resolveComponent("assets-svg-icon");
 			return unref(occupyInfo).occupyId ? (openBlock(), createElementBlock("div", _hoisted_1, [
-				createVNode(_component_svg_icon, { src: "/assets/design-view/icon_shejizhong.svg" }),
+				createVNode(_component_assets_svg_icon, { src: "/extras-assets/design-view/icon_shejizhong.svg" }),
 				createTextVNode(" " + toDisplayString(unref(t)("sys.user")) + "\xA0", 1),
 				createElementVNode("span", {
 					class: "user-occupy__username",