@wfrog/vc-ui 1.0.0

package/dist/es/components/cropper/cropper.mjs

@@ -0,0 +1,333 @@
+import './index.css'
+import { c as buildProps, x as isBoolean, u as useNamespace } from '../../chunk/E_WRn0OP.mjs';
+import { v as vLoading } from '../../chunk/CVlj9F0I.mjs';
+import { E as ElSpace } from '../../chunk/Ce9ApjrT.mjs';
+import { E as ElButton } from '../../chunk/VCrtRnxt.mjs';
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, renderSlot, withCtx, resolveDynamicComponent, ref, useTemplateRef, shallowRef, watch, nextTick, onMounted, onUnmounted, withDirectives, isRef, createElementVNode, normalizeStyle, createVNode, createTextVNode } from 'vue';
+import { d as defaultWindow, i as index, f as file } from '../../chunk/BdDihk0t.mjs';
+import { C as Component$1 } from '../dialog/dialog.mjs';
+import { E as ElIcon } from '../../chunk/DMHNh_tw.mjs';
+import { i as iconPropType } from '../icon/icon2.mjs';
+import { _ as _export_sfc, w as withInstall } from '../../chunk/D389hx_T.mjs';
+import { u as useGlobalConfig } from '../../chunk/Dh4jaUSg.mjs';
+import { u as useDeprecated } from '../../chunk/VAdRxe-1.mjs';
+import { d as debounce } from '../../chunk/ViP2SEY4.mjs';
+import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
+
+const linkProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: void 0
+  },
+  underline: {
+    type: [Boolean, String],
+    values: [true, false, "always", "never", "hover"],
+    default: void 0
+  },
+  disabled: Boolean,
+  href: { type: String, default: "" },
+  target: {
+    type: String,
+    default: "_self"
+  },
+  icon: {
+    type: iconPropType
+  }
+});
+const linkEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+
+const __default__ = defineComponent({
+  name: "ElLink"
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: linkProps,
+  emits: linkEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const globalConfig = useGlobalConfig("link");
+    useDeprecated({
+      scope: "el-link",
+      from: "The underline option (boolean)",
+      replacement: "'always' | 'hover' | 'never'",
+      version: "3.0.0",
+      ref: "https://element-plus.org/en-US/component/link.html#underline"
+    }, computed(() => isBoolean(props.underline)));
+    const ns = useNamespace("link");
+    const linkKls = computed(() => {
+      var _a, _b, _c;
+      return [
+        ns.b(),
+        ns.m((_c = (_b = props.type) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.type) != null ? _c : "default"),
+        ns.is("disabled", props.disabled),
+        ns.is("underline", underline.value === "always"),
+        ns.is("hover-underline", underline.value === "hover" && !props.disabled)
+      ];
+    });
+    const underline = computed(() => {
+      var _a, _b, _c;
+      if (isBoolean(props.underline)) {
+        return props.underline ? "hover" : "never";
+      } else
+        return (_c = (_b = props.underline) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.underline) != null ? _c : "hover";
+    });
+    function handleClick(event) {
+      if (!props.disabled)
+        emit("click", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass(unref(linkKls)),
+        href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
+        target: _ctx.disabled || !_ctx.href ? void 0 : _ctx.target,
+        onClick: handleClick
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("inner"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
+      ], 10, ["href", "target"]);
+    };
+  }
+});
+var Link = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "link.vue"]]);
+
+const ElLink = withInstall(Link);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "cropper",
+  props: {
+    dialog: { type: Boolean, default: false },
+    visible: { type: Boolean, default: false },
+    image: { default: void 0 },
+    option: { default: () => ({}) },
+    imageSmoothingQuality: { default: "high" },
+    containerWidth: { default: "600px" },
+    containerHeight: { default: "450px" },
+    cropperWidth: { default: 400 },
+    cropperHeight: { default: 300 }
+  },
+  emits: ["init", "update:visible", "cancel", "finished"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const loading = ref(false);
+    const workbenchRef = useTemplateRef("workbenchRef");
+    const cropperRef = shallowRef();
+    const downloadLink = ref("");
+    const isNeedInit = ref(false);
+    const dialogVisible = computed({
+      get: () => props.visible,
+      set: (val) => {
+        emits("update:visible", val);
+      }
+    });
+    const containerStyle = computed(() => ({
+      width: props.containerWidth,
+      height: props.containerHeight
+    }));
+    const dialogWidth = computed(() => `${Number.parseInt(props.containerWidth) + 40}px`);
+    const image = computed(() => {
+      if (typeof props.image === "string") {
+        const img = new Image();
+        img.src = props.image;
+        return img;
+      }
+      const file2 = props.image;
+      if (defaultWindow && file2?.size) {
+        const img = new Image();
+        const blob = defaultWindow.URL.createObjectURL(file2);
+        img.src = blob;
+        return img;
+      }
+      return props.image;
+    });
+    function handleDownload() {
+      if (!cropperRef.value || !props.dialog) {
+        return;
+      }
+      const canvas = cropperRef.value.getCroppedCanvas();
+      downloadLink.value = canvas?.toDataURL() || "";
+    }
+    async function init() {
+      if (!workbenchRef.value) {
+        return;
+      }
+      cropperRef.value?.destroy();
+      loading.value = true;
+      isNeedInit.value = false;
+      workbenchRef.value.childNodes.forEach((item) => workbenchRef.value?.removeChild(item));
+      workbenchRef.value.appendChild(image.value);
+      const Cropper = await index.loadCdnSingle("cropper");
+      cropperRef.value = new Cropper(image.value, {
+        dragMode: "move",
+        viewMode: 1,
+        aspectRatio: props.cropperWidth / props.cropperHeight,
+        // cropBoxResizable: true, // 是否可以改变crop框大小
+        toggleDragModeOnDblclick: false,
+        // 双击切换拖动模式
+        guides: true,
+        // 网格
+        // minContainerHeight: props.containerHeight,
+        cropmove: props.dialog ? debounce(handleDownload, 1e3) : () => {
+        },
+        ...props.option,
+        ready() {
+          loading.value = false;
+          handleDownload();
+          nextTick(() => emits("init"));
+        }
+      });
+    }
+    function handleCancle() {
+      if (loading.value) {
+        return;
+      }
+      dialogVisible.value = false;
+      emits("cancel");
+    }
+    function getCroppedCanvas() {
+      if (loading.value || !cropperRef.value) {
+        return;
+      }
+      return cropperRef.value.getCroppedCanvas({
+        width: props.cropperWidth,
+        height: props.cropperHeight,
+        imageSmoothingQuality: props.imageSmoothingQuality
+      });
+    }
+    function getBlobData() {
+      const canvas = getCroppedCanvas();
+      if (!canvas) {
+        return void 0;
+      }
+      return file.canvasToBlob(canvas);
+    }
+    function handleFinish() {
+      const canvas = getCroppedCanvas();
+      const blob = getBlobData();
+      dialogVisible.value = false;
+      emits("finished", canvas, blob);
+    }
+    watch(() => props.option, () => {
+      isNeedInit.value = true;
+    });
+    watch(image, () => {
+      isNeedInit.value = true;
+    });
+    watch(dialogVisible, () => {
+      props.visible && (!cropperRef.value || isNeedInit.value) && nextTick(() => init());
+    });
+    __expose({ instance: cropperRef, getCroppedCanvas, getBlobData });
+    onMounted(() => !props.dialog && init());
+    onUnmounted(() => cropperRef.value?.destroy());
+    return (_ctx, _cache) => {
+      const _component_ElButton = ElButton;
+      const _component_ElLink = ElLink;
+      const _component_ElSpace = ElSpace;
+      const _directive_loading = vLoading;
+      return __props.dialog ? (openBlock(), createBlock(Component$1, {
+        key: 0,
+        modelValue: unref(dialogVisible),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
+        title: "图片裁剪",
+        width: unref(dialogWidth),
+        "append-to-body": "",
+        "close-on-click-modal": false,
+        "before-close": handleCancle,
+        "show-fullscreen": false,
+        lazy: false
+      }, {
+        footer: withCtx(() => [
+          createVNode(_component_ElSpace, null, {
+            default: withCtx(() => [
+              createVNode(_component_ElButton, {
+                loading: unref(loading),
+                onClick: handleCancle
+              }, {
+                default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                  createTextVNode("取消", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"]),
+              createVNode(_component_ElLink, {
+                href: unref(downloadLink),
+                download: "cropper.jpg",
+                underline: false
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_ElButton, { type: "primary" }, {
+                    default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                      createTextVNode("下载切片", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["href"]),
+              createVNode(_component_ElButton, {
+                loading: unref(loading),
+                type: "primary",
+                onClick: handleFinish
+              }, {
+                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                  createTextVNode("确定", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            ref_key: "workbenchRef",
+            ref: workbenchRef,
+            class: normalizeClass(_ctx.$style.workbench),
+            style: normalizeStyle(unref(containerStyle))
+          }, null, 6), [
+            [_directive_loading, unref(loading)]
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "width"])) : withDirectives((openBlock(), createElementBlock("div", {
+        key: 1,
+        ref_key: "workbenchRef",
+        ref: workbenchRef,
+        class: normalizeClass(_ctx.$style.workbench),
+        style: normalizeStyle(unref(containerStyle))
+      }, null, 6)), [
+        [_directive_loading, unref(loading)]
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const workbench = "_workbench_ja7q1_1";
+const style0 = {
+	workbench: workbench
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_7 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_7 as _ };

package/dist/es/components/cropper/cropper.vue.d.ts

@@ -0,0 +1,32 @@
+import { default as ICropper } from 'cropperjs';
+import { ICropperProps } from './cropper';
+declare function getCroppedCanvas(): HTMLCanvasElement | undefined;
+declare function getBlobData(): Blob | undefined;
+declare const _default: import('vue').DefineComponent<ICropperProps, {
+    instance: globalThis.ShallowRef<ICropper | undefined>;
+    getCroppedCanvas: typeof getCroppedCanvas;
+    getBlobData: typeof getBlobData;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    init: () => any;
+    "update:visible": (value: boolean) => any;
+    finished: (canvas: HTMLCanvasElement, blob: Blob) => any;
+}, string, import('vue').PublicProps, Readonly<ICropperProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onInit?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onFinished?: ((canvas: HTMLCanvasElement, blob: Blob) => any) | undefined;
+}>, {
+    dialog: boolean;
+    option: ICropper.Options;
+    image: HTMLImageElement | string | File;
+    visible: boolean;
+    imageSmoothingQuality: ICropper.ImageSmoothingQuality;
+    containerWidth: string;
+    containerHeight: string;
+    cropperWidth: number;
+    cropperHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    workbenchRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/es/components/cropper/index.css

@@ -0,0 +1,4 @@
+/* source: src/components/cropper/cropper.vue */
+.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link.is-hover-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-underline:after{border-bottom:1px solid var(--el-link-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link:hover:after{border-color:var(--el-link-hover-text-color)}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link.is-disabled:after{border-color:var(--el-link-disabled-text-color)}._workbench_ja7q1_1 {
+  overflow: hidden;
+}

package/dist/es/components/cropper/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './cropper.vue';
+export declare const VcCropper: SFCWithInstall<typeof Component>;
+export default VcCropper;

package/dist/es/components/cropper/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './cropper.mjs';
+
+const VcCropper = withInstall(Component);
+
+export { VcCropper, VcCropper as default };

package/dist/es/components/currency/currency.d.ts

@@ -0,0 +1,21 @@
+import { IFlag2Code, IFlag3Code } from '../flag/flags';
+export type ICurrencyCode = 'CNY' | 'USD' | 'JPY' | 'EUR' | 'TWD' | 'KRW';
+export interface ICurrencyInfo {
+    code: ICurrencyCode;
+    flag: IFlag3Code | IFlag2Code;
+    option: {
+        prefix: string;
+        decimalScale: number;
+        integerScale: number;
+    };
+}
+export interface ICurrencyProps {
+    modelValue: string;
+    code: ICurrencyCode | ICurrencyCode[];
+    flag?: boolean;
+    prefix?: boolean;
+    prepend?: boolean;
+    append?: boolean;
+}
+declare const data: ICurrencyInfo[];
+export default data;

package/dist/es/components/currency/currency.mjs

@@ -0,0 +1,185 @@
+import './index.css'
+import '../../chunk/E_WRn0OP.mjs';
+import '../../chunk/CZ4ggqDE.mjs';
+import { E as ElSelect, a as ElOption } from '../../chunk/CMABHk8B.mjs';
+import '../../chunk/CaTfZePA.mjs';
+import '../../chunk/DqUIKX7f.mjs';
+import { defineComponent, computed, ref, onBeforeMount, createBlock, openBlock, mergeProps, unref, isRef, createSlots, withCtx, createElementBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from 'vue';
+import { _ as _sfc_main$1 } from '../flag/flag.mjs';
+import { C as Component$1 } from '../thousand-input/thousand-input.mjs';
+import { u as useVModel } from '../../chunk/CD98REcR.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const data = [
+  {
+    code: "CNY",
+    flag: "CHN",
+    option: { prefix: "¥", decimalScale: 2, integerScale: 20 }
+  },
+  {
+    code: "USD",
+    flag: "USA",
+    option: { prefix: "$", decimalScale: 2, integerScale: 20 }
+  },
+  {
+    code: "JPY",
+    flag: "JPN",
+    option: { prefix: "¥", decimalScale: 0, integerScale: 20 }
+  },
+  {
+    code: "EUR",
+    flag: "EU",
+    option: { prefix: "€", decimalScale: 2, integerScale: 20 }
+  },
+  {
+    code: "TWD",
+    flag: "CHN",
+    option: { prefix: "NT$", decimalScale: 0, integerScale: 20 }
+  },
+  {
+    code: "KRW",
+    flag: "KOR",
+    option: { prefix: "₩", decimalScale: 0, integerScale: 20 }
+  }
+];
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "currency",
+  props: {
+    modelValue: {},
+    code: {},
+    flag: { type: Boolean, default: false },
+    prefix: { type: Boolean, default: true },
+    prepend: { type: Boolean, default: true },
+    append: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const myValue = useVModel(props, "modelValue", emits);
+    const selectStyle = computed(() => ({ width: props.flag ? "7.5em" : "6em" }));
+    const formatValue = ref("");
+    const myCode = ref();
+    const myCurrencyInfo = computed(() => data.find((item) => item.code === myCode.value));
+    const thousandOption = computed(() => ({
+      ...myCurrencyInfo.value?.option,
+      prefix: props.prefix ? myCurrencyInfo.value?.option.prefix : "",
+      elInputIndex: Array.isArray(props.code) ? 1 : 0
+    }));
+    const currencyInfo = computed(() => {
+      if (Array.isArray(props.code)) {
+        return data.filter((item) => props.code.includes(item.code));
+      }
+      return data.find((item) => item.code === props.code);
+    });
+    function handleChange(val) {
+      emits("change", [...val, myCode.value]);
+    }
+    function handleCodeChange() {
+      handleChange([myValue.value, formatValue.value]);
+    }
+    onBeforeMount(() => {
+      if (Array.isArray(currencyInfo.value) && currencyInfo.value.length > 0) {
+        myCode.value = currencyInfo.value[0].code;
+      } else if (!Array.isArray(currencyInfo.value)) {
+        myCode.value = currencyInfo.value?.code;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_ElOption = ElOption;
+      const _component_ElSelect = ElSelect;
+      return openBlock(), createBlock(Component$1, mergeProps({
+        modelValue: unref(myValue),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+        "format-value": unref(formatValue),
+        "onUpdate:formatValue": _cache[2] || (_cache[2] = ($event) => isRef(formatValue) ? formatValue.value = $event : null),
+        options: unref(thousandOption)
+      }, _ctx.$attrs, {
+        class: { [_ctx.$style.append]: __props.append, [_ctx.$style.prepend]: __props.prepend },
+        onChange: handleChange
+      }), createSlots({ _: 2 }, [
+        __props.prepend ? {
+          name: "prepend",
+          fn: withCtx(() => [
+            Array.isArray(unref(currencyInfo)) ? (openBlock(), createBlock(_component_ElSelect, {
+              key: 0,
+              modelValue: unref(myCode),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myCode) ? myCode.value = $event : null),
+              style: normalizeStyle(unref(selectStyle)),
+              onChange: handleCodeChange
+            }, createSlots({
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currencyInfo), (item) => {
+                  return openBlock(), createBlock(_component_ElOption, {
+                    key: item.code,
+                    value: item.code
+                  }, {
+                    default: withCtx(() => [
+                      __props.flag ? (openBlock(), createBlock(_sfc_main$1, {
+                        key: 0,
+                        code: item.flag,
+                        class: normalizeClass(_ctx.$style.flag)
+                      }, null, 8, ["code", "class"])) : createCommentVNode("", true),
+                      createTextVNode(toDisplayString(item.code), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]);
+                }), 128))
+              ]),
+              _: 2
+            }, [
+              __props.flag ? {
+                name: "prefix",
+                fn: withCtx(() => [
+                  unref(myCurrencyInfo) ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    code: unref(myCurrencyInfo)?.flag
+                  }, null, 8, ["code"])) : createCommentVNode("", true)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue", "style"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              __props.flag ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                code: unref(currencyInfo).flag,
+                class: normalizeClass(_ctx.$style.flag)
+              }, null, 8, ["code", "class"])) : createCommentVNode("", true),
+              createTextVNode(toDisplayString(unref(currencyInfo).code), 1)
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0,
+        __props.append ? {
+          name: "append",
+          fn: withCtx(() => [
+            Array.isArray(unref(currencyInfo)) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(myCurrencyInfo).code), 1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(currencyInfo).code), 1))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["modelValue", "format-value", "options", "class"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const append = "_append_vkceh_1";
+const flag = "_flag_vkceh_6";
+const style0 = {
+	append: append,
+	"el-input__wrapper": "_el-input__wrapper_vkceh_1",
+	flag: flag
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_8 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_8 as _ };

package/dist/es/components/currency/currency.vue.d.ts

@@ -0,0 +1,14 @@
+import { ICurrencyCode, ICurrencyProps } from './currency';
+declare const _default: import('vue').DefineComponent<ICurrencyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: [string, string, ICurrencyCode]) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<ICurrencyProps> & Readonly<{
+    onChange?: ((value: [string, string, ICurrencyCode]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    flag: boolean;
+    prefix: boolean;
+    prepend: boolean;
+    append: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/currency/index.css

@@ -0,0 +1,8 @@
+/* source: src/components/currency/currency.vue */
+._append_vkceh_1 ._el-input__wrapper_vkceh_1 {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._flag_vkceh_6 {
+  margin-right: 8px;
+}

package/dist/es/components/currency/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './currency.vue';
+export declare const VcCurrency: SFCWithInstall<typeof Component>;
+export default VcCurrency;

package/dist/es/components/currency/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './currency.mjs';
+
+const VcCurrency = withInstall(Component);
+
+export { VcCurrency, VcCurrency as default };

package/dist/es/components/daterange-picker/daterange-picker.d.ts

@@ -0,0 +1,6 @@
+export interface IDateRangePickerProps {
+    modelValue: string[];
+    valueFormat?: string;
+    limitDays?: number;
+    includeToday?: boolean;
+}