@gct-paas/design 0.1.4-dev.7 → 0.1.4-dev.9

package/es/components/editor/style/spacing-editor/spacing-editor.vue.d.ts

@@ -0,0 +1,16 @@
+import { IPadding, IMargin, ISpacing } from '@gct-paas/core';
+type __VLS_Props = {
+    padding: IPadding;
+    margin: IMargin;
+    showArea?: ('padding' | 'margin')[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:padding": (value: ISpacing | undefined) => any;
+    "update:margin": (value: ISpacing | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:padding"?: ((value: ISpacing | undefined) => any) | undefined;
+    "onUpdate:margin"?: ((value: ISpacing | undefined) => any) | undefined;
+}>, {
+    showArea: ("padding" | "margin")[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/editor/style/spacing-editor/spacing-editor.vue2.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './spacing-editor.vue3.mjs';
+import './spacing-editor.css';/* empty css                    */
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const SpacingEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18c72ccf"]]);
+
+export { SpacingEditor as default };

package/es/components/editor/style/spacing-editor/spacing-editor.vue3.mjs

@@ -0,0 +1,311 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createVNode, toDisplayString, createElementVNode, normalizeClass, isRef, unref, createCommentVNode } from 'vue';
+import { emitFieldSet, parseValueUnit } from '@gct-paas/core';
+
+const _hoisted_1 = { class: "spacing-editor" };
+const _hoisted_2 = {
+  key: 1,
+  class: "label"
+};
+const _hoisted_3 = { class: "spacing-editor__container pb20px" };
+const _hoisted_4 = {
+  key: 0,
+  class: "box"
+};
+const _hoisted_5 = { class: "box-inner" };
+const _hoisted_6 = {
+  key: 1,
+  class: "box"
+};
+const _hoisted_7 = { class: "box-inner" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "spacing-editor",
+  props: {
+    padding: {},
+    margin: {},
+    showArea: { default: () => ["padding", "margin"] }
+  },
+  emits: ["update:padding", "update:margin"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const _activeTab = ref("margin");
+    const activeTab = computed({
+      get: () => {
+        return props.showArea.length > 1 ? _activeTab.value : props.showArea[0];
+      },
+      set: (val) => {
+        if (props.showArea.length > 1) {
+          _activeTab.value = val;
+        }
+      }
+    });
+    const curFocus = ref();
+    const handleFocus = (c) => {
+      curFocus.value = c;
+    };
+    const handleBlur = (_e, _position) => {
+      curFocus.value = "";
+    };
+    function calcLocalSpacing(spacing) {
+      function toNum(val) {
+        return val ? parseValueUnit(val).value : 0;
+      }
+      const nums = {
+        top: toNum(spacing?.top),
+        right: toNum(spacing?.right),
+        bottom: toNum(spacing?.bottom),
+        left: toNum(spacing?.left)
+      };
+      const isSame = nums.top === nums.right && nums.top === nums.bottom && nums.top === nums.left;
+      return {
+        top: nums.top,
+        right: nums.right,
+        bottom: nums.bottom,
+        left: nums.left,
+        center: isSame ? nums.top : void 0
+      };
+    }
+    function calcEmitSpacing(local, isCenterChange = false) {
+      const centerVal = local.center ? local.center : 0;
+      return {
+        top: (isCenterChange ? centerVal : local.top || 0) + "px",
+        right: (isCenterChange ? centerVal : local.right || 0) + "px",
+        bottom: (isCenterChange ? centerVal : local.bottom || 0) + "px",
+        left: (isCenterChange ? centerVal : local.left || 0) + "px"
+      };
+    }
+    const _localPadding = computed(() => {
+      return calcLocalSpacing(props.padding);
+    });
+    const {
+      top: paddingTop,
+      bottom: paddingBottom,
+      left: paddingLeft,
+      right: paddingRight,
+      center: paddingAll
+    } = emitFieldSet(_localPadding, (f, _v, obj) => {
+      emit("update:padding", calcEmitSpacing(obj, f === "center"));
+    });
+    const _localMargin = computed(() => {
+      return calcLocalSpacing(props.margin);
+    });
+    const {
+      top: marginTop,
+      bottom: marginBottom,
+      left: marginLeft,
+      right: marginRight,
+      center: marginAll
+    } = emitFieldSet(_localMargin, (f, _v, obj) => {
+      emit("update:margin", calcEmitSpacing(obj, f === "center"));
+    });
+    return (_ctx, _cache) => {
+      const _component_a_tab_pane = resolveComponent("a-tab-pane");
+      const _component_a_tabs = resolveComponent("a-tabs");
+      const _component_a_input_number = resolveComponent("a-input-number");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showArea.length > 1 ? (openBlock(), createBlock(_component_a_tabs, {
+          key: 0,
+          "active-key": activeTab.value,
+          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+          class: "margin-padding-tabs"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_tab_pane, {
+              key: "margin",
+              tab: "外边距"
+            }),
+            createVNode(_component_a_tab_pane, {
+              key: "padding",
+              tab: "内边距"
+            })
+          ]),
+          _: 1
+        }, 8, ["active-key"])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.showArea.includes("margin") ? "外边距" : "内边距"), 1)),
+        createElementVNode("div", _hoisted_3, [
+          activeTab.value === "margin" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", {
+                class: normalizeClass([{ highlight: curFocus.value === "top" || curFocus.value === "center" }, "box-inner-line line-top"])
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([{
+                  highlight: curFocus.value === "right" || curFocus.value === "center"
+                }, "box-inner-line line-right"])
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([{
+                  highlight: curFocus.value === "bottom" || curFocus.value === "center"
+                }, "box-inner-line line-bottom"])
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([{ highlight: curFocus.value === "left" || curFocus.value === "center" }, "box-inner-line line-left"])
+              }, null, 2)
+            ]),
+            createVNode(_component_a_input_number, {
+              value: unref(marginTop),
+              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(marginTop) ? marginTop.value = $event : null),
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              class: "top input",
+              onFocus: _cache[2] || (_cache[2] = ($event) => handleFocus("top")),
+              onBlur: _cache[3] || (_cache[3] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(marginRight),
+              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => isRef(marginRight) ? marginRight.value = $event : null),
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              class: "right input",
+              onFocus: _cache[5] || (_cache[5] = ($event) => handleFocus("right")),
+              onBlur: _cache[6] || (_cache[6] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(marginBottom),
+              "onUpdate:value": _cache[7] || (_cache[7] = ($event) => isRef(marginBottom) ? marginBottom.value = $event : null),
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              class: "bottom input",
+              onFocus: _cache[8] || (_cache[8] = ($event) => handleFocus("bottom")),
+              onBlur: _cache[9] || (_cache[9] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(marginLeft),
+              "onUpdate:value": _cache[10] || (_cache[10] = ($event) => isRef(marginLeft) ? marginLeft.value = $event : null),
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              class: "left input",
+              onFocus: _cache[11] || (_cache[11] = ($event) => handleFocus("left")),
+              onBlur: _cache[12] || (_cache[12] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(marginAll),
+              "onUpdate:value": _cache[13] || (_cache[13] = ($event) => isRef(marginAll) ? marginAll.value = $event : null),
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              class: "center input",
+              onFocus: _cache[14] || (_cache[14] = ($event) => handleFocus("center")),
+              onBlur: _cache[15] || (_cache[15] = ($event) => handleBlur())
+            }, null, 8, ["value"])
+          ])) : createCommentVNode("", true),
+          activeTab.value === "padding" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", {
+                class: normalizeClass([{ highlight: curFocus.value === "top" || curFocus.value === "center" }, "box-inner-line line-top line-padding"])
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([{
+                  highlight: curFocus.value === "right" || curFocus.value === "center"
+                }, "box-inner-line line-right line-padding"])
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([{
+                  highlight: curFocus.value === "bottom" || curFocus.value === "center"
+                }, "box-inner-line line-bottom line-padding"])
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([{ highlight: curFocus.value === "left" || curFocus.value === "center" }, "box-inner-line line-left line-padding"])
+              }, null, 2)
+            ]),
+            createVNode(_component_a_input_number, {
+              value: unref(paddingTop),
+              "onUpdate:value": _cache[16] || (_cache[16] = ($event) => isRef(paddingTop) ? paddingTop.value = $event : null),
+              class: "top input",
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              onFocus: _cache[17] || (_cache[17] = ($event) => handleFocus("top")),
+              onBlur: _cache[18] || (_cache[18] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(paddingRight),
+              "onUpdate:value": _cache[19] || (_cache[19] = ($event) => isRef(paddingRight) ? paddingRight.value = $event : null),
+              class: "right input",
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              onFocus: _cache[20] || (_cache[20] = ($event) => handleFocus("right")),
+              onBlur: _cache[21] || (_cache[21] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(paddingBottom),
+              "onUpdate:value": _cache[22] || (_cache[22] = ($event) => isRef(paddingBottom) ? paddingBottom.value = $event : null),
+              class: "bottom input",
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              onFocus: _cache[23] || (_cache[23] = ($event) => handleFocus("bottom")),
+              onBlur: _cache[24] || (_cache[24] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(paddingLeft),
+              "onUpdate:value": _cache[25] || (_cache[25] = ($event) => isRef(paddingLeft) ? paddingLeft.value = $event : null),
+              class: "left input",
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              onFocus: _cache[26] || (_cache[26] = ($event) => handleFocus("left")),
+              onBlur: _cache[27] || (_cache[27] = ($event) => handleBlur())
+            }, null, 8, ["value"]),
+            createVNode(_component_a_input_number, {
+              value: unref(paddingAll),
+              "onUpdate:value": _cache[28] || (_cache[28] = ($event) => isRef(paddingAll) ? paddingAll.value = $event : null),
+              class: "center input",
+              "allow-clear": false,
+              controls: false,
+              size: "small",
+              min: 0,
+              max: 999,
+              step: 1,
+              precision: 0,
+              onFocus: _cache[29] || (_cache[29] = ($event) => handleFocus("center")),
+              onBlur: _cache[30] || (_cache[30] = ($event) => handleBlur())
+            }, null, 8, ["value"])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/icon/downleft-icon.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    Icon: import('@ant-design/icons-vue/lib/components/Icon').IconType;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/icon/downleft-icon.vue.mjs

@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue';
+import Icon from '@ant-design/icons-vue';
+
+const _sfc_main = defineComponent({
+  name: "DownleftIcon",
+  components: {
+    Icon
+  }
+});
+
+export { _sfc_main as default };

package/es/components/icon/downleft-icon.vue2.mjs

@@ -0,0 +1,27 @@
+import _sfc_main from './downleft-icon.vue.mjs';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon = resolveComponent("icon");
+  return openBlock(), createBlock(_component_icon, null, {
+    component: withCtx(() => [..._cache[0] || (_cache[0] = [
+      createElementVNode("svg", {
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        viewBox: "0 0 1024 1024"
+      }, [
+        createElementVNode("path", {
+          d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m64 320h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H224a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32z",
+          fill: "#000000",
+          "p-id": "4633"
+        })
+      ], -1)
+    ])]),
+    _: 1
+  });
+}
+const DownleftIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { DownleftIcon as default };

package/es/components/icon/downright-icon.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    Icon: import('@ant-design/icons-vue/lib/components/Icon').IconType;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/icon/downright-icon.vue.mjs

@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue';
+import Icon from '@ant-design/icons-vue';
+
+const _sfc_main = defineComponent({
+  name: "DownrightIcon",
+  components: {
+    Icon
+  }
+});
+
+export { _sfc_main as default };

package/es/components/icon/downright-icon.vue2.mjs

@@ -0,0 +1,27 @@
+import _sfc_main from './downright-icon.vue.mjs';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon = resolveComponent("icon");
+  return openBlock(), createBlock(_component_icon, null, {
+    component: withCtx(() => [..._cache[0] || (_cache[0] = [
+      createElementVNode("svg", {
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        viewBox: "0 0 1024 1024"
+      }, [
+        createElementVNode("path", {
+          d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m448 320h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32z",
+          fill: "#000000",
+          "p-id": "4921"
+        })
+      ], -1)
+    ])]),
+    _: 1
+  });
+}
+const DownrightIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { DownrightIcon as default };

package/es/components/icon/upleft-icon.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    Icon: import('@ant-design/icons-vue/lib/components/Icon').IconType;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/icon/upleft-icon.vue.mjs

@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue';
+import Icon from '@ant-design/icons-vue';
+
+const _sfc_main = defineComponent({
+  name: "UpleftIcon",
+  components: {
+    Icon
+  }
+});
+
+export { _sfc_main as default };

package/es/components/icon/upleft-icon.vue2.mjs

@@ -0,0 +1,27 @@
+import _sfc_main from './upleft-icon.vue.mjs';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon = resolveComponent("icon");
+  return openBlock(), createBlock(_component_icon, null, {
+    component: withCtx(() => [..._cache[0] || (_cache[0] = [
+      createElementVNode("svg", {
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        viewBox: "0 0 1024 1024"
+      }, [
+        createElementVNode("path", {
+          d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m64 64h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H224a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32z",
+          fill: "#000000",
+          "p-id": "4489"
+        })
+      ], -1)
+    ])]),
+    _: 1
+  });
+}
+const UpleftIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { UpleftIcon as default };

package/es/components/icon/upright-icon.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    Icon: import('@ant-design/icons-vue/lib/components/Icon').IconType;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/icon/upright-icon.vue.mjs

@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue';
+import Icon from '@ant-design/icons-vue';
+
+const _sfc_main = defineComponent({
+  name: "UprightIcon",
+  components: {
+    Icon
+  }
+});
+
+export { _sfc_main as default };

package/es/components/icon/upright-icon.vue2.mjs

@@ -0,0 +1,27 @@
+import _sfc_main from './upright-icon.vue.mjs';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon = resolveComponent("icon");
+  return openBlock(), createBlock(_component_icon, null, {
+    component: withCtx(() => [..._cache[0] || (_cache[0] = [
+      createElementVNode("svg", {
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        viewBox: "0 0 1024 1024"
+      }, [
+        createElementVNode("path", {
+          d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m448 64h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32z",
+          fill: "#000000",
+          "p-id": "4777"
+        })
+      ], -1)
+    ])]),
+    _: 1
+  });
+}
+const UprightIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { UprightIcon as default };

package/es/components/index.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;
+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 { ModalNameEditor } from './modal-name-editor/modal-name-editor';

package/es/components/index.mjs

@@ -0,0 +1,26 @@
+import Design from './design/index.mjs';
+import Material from './material/index.mjs';
+import Panel from './panel/index.mjs';
+import Editor from './editor/index.mjs';
+import { DesignIconButton } from './design-icon-button/design-icon-button.mjs';
+import { MobileContainer } from './mobile-container/mobile-container.mjs';
+import 'vue';
+import '@gct-paas/core';
+import './design-view-layout/design-view-layout.css';import './modal-name-editor/modal-name-editor.css';import './design-step-check/design-step-check.css';import './design-save-tip/design-save-tip.css';/* empty css                                      */
+/* empty css                                          */
+import '@vueuse/core';
+/* empty css                                          */
+/* empty css                                            */
+
+const Components = {
+  install(app) {
+    app.use(Design);
+    app.use(Material);
+    app.use(Panel);
+    app.use(Editor);
+    app.component(DesignIconButton.name, DesignIconButton);
+    app.component(MobileContainer.name, MobileContainer);
+  }
+};
+
+export { Components as default };

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

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/components/material/index.mjs

@@ -0,0 +1,9 @@
+import { MaterialContent } from './material-content/material-content.mjs';
+
+const Material = {
+  install(app) {
+    app.component(MaterialContent.name, MaterialContent);
+  }
+};
+
+export { Material as default };

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

@@ -0,0 +1,86 @@
+@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-material-content {
+  height: 100%;
+}
+
+.gct-material-content-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 42px;
+  color: #212528;
+  padding: 4px 12px;
+  border-bottom: 1px solid #E0E3EA;
+  border-right: 1px solid #E0E3EA;
+  font-weight: 600;
+  font-size: 12px;
+}
+
+.gct-material-content-content {
+  height: calc(100% - 42px);
+  overflow: hidden auto;
+  border-right: 1px solid #E0E3EA;
+}