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

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

@@ -0,0 +1,60 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, isRef, createCommentVNode } from 'vue';
+import { useNamespace, emitFieldSet } from '@gct-paas/core';
+import BorderBox from './border-box.vue2.mjs';
+import BorderRadiu from './border-radius.vue2.mjs';
+import { pick } from 'lodash-es';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "border-editor",
+  props: {
+    value: {},
+    showArea: { default: () => ["radius", "basics"] }
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("border-editor");
+    const props = __props;
+    const emit = __emit;
+    const local = computed(() => {
+      const v = props.value;
+      const boxValue2 = v ? pick(v, ["top", "bottom", "left", "right"]) : void 0;
+      const borderRadius2 = v ? pick(v, [
+        "topLeftRadius",
+        "topRightRadius",
+        "bottomRightRadius",
+        "bottomLeftRadius"
+      ]) : void 0;
+      return {
+        borderRadius: borderRadius2,
+        boxValue: boxValue2
+      };
+    });
+    const { boxValue, borderRadius } = emitFieldSet(local, (_k, _v, obj) => {
+      const result = {
+        ...obj.borderRadius || {},
+        ...obj.boxValue || {}
+      };
+      emit("update:value", result);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b()])
+      }, [
+        __props.showArea.includes("radius") ? (openBlock(), createBlock(BorderRadiu, {
+          key: 0,
+          value: unref(borderRadius),
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(borderRadius) ? borderRadius.value = $event : null),
+          class: normalizeClass([unref(ns).e("border-box"), "mb-16px"])
+        }, null, 8, ["value", "class"])) : createCommentVNode("", true),
+        __props.showArea.includes("basics") ? (openBlock(), createBlock(BorderBox, {
+          key: 1,
+          value: unref(boxValue),
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(boxValue) ? boxValue.value = $event : null),
+          class: normalizeClass([unref(ns).e("border-box")])
+        }, null, 8, ["value", "class"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1,212 +1,7 @@
-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';
+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 _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" })
-          ])
-        ])
-      ]);
-    };
-  }
-});
+const BorderRadiu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1cb5bbdc"]]);
 
-export { _sfc_main as default };
+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/font-editor/align-group.vue2.mjs

@@ -1,66 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import { TextAlign, t } from '@gct-paas/core';
+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 _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))
-      ]);
-    };
-  }
-});
+const AlignGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afcacb4b"]]);
 
-export { _sfc_main as default };
+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.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, isRef, unref } from 'vue';
 import { emitFieldSet } from '@gct-paas/core';
-import FontStyleGroup from './font-style-group.vue.mjs';
-import AlignGroup from './align-group.vue.mjs';
+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" };