@usethink/shared-frontend 0.1.1 → 0.1.3

package/dist/src/components/basic/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/context-menu/index.ts"],"sourcesContent":["export { createContextMenu, destroyContextMenu } from './src/createContextMenu'\n\nexport * from './src/typing'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __context_menuIndexMarker = true\n"],"names":["__context_menuIndexMarker"],"mappings":";;;AAKO,MAAMA,IAA4B;"}

package/dist/src/components/basic/context-menu/src/ContextMenu.vue.js

@@ -0,0 +1,97 @@
+import { jsx as t, jsxs as b, Fragment as g } from "vue/jsx-runtime";
+import { defineComponent as j, ref as C, computed as M, unref as $ } from "vue";
+import { Dropdown as D, Menu as a } from "ant-design-vue";
+import "@iconify/vue";
+import "vue-virtual-scroller";
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import "@vueuse/core";
+import "@iconify-json/ep/icons.json";
+import "@iconify-json/ant-design/icons.json";
+/* empty css                             */
+/* empty css                          */
+import "lodash-es";
+import O from "../../icon/src/icon-font.js";
+const k = {
+  width: { type: Number, default: 156 },
+  customEvent: { type: Object, default: null },
+  styles: { type: Object },
+  showIcon: { type: Boolean, default: !0 },
+  axis: {
+    // The position of the right mouse button click
+    type: Object,
+    default() {
+      return { x: 0, y: 0 };
+    }
+  },
+  items: {
+    // The most important list, if not, will not be displayed
+    type: Array,
+    default() {
+      return [];
+    }
+  }
+}, y = (n) => {
+  const { item: s } = n;
+  return /* @__PURE__ */ b(
+    "span",
+    {
+      style: "display: inline-block; width: 100%; ",
+      class: "px-4",
+      onClick: n.handler.bind(null, s),
+      children: [
+        n.showIcon && s.icon && /* @__PURE__ */ t(O, { class: "mr-2", type: s.icon }),
+        /* @__PURE__ */ t("span", { children: s.label })
+      ]
+    }
+  );
+}, J = j({
+  name: "ContextMenu",
+  props: k,
+  setup(n, { expose: s }) {
+    const m = C(!0), x = M(() => {
+      const { axis: o, items: c, styles: e, width: i } = n, { x: r, y: l } = o || { x: 0, y: 0 }, u = (c || []).length * 40, d = i, f = document.body, I = f.clientWidth < r + d ? r - d : r, w = f.clientHeight < l + u ? l - u : l;
+      return {
+        position: "absolute",
+        width: `${i}px`,
+        left: `${I + 1}px`,
+        top: `${w + 1}px`,
+        ...e
+      };
+    }), p = () => {
+      m.value = !1;
+    };
+    function v(o, c) {
+      const { handler: e, disabled: i } = o;
+      i || (c?.stopPropagation(), c?.preventDefault(), e?.(), p());
+    }
+    function h(o) {
+      return o.filter((e) => !e.hidden).map((e) => {
+        const { disabled: i, label: r, children: l, divider: u = !1 } = e, d = {
+          item: e,
+          handler: v,
+          showIcon: n.showIcon
+        };
+        return !l || l.length === 0 ? /* @__PURE__ */ b(g, { children: [
+          /* @__PURE__ */ t(a.Item, { disabled: i, children: /* @__PURE__ */ t(y, { ...d }) }, r),
+          u ? /* @__PURE__ */ t(a.Divider, {}, `d-${r}`) : null
+        ] }) : /* @__PURE__ */ t(a.SubMenu, { disabled: i, children: {
+          title: () => /* @__PURE__ */ t(y, { ...d }),
+          default: () => h(l)
+        } }, r);
+      });
+    }
+    return s({
+      close: p
+    }), () => {
+      const { items: o } = n;
+      return /* @__PURE__ */ t(D, { open: m.value, children: {
+        default: () => /* @__PURE__ */ t("div", { style: $(x) }),
+        overlay: () => /* @__PURE__ */ t(a, { inlineIndent: 12, mode: "vertical", children: h(o) })
+      } });
+    };
+  }
+});
+export {
+  J as default
+};
+//# sourceMappingURL=ContextMenu.vue.js.map

package/dist/src/components/basic/context-menu/src/ContextMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.vue.js","sources":["../../../../../../src/components/basic/context-menu/src/ContextMenu.vue"],"sourcesContent":["<script lang=\"tsx\">\n  import { defineComponent, computed, ref, unref } from 'vue'\n  import { Menu, Dropdown } from 'ant-design-vue'\n  import type { ContextMenuItem, ItemContentProps, Axis } from './typing'\n  import type { FunctionalComponent, CSSProperties, PropType } from 'vue'\n  import { IconFont } from '@/components/basic/icon'\n\n  const props = {\n    width: { type: Number, default: 156 },\n    customEvent: { type: Object as PropType<Event>, default: null },\n    styles: { type: Object as PropType<CSSProperties> },\n    showIcon: { type: Boolean, default: true },\n    axis: {\n      // The position of the right mouse button click\n      type: Object as PropType<Axis>,\n      default() {\n        return { x: 0, y: 0 }\n      },\n    },\n    items: {\n      // The most important list, if not, will not be displayed\n      type: Array as PropType<ContextMenuItem[]>,\n      default() {\n        return []\n      },\n    },\n  }\n\n  const ItemContent: FunctionalComponent<ItemContentProps> = props => {\n    const { item } = props\n    return (\n      <span\n        style=\"display: inline-block; width: 100%; \"\n        class=\"px-4\"\n        onClick={props.handler.bind(null, item)}\n      >\n        {props.showIcon && item.icon && <IconFont class=\"mr-2\" type={item.icon} />}\n        <span>{item.label}</span>\n      </span>\n    )\n  }\n\n  export default defineComponent({\n    name: 'ContextMenu',\n    props,\n    setup(props, { expose }) {\n      const open = ref(true)\n\n      const getStyle = computed((): CSSProperties => {\n        const { axis, items, styles, width } = props\n        const { x, y } = axis || { x: 0, y: 0 }\n        const menuHeight = (items || []).length * 40\n        const menuWidth = width\n        const body = document.body\n\n        const left = body.clientWidth < x + menuWidth ? x - menuWidth : x\n        const top = body.clientHeight < y + menuHeight ? y - menuHeight : y\n        return {\n          position: 'absolute',\n          width: `${width}px`,\n          left: `${left + 1}px`,\n          top: `${top + 1}px`,\n          ...styles,\n        }\n      })\n\n      const close = () => {\n        open.value = false\n      }\n\n      function handleAction(item: ContextMenuItem, e: MouseEvent) {\n        const { handler, disabled } = item\n        if (disabled) {\n          return\n        }\n        e?.stopPropagation()\n        e?.preventDefault()\n        handler?.()\n        close()\n      }\n\n      function renderMenuItem(items: ContextMenuItem[]) {\n        const visibleItems = items.filter(item => !item.hidden)\n        return visibleItems.map(item => {\n          const { disabled, label, children, divider = false } = item\n\n          const contentProps = {\n            item,\n            handler: handleAction,\n            showIcon: props.showIcon,\n          }\n\n          if (!children || children.length === 0) {\n            return (\n              <>\n                <Menu.Item disabled={disabled} key={label}>\n                  <ItemContent {...contentProps} />\n                </Menu.Item>\n                {divider ? <Menu.Divider key={`d-${label}`} /> : null}\n              </>\n            )\n          }\n\n          return (\n            <Menu.SubMenu key={label} disabled={disabled}>\n              {{\n                title: () => <ItemContent {...contentProps} />,\n                default: () => renderMenuItem(children),\n              }}\n            </Menu.SubMenu>\n          )\n        })\n      }\n\n      expose({\n        close,\n      })\n\n      return () => {\n        const { items } = props\n        return (\n          <Dropdown open={open.value}>\n            {{\n              default: () => <div style={unref(getStyle)}></div>,\n              overlay: () => (\n                <Menu inlineIndent={12} mode=\"vertical\">\n                  {renderMenuItem(items)}\n                </Menu>\n              ),\n            }}\n          </Dropdown>\n        )\n      }\n    },\n  })\n</script>\n"],"names":["props","ItemContent","item","jsxs","jsx","IconFont","_sfc_main","defineComponent","expose","open","ref","getStyle","computed","axis","items","styles","width","x","y","menuHeight","menuWidth","body","left","top","close","handleAction","e","handler","disabled","renderMenuItem","label","children","divider","contentProps","Fragment","Menu","Dropdown","unref"],"mappings":"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"}

package/dist/src/components/basic/context-menu/src/ContextMenu2.vue.js

@@ -0,0 +1,5 @@
+import f from "./ContextMenu.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ContextMenu2.vue.js.map

package/dist/src/components/basic/context-menu/src/ContextMenu2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/src/components/basic/context-menu/src/createContextMenu.js

@@ -0,0 +1,41 @@
+import { createVNode as a, render as v } from "vue";
+import f from "./ContextMenu.vue.js";
+import { isClient as u } from "../../../../utils/is.js";
+const e = {
+  domList: [],
+  resolve: () => {
+  }
+}, E = function(t) {
+  const { event: o } = t || {};
+  if (o && o?.preventDefault(), !!u)
+    return new Promise((d) => {
+      const n = document.body, s = document.createElement("div"), r = {
+        getPopupContainer: () => s
+      };
+      t.styles && (r.styles = t.styles), t.items && (r.items = t.items), t.event && (r.customEvent = o, r.axis = { x: o.clientX, y: o.clientY });
+      const m = a(f, r);
+      v(m, s);
+      const c = function() {
+        e.resolve("");
+      };
+      e.domList.push(s);
+      const l = function() {
+        e.domList.forEach((i) => {
+          try {
+            i && n.removeChild(i);
+          } catch {
+          }
+        }), n.removeEventListener("click", c), n.removeEventListener("scroll", c);
+      };
+      e.resolve = function(i) {
+        m.component?.exposed?.close(), l(), d(i);
+      }, l(), n.appendChild(s), n.addEventListener("click", c), n.addEventListener("scroll", c);
+    });
+}, h = function() {
+  e && (e.resolve(""), e.domList = []);
+};
+export {
+  E as createContextMenu,
+  h as destroyContextMenu
+};
+//# sourceMappingURL=createContextMenu.js.map

package/dist/src/components/basic/context-menu/src/createContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContextMenu.js","sources":["../../../../../../src/components/basic/context-menu/src/createContextMenu.ts"],"sourcesContent":["import { createVNode, render } from 'vue'\nimport contextMenuVue from './ContextMenu.vue'\nimport type { CreateContextOptions, ContextMenuProps } from './typing'\nimport { isClient } from '@/utils/is'\n\nconst menuManager: {\n  domList: Element[]\n  resolve: Fn\n} = {\n  domList: [],\n  resolve: () => {},\n}\n\nexport const createContextMenu = function (options: CreateContextOptions) {\n  const { event } = options || {}\n\n  event && event?.preventDefault()\n\n  if (!isClient) {\n    return\n  }\n  return new Promise(resolve => {\n    const body = document.body\n\n    const container = document.createElement('div')\n    const propsData: Partial<ContextMenuProps> = {\n      getPopupContainer: () => container,\n    }\n    if (options.styles) {\n      propsData.styles = options.styles\n    }\n\n    if (options.items) {\n      propsData.items = options.items\n    }\n\n    if (options.event) {\n      propsData.customEvent = event\n      propsData.axis = { x: event.clientX, y: event.clientY }\n    }\n\n    const vm = createVNode(contextMenuVue, propsData)\n    render(vm, container)\n\n    const handleClick = function () {\n      menuManager.resolve('')\n    }\n\n    menuManager.domList.push(container)\n\n    const remove = function () {\n      menuManager.domList.forEach((dom: Element) => {\n        try {\n          dom && body.removeChild(dom)\n        } catch (error) {}\n      })\n      body.removeEventListener('click', handleClick)\n      body.removeEventListener('scroll', handleClick)\n    }\n\n    menuManager.resolve = function (arg) {\n      vm.component?.exposed?.close()\n      remove()\n      resolve(arg)\n    }\n    remove()\n    body.appendChild(container)\n    body.addEventListener('click', handleClick)\n    body.addEventListener('scroll', handleClick)\n  })\n}\n\nexport const destroyContextMenu = function () {\n  if (menuManager) {\n    menuManager.resolve('')\n    menuManager.domList = []\n  }\n}\n"],"names":["menuManager","createContextMenu","options","event","isClient","resolve","body","container","propsData","vm","createVNode","contextMenuVue","render","handleClick","remove","dom","arg","destroyContextMenu"],"mappings":";;;AAKA,MAAMA,IAGF;AAAA,EACF,SAAS,CAAA;AAAA,EACT,SAAS,MAAM;AAAA,EAAC;AAClB,GAEaC,IAAoB,SAAUC,GAA+B;AACxE,QAAM,EAAE,OAAAC,MAAUD,KAAW,CAAA;AAI7B,MAFAC,KAASA,GAAO,eAAA,GAEZ,EAACC;AAGL,WAAO,IAAI,QAAQ,CAAAC,MAAW;AAC5B,YAAMC,IAAO,SAAS,MAEhBC,IAAY,SAAS,cAAc,KAAK,GACxCC,IAAuC;AAAA,QAC3C,mBAAmB,MAAMD;AAAA,MAAA;AAE3B,MAAIL,EAAQ,WACVM,EAAU,SAASN,EAAQ,SAGzBA,EAAQ,UACVM,EAAU,QAAQN,EAAQ,QAGxBA,EAAQ,UACVM,EAAU,cAAcL,GACxBK,EAAU,OAAO,EAAE,GAAGL,EAAM,SAAS,GAAGA,EAAM,QAAA;AAGhD,YAAMM,IAAKC,EAAYC,GAAgBH,CAAS;AAChD,MAAAI,EAAOH,GAAIF,CAAS;AAEpB,YAAMM,IAAc,WAAY;AAC9B,QAAAb,EAAY,QAAQ,EAAE;AAAA,MACxB;AAEA,MAAAA,EAAY,QAAQ,KAAKO,CAAS;AAElC,YAAMO,IAAS,WAAY;AACzB,QAAAd,EAAY,QAAQ,QAAQ,CAACe,MAAiB;AAC5C,cAAI;AACF,YAAAA,KAAOT,EAAK,YAAYS,CAAG;AAAA,UAC7B,QAAgB;AAAA,UAAC;AAAA,QACnB,CAAC,GACDT,EAAK,oBAAoB,SAASO,CAAW,GAC7CP,EAAK,oBAAoB,UAAUO,CAAW;AAAA,MAChD;AAEA,MAAAb,EAAY,UAAU,SAAUgB,GAAK;AACnC,QAAAP,EAAG,WAAW,SAAS,MAAA,GACvBK,EAAA,GACAT,EAAQW,CAAG;AAAA,MACb,GACAF,EAAA,GACAR,EAAK,YAAYC,CAAS,GAC1BD,EAAK,iBAAiB,SAASO,CAAW,GAC1CP,EAAK,iBAAiB,UAAUO,CAAW;AAAA,IAC7C,CAAC;AACH,GAEaI,IAAqB,WAAY;AAC5C,EAAIjB,MACFA,EAAY,QAAQ,EAAE,GACtBA,EAAY,UAAU,CAAA;AAE1B;"}

package/dist/src/components/basic/countTo/index.js

@@ -0,0 +1,7 @@
+import "./src/CountTo2.vue.js";
+import "vue";
+const t = !0;
+export {
+  t as __countToIndexMarker
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/basic/countTo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/countTo/index.ts"],"sourcesContent":["import CountTo from './src/CountTo.vue'\n\nexport { CountTo }\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __countToIndexMarker = true\n"],"names":["__countToIndexMarker"],"mappings":";;AAKO,MAAMA,IAAuB;"}

package/dist/src/components/basic/countTo/src/CountTo.vue.js

@@ -0,0 +1,13 @@
+import r from "./CountTo2.vue.js";
+import { openBlock as e, createElementBlock as t, normalizeStyle as n, toDisplayString as p } from "vue";
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+function c(o, l, s, i, m, f) {
+  return e(), t("span", {
+    style: n({ color: o.color })
+  }, p(o.value), 5);
+}
+const $ = /* @__PURE__ */ a(r, [["render", c]]);
+export {
+  $ as default
+};
+//# sourceMappingURL=CountTo.vue.js.map

package/dist/src/components/basic/countTo/src/CountTo.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountTo.vue.js","sources":["../../../../../../src/components/basic/countTo/src/CountTo.vue"],"sourcesContent":["<template>\n  <span :style=\"{ color }\">\n    {{ value }}\n  </span>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, ref, computed, watchEffect, unref, onMounted, watch } from 'vue'\n  import { useTransition, TransitionPresets } from '@vueuse/core'\n  import { isNumber } from '@/utils/is'\n\n  const props = {\n    startVal: { type: Number, default: 0 },\n    endVal: { type: Number, default: 2021 },\n    duration: { type: Number, default: 1500 },\n    autoplay: { type: Boolean, default: true },\n    decimals: {\n      type: Number,\n      default: 0,\n      validator(value: number) {\n        return value >= 0\n      },\n    },\n    prefix: { type: String, default: '' },\n    suffix: { type: String, default: '' },\n    separator: { type: String, default: ',' },\n    decimal: { type: String, default: '.' },\n    /**\n     * font color\n     */\n    color: { type: String },\n    /**\n     * Turn on digital animation\n     */\n    useEasing: { type: Boolean, default: true },\n    /**\n     * Digital animation\n     */\n    transition: { type: String, default: 'linear' },\n  }\n\n  export default defineComponent({\n    name: 'CountTo',\n    props,\n    emits: ['onStarted', 'onFinished'],\n    setup(props, { emit }) {\n      const source = ref(props.startVal)\n      const disabled = ref(false)\n      let outputValue = useTransition(source)\n\n      const value = computed(() => formatNumber(unref(outputValue)))\n\n      watchEffect(() => {\n        source.value = props.startVal\n      })\n\n      watch([() => props.startVal, () => props.endVal], () => {\n        if (props.autoplay) {\n          start()\n        }\n      })\n\n      onMounted(() => {\n        props.autoplay && start()\n      })\n\n      function start() {\n        run()\n        source.value = props.endVal\n      }\n\n      function reset() {\n        source.value = props.startVal\n        run()\n      }\n\n      function run() {\n        outputValue = useTransition(source, {\n          disabled,\n          duration: props.duration,\n          onFinished: () => emit('onFinished'),\n          onStarted: () => emit('onStarted'),\n          ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {}),\n        })\n      }\n\n      function formatNumber(num: number | string) {\n        if (!num && num !== 0) {\n          return ''\n        }\n        const { decimals, decimal, separator, suffix, prefix } = props\n        num = Number(num).toFixed(decimals)\n        num += ''\n\n        const x = num.split('.')\n        let x1 = x[0]\n        const x2 = x.length > 1 ? decimal + x[1] : ''\n\n        const rgx = /(\\d+)(\\d{3})/\n        if (separator && !isNumber(separator)) {\n          while (rgx.test(x1)) {\n            x1 = x1.replace(rgx, `$1${separator}$2`)\n          }\n        }\n        return prefix + x1 + x2 + suffix\n      }\n\n      return { value, start, reset }\n    },\n  })\n</script>\n"],"names":["_sfc_render","_ctx","_cache","$props","color","$data","$options","value","_normalizeStyle"],"mappings":";;;AACc,SAAAA,EAAAC,GAAAC,GAAAC,GAAIC,GAAKC,GAAAC,GAAA;cAChBC,EAAK,QAAA;AAAA,IAAA,OAAAC,EAAA,EAAA,OAAAP,EAAA,MAAA,CAAA;AAAA;;;"}

package/dist/src/components/basic/countTo/src/CountTo2.vue.js

@@ -0,0 +1,81 @@
+import { defineComponent as N, ref as f, computed as v, unref as F, watchEffect as w, watch as E, onMounted as T } from "vue";
+import { useTransition as c, TransitionPresets as $ } from "@vueuse/core";
+import { isNumber as B } from "lodash-es";
+const C = {
+  startVal: { type: Number, default: 0 },
+  endVal: { type: Number, default: 2021 },
+  duration: { type: Number, default: 1500 },
+  autoplay: { type: Boolean, default: !0 },
+  decimals: {
+    type: Number,
+    default: 0,
+    validator(t) {
+      return t >= 0;
+    }
+  },
+  prefix: { type: String, default: "" },
+  suffix: { type: String, default: "" },
+  separator: { type: String, default: "," },
+  decimal: { type: String, default: "." },
+  /**
+   * font color
+   */
+  color: { type: String },
+  /**
+   * Turn on digital animation
+   */
+  useEasing: { type: Boolean, default: !0 },
+  /**
+   * Digital animation
+   */
+  transition: { type: String, default: "linear" }
+}, j = N({
+  name: "CountTo",
+  props: C,
+  emits: ["onStarted", "onFinished"],
+  setup(t, { emit: o }) {
+    const a = f(t.startVal), m = f(!1);
+    let l = c(a);
+    const y = v(() => x(F(l)));
+    w(() => {
+      a.value = t.startVal;
+    }), E([() => t.startVal, () => t.endVal], () => {
+      t.autoplay && r();
+    }), T(() => {
+      t.autoplay && r();
+    });
+    function r() {
+      d(), a.value = t.endVal;
+    }
+    function g() {
+      a.value = t.startVal, d();
+    }
+    function d() {
+      l = c(a, {
+        disabled: m,
+        duration: t.duration,
+        onFinished: () => o("onFinished"),
+        onStarted: () => o("onStarted"),
+        ...t.useEasing ? { transition: $[t.transition] } : {}
+      });
+    }
+    function x(e) {
+      if (!e && e !== 0)
+        return "";
+      const { decimals: p, decimal: S, separator: i, suffix: V, prefix: b } = t;
+      e = Number(e).toFixed(p), e += "";
+      const u = e.split(".");
+      let n = u[0];
+      const h = u.length > 1 ? S + u[1] : "", s = /(\d+)(\d{3})/;
+      if (i && !B(i))
+        for (; s.test(n); )
+          n = n.replace(s, `$1${i}$2`);
+      return b + n + h + V;
+    }
+    return { value: y, start: r, reset: g };
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=CountTo2.vue.js.map

package/dist/src/components/basic/countTo/src/CountTo2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountTo2.vue.js","sources":["../../../../../../src/components/basic/countTo/src/CountTo.vue"],"sourcesContent":["<template>\n  <span :style=\"{ color }\">\n    {{ value }}\n  </span>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, ref, computed, watchEffect, unref, onMounted, watch } from 'vue'\n  import { useTransition, TransitionPresets } from '@vueuse/core'\n  import { isNumber } from '@/utils/is'\n\n  const props = {\n    startVal: { type: Number, default: 0 },\n    endVal: { type: Number, default: 2021 },\n    duration: { type: Number, default: 1500 },\n    autoplay: { type: Boolean, default: true },\n    decimals: {\n      type: Number,\n      default: 0,\n      validator(value: number) {\n        return value >= 0\n      },\n    },\n    prefix: { type: String, default: '' },\n    suffix: { type: String, default: '' },\n    separator: { type: String, default: ',' },\n    decimal: { type: String, default: '.' },\n    /**\n     * font color\n     */\n    color: { type: String },\n    /**\n     * Turn on digital animation\n     */\n    useEasing: { type: Boolean, default: true },\n    /**\n     * Digital animation\n     */\n    transition: { type: String, default: 'linear' },\n  }\n\n  export default defineComponent({\n    name: 'CountTo',\n    props,\n    emits: ['onStarted', 'onFinished'],\n    setup(props, { emit }) {\n      const source = ref(props.startVal)\n      const disabled = ref(false)\n      let outputValue = useTransition(source)\n\n      const value = computed(() => formatNumber(unref(outputValue)))\n\n      watchEffect(() => {\n        source.value = props.startVal\n      })\n\n      watch([() => props.startVal, () => props.endVal], () => {\n        if (props.autoplay) {\n          start()\n        }\n      })\n\n      onMounted(() => {\n        props.autoplay && start()\n      })\n\n      function start() {\n        run()\n        source.value = props.endVal\n      }\n\n      function reset() {\n        source.value = props.startVal\n        run()\n      }\n\n      function run() {\n        outputValue = useTransition(source, {\n          disabled,\n          duration: props.duration,\n          onFinished: () => emit('onFinished'),\n          onStarted: () => emit('onStarted'),\n          ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {}),\n        })\n      }\n\n      function formatNumber(num: number | string) {\n        if (!num && num !== 0) {\n          return ''\n        }\n        const { decimals, decimal, separator, suffix, prefix } = props\n        num = Number(num).toFixed(decimals)\n        num += ''\n\n        const x = num.split('.')\n        let x1 = x[0]\n        const x2 = x.length > 1 ? decimal + x[1] : ''\n\n        const rgx = /(\\d+)(\\d{3})/\n        if (separator && !isNumber(separator)) {\n          while (rgx.test(x1)) {\n            x1 = x1.replace(rgx, `$1${separator}$2`)\n          }\n        }\n        return prefix + x1 + x2 + suffix\n      }\n\n      return { value, start, reset }\n    },\n  })\n</script>\n"],"names":["props","value","_sfc_main","defineComponent","emit","source","ref","disabled","outputValue","useTransition","computed","formatNumber","unref","watchEffect","watch","start","onMounted","run","reset","TransitionPresets","num","decimals","decimal","separator","suffix","prefix","x","x1","x2","rgx","isNumber"],"mappings":"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"}

package/dist/src/components/basic/cropper/index.js

@@ -0,0 +1,10 @@
+import "./src/Cropper2.vue.js";
+import "vue";
+/* empty css                 */
+import "./src/CropperAvatar2.vue.js";
+/* empty css                       */
+const i = !0;
+export {
+  i as __cropperIndexMarker
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/basic/cropper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/cropper/index.ts"],"sourcesContent":["import CropperImage from './src/Cropper.vue'\nimport CropperAvatar from './src/CropperAvatar.vue'\n\nexport * from './src/typing'\nexport { CropperImage, CropperAvatar }\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __cropperIndexMarker = true\n"],"names":["__cropperIndexMarker"],"mappings":";;;;;AAOO,MAAMA,IAAuB;"}

package/dist/src/components/basic/cropper/src/CopperModal.vue.js

@@ -0,0 +1,252 @@
+import S from "./CopperModal2.vue.js";
+import { resolveComponent as n, openBlock as m, createBlock as u, mergeProps as T, withCtx as t, createVNode as o, createElementVNode as s, normalizeClass as p, createCommentVNode as c, createElementBlock as b } from "vue";
+/* empty css                 */
+import B from "../../../../_virtual/_plugin-vue_export-helper.js";
+const I = ["src", "alt"];
+function U(e, l, Z, M, N, V) {
+  const f = n("CropperImage"), C = n("UploadOutlined"), r = n("a-button"), i = n("Tooltip"), v = n("Upload"), y = n("ReloadOutlined"), g = n("RotateLeftOutlined"), O = n("RotateRightOutlined"), k = n("ColumnWidthOutlined"), $ = n("ColumnHeightOutlined"), z = n("ZoomInOutlined"), _ = n("ZoomOutOutlined"), R = n("Space"), d = n("Avatar"), h = n("Spin"), w = n("BasicModal");
+  return m(), u(w, T(e.$attrs, {
+    title: e.t("component.cropper.modalTitle"),
+    width: "50%",
+    "can-fullscreen": !1,
+    "ok-text": e.t("component.cropper.okText"),
+    onRegister: e.register,
+    onOk: e.handleOk
+  }), {
+    default: t(() => [
+      o(h, { spinning: e.loading }, {
+        default: t(() => [
+          s("div", {
+            class: p(e.prefixCls)
+          }, [
+            s("div", {
+              class: p(`${e.prefixCls}-left`)
+            }, [
+              s("div", {
+                class: p(`${e.prefixCls}-cropper`)
+              }, [
+                e.src ? (m(), u(f, {
+                  key: 0,
+                  src: e.src,
+                  height: "300px",
+                  circled: e.circled,
+                  onCropend: e.handleCropend,
+                  onReady: e.handleReady
+                }, null, 8, ["src", "circled", "onCropend", "onReady"])) : c("", !0)
+              ], 2),
+              s("div", {
+                class: p(`${e.prefixCls}-toolbar`)
+              }, [
+                o(v, {
+                  "file-list": [],
+                  accept: "image/*",
+                  "before-upload": e.handleBeforeUpload
+                }, {
+                  default: t(() => [
+                    o(i, {
+                      title: e.t("component.cropper.selectImage"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          size: "small",
+                          type: "primary"
+                        }, {
+                          icon: t(() => [
+                            o(C)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["title"])
+                  ]),
+                  _: 1
+                }, 8, ["before-upload"]),
+                o(R, null, {
+                  default: t(() => [
+                    o(i, {
+                      title: e.t("component.cropper.btn_reset"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[0] || (l[0] = (a) => e.handlerToolbar("reset"))
+                        }, {
+                          icon: t(() => [
+                            o(y)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"]),
+                    o(i, {
+                      title: e.t("component.cropper.btn_rotate_left"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[1] || (l[1] = (a) => e.handlerToolbar("rotate", -45))
+                        }, {
+                          icon: t(() => [
+                            o(g)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"]),
+                    o(i, {
+                      title: e.t("component.cropper.btn_rotate_right"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[2] || (l[2] = (a) => e.handlerToolbar("rotate", 45))
+                        }, {
+                          icon: t(() => [
+                            o(O)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"]),
+                    o(i, {
+                      title: e.t("component.cropper.btn_scale_x"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[3] || (l[3] = (a) => e.handlerToolbar("scaleX"))
+                        }, {
+                          icon: t(() => [
+                            o(k)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"]),
+                    o(i, {
+                      title: e.t("component.cropper.btn_scale_y"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[4] || (l[4] = (a) => e.handlerToolbar("scaleY"))
+                        }, {
+                          icon: t(() => [
+                            o($)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"]),
+                    o(i, {
+                      title: e.t("component.cropper.btn_zoom_in"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[5] || (l[5] = (a) => e.handlerToolbar("zoom", 0.1))
+                        }, {
+                          icon: t(() => [
+                            o(z)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"]),
+                    o(i, {
+                      title: e.t("component.cropper.btn_zoom_out"),
+                      placement: "bottom"
+                    }, {
+                      default: t(() => [
+                        o(r, {
+                          type: "primary",
+                          size: "small",
+                          disabled: !e.src,
+                          onClick: l[6] || (l[6] = (a) => e.handlerToolbar("zoom", -0.1))
+                        }, {
+                          icon: t(() => [
+                            o(_)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["title"])
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ], 2),
+            s("div", {
+              class: p(`${e.prefixCls}-right`)
+            }, [
+              s("div", {
+                class: p(`${e.prefixCls}-preview`)
+              }, [
+                e.previewSource ? (m(), b("img", {
+                  key: 0,
+                  src: e.previewSource,
+                  alt: e.t("component.cropper.preview")
+                }, null, 8, I)) : c("", !0)
+              ], 2),
+              e.previewSource ? (m(), b("div", {
+                key: 0,
+                class: p(`${e.prefixCls}-group`)
+              }, [
+                o(d, {
+                  src: e.previewSource,
+                  size: "large"
+                }, null, 8, ["src"]),
+                o(d, {
+                  src: e.previewSource,
+                  size: 48
+                }, null, 8, ["src"]),
+                o(d, {
+                  src: e.previewSource,
+                  size: 64
+                }, null, 8, ["src"]),
+                o(d, {
+                  src: e.previewSource,
+                  size: 80
+                }, null, 8, ["src"])
+              ], 2)) : c("", !0)
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["spinning"])
+    ]),
+    _: 1
+  }, 16, ["title", "ok-text", "onRegister", "onOk"]);
+}
+const W = /* @__PURE__ */ B(S, [["render", U], ["__scopeId", "data-v-86b5a087"]]);
+export {
+  W as default
+};
+//# sourceMappingURL=CopperModal.vue.js.map

package/dist/src/components/basic/cropper/src/CopperModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopperModal.vue.js","sources":["../../../../../../src/components/basic/cropper/src/CopperModal.vue"],"sourcesContent":["<template>\n  <BasicModal\n    v-bind=\"$attrs\"\n    :title=\"t('component.cropper.modalTitle')\"\n    width=\"50%\"\n    :can-fullscreen=\"false\"\n    :ok-text=\"t('component.cropper.okText')\"\n    @register=\"register\"\n    @ok=\"handleOk\"\n  >\n    <Spin :spinning=\"loading\">\n      <div :class=\"prefixCls\">\n        <div :class=\"`${prefixCls}-left`\">\n          <div :class=\"`${prefixCls}-cropper`\">\n            <CropperImage\n              v-if=\"src\"\n              :src=\"src\"\n              height=\"300px\"\n              :circled=\"circled\"\n              @cropend=\"handleCropend\"\n              @ready=\"handleReady\"\n            />\n          </div>\n\n          <div :class=\"`${prefixCls}-toolbar`\">\n            <Upload :file-list=\"[]\" accept=\"image/*\" :before-upload=\"handleBeforeUpload\">\n              <Tooltip :title=\"t('component.cropper.selectImage')\" placement=\"bottom\">\n                <a-button size=\"small\" type=\"primary\">\n                  <template #icon><UploadOutlined /></template>\n                </a-button>\n              </Tooltip>\n            </Upload>\n            <Space>\n              <Tooltip :title=\"t('component.cropper.btn_reset')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('reset')\"\n                >\n                  <template #icon><ReloadOutlined /></template>\n                </a-button>\n              </Tooltip>\n              <Tooltip :title=\"t('component.cropper.btn_rotate_left')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('rotate', -45)\"\n                >\n                  <template #icon><RotateLeftOutlined /></template>\n                </a-button>\n              </Tooltip>\n              <Tooltip :title=\"t('component.cropper.btn_rotate_right')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('rotate', 45)\"\n                >\n                  <template #icon><RotateRightOutlined /></template>\n                </a-button>\n              </Tooltip>\n              <Tooltip :title=\"t('component.cropper.btn_scale_x')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('scaleX')\"\n                >\n                  <template #icon><ColumnWidthOutlined /></template>\n                </a-button>\n              </Tooltip>\n              <Tooltip :title=\"t('component.cropper.btn_scale_y')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('scaleY')\"\n                >\n                  <template #icon><ColumnHeightOutlined /></template>\n                </a-button>\n              </Tooltip>\n              <Tooltip :title=\"t('component.cropper.btn_zoom_in')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('zoom', 0.1)\"\n                >\n                  <template #icon><ZoomInOutlined /></template>\n                </a-button>\n              </Tooltip>\n              <Tooltip :title=\"t('component.cropper.btn_zoom_out')\" placement=\"bottom\">\n                <a-button\n                  type=\"primary\"\n                  size=\"small\"\n                  :disabled=\"!src\"\n                  @click=\"handlerToolbar('zoom', -0.1)\"\n                >\n                  <template #icon><ZoomOutOutlined /></template>\n                </a-button>\n              </Tooltip>\n            </Space>\n          </div>\n        </div>\n        <div :class=\"`${prefixCls}-right`\">\n          <div :class=\"`${prefixCls}-preview`\">\n            <img v-if=\"previewSource\" :src=\"previewSource\" :alt=\"t('component.cropper.preview')\" />\n          </div>\n          <template v-if=\"previewSource\">\n            <div :class=\"`${prefixCls}-group`\">\n              <Avatar :src=\"previewSource\" size=\"large\" />\n              <Avatar :src=\"previewSource\" :size=\"48\" />\n              <Avatar :src=\"previewSource\" :size=\"64\" />\n              <Avatar :src=\"previewSource\" :size=\"80\" />\n            </div>\n          </template>\n        </div>\n      </div>\n    </Spin>\n  </BasicModal>\n</template>\n<script lang=\"ts\">\n  import type { CropendResult, Cropper } from './typing'\n\n  import { defineComponent, ref } from 'vue'\n  import CropperImage from './Cropper.vue'\n  import { Space, Upload, Avatar, Tooltip, Spin } from 'ant-design-vue'\n  import { BasicModal, useModalInner } from '@/components/core/Modal'\n  import { dataURLtoBlob } from '@/utils/file/base64Conver'\n  import { isFunction } from '@/utils/is'\n  import { useI18n } from '@/hooks/useI18n'\n  import {\n    UploadOutlined,\n    ReloadOutlined,\n    RotateLeftOutlined,\n    RotateRightOutlined,\n    ColumnWidthOutlined,\n    ColumnHeightOutlined,\n    ZoomInOutlined,\n    ZoomOutOutlined,\n  } from '@ant-design/icons-vue'\n\n  type apiFunParams = { file: Blob; name: string; filename: string }\n\n  const props = {\n    circled: { type: Boolean, default: true },\n    uploadApi: {\n      type: Function, // as PropType<(params: apiFunParams) => Promise<any>>\n    },\n  }\n\n  export default defineComponent({\n    name: 'CropperModal',\n    components: {\n      BasicModal,\n      Space,\n      CropperImage,\n      Upload,\n      Avatar,\n      Tooltip,\n      Spin,\n      UploadOutlined,\n      ReloadOutlined,\n      RotateLeftOutlined,\n      RotateRightOutlined,\n      ColumnWidthOutlined,\n      ColumnHeightOutlined,\n      ZoomInOutlined,\n      ZoomOutOutlined,\n    },\n    props,\n    emits: ['uploadSuccess', 'register'],\n    setup(props, { emit }) {\n      let filename = ''\n      const src = ref('')\n      const previewSource = ref('')\n      const cropper = ref<Cropper>()\n      const loading = ref(false)\n      let scaleX = 1\n      let scaleY = 1\n\n      const prefixCls = 'mom-cropper-am'\n      const [register, { closeModal, setModalProps }] = useModalInner()\n      const { t } = useI18n()\n\n      // Block upload\n      function handleBeforeUpload(file: File) {\n        const reader = new FileReader()\n        reader.readAsDataURL(file)\n        src.value = ''\n        previewSource.value = ''\n        reader.onload = function (e) {\n          src.value = (e.target?.result as string) ?? ''\n          filename = file.name\n        }\n        return false\n      }\n\n      function handleCropend({ imgBase64 }: CropendResult) {\n        previewSource.value = imgBase64\n      }\n\n      function handleReady(cropperInstance: Cropper) {\n        cropper.value = cropperInstance\n      }\n\n      function handlerToolbar(event: string, arg?: number) {\n        if (event === 'scaleX') {\n          scaleX = arg = scaleX === -1 ? 1 : -1\n        }\n        if (event === 'scaleY') {\n          scaleY = arg = scaleY === -1 ? 1 : -1\n        }\n        cropper?.value?.[event]?.(arg)\n      }\n\n      async function handleOk() {\n        loading.value = true\n        const uploadApi = props.uploadApi\n        if (uploadApi && isFunction(uploadApi)) {\n          const blob = dataURLtoBlob(previewSource.value)\n          try {\n            setModalProps({ confirmLoading: true })\n            const { data } = await uploadApi({ name: 'file', file: blob, filename })\n            emit('uploadSuccess', { source: previewSource.value, data })\n            closeModal()\n          } finally {\n            setModalProps({ confirmLoading: false })\n            loading.value = false\n          }\n        }\n        loading.value = false\n      }\n\n      return {\n        t,\n        loading,\n        prefixCls,\n        src,\n        register,\n        previewSource,\n        handleBeforeUpload,\n        handleCropend,\n        handleReady,\n        handlerToolbar,\n        handleOk,\n      }\n    },\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  @prefix-cls: ~'mom-cropper-am';\n\n  .@{prefix-cls} {\n    display: flex;\n\n    &-left,\n    &-right {\n      height: 340px;\n    }\n\n    &-left {\n      width: 55%;\n    }\n\n    &-right {\n      width: 45%;\n    }\n\n    &-cropper {\n      height: 300px;\n      background: #eee;\n      background-image: linear-gradient(\n          45deg,\n          rgb(0 0 0 / 25%) 25%,\n          transparent 0,\n          transparent 75%,\n          rgb(0 0 0 / 25%) 0\n        ),\n        linear-gradient(\n          45deg,\n          rgb(0 0 0 / 25%) 25%,\n          transparent 0,\n          transparent 75%,\n          rgb(0 0 0 / 25%) 0\n        );\n      background-position:\n        0 0,\n        12px 12px;\n      background-size: 24px 24px;\n    }\n\n    &-toolbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-top: 10px;\n    }\n\n    &-preview {\n      width: 220px;\n      height: 220px;\n      margin: 0 auto;\n      overflow: hidden;\n      // border: 1px solid @border-color-base;\n      border-width: 1px;\n      border-radius: 50%;\n\n      img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    &-group {\n      display: flex;\n      align-items: center;\n      justify-content: space-around;\n      margin-top: 8px;\n      padding-top: 8px;\n      border-top: 1px solid #d9d9d9;\n    }\n  }\n</style>\n"],"names":["_component_BasicModal","_resolveComponent","_openBlock","_createBlock","_mergeProps","_ctx","register","handleOk","_withCtx","_createVNode","_component_Spin","_createElementVNode","_normalizeClass","src","_component_CropperImage","circled","handleReady","_createCommentVNode","_component_Upload","_component_Tooltip","_component_a_button","_component_Space","_cache","$event","t","previewSource","_createElementBlock","prefixCls","_component_Avatar"],"mappings":"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"}