bee-plus 1.0.0

package/dist/index.js

@@ -0,0 +1,534 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const ButtonType = [
+  "primary",
+  "success",
+  "info",
+  "warning",
+  "danger",
+  "default"
+];
+const ButtonSize = ["large", "default", "small"];
+const buttonProps = {
+  type: {
+    type: String,
+    values: ButtonType,
+    default: "default"
+  },
+  size: {
+    type: String,
+    values: ButtonSize,
+    default: "default"
+  },
+  plain: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  disabled: Boolean,
+  icon: String,
+  loading: Boolean
+};
+
+const _hoisted_1$1 = ["disabled"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "bee-icon-loading"
+};
+const _hoisted_3$1 = { key: 2 };
+var script$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "BeeButton"
+  },
+  __name: "button",
+  props: buttonProps,
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClick = (evt) => {
+      if (props.disabled || props.loading) return;
+      emit("click", evt);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        class: vue.normalizeClass(["bee-button", [
+          _ctx.type ? "bee-button--" + _ctx.type : "",
+          _ctx.size ? "bee-button--" + _ctx.size : "",
+          {
+            "is-plain": _ctx.plain,
+            "is-round": _ctx.round,
+            "is-circle": _ctx.circle,
+            "is-disabled": _ctx.disabled,
+            "is-loading": _ctx.loading
+          }
+        ]]),
+        disabled: _ctx.disabled || _ctx.loading,
+        onClick: handleClick
+      }, [
+        _ctx.loading ? (vue.openBlock(), vue.createElementBlock("i", _hoisted_2$1)) : vue.createCommentVNode("v-if", true),
+        _ctx.icon && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock(
+          "i",
+          {
+            key: 1,
+            class: vue.normalizeClass(`bee-icon-${_ctx.icon}`)
+          },
+          null,
+          2
+          /* CLASS */
+        )) : vue.createCommentVNode("v-if", true),
+        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])) : vue.createCommentVNode("v-if", true)
+      ], 10, _hoisted_1$1);
+    };
+  }
+});
+
+script$1.__file = "packages/components/button/src/button.vue";
+
+const withInstall = (com) => {
+  com.install = function(app) {
+    app.component(com.name, com);
+  };
+  return com;
+};
+
+var index = withInstall(script$1);
+
+const progressProps = {
+  percentage: {
+    type: Number,
+    default: 0,
+    required: true,
+    validator: (val) => val >= 0 && val <= 100
+  },
+  type: {
+    type: String,
+    default: "line",
+    values: ["line", "circle", "dashboard"]
+  },
+  strokeWidth: {
+    type: Number,
+    default: 6
+  },
+  textInside: {
+    type: Boolean,
+    default: false
+  },
+  status: {
+    type: String,
+    values: ["success", "warning", "exception", ""],
+    default: ""
+  },
+  color: {
+    type: [String, Function, Array],
+    default: ""
+  },
+  width: {
+    type: Number,
+    default: 126
+  },
+  showText: {
+    type: Boolean,
+    default: true
+  },
+  strokeLinecap: {
+    type: String,
+    default: "round"
+  },
+  useCanvas: {
+    type: Boolean,
+    default: false
+  },
+  animated: {
+    type: Boolean,
+    default: true
+  },
+  format: {
+    type: Function,
+    default: (percentage) => `${percentage}%`
+  }
+};
+
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = {
+  key: 0,
+  class: "bee-progress-canvas"
+};
+const _hoisted_3 = ["width", "height"];
+const _hoisted_4 = {
+  key: 0,
+  class: "bee-progress-bar"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "bee-progress-bar__innerText"
+};
+const _hoisted_6 = { viewBox: "0 0 100 100" };
+const _hoisted_7 = ["d", "stroke-width"];
+const _hoisted_8 = ["d", "stroke-width"];
+const _hoisted_9 = { key: 0 };
+var script = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "BeeProgress"
+  },
+  __name: "progress",
+  props: progressProps,
+  setup(__props) {
+    const props = __props;
+    const currentValue = vue.ref(props.percentage);
+    const animationFrameId = vue.ref(null);
+    const canvasRef = vue.ref(null);
+    const content = vue.computed(() => props.format(Math.round(currentValue.value)));
+    const progressTextSize = vue.computed(() => {
+      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
+    });
+    const statusIconClass = vue.computed(() => {
+      if (props.status === "warning") return "bee-icon-warning";
+      if (props.status === "success") return "bee-icon-check";
+      if (props.status === "exception") return "bee-icon-close";
+      return "";
+    });
+    const getCurrentColor = (percentage) => {
+      if (typeof props.color === "function") {
+        return props.color(percentage);
+      } else if (typeof props.color === "string" && props.color) {
+        return props.color;
+      } else {
+        return getLevelColor(percentage);
+      }
+    };
+    const getLevelColor = (percentage) => {
+      if (Array.isArray(props.color)) {
+        const colorArray = [...props.color].sort((a, b) => a.percentage - b.percentage);
+        for (let i = 0; i < colorArray.length; i++) {
+          if (colorArray[i].percentage > percentage) {
+            return colorArray[i].color;
+          }
+        }
+        return colorArray[colorArray.length - 1]?.color;
+      }
+      return props.status === "success" ? "#2ed573" : props.status === "warning" ? "#ffa502" : props.status === "exception" ? "#ff4757" : "#409eff";
+    };
+    const barStyle = vue.computed(() => {
+      return {
+        width: `${currentValue.value}%`,
+        backgroundColor: getCurrentColor(currentValue.value),
+        transition: "none"
+        // Remove CSS transition to avoid conflict with JS animation
+      };
+    });
+    const relativeStrokeWidth = vue.computed(() => {
+      return props.strokeWidth / props.width * 100;
+    });
+    const radius = vue.computed(() => {
+      if (props.type === "circle" || props.type === "dashboard") {
+        return 50 - relativeStrokeWidth.value / 2;
+      }
+      return 0;
+    });
+    const trackPath = vue.computed(() => {
+      const r = radius.value;
+      const isDashboard = props.type === "dashboard";
+      return `
+    M 50 50
+    m 0 ${isDashboard ? "" : "-"}${r}
+    a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
+    a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
+    `;
+    });
+    const perimeter = vue.computed(() => {
+      return 2 * Math.PI * radius.value;
+    });
+    const rate = vue.computed(() => {
+      return props.type === "dashboard" ? 0.75 : 1;
+    });
+    const strokeDashoffset = vue.computed(() => {
+      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
+      return `${offset}px`;
+    });
+    const circlePathStyle = vue.computed(() => {
+      return {
+        strokeDasharray: `${perimeter.value * rate.value * (currentValue.value / 100)}px, ${perimeter.value}px`,
+        strokeDashoffset: strokeDashoffset.value,
+        transition: "none",
+        stroke: getCurrentColor(currentValue.value)
+      };
+    });
+    const trackStyle = vue.computed(() => {
+      return {
+        strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
+        strokeDashoffset: strokeDashoffset.value
+      };
+    });
+    const canvasWidth = vue.computed(() => props.type === "line" ? 300 : props.width);
+    const canvasHeight = vue.computed(() => props.type === "line" ? props.strokeWidth * 3 : props.width);
+    const drawLine = (ctx) => {
+      const w = canvasWidth.value;
+      const h = props.strokeWidth;
+      const r = h / 2;
+      const y = (canvasHeight.value - h) / 2;
+      ctx.beginPath();
+      ctx.fillStyle = "#f3f3f3";
+      ctx.roundRect(0, y, w, h, r);
+      ctx.fill();
+      const progressW = currentValue.value / 100 * w;
+      if (progressW > 0) {
+        ctx.beginPath();
+        ctx.fillStyle = getCurrentColor(currentValue.value);
+        ctx.roundRect(0, y, progressW, h, r);
+        ctx.fill();
+      }
+      if (props.textInside && props.showText) {
+        ctx.fillStyle = "#fff";
+        ctx.font = "12px Rubik";
+        ctx.textAlign = "right";
+        ctx.textBaseline = "middle";
+        if (progressW > 30) {
+          ctx.fillText(`${Math.round(currentValue.value)}%`, progressW - 5, y + h / 2);
+        }
+      }
+    };
+    const drawCircle = (ctx, isDashboard) => {
+      const cx = canvasWidth.value / 2;
+      const cy = canvasHeight.value / 2;
+      const r = (props.width - props.strokeWidth) / 2;
+      const startAngle = isDashboard ? Math.PI * 0.75 : -Math.PI * 0.5;
+      const totalAngle = isDashboard ? Math.PI * 1.5 : Math.PI * 2;
+      const endAngle = startAngle + totalAngle * (currentValue.value / 100);
+      const trackEndAngle = startAngle + totalAngle;
+      ctx.lineCap = props.strokeLinecap;
+      ctx.lineWidth = props.strokeWidth;
+      ctx.beginPath();
+      ctx.strokeStyle = "#f3f3f3";
+      ctx.arc(cx, cy, r, startAngle, trackEndAngle);
+      ctx.stroke();
+      if (currentValue.value > 0) {
+        ctx.beginPath();
+        ctx.strokeStyle = getCurrentColor(currentValue.value);
+        ctx.arc(cx, cy, r, startAngle, endAngle);
+        ctx.stroke();
+      }
+    };
+    const renderCanvas = () => {
+      const canvas = canvasRef.value;
+      if (!canvas) return;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      if (props.type === "line") {
+        drawLine(ctx);
+      } else {
+        drawCircle(ctx, props.type === "dashboard");
+      }
+    };
+    const animateProgress = () => {
+      if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value);
+      const target = props.percentage;
+      const animated = props.animated;
+      const speed = 2;
+      if (!animated) {
+        currentValue.value = target;
+        if (props.useCanvas) renderCanvas();
+        return;
+      }
+      if (Math.abs(currentValue.value - target) < speed) {
+        currentValue.value = target;
+        if (props.useCanvas) renderCanvas();
+        return;
+      }
+      if (currentValue.value < target) {
+        currentValue.value += speed;
+      } else {
+        currentValue.value -= speed;
+      }
+      if (props.useCanvas) renderCanvas();
+      animationFrameId.value = requestAnimationFrame(animateProgress);
+    };
+    vue.watch(() => props.percentage, animateProgress);
+    vue.watch(() => props.animated, animateProgress);
+    vue.watch(() => props.useCanvas, (val) => {
+      if (val) renderCanvas();
+    });
+    vue.watch(() => [props.type, props.strokeWidth, props.width, props.color], () => {
+      if (props.useCanvas) renderCanvas();
+    });
+    vue.onMounted(() => {
+      if (props.useCanvas) renderCanvas();
+    });
+    vue.onUnmounted(() => {
+      if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["bee-progress", [
+          "bee-progress--" + _ctx.type,
+          _ctx.status ? "is-" + _ctx.status : "",
+          {
+            "bee-progress--without-text": !_ctx.showText,
+            "bee-progress--text-inside": _ctx.textInside
+          }
+        ]]),
+        role: "progressbar",
+        "aria-valuenow": currentValue.value,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        vue.createCommentVNode(" Canvas Mode "),
+        _ctx.useCanvas ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("canvas", {
+            ref_key: "canvasRef",
+            ref: canvasRef,
+            width: canvasWidth.value,
+            height: canvasHeight.value
+          }, null, 8, _hoisted_3)
+        ])) : (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 1 },
+          [
+            vue.createCommentVNode(" DOM/SVG Mode "),
+            vue.createCommentVNode(" Line Progress "),
+            _ctx.type === "line" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: "bee-progress-bar__outer",
+                  style: vue.normalizeStyle({ height: _ctx.strokeWidth + "px" })
+                },
+                [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "bee-progress-bar__inner",
+                      style: vue.normalizeStyle(barStyle.value)
+                    },
+                    [
+                      _ctx.textInside && _ctx.showText ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        _hoisted_5,
+                        vue.toDisplayString(content.value),
+                        1
+                        /* TEXT */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ],
+                4
+                /* STYLE */
+              )
+            ])) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                vue.createCommentVNode(" Circle / Dashboard Progress "),
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: "bee-progress-circle",
+                    style: vue.normalizeStyle({ width: _ctx.width + "px", height: _ctx.width + "px" })
+                  },
+                  [
+                    (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, [
+                      vue.createElementVNode("path", {
+                        class: "bee-progress-circle__track",
+                        d: trackPath.value,
+                        fill: "none",
+                        "stroke-width": relativeStrokeWidth.value,
+                        style: vue.normalizeStyle(trackStyle.value)
+                      }, null, 12, _hoisted_7),
+                      vue.createElementVNode("path", {
+                        class: "bee-progress-circle__path",
+                        d: trackPath.value,
+                        fill: "none",
+                        "stroke-linecap": "round",
+                        "stroke-width": relativeStrokeWidth.value,
+                        style: vue.normalizeStyle(circlePathStyle.value)
+                      }, null, 12, _hoisted_8)
+                    ]))
+                  ],
+                  4
+                  /* STYLE */
+                )
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )),
+        vue.createCommentVNode(" Text (Outside) "),
+        !_ctx.textInside && _ctx.showText ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 2,
+            class: "bee-progress__text",
+            style: vue.normalizeStyle({ fontSize: progressTextSize.value + "px" })
+          },
+          [
+            _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                !_ctx.status ? (vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  _hoisted_9,
+                  vue.toDisplayString(content.value),
+                  1
+                  /* TEXT */
+                )) : (vue.openBlock(), vue.createElementBlock(
+                  "i",
+                  {
+                    key: 1,
+                    class: vue.normalizeClass(statusIconClass.value)
+                  },
+                  null,
+                  2
+                  /* CLASS */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        )) : vue.createCommentVNode("v-if", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+
+script.__file = "packages/components/progress/src/progress.vue";
+
+const BeeProgress = withInstall(script);
+
+var components = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BeeButton: index,
+    BeeProgress: BeeProgress
+});
+
+var Installer = {
+  install(app) {
+    Object.values(components).forEach((component) => {
+      if (component && component.install) {
+        app.use(component);
+      }
+    });
+  }
+};
+
+const install = Installer.install;
+
+exports.BeeButton = index;
+exports.BeeProgress = BeeProgress;
+exports.default = Installer;
+exports.install = install;
+exports.withInstall = withInstall;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../components/button/src/button.ts","../../components/button/src/button.vue","../../utils/with-install.ts","../../components/button/index.ts","../../components/progress/src/progress.ts","../../components/progress/src/progress.vue","../../components/progress/index.ts","../defaults.ts","../index.ts"],"sourcesContent":["import type { ExtractPropTypes } from \"vue\";\n\nexport const ButtonType = [\n    \"primary\",\n    \"success\",\n    \"info\",\n    \"warning\",\n    \"danger\",\n    \"default\",\n] as const;\n\nexport const ButtonSize = [\"large\", \"default\", \"small\"] as const;\n\nexport const buttonProps = {\n    type: {\n        type: String,\n        values: ButtonType,\n        default: \"default\",\n    },\n    size: {\n        type: String,\n        values: ButtonSize,\n        default: \"default\",\n    },\n    plain: Boolean,\n    round: Boolean,\n    circle: Boolean,\n    disabled: Boolean,\n    icon: String,\n    loading: Boolean,\n} as const;\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>;\n","<template>\n  <button\n    class=\"bee-button\"\n    :class=\"[\n      type ? 'bee-button--' + type : '',\n      size ? 'bee-button--' + size : '',\n      {\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n        'is-disabled': disabled,\n        'is-loading': loading,\n      },\n    ]\"\n    :disabled=\"disabled || loading\"\n    @click=\"handleClick\"\n  >\n    <i v-if=\"loading\" class=\"bee-icon-loading\"></i>\n    <i v-if=\"icon && !loading\" :class=\"`bee-icon-${icon}`\"></i>\n    <span v-if=\"$slots.default\">\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { buttonProps } from \"./button\";\n\ndefineOptions({\n  name: \"BeeButton\",\n});\n\nconst props = defineProps(buttonProps);\nconst emit = defineEmits([\"click\"]);\n\nconst handleClick = (evt: MouseEvent) => {\n  if (props.disabled || props.loading) return;\n  emit(\"click\", evt);\n};\n</script>\n","// 该文件会导出一个工具方法，该方法用于组件的安装\n\nimport type { App, Plugin } from \"vue\";\n\n// 这里定义了一个新的 SFCWithInstall 的类型\n// 这是一个泛型类型，代表的是一个即是类型 T 又是 Plugin 类型的类型\n// 也就是说，这个类型的对象既有 T 类型的所有属性和方法，也有 Plugin 的所有属性和方法\nexport type SFCWithInstall<T> = T & {\n    install(app: App): void;\n};\n\nexport const withInstall = <T>(com: T) => {\n    (com as SFCWithInstall<T>).install = function (app: App) {\n        app.component((com as any).name, com as SFCWithInstall<T>);\n    }\n    return com as SFCWithInstall<T>;\n};\n\n// 之后外部在使用这个 withInstall 的时候，大致是这么使用\n\n// withInstall(MyComponent) ---> 这里其实就是对这个组件做一个增强效果，添加了一个 install 方法\n\n// 之后在其他项目中：\n\n// app.use(MyComponent)\n","// 每个组件的入口文件\n\nimport Button from \"./src/button.vue\";\nimport { withInstall } from \"@bee-plus/utils\";\n\nexport default withInstall(Button);\n","import type { ExtractPropTypes, PropType } from 'vue'\n\nexport type ProgressType = 'line' | 'circle' | 'dashboard'\n\nexport const progressProps = {\n    percentage: {\n        type: Number,\n        default: 0,\n        required: true,\n        validator: (val: number) => val >= 0 && val <= 100\n    },\n    type: {\n        type: String as PropType<ProgressType>,\n        default: 'line',\n        values: ['line', 'circle', 'dashboard']\n    },\n    strokeWidth: {\n        type: Number,\n        default: 6\n    },\n    textInside: {\n        type: Boolean,\n        default: false\n    },\n    status: {\n        type: String,\n        values: ['success', 'warning', 'exception', ''],\n        default: ''\n    },\n    color: {\n        type: [String, Function, Array] as PropType<string | Function | Array<any>>,\n        default: ''\n    },\n    width: {\n        type: Number,\n        default: 126\n    },\n    showText: {\n        type: Boolean,\n        default: true\n    },\n    strokeLinecap: {\n        type: String,\n        default: 'round'\n    },\n    useCanvas: {\n        type: Boolean,\n        default: false\n    },\n    animated: {\n        type: Boolean,\n        default: true\n    },\n    format: {\n        type: Function,\n        default: (percentage: number) => `${percentage}%`\n    }\n}\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\n","<template>\n  <div\n    class=\"bee-progress\"\n    :class=\"[\n      'bee-progress--' + type,\n      status ? 'is-' + status : '',\n      {\n        'bee-progress--without-text': !showText,\n        'bee-progress--text-inside': textInside,\n      }\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"currentValue\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <!-- Canvas Mode -->\n    <div v-if=\"useCanvas\" class=\"bee-progress-canvas\">\n       <canvas ref=\"canvasRef\" :width=\"canvasWidth\" :height=\"canvasHeight\"></canvas>\n    </div>\n\n    <!-- DOM/SVG Mode -->\n    <template v-else>\n      <!-- Line Progress -->\n      <div v-if=\"type === 'line'\" class=\"bee-progress-bar\">\n        <div\n          class=\"bee-progress-bar__outer\"\n          :style=\"{ height: strokeWidth + 'px' }\"\n        >\n          <div\n            class=\"bee-progress-bar__inner\"\n            :style=\"barStyle\"\n          >\n            <div v-if=\"textInside && showText\" class=\"bee-progress-bar__innerText\">\n              {{ content }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Circle / Dashboard Progress -->\n      <div\n        v-else\n        class=\"bee-progress-circle\"\n        :style=\"{ width: width + 'px', height: width + 'px' }\"\n      >\n        <svg viewBox=\"0 0 100 100\">\n          <path\n            class=\"bee-progress-circle__track\"\n            :d=\"trackPath\"\n            fill=\"none\"\n            :stroke-width=\"relativeStrokeWidth\"\n            :style=\"trackStyle\"\n          ></path>\n          <path\n            class=\"bee-progress-circle__path\"\n            :d=\"trackPath\"\n            fill=\"none\"\n            stroke-linecap=\"round\"\n            :stroke-width=\"relativeStrokeWidth\"\n            :style=\"circlePathStyle\"\n          ></path>\n        </svg>\n      </div>\n    </template>\n\n    <!-- Text (Outside) -->\n    <div\n      v-if=\"!textInside && showText\"\n      class=\"bee-progress__text\"\n      :style=\"{ fontSize: progressTextSize + 'px' }\"\n    >\n      <slot v-if=\"$slots.default\"></slot>\n      <template v-else>\n        <span v-if=\"!status\">{{ content }}</span>\n        <i v-else :class=\"statusIconClass\"></i>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, onMounted, onUnmounted, watch } from 'vue'\nimport { progressProps } from './progress'\n\ndefineOptions({\n  name: 'BeeProgress'\n})\n\nconst props = defineProps(progressProps)\n\nconst currentValue = ref(props.percentage)\nconst animationFrameId = ref<number | null>(null)\nconst canvasRef = ref<HTMLCanvasElement | null>(null)\n\n// --- Common Logic ---\nconst content = computed(() => props.format(Math.round(currentValue.value)))\n\nconst progressTextSize = computed(() => {\n  return props.type === 'line' ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2\n})\n\nconst statusIconClass = computed(() => {\n  if (props.status === 'warning') return 'bee-icon-warning'\n  if (props.status === 'success') return 'bee-icon-check'\n  if (props.status === 'exception') return 'bee-icon-close'\n  return ''\n})\n\nconst getCurrentColor = (percentage: number) => {\n  if (typeof props.color === 'function') {\n    return props.color(percentage)\n  } else if (typeof props.color === 'string' && props.color) {\n    return props.color\n  } else {\n    return getLevelColor(percentage)\n  }\n}\n\nconst getLevelColor = (percentage: number) => {\n  if (Array.isArray(props.color)) {\n      const colorArray = [...props.color].sort((a, b) => a.percentage - b.percentage);\n       for (let i = 0; i < colorArray.length; i++) {\n        if (colorArray[i].percentage > percentage) {\n          return colorArray[i].color\n        }\n      }\n      return colorArray[colorArray.length - 1]?.color\n  }\n  return props.status === 'success' ? '#2ed573' :\n         props.status === 'warning' ? '#ffa502' :\n         props.status === 'exception' ? '#ff4757' : '#409eff'\n}\n\n// --- DOM / SVG Logic ---\n\nconst barStyle = computed(() => {\n  return {\n    width: `${currentValue.value}%`,\n    backgroundColor: getCurrentColor(currentValue.value),\n    transition: 'none' // Remove CSS transition to avoid conflict with JS animation\n  }\n})\n\nconst relativeStrokeWidth = computed(() => {\n  return (props.strokeWidth / props.width) * 100\n})\n\nconst radius = computed(() => {\n  if (props.type === 'circle' || props.type === 'dashboard') {\n    return 50 - relativeStrokeWidth.value / 2\n  }\n  return 0\n})\n\nconst trackPath = computed(() => {\n  const r = radius.value\n  const isDashboard = props.type === 'dashboard'\n  return `\n    M 50 50\n    m 0 ${isDashboard ? '' : '-'}${r}\n    a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n    a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n    `\n})\n\nconst perimeter = computed(() => {\n  return 2 * Math.PI * radius.value\n})\n\nconst rate = computed(() => {\n  return props.type === 'dashboard' ? 0.75 : 1\n})\n\nconst strokeDashoffset = computed(() => {\n  const offset = -1 * perimeter.value * (1 - rate.value) / 2\n  return `${offset}px`\n})\n\nconst circlePathStyle = computed(() => {\n  return {\n    strokeDasharray: `${perimeter.value * rate.value * (currentValue.value / 100)}px, ${perimeter.value}px`,\n    strokeDashoffset: strokeDashoffset.value,\n    transition: 'none',\n    stroke: getCurrentColor(currentValue.value)\n  }\n})\n\nconst trackStyle = computed(() => {\n   return {\n    strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,\n    strokeDashoffset: strokeDashoffset.value,\n   }\n})\n\n// --- Canvas Logic ---\nconst canvasWidth = computed(() => props.type === 'line' ? 300 : props.width)\nconst canvasHeight = computed(() => props.type === 'line' ? props.strokeWidth * 3 : props.width)\n\n\n\nconst drawLine = (ctx: CanvasRenderingContext2D) => {\n  const w = canvasWidth.value\n  const h = props.strokeWidth\n  const r = h / 2\n  const y = (canvasHeight.value - h) / 2\n\n  // Track (Background)\n  ctx.beginPath()\n  ctx.fillStyle = '#f3f3f3'\n  ctx.roundRect(0, y, w, h, r)\n  ctx.fill()\n\n  // Bar (Progress)\n  const progressW = (currentValue.value / 100) * w\n  if (progressW > 0) {\n    ctx.beginPath()\n    ctx.fillStyle = getCurrentColor(currentValue.value)\n    ctx.roundRect(0, y, progressW, h, r)\n    ctx.fill()\n  }\n\n  // Text Inside Canvas?\n  if (props.textInside && props.showText) {\n     ctx.fillStyle = '#fff'\n     ctx.font = '12px Rubik'\n     ctx.textAlign = 'right'\n     ctx.textBaseline = 'middle'\n     if (progressW > 30) {\n        ctx.fillText(`${Math.round(currentValue.value)}%`, progressW - 5, y + h / 2)\n     }\n  }\n}\n\nconst drawCircle = (ctx: CanvasRenderingContext2D, isDashboard: boolean) => {\n  const cx = canvasWidth.value / 2\n  const cy = canvasHeight.value / 2\n  const r = (props.width - props.strokeWidth) / 2\n  const startAngle = isDashboard ? Math.PI * 0.75 : -Math.PI * 0.5\n  const totalAngle = isDashboard ? Math.PI * 1.5 : Math.PI * 2\n  const endAngle = startAngle + totalAngle * (currentValue.value / 100)\n  const trackEndAngle = startAngle + totalAngle\n\n  ctx.lineCap = props.strokeLinecap as CanvasLineCap\n  ctx.lineWidth = props.strokeWidth\n\n  // Track\n  ctx.beginPath()\n  ctx.strokeStyle = '#f3f3f3'\n  ctx.arc(cx, cy, r, startAngle, trackEndAngle)\n  ctx.stroke()\n\n  // Process\n  if (currentValue.value > 0) {\n    ctx.beginPath()\n    ctx.strokeStyle = getCurrentColor(currentValue.value)\n    ctx.arc(cx, cy, r, startAngle, endAngle)\n    ctx.stroke()\n  }\n}\n\nconst renderCanvas = () => {\n    const canvas = canvasRef.value\n    if (!canvas) return\n    const ctx = canvas.getContext('2d')\n    if (!ctx) return\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height)\n\n    if (props.type === 'line') {\n        drawLine(ctx)\n    } else {\n        drawCircle(ctx, props.type === 'dashboard')\n    }\n}\n\n// --- Unified Animation Logic ---\nconst animateProgress = () => {\n    if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value)\n\n    const target = props.percentage\n    const animated = props.animated\n    const speed = 2.0 // Animation speed increased\n\n    if (!animated) {\n        currentValue.value = target\n        if (props.useCanvas) renderCanvas()\n        return\n    }\n\n    if (Math.abs(currentValue.value - target) < speed) {\n        currentValue.value = target\n        if (props.useCanvas) renderCanvas()\n        return\n    }\n\n    if (currentValue.value < target) {\n        currentValue.value += speed\n    } else {\n        currentValue.value -= speed\n    }\n\n    if (props.useCanvas) renderCanvas()\n    animationFrameId.value = requestAnimationFrame(animateProgress)\n}\n\nwatch(() => props.percentage, animateProgress)\nwatch(() => props.animated, animateProgress)\nwatch(() => props.useCanvas, (val) => {\n    if (val) renderCanvas()\n})\nwatch(() => [props.type, props.strokeWidth, props.width, props.color], () => {\n    if(props.useCanvas) renderCanvas()\n})\n\nonMounted(() => {\n    if (props.useCanvas) renderCanvas()\n})\n\nonUnmounted(() => {\n    if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value)\n})\n\n</script>\n","import Progress from \"./src/progress.vue\";\nimport { withInstall } from \"@bee-plus/utils\";\n\nexport const BeeProgress = withInstall(Progress);\nexport default BeeProgress;\n","import * as components from '@bee-plus/components'\nimport type { App, Plugin } from 'vue'\n\nexport default {\n    install(app: App) {\n        Object.values(components).forEach((component) => {\n            if (component && (component as any).install) { // Check if it has install method (added by withInstall)\n                app.use(component as any)\n            }\n        })\n    }\n} as Plugin\n","import Installer from './defaults'\n\nexport * from '@bee-plus/components'\nexport * from '@bee-plus/utils'\n// export * from '@bee-plus/theme-chalk' // Styles are usually imported separately, but if needed.\n\nexport const install = Installer.install\nexport default Installer\n"],"names":["_createElementBlock","type","size","plain","round","circle","disabled","loading","_openBlock","_hoisted_2","icon","$slots","_hoisted_3","_renderSlot","Button","ref","computed","watch","onMounted","onUnmounted","status","showText","textInside","_createCommentVNode","useCanvas","_createElementVNode","_Fragment","strokeWidth","_toDisplayString","_normalizeStyle","width","Progress"],"mappings":"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"}

package/dist/index.mjs

@@ -0,0 +1,526 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, renderSlot, ref, computed, watch, onMounted, onUnmounted, createElementVNode, Fragment, normalizeStyle, toDisplayString } from 'vue';
+
+const ButtonType = [
+  "primary",
+  "success",
+  "info",
+  "warning",
+  "danger",
+  "default"
+];
+const ButtonSize = ["large", "default", "small"];
+const buttonProps = {
+  type: {
+    type: String,
+    values: ButtonType,
+    default: "default"
+  },
+  size: {
+    type: String,
+    values: ButtonSize,
+    default: "default"
+  },
+  plain: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  disabled: Boolean,
+  icon: String,
+  loading: Boolean
+};
+
+const _hoisted_1$1 = ["disabled"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "bee-icon-loading"
+};
+const _hoisted_3$1 = { key: 2 };
+var script$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BeeButton"
+  },
+  __name: "button",
+  props: buttonProps,
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClick = (evt) => {
+      if (props.disabled || props.loading) return;
+      emit("click", evt);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["bee-button", [
+          _ctx.type ? "bee-button--" + _ctx.type : "",
+          _ctx.size ? "bee-button--" + _ctx.size : "",
+          {
+            "is-plain": _ctx.plain,
+            "is-round": _ctx.round,
+            "is-circle": _ctx.circle,
+            "is-disabled": _ctx.disabled,
+            "is-loading": _ctx.loading
+          }
+        ]]),
+        disabled: _ctx.disabled || _ctx.loading,
+        onClick: handleClick
+      }, [
+        _ctx.loading ? (openBlock(), createElementBlock("i", _hoisted_2$1)) : createCommentVNode("v-if", true),
+        _ctx.icon && !_ctx.loading ? (openBlock(), createElementBlock(
+          "i",
+          {
+            key: 1,
+            class: normalizeClass(`bee-icon-${_ctx.icon}`)
+          },
+          null,
+          2
+          /* CLASS */
+        )) : createCommentVNode("v-if", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1$1);
+    };
+  }
+});
+
+script$1.__file = "packages/components/button/src/button.vue";
+
+const withInstall = (com) => {
+  com.install = function(app) {
+    app.component(com.name, com);
+  };
+  return com;
+};
+
+var index = withInstall(script$1);
+
+const progressProps = {
+  percentage: {
+    type: Number,
+    default: 0,
+    required: true,
+    validator: (val) => val >= 0 && val <= 100
+  },
+  type: {
+    type: String,
+    default: "line",
+    values: ["line", "circle", "dashboard"]
+  },
+  strokeWidth: {
+    type: Number,
+    default: 6
+  },
+  textInside: {
+    type: Boolean,
+    default: false
+  },
+  status: {
+    type: String,
+    values: ["success", "warning", "exception", ""],
+    default: ""
+  },
+  color: {
+    type: [String, Function, Array],
+    default: ""
+  },
+  width: {
+    type: Number,
+    default: 126
+  },
+  showText: {
+    type: Boolean,
+    default: true
+  },
+  strokeLinecap: {
+    type: String,
+    default: "round"
+  },
+  useCanvas: {
+    type: Boolean,
+    default: false
+  },
+  animated: {
+    type: Boolean,
+    default: true
+  },
+  format: {
+    type: Function,
+    default: (percentage) => `${percentage}%`
+  }
+};
+
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = {
+  key: 0,
+  class: "bee-progress-canvas"
+};
+const _hoisted_3 = ["width", "height"];
+const _hoisted_4 = {
+  key: 0,
+  class: "bee-progress-bar"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "bee-progress-bar__innerText"
+};
+const _hoisted_6 = { viewBox: "0 0 100 100" };
+const _hoisted_7 = ["d", "stroke-width"];
+const _hoisted_8 = ["d", "stroke-width"];
+const _hoisted_9 = { key: 0 };
+var script = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BeeProgress"
+  },
+  __name: "progress",
+  props: progressProps,
+  setup(__props) {
+    const props = __props;
+    const currentValue = ref(props.percentage);
+    const animationFrameId = ref(null);
+    const canvasRef = ref(null);
+    const content = computed(() => props.format(Math.round(currentValue.value)));
+    const progressTextSize = computed(() => {
+      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
+    });
+    const statusIconClass = computed(() => {
+      if (props.status === "warning") return "bee-icon-warning";
+      if (props.status === "success") return "bee-icon-check";
+      if (props.status === "exception") return "bee-icon-close";
+      return "";
+    });
+    const getCurrentColor = (percentage) => {
+      if (typeof props.color === "function") {
+        return props.color(percentage);
+      } else if (typeof props.color === "string" && props.color) {
+        return props.color;
+      } else {
+        return getLevelColor(percentage);
+      }
+    };
+    const getLevelColor = (percentage) => {
+      if (Array.isArray(props.color)) {
+        const colorArray = [...props.color].sort((a, b) => a.percentage - b.percentage);
+        for (let i = 0; i < colorArray.length; i++) {
+          if (colorArray[i].percentage > percentage) {
+            return colorArray[i].color;
+          }
+        }
+        return colorArray[colorArray.length - 1]?.color;
+      }
+      return props.status === "success" ? "#2ed573" : props.status === "warning" ? "#ffa502" : props.status === "exception" ? "#ff4757" : "#409eff";
+    };
+    const barStyle = computed(() => {
+      return {
+        width: `${currentValue.value}%`,
+        backgroundColor: getCurrentColor(currentValue.value),
+        transition: "none"
+        // Remove CSS transition to avoid conflict with JS animation
+      };
+    });
+    const relativeStrokeWidth = computed(() => {
+      return props.strokeWidth / props.width * 100;
+    });
+    const radius = computed(() => {
+      if (props.type === "circle" || props.type === "dashboard") {
+        return 50 - relativeStrokeWidth.value / 2;
+      }
+      return 0;
+    });
+    const trackPath = computed(() => {
+      const r = radius.value;
+      const isDashboard = props.type === "dashboard";
+      return `
+    M 50 50
+    m 0 ${isDashboard ? "" : "-"}${r}
+    a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
+    a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
+    `;
+    });
+    const perimeter = computed(() => {
+      return 2 * Math.PI * radius.value;
+    });
+    const rate = computed(() => {
+      return props.type === "dashboard" ? 0.75 : 1;
+    });
+    const strokeDashoffset = computed(() => {
+      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
+      return `${offset}px`;
+    });
+    const circlePathStyle = computed(() => {
+      return {
+        strokeDasharray: `${perimeter.value * rate.value * (currentValue.value / 100)}px, ${perimeter.value}px`,
+        strokeDashoffset: strokeDashoffset.value,
+        transition: "none",
+        stroke: getCurrentColor(currentValue.value)
+      };
+    });
+    const trackStyle = computed(() => {
+      return {
+        strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
+        strokeDashoffset: strokeDashoffset.value
+      };
+    });
+    const canvasWidth = computed(() => props.type === "line" ? 300 : props.width);
+    const canvasHeight = computed(() => props.type === "line" ? props.strokeWidth * 3 : props.width);
+    const drawLine = (ctx) => {
+      const w = canvasWidth.value;
+      const h = props.strokeWidth;
+      const r = h / 2;
+      const y = (canvasHeight.value - h) / 2;
+      ctx.beginPath();
+      ctx.fillStyle = "#f3f3f3";
+      ctx.roundRect(0, y, w, h, r);
+      ctx.fill();
+      const progressW = currentValue.value / 100 * w;
+      if (progressW > 0) {
+        ctx.beginPath();
+        ctx.fillStyle = getCurrentColor(currentValue.value);
+        ctx.roundRect(0, y, progressW, h, r);
+        ctx.fill();
+      }
+      if (props.textInside && props.showText) {
+        ctx.fillStyle = "#fff";
+        ctx.font = "12px Rubik";
+        ctx.textAlign = "right";
+        ctx.textBaseline = "middle";
+        if (progressW > 30) {
+          ctx.fillText(`${Math.round(currentValue.value)}%`, progressW - 5, y + h / 2);
+        }
+      }
+    };
+    const drawCircle = (ctx, isDashboard) => {
+      const cx = canvasWidth.value / 2;
+      const cy = canvasHeight.value / 2;
+      const r = (props.width - props.strokeWidth) / 2;
+      const startAngle = isDashboard ? Math.PI * 0.75 : -Math.PI * 0.5;
+      const totalAngle = isDashboard ? Math.PI * 1.5 : Math.PI * 2;
+      const endAngle = startAngle + totalAngle * (currentValue.value / 100);
+      const trackEndAngle = startAngle + totalAngle;
+      ctx.lineCap = props.strokeLinecap;
+      ctx.lineWidth = props.strokeWidth;
+      ctx.beginPath();
+      ctx.strokeStyle = "#f3f3f3";
+      ctx.arc(cx, cy, r, startAngle, trackEndAngle);
+      ctx.stroke();
+      if (currentValue.value > 0) {
+        ctx.beginPath();
+        ctx.strokeStyle = getCurrentColor(currentValue.value);
+        ctx.arc(cx, cy, r, startAngle, endAngle);
+        ctx.stroke();
+      }
+    };
+    const renderCanvas = () => {
+      const canvas = canvasRef.value;
+      if (!canvas) return;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      if (props.type === "line") {
+        drawLine(ctx);
+      } else {
+        drawCircle(ctx, props.type === "dashboard");
+      }
+    };
+    const animateProgress = () => {
+      if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value);
+      const target = props.percentage;
+      const animated = props.animated;
+      const speed = 2;
+      if (!animated) {
+        currentValue.value = target;
+        if (props.useCanvas) renderCanvas();
+        return;
+      }
+      if (Math.abs(currentValue.value - target) < speed) {
+        currentValue.value = target;
+        if (props.useCanvas) renderCanvas();
+        return;
+      }
+      if (currentValue.value < target) {
+        currentValue.value += speed;
+      } else {
+        currentValue.value -= speed;
+      }
+      if (props.useCanvas) renderCanvas();
+      animationFrameId.value = requestAnimationFrame(animateProgress);
+    };
+    watch(() => props.percentage, animateProgress);
+    watch(() => props.animated, animateProgress);
+    watch(() => props.useCanvas, (val) => {
+      if (val) renderCanvas();
+    });
+    watch(() => [props.type, props.strokeWidth, props.width, props.color], () => {
+      if (props.useCanvas) renderCanvas();
+    });
+    onMounted(() => {
+      if (props.useCanvas) renderCanvas();
+    });
+    onUnmounted(() => {
+      if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bee-progress", [
+          "bee-progress--" + _ctx.type,
+          _ctx.status ? "is-" + _ctx.status : "",
+          {
+            "bee-progress--without-text": !_ctx.showText,
+            "bee-progress--text-inside": _ctx.textInside
+          }
+        ]]),
+        role: "progressbar",
+        "aria-valuenow": currentValue.value,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        createCommentVNode(" Canvas Mode "),
+        _ctx.useCanvas ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("canvas", {
+            ref_key: "canvasRef",
+            ref: canvasRef,
+            width: canvasWidth.value,
+            height: canvasHeight.value
+          }, null, 8, _hoisted_3)
+        ])) : (openBlock(), createElementBlock(
+          Fragment,
+          { key: 1 },
+          [
+            createCommentVNode(" DOM/SVG Mode "),
+            createCommentVNode(" Line Progress "),
+            _ctx.type === "line" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode(
+                "div",
+                {
+                  class: "bee-progress-bar__outer",
+                  style: normalizeStyle({ height: _ctx.strokeWidth + "px" })
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: "bee-progress-bar__inner",
+                      style: normalizeStyle(barStyle.value)
+                    },
+                    [
+                      _ctx.textInside && _ctx.showText ? (openBlock(), createElementBlock(
+                        "div",
+                        _hoisted_5,
+                        toDisplayString(content.value),
+                        1
+                        /* TEXT */
+                      )) : createCommentVNode("v-if", true)
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ],
+                4
+                /* STYLE */
+              )
+            ])) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                createCommentVNode(" Circle / Dashboard Progress "),
+                createElementVNode(
+                  "div",
+                  {
+                    class: "bee-progress-circle",
+                    style: normalizeStyle({ width: _ctx.width + "px", height: _ctx.width + "px" })
+                  },
+                  [
+                    (openBlock(), createElementBlock("svg", _hoisted_6, [
+                      createElementVNode("path", {
+                        class: "bee-progress-circle__track",
+                        d: trackPath.value,
+                        fill: "none",
+                        "stroke-width": relativeStrokeWidth.value,
+                        style: normalizeStyle(trackStyle.value)
+                      }, null, 12, _hoisted_7),
+                      createElementVNode("path", {
+                        class: "bee-progress-circle__path",
+                        d: trackPath.value,
+                        fill: "none",
+                        "stroke-linecap": "round",
+                        "stroke-width": relativeStrokeWidth.value,
+                        style: normalizeStyle(circlePathStyle.value)
+                      }, null, 12, _hoisted_8)
+                    ]))
+                  ],
+                  4
+                  /* STYLE */
+                )
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )),
+        createCommentVNode(" Text (Outside) "),
+        !_ctx.textInside && _ctx.showText ? (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 2,
+            class: "bee-progress__text",
+            style: normalizeStyle({ fontSize: progressTextSize.value + "px" })
+          },
+          [
+            _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                !_ctx.status ? (openBlock(), createElementBlock(
+                  "span",
+                  _hoisted_9,
+                  toDisplayString(content.value),
+                  1
+                  /* TEXT */
+                )) : (openBlock(), createElementBlock(
+                  "i",
+                  {
+                    key: 1,
+                    class: normalizeClass(statusIconClass.value)
+                  },
+                  null,
+                  2
+                  /* CLASS */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        )) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+
+script.__file = "packages/components/progress/src/progress.vue";
+
+const BeeProgress = withInstall(script);
+
+var components = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BeeButton: index,
+    BeeProgress: BeeProgress
+});
+
+var Installer = {
+  install(app) {
+    Object.values(components).forEach((component) => {
+      if (component && component.install) {
+        app.use(component);
+      }
+    });
+  }
+};
+
+const install = Installer.install;
+
+export { index as BeeButton, BeeProgress, Installer as default, install, withInstall };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../components/button/src/button.ts","../../components/button/src/button.vue","../../utils/with-install.ts","../../components/button/index.ts","../../components/progress/src/progress.ts","../../components/progress/src/progress.vue","../../components/progress/index.ts","../defaults.ts","../index.ts"],"sourcesContent":["import type { ExtractPropTypes } from \"vue\";\n\nexport const ButtonType = [\n    \"primary\",\n    \"success\",\n    \"info\",\n    \"warning\",\n    \"danger\",\n    \"default\",\n] as const;\n\nexport const ButtonSize = [\"large\", \"default\", \"small\"] as const;\n\nexport const buttonProps = {\n    type: {\n        type: String,\n        values: ButtonType,\n        default: \"default\",\n    },\n    size: {\n        type: String,\n        values: ButtonSize,\n        default: \"default\",\n    },\n    plain: Boolean,\n    round: Boolean,\n    circle: Boolean,\n    disabled: Boolean,\n    icon: String,\n    loading: Boolean,\n} as const;\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>;\n","<template>\n  <button\n    class=\"bee-button\"\n    :class=\"[\n      type ? 'bee-button--' + type : '',\n      size ? 'bee-button--' + size : '',\n      {\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n        'is-disabled': disabled,\n        'is-loading': loading,\n      },\n    ]\"\n    :disabled=\"disabled || loading\"\n    @click=\"handleClick\"\n  >\n    <i v-if=\"loading\" class=\"bee-icon-loading\"></i>\n    <i v-if=\"icon && !loading\" :class=\"`bee-icon-${icon}`\"></i>\n    <span v-if=\"$slots.default\">\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { buttonProps } from \"./button\";\n\ndefineOptions({\n  name: \"BeeButton\",\n});\n\nconst props = defineProps(buttonProps);\nconst emit = defineEmits([\"click\"]);\n\nconst handleClick = (evt: MouseEvent) => {\n  if (props.disabled || props.loading) return;\n  emit(\"click\", evt);\n};\n</script>\n","// 该文件会导出一个工具方法，该方法用于组件的安装\n\nimport type { App, Plugin } from \"vue\";\n\n// 这里定义了一个新的 SFCWithInstall 的类型\n// 这是一个泛型类型，代表的是一个即是类型 T 又是 Plugin 类型的类型\n// 也就是说，这个类型的对象既有 T 类型的所有属性和方法，也有 Plugin 的所有属性和方法\nexport type SFCWithInstall<T> = T & {\n    install(app: App): void;\n};\n\nexport const withInstall = <T>(com: T) => {\n    (com as SFCWithInstall<T>).install = function (app: App) {\n        app.component((com as any).name, com as SFCWithInstall<T>);\n    }\n    return com as SFCWithInstall<T>;\n};\n\n// 之后外部在使用这个 withInstall 的时候，大致是这么使用\n\n// withInstall(MyComponent) ---> 这里其实就是对这个组件做一个增强效果，添加了一个 install 方法\n\n// 之后在其他项目中：\n\n// app.use(MyComponent)\n","// 每个组件的入口文件\n\nimport Button from \"./src/button.vue\";\nimport { withInstall } from \"@bee-plus/utils\";\n\nexport default withInstall(Button);\n","import type { ExtractPropTypes, PropType } from 'vue'\n\nexport type ProgressType = 'line' | 'circle' | 'dashboard'\n\nexport const progressProps = {\n    percentage: {\n        type: Number,\n        default: 0,\n        required: true,\n        validator: (val: number) => val >= 0 && val <= 100\n    },\n    type: {\n        type: String as PropType<ProgressType>,\n        default: 'line',\n        values: ['line', 'circle', 'dashboard']\n    },\n    strokeWidth: {\n        type: Number,\n        default: 6\n    },\n    textInside: {\n        type: Boolean,\n        default: false\n    },\n    status: {\n        type: String,\n        values: ['success', 'warning', 'exception', ''],\n        default: ''\n    },\n    color: {\n        type: [String, Function, Array] as PropType<string | Function | Array<any>>,\n        default: ''\n    },\n    width: {\n        type: Number,\n        default: 126\n    },\n    showText: {\n        type: Boolean,\n        default: true\n    },\n    strokeLinecap: {\n        type: String,\n        default: 'round'\n    },\n    useCanvas: {\n        type: Boolean,\n        default: false\n    },\n    animated: {\n        type: Boolean,\n        default: true\n    },\n    format: {\n        type: Function,\n        default: (percentage: number) => `${percentage}%`\n    }\n}\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\n","<template>\n  <div\n    class=\"bee-progress\"\n    :class=\"[\n      'bee-progress--' + type,\n      status ? 'is-' + status : '',\n      {\n        'bee-progress--without-text': !showText,\n        'bee-progress--text-inside': textInside,\n      }\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"currentValue\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <!-- Canvas Mode -->\n    <div v-if=\"useCanvas\" class=\"bee-progress-canvas\">\n       <canvas ref=\"canvasRef\" :width=\"canvasWidth\" :height=\"canvasHeight\"></canvas>\n    </div>\n\n    <!-- DOM/SVG Mode -->\n    <template v-else>\n      <!-- Line Progress -->\n      <div v-if=\"type === 'line'\" class=\"bee-progress-bar\">\n        <div\n          class=\"bee-progress-bar__outer\"\n          :style=\"{ height: strokeWidth + 'px' }\"\n        >\n          <div\n            class=\"bee-progress-bar__inner\"\n            :style=\"barStyle\"\n          >\n            <div v-if=\"textInside && showText\" class=\"bee-progress-bar__innerText\">\n              {{ content }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Circle / Dashboard Progress -->\n      <div\n        v-else\n        class=\"bee-progress-circle\"\n        :style=\"{ width: width + 'px', height: width + 'px' }\"\n      >\n        <svg viewBox=\"0 0 100 100\">\n          <path\n            class=\"bee-progress-circle__track\"\n            :d=\"trackPath\"\n            fill=\"none\"\n            :stroke-width=\"relativeStrokeWidth\"\n            :style=\"trackStyle\"\n          ></path>\n          <path\n            class=\"bee-progress-circle__path\"\n            :d=\"trackPath\"\n            fill=\"none\"\n            stroke-linecap=\"round\"\n            :stroke-width=\"relativeStrokeWidth\"\n            :style=\"circlePathStyle\"\n          ></path>\n        </svg>\n      </div>\n    </template>\n\n    <!-- Text (Outside) -->\n    <div\n      v-if=\"!textInside && showText\"\n      class=\"bee-progress__text\"\n      :style=\"{ fontSize: progressTextSize + 'px' }\"\n    >\n      <slot v-if=\"$slots.default\"></slot>\n      <template v-else>\n        <span v-if=\"!status\">{{ content }}</span>\n        <i v-else :class=\"statusIconClass\"></i>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, onMounted, onUnmounted, watch } from 'vue'\nimport { progressProps } from './progress'\n\ndefineOptions({\n  name: 'BeeProgress'\n})\n\nconst props = defineProps(progressProps)\n\nconst currentValue = ref(props.percentage)\nconst animationFrameId = ref<number | null>(null)\nconst canvasRef = ref<HTMLCanvasElement | null>(null)\n\n// --- Common Logic ---\nconst content = computed(() => props.format(Math.round(currentValue.value)))\n\nconst progressTextSize = computed(() => {\n  return props.type === 'line' ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2\n})\n\nconst statusIconClass = computed(() => {\n  if (props.status === 'warning') return 'bee-icon-warning'\n  if (props.status === 'success') return 'bee-icon-check'\n  if (props.status === 'exception') return 'bee-icon-close'\n  return ''\n})\n\nconst getCurrentColor = (percentage: number) => {\n  if (typeof props.color === 'function') {\n    return props.color(percentage)\n  } else if (typeof props.color === 'string' && props.color) {\n    return props.color\n  } else {\n    return getLevelColor(percentage)\n  }\n}\n\nconst getLevelColor = (percentage: number) => {\n  if (Array.isArray(props.color)) {\n      const colorArray = [...props.color].sort((a, b) => a.percentage - b.percentage);\n       for (let i = 0; i < colorArray.length; i++) {\n        if (colorArray[i].percentage > percentage) {\n          return colorArray[i].color\n        }\n      }\n      return colorArray[colorArray.length - 1]?.color\n  }\n  return props.status === 'success' ? '#2ed573' :\n         props.status === 'warning' ? '#ffa502' :\n         props.status === 'exception' ? '#ff4757' : '#409eff'\n}\n\n// --- DOM / SVG Logic ---\n\nconst barStyle = computed(() => {\n  return {\n    width: `${currentValue.value}%`,\n    backgroundColor: getCurrentColor(currentValue.value),\n    transition: 'none' // Remove CSS transition to avoid conflict with JS animation\n  }\n})\n\nconst relativeStrokeWidth = computed(() => {\n  return (props.strokeWidth / props.width) * 100\n})\n\nconst radius = computed(() => {\n  if (props.type === 'circle' || props.type === 'dashboard') {\n    return 50 - relativeStrokeWidth.value / 2\n  }\n  return 0\n})\n\nconst trackPath = computed(() => {\n  const r = radius.value\n  const isDashboard = props.type === 'dashboard'\n  return `\n    M 50 50\n    m 0 ${isDashboard ? '' : '-'}${r}\n    a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n    a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n    `\n})\n\nconst perimeter = computed(() => {\n  return 2 * Math.PI * radius.value\n})\n\nconst rate = computed(() => {\n  return props.type === 'dashboard' ? 0.75 : 1\n})\n\nconst strokeDashoffset = computed(() => {\n  const offset = -1 * perimeter.value * (1 - rate.value) / 2\n  return `${offset}px`\n})\n\nconst circlePathStyle = computed(() => {\n  return {\n    strokeDasharray: `${perimeter.value * rate.value * (currentValue.value / 100)}px, ${perimeter.value}px`,\n    strokeDashoffset: strokeDashoffset.value,\n    transition: 'none',\n    stroke: getCurrentColor(currentValue.value)\n  }\n})\n\nconst trackStyle = computed(() => {\n   return {\n    strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,\n    strokeDashoffset: strokeDashoffset.value,\n   }\n})\n\n// --- Canvas Logic ---\nconst canvasWidth = computed(() => props.type === 'line' ? 300 : props.width)\nconst canvasHeight = computed(() => props.type === 'line' ? props.strokeWidth * 3 : props.width)\n\n\n\nconst drawLine = (ctx: CanvasRenderingContext2D) => {\n  const w = canvasWidth.value\n  const h = props.strokeWidth\n  const r = h / 2\n  const y = (canvasHeight.value - h) / 2\n\n  // Track (Background)\n  ctx.beginPath()\n  ctx.fillStyle = '#f3f3f3'\n  ctx.roundRect(0, y, w, h, r)\n  ctx.fill()\n\n  // Bar (Progress)\n  const progressW = (currentValue.value / 100) * w\n  if (progressW > 0) {\n    ctx.beginPath()\n    ctx.fillStyle = getCurrentColor(currentValue.value)\n    ctx.roundRect(0, y, progressW, h, r)\n    ctx.fill()\n  }\n\n  // Text Inside Canvas?\n  if (props.textInside && props.showText) {\n     ctx.fillStyle = '#fff'\n     ctx.font = '12px Rubik'\n     ctx.textAlign = 'right'\n     ctx.textBaseline = 'middle'\n     if (progressW > 30) {\n        ctx.fillText(`${Math.round(currentValue.value)}%`, progressW - 5, y + h / 2)\n     }\n  }\n}\n\nconst drawCircle = (ctx: CanvasRenderingContext2D, isDashboard: boolean) => {\n  const cx = canvasWidth.value / 2\n  const cy = canvasHeight.value / 2\n  const r = (props.width - props.strokeWidth) / 2\n  const startAngle = isDashboard ? Math.PI * 0.75 : -Math.PI * 0.5\n  const totalAngle = isDashboard ? Math.PI * 1.5 : Math.PI * 2\n  const endAngle = startAngle + totalAngle * (currentValue.value / 100)\n  const trackEndAngle = startAngle + totalAngle\n\n  ctx.lineCap = props.strokeLinecap as CanvasLineCap\n  ctx.lineWidth = props.strokeWidth\n\n  // Track\n  ctx.beginPath()\n  ctx.strokeStyle = '#f3f3f3'\n  ctx.arc(cx, cy, r, startAngle, trackEndAngle)\n  ctx.stroke()\n\n  // Process\n  if (currentValue.value > 0) {\n    ctx.beginPath()\n    ctx.strokeStyle = getCurrentColor(currentValue.value)\n    ctx.arc(cx, cy, r, startAngle, endAngle)\n    ctx.stroke()\n  }\n}\n\nconst renderCanvas = () => {\n    const canvas = canvasRef.value\n    if (!canvas) return\n    const ctx = canvas.getContext('2d')\n    if (!ctx) return\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height)\n\n    if (props.type === 'line') {\n        drawLine(ctx)\n    } else {\n        drawCircle(ctx, props.type === 'dashboard')\n    }\n}\n\n// --- Unified Animation Logic ---\nconst animateProgress = () => {\n    if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value)\n\n    const target = props.percentage\n    const animated = props.animated\n    const speed = 2.0 // Animation speed increased\n\n    if (!animated) {\n        currentValue.value = target\n        if (props.useCanvas) renderCanvas()\n        return\n    }\n\n    if (Math.abs(currentValue.value - target) < speed) {\n        currentValue.value = target\n        if (props.useCanvas) renderCanvas()\n        return\n    }\n\n    if (currentValue.value < target) {\n        currentValue.value += speed\n    } else {\n        currentValue.value -= speed\n    }\n\n    if (props.useCanvas) renderCanvas()\n    animationFrameId.value = requestAnimationFrame(animateProgress)\n}\n\nwatch(() => props.percentage, animateProgress)\nwatch(() => props.animated, animateProgress)\nwatch(() => props.useCanvas, (val) => {\n    if (val) renderCanvas()\n})\nwatch(() => [props.type, props.strokeWidth, props.width, props.color], () => {\n    if(props.useCanvas) renderCanvas()\n})\n\nonMounted(() => {\n    if (props.useCanvas) renderCanvas()\n})\n\nonUnmounted(() => {\n    if (animationFrameId.value) cancelAnimationFrame(animationFrameId.value)\n})\n\n</script>\n","import Progress from \"./src/progress.vue\";\nimport { withInstall } from \"@bee-plus/utils\";\n\nexport const BeeProgress = withInstall(Progress);\nexport default BeeProgress;\n","import * as components from '@bee-plus/components'\nimport type { App, Plugin } from 'vue'\n\nexport default {\n    install(app: App) {\n        Object.values(components).forEach((component) => {\n            if (component && (component as any).install) { // Check if it has install method (added by withInstall)\n                app.use(component as any)\n            }\n        })\n    }\n} as Plugin\n","import Installer from './defaults'\n\nexport * from '@bee-plus/components'\nexport * from '@bee-plus/utils'\n// export * from '@bee-plus/theme-chalk' // Styles are usually imported separately, but if needed.\n\nexport const install = Installer.install\nexport default Installer\n"],"names":["_createElementBlock","type","size","plain","round","circle","disabled","loading","_openBlock","_hoisted_2","icon","$slots","_hoisted_3","_renderSlot","Button","status","showText","textInside","_createCommentVNode","useCanvas","_createElementVNode","_Fragment","strokeWidth","_toDisplayString","_normalizeStyle","width","Progress"],"mappings":"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"}

package/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "bee-plus",
+    "version": "1.0.0",
+    "description": "Vue 3 component library for bee-plus",
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/packages/bee-plus/index.d.ts",
+    "files": [
+        "dist"
+    ],
+    "exports": {
+        ".": {
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js",
+            "types": "./dist/packages/bee-plus/index.d.ts"
+        },
+        "./dist/style.css": "./dist/index.css"
+    }
+}