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

package/es/components/editor/style/border-editor/border-radius.css

@@ -0,0 +1,102 @@
+.radius-box[data-v-1cb5bbdc] {
+  position: relative;
+  display: flex;
+}
+.radius-box .radius-div[data-v-1cb5bbdc] {
+  position: relative;
+  width: 60px;
+  height: 60px;
+  padding: 6px;
+  margin-right: 10px;
+  border-radius: 4px;
+  border: 1px solid var(--gct-color-border);
+}
+.radius-box .radius-div-inner[data-v-1cb5bbdc] {
+  width: 100%;
+  height: 100%;
+  border: 1px dashed var(--gct-color-border);
+  position: relative;
+  border-radius: 4px;
+}
+.radius-box .radius-div .ground[data-v-1cb5bbdc] {
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+}
+.radius-box .radius-div .ground.highlight[data-v-1cb5bbdc] {
+  border-color: var(--ant-primary-color);
+}
+.radius-box .radius-div .upLeftGround[data-v-1cb5bbdc] {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  border-left: 2px solid #c3c3c3;
+  border-top: 2px solid #c3c3c3;
+  border-radius: 4px 0 0 0;
+}
+.radius-box .radius-div .upRightGround[data-v-1cb5bbdc] {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  border-right: 2px solid #c3c3c3;
+  border-top: 2px solid #c3c3c3;
+  border-radius: 0 4px 0 0;
+}
+.radius-box .radius-div .downLeftGround[data-v-1cb5bbdc] {
+  position: absolute;
+  left: -1px;
+  bottom: -1px;
+  border-left: 2px solid #c3c3c3;
+  border-bottom: 2px solid #c3c3c3;
+  border-radius: 0 0 0 4px;
+}
+.radius-box .radius-div .downRightGround[data-v-1cb5bbdc] {
+  position: absolute;
+  right: -1px;
+  bottom: -1px;
+  border-right: 2px solid #c3c3c3;
+  border-bottom: 2px solid #c3c3c3;
+  border-radius: 0 0 4px 0;
+}
+.radius-box .radius-editor[data-v-1cb5bbdc] {
+  flex: 1;
+  display: flex;
+  flex-wrap: wrap;
+}
+.radius-box .radius-editor .radius-col[data-v-1cb5bbdc] {
+  display: flex;
+  align-items: center;
+}
+.radius-box .radius-editor .radius-col .radius-text[data-v-1cb5bbdc] {
+  margin-right: 6px;
+  width: 40px;
+}
+.radius-box .radius-editor .radius-col .input-wrap[data-v-1cb5bbdc] {
+  flex: 1;
+}
+.radius-box .centerGround[data-v-1cb5bbdc] {
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border: 1px solid #c3c3c3;
+  border-radius: 2px;
+}
+.radius-box .centerGround.highlight[data-v-1cb5bbdc] {
+  border-color: var(--ant-primary-color);
+}
+.focus[data-v-1cb5bbdc] {
+  border-color: var(--ant-primary-color) !important;
+}
+[data-v-1cb5bbdc] .gct-select-arrow {
+  color: #212528;
+  position: absolute;
+  top: 50%;
+  right: 45px;
+}
+[data-v-1cb5bbdc] .ant-input-number-handler-wrap {
+  z-index: 2;
+}

package/es/components/editor/style/border-editor/border-radius.vue.d.ts

@@ -0,0 +1,10 @@
+import { BorderRadiusValue } from './util';
+type __VLS_Props = {
+    value?: BorderRadiusValue;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:value": (value: BorderRadiusValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: BorderRadiusValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/editor/style/border-editor/border-radius.vue2.mjs

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

package/es/components/editor/style/border-editor/border-radius.vue3.mjs

@@ -0,0 +1,212 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, normalizeClass, unref, createTextVNode, toDisplayString } from 'vue';
+import { parseRadiusType, parseValueUnit } from './util.mjs';
+import { emitFieldSet, t } from '@gct-paas/core';
+
+const _hoisted_1 = { class: "radius-box" };
+const _hoisted_2 = { class: "radius-div" };
+const _hoisted_3 = { class: "radius-div-inner" };
+const _hoisted_4 = { class: "radius-editor" };
+const _hoisted_5 = { class: "radius-col" };
+const _hoisted_6 = { class: "radius-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "border-radius",
+  props: {
+    value: {}
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const options = ref([
+      {
+        label: "2",
+        value: 2
+      },
+      {
+        label: "4",
+        value: 4
+      },
+      {
+        label: "6",
+        value: 6
+      },
+      {
+        label: "8",
+        value: 8
+      },
+      {
+        label: "10",
+        value: 10
+      }
+    ]);
+    const props = __props;
+    const emit = __emit;
+    const local = computed(() => {
+      const v = props.value;
+      const pos2 = parseRadiusType(v);
+      let numberVal2 = 0;
+      if (v) {
+        let numStr;
+        switch (pos2) {
+          case "all":
+          case "upLeft":
+            numStr = v.topLeftRadius;
+            break;
+          case "upRight":
+            numStr = v.topRightRadius;
+            break;
+          case "downRight":
+            numStr = v.bottomRightRadius;
+            break;
+          case "downLeft":
+            numStr = v.bottomLeftRadius;
+            break;
+        }
+        if (!numStr || numStr === "nullpx") {
+          numStr = "0px";
+        }
+        const { value } = parseValueUnit(numStr);
+        numberVal2 = value;
+      }
+      return {
+        pos: pos2,
+        numberVal: numberVal2
+      };
+    });
+    const { pos, numberVal } = emitFieldSet(local, (_f, _v, obj) => {
+      const result = {};
+      let tags = [
+        "topLeftRadius",
+        "topRightRadius",
+        "bottomRightRadius",
+        "bottomLeftRadius"
+      ];
+      switch (obj.pos) {
+        case "upLeft":
+          tags = ["topLeftRadius"];
+          break;
+        case "upRight":
+          tags = ["topRightRadius"];
+          break;
+        case "downLeft":
+          tags = ["bottomLeftRadius"];
+          break;
+        case "downRight":
+          tags = ["bottomRightRadius"];
+          break;
+      }
+      tags.forEach((tag) => {
+        result[tag] = obj.numberVal + "px";
+      });
+      emit("update:value", result);
+    });
+    const radiusVal = computed({
+      get() {
+        if (numberVal.value === 0) {
+          return "0";
+        }
+        return numberVal.value;
+      },
+      set(v) {
+        numberVal.value = v;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      const _component_a_input_number = resolveComponent("a-input-number");
+      const _component_a_auto_complete = resolveComponent("a-auto-complete");
+      const _component_down_outlined = resolveComponent("down-outlined");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_a_tooltip, null, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.upLeft")), 1)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["upLeftGround ground", { highlight: unref(pos) === "upLeft" }]),
+                  onClick: _cache[0] || (_cache[0] = ($event) => pos.value = "upLeft")
+                }, null, 2)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_tooltip, null, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.upRight")), 1)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["upRightGround ground", { highlight: unref(pos) === "upRight" }]),
+                  onClick: _cache[1] || (_cache[1] = ($event) => pos.value = "upRight")
+                }, null, 2)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_tooltip, null, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.downLeft")), 1)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["downLeftGround ground", { highlight: unref(pos) === "downLeft" }]),
+                  onClick: _cache[2] || (_cache[2] = ($event) => pos.value = "downLeft")
+                }, null, 2)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_tooltip, null, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.downRight")), 1)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["downRightGround ground", { highlight: unref(pos) === "downRight" }]),
+                  onClick: _cache[3] || (_cache[3] = ($event) => pos.value = "downRight")
+                }, null, 2)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_tooltip, null, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.whole")), 1)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["centerGround", { highlight: unref(pos) === "all" }]),
+                  onClick: _cache[4] || (_cache[4] = ($event) => pos.value = "all")
+                }, null, 2)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("sys.pageDesigner.radius")), 1),
+            createVNode(_component_a_auto_complete, {
+              value: radiusVal.value,
+              "onUpdate:value": _cache[6] || (_cache[6] = ($event) => radiusVal.value = $event),
+              options: options.value
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_a_input_number, {
+                  value: radiusVal.value,
+                  "onUpdate:value": _cache[5] || (_cache[5] = ($event) => radiusVal.value = $event),
+                  min: 0,
+                  controls: true,
+                  precision: 0,
+                  style: { "width": "100%" },
+                  size: "small",
+                  "addon-after": "px"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["value", "options"]),
+            createVNode(_component_down_outlined, { class: "ant-select-arrow gct-select-arrow" })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/editor/style/border-editor/util.d.ts

@@ -0,0 +1,19 @@
+import { IBorder, IBorderItem } from '@gct-paas/core';
+export type PosType = 'borderAll' | 'borderTop' | 'borderRight' | 'borderBottom' | 'borderLeft';
+export type RadiusPosType = 'all' | 'upLeft' | 'upRight' | 'downRight' | 'downLeft';
+export type BoxValue = Pick<IBorder, 'top' | 'bottom' | 'left' | 'right'>;
+export type BorderRadiusValue = Pick<IBorder, 'topRightRadius' | 'topLeftRadius' | 'bottomRightRadius' | 'bottomLeftRadius'>;
+/**
+ * 解析数值和单位
+ * @author lingxiaoming
+ * @date 2024-07-15 06:06:41
+ * @param {string} str
+ * @return {*}  {({ value: number; unit: string } | null)}
+ */
+export declare function parseValueUnit(str: string): {
+    value: number;
+    unit: string;
+};
+export declare function parsePos(border?: IBorder): PosType;
+export declare function parseBorderItem(pos: PosType, border?: IBorder): IBorderItem | undefined;
+export declare function parseRadiusType(border?: IBorder): RadiusPosType;

package/es/components/editor/style/border-editor/util.mjs

@@ -0,0 +1,77 @@
+import { isEmpty } from 'lodash-es';
+import { BorderStyle } from '@gct-paas/core';
+
+function parseValueUnit(str) {
+  if (str === "nullpx") {
+    return {
+      value: 0,
+      unit: "px"
+    };
+  }
+  const regex = /^(\d+\.?\d*)([a-zA-Z%]+)$/;
+  const match = str.match(regex);
+  if (match) {
+    return {
+      value: parseFloat(match[1]),
+      unit: match[2]
+    };
+  }
+  throw new Error("Invalid value");
+}
+function parsePos(border) {
+  if (isEmpty(border)) {
+    return "borderAll";
+  }
+  if (border.bottom && border.left && border.right && border.top) {
+    return "borderAll";
+  } else if (border.top) {
+    return "borderTop";
+  } else if (border.right) {
+    return "borderRight";
+  } else if (border.bottom) {
+    return "borderBottom";
+  } else {
+    return "borderLeft";
+  }
+}
+function parseBorderItem(pos, border) {
+  if (isEmpty(border) || border == null) {
+    return {
+      style: BorderStyle.NONE,
+      color: "#F0F0F0",
+      width: "1px"
+    };
+  }
+  switch (pos) {
+    case "borderAll":
+      return border.top;
+    case "borderTop":
+      return border.top;
+    case "borderRight":
+      return border.right;
+    case "borderBottom":
+      return border.bottom;
+    case "borderLeft":
+      return border.left;
+    default:
+      return void 0;
+  }
+}
+function parseRadiusType(border) {
+  if (isEmpty(border)) {
+    return "all";
+  }
+  if (border.topRightRadius && border.topLeftRadius && border.bottomLeftRadius && border.bottomRightRadius) {
+    return "all";
+  } else if (border.topLeftRadius) {
+    return "upLeft";
+  } else if (border.topRightRadius) {
+    return "upRight";
+  } else if (border.bottomLeftRadius) {
+    return "downLeft";
+  } else {
+    return "downRight";
+  }
+}
+
+export { parseBorderItem, parsePos, parseRadiusType, parseValueUnit };

package/es/components/editor/style/font-editor/align-group.css

@@ -0,0 +1,28 @@
+.icon-box[data-v-afcacb4b] {
+  flex: 1;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 2px;
+}
+.icon-box .iconfont[data-v-afcacb4b] {
+  padding: 3px 4px;
+  border-radius: 2px;
+}
+.icon-box .iconfont[data-v-afcacb4b]:hover {
+  background-color: #e6e9ef;
+}
+.selected[data-v-afcacb4b] {
+  background-color: #ffffff;
+}
+.align-group-box[data-v-afcacb4b] {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  height: 26px;
+  background-color: #f2f4f7;
+  margin-bottom: 8px;
+  border-radius: 4px;
+  padding: 2px;
+}

package/es/components/editor/style/font-editor/align-group.vue.d.ts

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

package/es/components/editor/style/font-editor/align-group.vue2.mjs

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

package/es/components/editor/style/font-editor/align-group.vue3.mjs

@@ -0,0 +1,66 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { TextAlign, t } from '@gct-paas/core';
+
+const _hoisted_1 = { class: "align-group-box" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "align-group",
+  props: {
+    value: {}
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const options = [
+      {
+        label: t("sys.platform.left"),
+        value: TextAlign.LEFT,
+        icon: "icon-zuoduiqi"
+      },
+      {
+        label: t("sys.platform.center"),
+        value: TextAlign.CENTER,
+        icon: "icon-juzhongduiqi"
+      },
+      {
+        label: t("sys.platform.right"),
+        value: TextAlign.RIGHT,
+        icon: "icon-youduiqi"
+      },
+      {
+        label: t("sys.platform.justify"),
+        value: TextAlign.JUSTIFY,
+        icon: "icon-liangduanduiqi"
+      }
+    ];
+    const emit = __emit;
+    const changeAlign = (align) => {
+      emit("update:value", align);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(options, (item) => {
+          return createElementVNode("div", {
+            key: item.value,
+            class: normalizeClass(["icon-box", __props.value === item.value ? "selected" : null]),
+            onClick: ($event) => changeAlign(item.value)
+          }, [
+            createVNode(_component_a_tooltip, null, {
+              title: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("span", {
+                  class: normalizeClass(["iconfont", item.icon])
+                }, null, 2)
+              ]),
+              _: 2
+            }, 1024)
+          ], 10, _hoisted_2);
+        }), 64))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/es/components/editor/style/font-editor/font-editor.vue.mjs

@@ -0,0 +1,72 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, isRef, unref } from 'vue';
+import { emitFieldSet } from '@gct-paas/core';
+import FontStyleGroup from './font-style-group.vue2.mjs';
+import AlignGroup from './align-group.vue2.mjs';
+import { DefaultFont } from './util.mjs';
+
+const _hoisted_1 = { class: "font-editor" };
+const _hoisted_2 = { class: "ks-row-middle mb5px" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "font-editor",
+  props: {
+    value: {}
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const local = computed(() => {
+      return props.value || {
+        ...DefaultFont
+      };
+    });
+    const { color, fontSize, align, bold, italic, textDecoration } = emitFieldSet(
+      local,
+      (_k, _v, obj) => {
+        emit("update:value", obj);
+      }
+    );
+    const styleGroup = computed({
+      get() {
+        return {
+          bold: bold.value,
+          italic: italic.value,
+          textDecoration: textDecoration.value
+        };
+      },
+      set(v) {
+        bold.value = v.bold;
+        italic.value = v.italic;
+        textDecoration.value = v.textDecoration;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_length_unit_editor = resolveComponent("length-unit-editor");
+      const _component_color_editor = resolveComponent("color-editor");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_length_unit_editor, {
+            value: unref(fontSize),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fontSize) ? fontSize.value = $event : null),
+            style: { "width": "100%" }
+          }, null, 8, ["value"]),
+          createVNode(_component_color_editor, {
+            value: unref(color),
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(color) ? color.value = $event : null),
+            class: "ml8px"
+          }, null, 8, ["value"])
+        ]),
+        createVNode(AlignGroup, {
+          value: unref(align),
+          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(align) ? align.value = $event : null)
+        }, null, 8, ["value"]),
+        createVNode(FontStyleGroup, {
+          value: styleGroup.value,
+          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => styleGroup.value = $event)
+        }, null, 8, ["value"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,5 @@
+import _sfc_main from './font-editor.vue.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/editor/style/font-editor/font-style-group.css

@@ -0,0 +1,29 @@
+.icon-box[data-v-7df87cdb] {
+  height: 22px;
+  flex: 1;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 2px;
+}
+.icon-box .anticon[data-v-7df87cdb] {
+  padding: 3px 4px;
+  border-radius: 2px;
+  font-size: 14px;
+  position: relative;
+  top: 1px;
+}
+.icon-box .anticon[data-v-7df87cdb]:hover {
+  background-color: #e6e9ef;
+}
+.selected[data-v-7df87cdb] {
+  background-color: #ffffff;
+}
+.font-style-box[data-v-7df87cdb] {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  height: 26px;
+  background-color: #f2f4f7;
+  border-radius: 4px;
+  padding: 2px;
+}

package/es/components/editor/style/font-editor/font-style-group.vue.d.ts

@@ -0,0 +1,11 @@
+import { IFont } from '@gct-paas/core';
+type ValueType = Pick<IFont, 'bold' | 'italic' | 'textDecoration'>;
+type __VLS_Props = {
+    value?: ValueType;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:value": (value: ValueType) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: ValueType) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;