aloha-vue 2.7.0 → 2.7.2

package/src/AScale/AScaleBalance/compositionAPI/SizesAPI.js

@@ -1,57 +1,57 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function SizesAPI(props) {
-  const yStandTop = toRef(props, "yStandTop");
-  const pipesWidth = toRef(props, "pipesWidth");
-  const centerX = toRef(props, "centerX");
-  const balanceWidth = toRef(props, "balanceWidth");
-  const balanceCircleRadius = toRef(props, "balanceCircleRadius");
-  const balanceTopHeight = toRef(props, "balanceTopHeight");
-  const degree = toRef(props, "degree");
-
-  const yBalance = computed(() => {
-    return yStandTop.value - balanceCircleRadius.value - pipesWidth.value / 2;
-  });
-
-  const widthBalancePipe = computed(() => {
-    return balanceWidth.value / 2;
-  });
-
-  const xBalanceLeft = computed(() => {
-    return centerX.value - widthBalancePipe.value - balanceCircleRadius.value;
-  });
-
-  const xBalanceRight = computed(() => {
-    return centerX.value + balanceCircleRadius.value;
-  });
-
-  const yBalanceCenter = computed(() => {
-    return yStandTop.value - balanceCircleRadius.value;
-  });
-
-  const xBalanceTopHeight = computed(() => {
-    return centerX.value - pipesWidth.value / 2;
-  });
-
-  const yBalanceTopHeight = computed(() => {
-    return yBalanceCenter.value - balanceCircleRadius.value - balanceTopHeight.value;
-  });
-
-  const transformRotate = computed(() => {
-    return `rotate(${ degree.value }, ${ centerX.value }, ${ yBalanceCenter.value })`;
-  });
-
-  return {
-    transformRotate,
-    widthBalancePipe,
-    xBalanceLeft,
-    xBalanceRight,
-    xBalanceTopHeight,
-    yBalance,
-    yBalanceCenter,
-    yBalanceTopHeight,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function SizesAPI(props) {
+  const yStandTop = toRef(props, "yStandTop");
+  const pipesWidth = toRef(props, "pipesWidth");
+  const centerX = toRef(props, "centerX");
+  const balanceWidth = toRef(props, "balanceWidth");
+  const balanceCircleRadius = toRef(props, "balanceCircleRadius");
+  const balanceTopHeight = toRef(props, "balanceTopHeight");
+  const degree = toRef(props, "degree");
+
+  const yBalance = computed(() => {
+    return yStandTop.value - balanceCircleRadius.value - pipesWidth.value / 2;
+  });
+
+  const widthBalancePipe = computed(() => {
+    return balanceWidth.value / 2;
+  });
+
+  const xBalanceLeft = computed(() => {
+    return centerX.value - widthBalancePipe.value - balanceCircleRadius.value;
+  });
+
+  const xBalanceRight = computed(() => {
+    return centerX.value + balanceCircleRadius.value;
+  });
+
+  const yBalanceCenter = computed(() => {
+    return yStandTop.value - balanceCircleRadius.value;
+  });
+
+  const xBalanceTopHeight = computed(() => {
+    return centerX.value - pipesWidth.value / 2;
+  });
+
+  const yBalanceTopHeight = computed(() => {
+    return yBalanceCenter.value - balanceCircleRadius.value - balanceTopHeight.value;
+  });
+
+  const transformRotate = computed(() => {
+    return `rotate(${ degree.value }, ${ centerX.value }, ${ yBalanceCenter.value })`;
+  });
+
+  return {
+    transformRotate,
+    widthBalancePipe,
+    xBalanceLeft,
+    xBalanceRight,
+    xBalanceTopHeight,
+    yBalance,
+    yBalanceCenter,
+    yBalanceTopHeight,
+  };
+}

package/src/AScale/AScaleBowl/compositionAPI/SizesAPI.js

@@ -1,59 +1,59 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function SizesAPI(props) {
-  const direction = toRef(props, "direction");
-  const degree = toRef(props, "degree");
-  const balanceWidth = toRef(props, "balanceWidth");
-  const balanceCircleRadius = toRef(props, "balanceCircleRadius");
-  const yStandTop = toRef(props, "yStandTop");
-  const bowlThreadHeight = toRef(props, "bowlThreadHeight");
-  const pipesWidth = toRef(props, "pipesWidth");
-  const centerX = toRef(props, "centerX");
-  const bowlWidth = toRef(props, "bowlWidth");
-
-  const radius = computed(() => {
-    return balanceWidth.value / 2 + balanceCircleRadius.value;
-  });
-
-  const yDefault = computed(() => {
-    return yStandTop.value + bowlThreadHeight.value - pipesWidth.value / 2 - balanceCircleRadius.value + 2;
-  });
-
-  const degreeLocal = computed(() => {
-    return direction.value === "right" ? degree.value : degree.value + 180;
-  });
-
-  const xCenterDiffLeft = computed(() => {
-    return balanceWidth.value / 2 + bowlWidth.value / 2 + balanceCircleRadius.value - 2;
-  });
-
-  const xCenterDiffRight = computed(() => {
-    return balanceWidth.value / 2 - bowlWidth.value / 2 + balanceCircleRadius.value - 1;
-  });
-
-  const xDefault = computed(() => {
-    if (direction.value === "left") {
-      return centerX.value - xCenterDiffLeft.value + radius.value;
-    }
-    return centerX.value + xCenterDiffRight.value - radius.value;
-  });
-
-  const x = computed(() => {
-    if (direction.value === "right") {
-      return (radius.value * Math.cos(degreeLocal.value * Math.PI / 180)) + xDefault.value;
-    }
-    return (radius.value * Math.cos(degreeLocal.value * Math.PI / 180)) + xDefault.value;
-  });
-
-  const y = computed(() => {
-    return (radius.value * Math.sin(degreeLocal.value * Math.PI / 180)) + yDefault.value;
-  });
-
-  return {
-    x,
-    y,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function SizesAPI(props) {
+  const direction = toRef(props, "direction");
+  const degree = toRef(props, "degree");
+  const balanceWidth = toRef(props, "balanceWidth");
+  const balanceCircleRadius = toRef(props, "balanceCircleRadius");
+  const yStandTop = toRef(props, "yStandTop");
+  const bowlThreadHeight = toRef(props, "bowlThreadHeight");
+  const pipesWidth = toRef(props, "pipesWidth");
+  const centerX = toRef(props, "centerX");
+  const bowlWidth = toRef(props, "bowlWidth");
+
+  const radius = computed(() => {
+    return balanceWidth.value / 2 + balanceCircleRadius.value;
+  });
+
+  const yDefault = computed(() => {
+    return yStandTop.value + bowlThreadHeight.value - pipesWidth.value / 2 - balanceCircleRadius.value + 2;
+  });
+
+  const degreeLocal = computed(() => {
+    return direction.value === "right" ? degree.value : degree.value + 180;
+  });
+
+  const xCenterDiffLeft = computed(() => {
+    return balanceWidth.value / 2 + bowlWidth.value / 2 + balanceCircleRadius.value - 2;
+  });
+
+  const xCenterDiffRight = computed(() => {
+    return balanceWidth.value / 2 - bowlWidth.value / 2 + balanceCircleRadius.value - 1;
+  });
+
+  const xDefault = computed(() => {
+    if (direction.value === "left") {
+      return centerX.value - xCenterDiffLeft.value + radius.value;
+    }
+    return centerX.value + xCenterDiffRight.value - radius.value;
+  });
+
+  const x = computed(() => {
+    if (direction.value === "right") {
+      return (radius.value * Math.cos(degreeLocal.value * Math.PI / 180)) + xDefault.value;
+    }
+    return (radius.value * Math.cos(degreeLocal.value * Math.PI / 180)) + xDefault.value;
+  });
+
+  const y = computed(() => {
+    return (radius.value * Math.sin(degreeLocal.value * Math.PI / 180)) + yDefault.value;
+  });
+
+  return {
+    x,
+    y,
+  };
+}

package/src/AScale/AScaleBowlDefs/AScaleBowlDefs.js

@@ -1,65 +1,65 @@
-import {
-  h,
-} from "vue";
-
-import APath from "../../svg/APath/APath";
-import APolyline from "../../svg/APolyline/APolyline";
-
-import SizesAPI from "./compositionAPI/SizesAPI";
-
-export default {
-  name: "AScaleBowlDefs",
-  props: {
-    bowlThreadStrokeWidth: {
-      type: Number,
-      required: true,
-    },
-    bowlThreadWidth: {
-      type: Number,
-      required: true,
-    },
-    bowlThreadHeight: {
-      type: Number,
-      required: true,
-    },
-    bowlThreadPaddingX: {
-      type: Number,
-      required: true,
-    },
-    bowlWidth: {
-      type: Number,
-      required: true,
-    },
-    bowlRadius: {
-      type: Number,
-      required: true,
-    },
-  },
-  setup(props) {
-    const {
-      bowlD,
-      bowlThreadPoints,
-    } = SizesAPI(props);
-
-    return {
-      bowlD,
-      bowlThreadPoints,
-    };
-  },
-  render() {
-    return h("defs", {}, [
-      h("g", {
-        id: "scale_bowl",
-      }, [
-        h(APolyline, {
-          points: this.bowlThreadPoints,
-          strokeWidth: this.bowlThreadStrokeWidth,
-        }),
-        h(APath, {
-          d: this.bowlD,
-          fill: "currentColor",
-        }),
-      ]),
-    ]);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import APath from "../../svg/APath/APath";
+import APolyline from "../../svg/APolyline/APolyline";
+
+import SizesAPI from "./compositionAPI/SizesAPI";
+
+export default {
+  name: "AScaleBowlDefs",
+  props: {
+    bowlThreadStrokeWidth: {
+      type: Number,
+      required: true,
+    },
+    bowlThreadWidth: {
+      type: Number,
+      required: true,
+    },
+    bowlThreadHeight: {
+      type: Number,
+      required: true,
+    },
+    bowlThreadPaddingX: {
+      type: Number,
+      required: true,
+    },
+    bowlWidth: {
+      type: Number,
+      required: true,
+    },
+    bowlRadius: {
+      type: Number,
+      required: true,
+    },
+  },
+  setup(props) {
+    const {
+      bowlD,
+      bowlThreadPoints,
+    } = SizesAPI(props);
+
+    return {
+      bowlD,
+      bowlThreadPoints,
+    };
+  },
+  render() {
+    return h("defs", {}, [
+      h("g", {
+        id: "scale_bowl",
+      }, [
+        h(APolyline, {
+          points: this.bowlThreadPoints,
+          strokeWidth: this.bowlThreadStrokeWidth,
+        }),
+        h(APath, {
+          d: this.bowlD,
+          fill: "currentColor",
+        }),
+      ]),
+    ]);
+  },
+};

package/src/AScale/AScaleBowlDefs/compositionAPI/SizesAPI.js

@@ -1,30 +1,30 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function SizesAPI(props) {
-  const bowlThreadHeight = toRef(props, "bowlThreadHeight");
-  const bowlThreadWidth = toRef(props, "bowlThreadWidth");
-  const bowlThreadPaddingX = toRef(props, "bowlThreadPaddingX");
-  const bowlWidth = toRef(props, "bowlWidth");
-  const bowlRadius = toRef(props, "bowlRadius");
-
-  const bowlThreadPoints = computed(() => {
-    const xStart = bowlThreadPaddingX.value;
-    const xMiddle = bowlThreadPaddingX.value + bowlThreadWidth.value / 2;
-    const xEnd = bowlThreadPaddingX.value + bowlThreadWidth.value;
-    const yStart = 1;
-    const yMiddle = yStart - bowlThreadHeight.value;
-    return `${ xStart },${ yStart } ${ xMiddle },${ yMiddle } ${ xEnd },${ yStart }`;
-  });
-
-  const bowlD = computed(() => {
-    return `m0,0 a${ bowlRadius.value },${ bowlRadius.value } 0 1,0 ${ bowlWidth.value },0 z`;
-  });
-
-  return {
-    bowlD,
-    bowlThreadPoints,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function SizesAPI(props) {
+  const bowlThreadHeight = toRef(props, "bowlThreadHeight");
+  const bowlThreadWidth = toRef(props, "bowlThreadWidth");
+  const bowlThreadPaddingX = toRef(props, "bowlThreadPaddingX");
+  const bowlWidth = toRef(props, "bowlWidth");
+  const bowlRadius = toRef(props, "bowlRadius");
+
+  const bowlThreadPoints = computed(() => {
+    const xStart = bowlThreadPaddingX.value;
+    const xMiddle = bowlThreadPaddingX.value + bowlThreadWidth.value / 2;
+    const xEnd = bowlThreadPaddingX.value + bowlThreadWidth.value;
+    const yStart = 1;
+    const yMiddle = yStart - bowlThreadHeight.value;
+    return `${ xStart },${ yStart } ${ xMiddle },${ yMiddle } ${ xEnd },${ yStart }`;
+  });
+
+  const bowlD = computed(() => {
+    return `m0,0 a${ bowlRadius.value },${ bowlRadius.value } 0 1,0 ${ bowlWidth.value },0 z`;
+  });
+
+  return {
+    bowlD,
+    bowlThreadPoints,
+  };
+}

package/src/AScale/AScaleStand/AScaleStand.js

@@ -1,70 +1,70 @@
-import {
-  h,
-} from "vue";
-
-import ARect from "../../svg/ARect/ARect";
-
-import SizesAPI from "./compositionAPI/SizesAPI";
-
-export default {
-  name: "AScaleStand",
-  props: {
-    pipesWidth: {
-      type: Number,
-      required: true,
-    },
-    standWidth: {
-      type: Number,
-      required: true,
-    },
-    standHeight: {
-      type: Number,
-      required: true,
-    },
-    yStandBottom: {
-      type: Number,
-      required: true,
-    },
-    yStandTop: {
-      type: Number,
-      required: true,
-    },
-    centerX: {
-      type: Number,
-      required: true,
-    },
-  },
-  setup(props) {
-    const {
-      xBottom,
-      xTop,
-    } = SizesAPI(props);
-
-    return {
-      xBottom,
-      xTop,
-    };
-  },
-  render() {
-    return h("g", null, [
-      h(ARect, {
-        width: this.pipesWidth,
-        height: this.standHeight,
-        x: this.xTop,
-        y: this.yStandTop,
-        rx: 1.3,
-        ry: 1.3,
-        fill: "currentColor",
-      }),
-      h(ARect, {
-        width: this.standWidth,
-        height: this.pipesWidth,
-        x: this.xBottom,
-        y: this.yStandBottom,
-        rx: 1.3,
-        ry: 1.3,
-        fill: "currentColor",
-      }),
-    ]);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import ARect from "../../svg/ARect/ARect";
+
+import SizesAPI from "./compositionAPI/SizesAPI";
+
+export default {
+  name: "AScaleStand",
+  props: {
+    pipesWidth: {
+      type: Number,
+      required: true,
+    },
+    standWidth: {
+      type: Number,
+      required: true,
+    },
+    standHeight: {
+      type: Number,
+      required: true,
+    },
+    yStandBottom: {
+      type: Number,
+      required: true,
+    },
+    yStandTop: {
+      type: Number,
+      required: true,
+    },
+    centerX: {
+      type: Number,
+      required: true,
+    },
+  },
+  setup(props) {
+    const {
+      xBottom,
+      xTop,
+    } = SizesAPI(props);
+
+    return {
+      xBottom,
+      xTop,
+    };
+  },
+  render() {
+    return h("g", null, [
+      h(ARect, {
+        width: this.pipesWidth,
+        height: this.standHeight,
+        x: this.xTop,
+        y: this.yStandTop,
+        rx: 1.3,
+        ry: 1.3,
+        fill: "currentColor",
+      }),
+      h(ARect, {
+        width: this.standWidth,
+        height: this.pipesWidth,
+        x: this.xBottom,
+        y: this.yStandBottom,
+        rx: 1.3,
+        ry: 1.3,
+        fill: "currentColor",
+      }),
+    ]);
+  },
+};

package/src/AScale/AScaleStand/compositionAPI/SizesAPI.js

@@ -1,23 +1,23 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function SizesAPI(props) {
-  const centerX = toRef(props, "centerX");
-  const standWidth = toRef(props, "standWidth");
-  const pipesWidth = toRef(props, "pipesWidth");
-
-  const xTop = computed(() => {
-    return centerX.value - pipesWidth.value / 2;
-  });
-
-  const xBottom = computed(() => {
-    return centerX.value - standWidth.value / 2;
-  });
-
-  return {
-    xTop,
-    xBottom,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function SizesAPI(props) {
+  const centerX = toRef(props, "centerX");
+  const standWidth = toRef(props, "standWidth");
+  const pipesWidth = toRef(props, "pipesWidth");
+
+  const xTop = computed(() => {
+    return centerX.value - pipesWidth.value / 2;
+  });
+
+  const xBottom = computed(() => {
+    return centerX.value - standWidth.value / 2;
+  });
+
+  return {
+    xTop,
+    xBottom,
+  };
+}

package/src/AScale/compositionAPI/SizesAPI.js

@@ -1,34 +1,34 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function SizesAPI(props) {
-  const viewBoxWidth = toRef(props, "viewBoxWidth");
-  const viewBoxHeight = toRef(props, "viewBoxHeight");
-  const pipesWidth = toRef(props, "pipesWidth");
-  const standHeight = toRef(props, "standHeight");
-
-  const viewBoxLocal = computed(() => {
-    return `0 0 ${ viewBoxWidth.value } ${ viewBoxHeight.value }`;
-  });
-
-  const centerX = computed(() => {
-    return viewBoxWidth.value / 2;
-  });
-
-  const yStandBottom = computed(() => {
-    return viewBoxHeight.value - pipesWidth.value;
-  });
-
-  const yStandTop = computed(() => {
-    return yStandBottom.value - standHeight.value + 1;
-  });
-
-  return {
-    centerX,
-    viewBoxLocal,
-    yStandBottom,
-    yStandTop,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function SizesAPI(props) {
+  const viewBoxWidth = toRef(props, "viewBoxWidth");
+  const viewBoxHeight = toRef(props, "viewBoxHeight");
+  const pipesWidth = toRef(props, "pipesWidth");
+  const standHeight = toRef(props, "standHeight");
+
+  const viewBoxLocal = computed(() => {
+    return `0 0 ${ viewBoxWidth.value } ${ viewBoxHeight.value }`;
+  });
+
+  const centerX = computed(() => {
+    return viewBoxWidth.value / 2;
+  });
+
+  const yStandBottom = computed(() => {
+    return viewBoxHeight.value - pipesWidth.value;
+  });
+
+  const yStandTop = computed(() => {
+    return yStandBottom.value - standHeight.value + 1;
+  });
+
+  return {
+    centerX,
+    viewBoxLocal,
+    yStandBottom,
+    yStandTop,
+  };
+}