@wfrog/vc-ui 1.0.0

package/dist/es/components/chat-container/chat-container.mjs

@@ -0,0 +1,77 @@
+import './index.css'
+import { defineComponent, useTemplateRef, shallowRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, renderSlot, createBlock, createCommentVNode, unref, withCtx } from 'vue';
+import { _ as _sfc_main$1 } from '../backbottom/backbottom.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "chat-container",
+  props: {
+    stopHeight: { default: 30 },
+    keepBottom: { type: Boolean, default: false },
+    backbottomClassName: {},
+    backbottomProps: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const containerRef = useTemplateRef("containerRef");
+    const observer = shallowRef();
+    function isScrollbarNearBottom(element) {
+      return element.scrollTop + element.clientHeight + props.stopHeight >= element.scrollHeight;
+    }
+    function scrollToBottom() {
+      containerRef.value.scrollTop = containerRef.value.scrollHeight;
+    }
+    __expose({ scrollToBottom });
+    onMounted(() => {
+      observer.value = new MutationObserver(() => {
+        if (isScrollbarNearBottom(containerRef.value) || props.keepBottom) {
+          containerRef.value.scrollTop = containerRef.value.scrollHeight;
+        }
+      });
+      observer.value.observe(containerRef.value, { subtree: true, characterData: true, childList: true });
+    });
+    onBeforeUnmount(() => {
+      observer.value?.disconnect();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass(_ctx.$style.main)
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        unref(containerRef) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          target: unref(containerRef),
+          class: normalizeClass([_ctx.$style.backbottom, __props.backbottomClassName]),
+          "visibility-height": __props.backbottomProps?.visibilityHeight,
+          bottom: __props.backbottomProps?.bottom
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "backbottom")
+          ]),
+          _: 3
+        }, 8, ["target", "class", "visibility-height", "bottom"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const main = "_main_1rf0x_1";
+const backbottom = "_backbottom_1rf0x_6";
+const style0 = {
+	main: main,
+	backbottom: backbottom
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_3 as _ };

package/dist/es/components/chat-container/chat-container.vue.d.ts

@@ -0,0 +1,29 @@
+import { IChatContainerProps } from './chat-container';
+declare function scrollToBottom(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        backbottom?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IChatContainerProps, {
+    scrollToBottom: typeof scrollToBottom;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IChatContainerProps> & Readonly<{}>, {
+    stopHeight: number;
+    keepBottom: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/chat-container/index.css

@@ -0,0 +1,9 @@
+/* source: src/components/chat-container/chat-container.vue */
+._main_1rf0x_1 {
+  position: relative;
+  overflow-y: auto;
+}
+._backbottom_1rf0x_6 {
+  position: sticky;
+  left: calc(100% - 80px);
+}

package/dist/es/components/chat-container/index.d.ts

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

package/dist/es/components/chat-container/index.mjs

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

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

@@ -0,0 +1,6 @@
+import { CheckboxGroupProps, RadioGroupProps } from 'element-plus';
+export interface IChoiceProps {
+    multiple?: boolean;
+    type?: RadioGroupProps['type'] | CheckboxGroupProps['type'];
+    options: RadioGroupProps['options'] | CheckboxGroupProps['options'] | string[];
+}

package/dist/es/components/choice/choice.mjs

@@ -0,0 +1,53 @@
+import './index.css'
+import '../../chunk/E_WRn0OP.mjs';
+import { E as ElRadioGroup, a as ElCheckboxGroup } from '../../chunk/D3DXeVfC.mjs';
+import { defineComponent, computed, createBlock, openBlock, mergeProps, unref } from 'vue';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "choice",
+  props: {
+    multiple: { type: Boolean },
+    type: { default: "button" },
+    options: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const myType = props.type;
+    const myOptions = computed(() => {
+      if (Array.isArray(props.options) && typeof props.options[0] === "string") {
+        return props.options.map((item) => ({ label: item, value: item }));
+      }
+      return props.options;
+    });
+    return (_ctx, _cache) => {
+      const _component_ElRadioGroup = ElRadioGroup;
+      const _component_ElCheckboxGroup = ElCheckboxGroup;
+      return !props.multiple ? (openBlock(), createBlock(_component_ElRadioGroup, mergeProps({ key: 0 }, _ctx.$attrs, {
+        type: unref(myType),
+        options: unref(myOptions)
+      }), null, 16, ["type", "options"])) : (openBlock(), createBlock(_component_ElCheckboxGroup, mergeProps({ key: 1 }, _ctx.$attrs, {
+        class: _ctx.$style.checkbox,
+        type: unref(myType),
+        options: unref(myOptions)
+      }), null, 16, ["class", "type", "options"]));
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const checkbox = "_checkbox_8th42_1";
+const style0 = {
+	checkbox: checkbox
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_5 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_5 as _ };

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

@@ -0,0 +1,5 @@
+import { IChoiceProps } from './choice';
+declare const _default: import('vue').DefineComponent<IChoiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IChoiceProps> & Readonly<{}>, {
+    type: import('element-plus').RadioGroupProps["type"] | import('element-plus').CheckboxGroupProps["type"];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+/* source: src/components/choice/choice.vue */
+.el-checkbox-group{font-size:0;line-height:0}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
+  display: inline-flex;
+}
+._checkbox_8th42_1 .el-checkbox-button__inner {
+  border-left: 0;
+}

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

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

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

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

package/dist/es/components/choice-boolean/choice-boolean.d.ts

@@ -0,0 +1,5 @@
+export interface IChoiceBooleanProps {
+    modelValue: boolean | boolean[] | number | number[];
+    text?: [string, string];
+    valueType?: 'boolean' | 'number';
+}

package/dist/es/components/choice-boolean/choice-boolean.mjs

@@ -0,0 +1,32 @@
+import { defineComponent, computed, createBlock, openBlock, mergeProps, unref, isRef } from 'vue';
+import { C as Component } from '../choice/choice.mjs';
+import { u as useVModel } from '../../chunk/CD98REcR.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "choice-boolean",
+  props: {
+    modelValue: { type: [Boolean, Array, Number] },
+    text: { default: () => ["是", "否"] },
+    valueType: { default: "boolean" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const myValue = useVModel(props, "modelValue", emits);
+    const [textTrue, textFalse] = props.text;
+    const data = computed(() => [
+      { label: textTrue, value: props.valueType === "boolean" ? true : 1 },
+      { label: textFalse, value: props.valueType === "boolean" ? false : 0 }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Component, mergeProps({
+        modelValue: unref(myValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+        options: unref(data)
+      }, _ctx.$attrs), null, 16, ["modelValue", "options"]);
+    };
+  }
+});
+
+export { _sfc_main as _ };

package/dist/es/components/choice-boolean/choice-boolean.vue.d.ts

@@ -0,0 +1,10 @@
+import { IChoiceBooleanProps } from './choice-boolean';
+declare const _default: import('vue').DefineComponent<IChoiceBooleanProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<IChoiceBooleanProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    text: [string, string];
+    valueType: "boolean" | "number";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/choice-boolean/index.d.ts

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

package/dist/es/components/choice-boolean/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { _ as _sfc_main } from './choice-boolean.mjs';
+
+const VcChoiceBoolean = withInstall(_sfc_main);
+
+export { VcChoiceBoolean, VcChoiceBoolean as default };

package/dist/es/components/config-provider/config-provider.d.ts

@@ -0,0 +1,16 @@
+export interface IConfigProviderProps {
+    button?: {
+        confirm?: {
+            type?: 'popconfirm' | 'messagebox' | 'none';
+            title?: string;
+            confirmButtonText?: string;
+            cancelButtonText?: string;
+            msg?: string;
+        };
+    };
+    iconfontUrl?: string;
+    pcaBaseUrl?: string;
+    crosProxy?: string;
+}
+export declare const KEY_NAME: unique symbol;
+export declare const injectConfig: () => IConfigProviderProps;

package/dist/es/components/config-provider/config-provider.mjs

@@ -0,0 +1,29 @@
+import { defineComponent, onMounted, renderSlot } from 'vue';
+import { i as index } from '../../chunk/BdDihk0t.mjs';
+import { useProvide } from '../../use/useStore/index.mjs';
+import { K as KEY_NAME } from './config-provider2.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "config-provider",
+  props: {
+    button: {},
+    iconfontUrl: {},
+    pcaBaseUrl: {},
+    crosProxy: {}
+  },
+  setup(__props) {
+    const props = __props;
+    useProvide(KEY_NAME, props);
+    onMounted(() => {
+      if (!window.VC?.isSVGIconLock && props.iconfontUrl) {
+        window.VC = { ...window.VC, isSVGIconLock: true };
+        index.loadScriptSingle(props.iconfontUrl);
+      }
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+
+export { _sfc_main as _ };

package/dist/es/components/config-provider/config-provider.vue.d.ts

@@ -0,0 +1,18 @@
+import { IConfigProviderProps } from './config-provider';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/config-provider/config-provider2.mjs

@@ -0,0 +1,6 @@
+import { useInject } from '../../use/useStore/index.mjs';
+
+const KEY_NAME = Symbol("VcConfig");
+const injectConfig = () => useInject(KEY_NAME);
+
+export { KEY_NAME as K, injectConfig as i };

package/dist/es/components/config-provider/index.d.ts

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

package/dist/es/components/config-provider/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { _ as _sfc_main } from './config-provider.mjs';
+
+const VcConfigProvider = withInstall(_sfc_main);
+
+export { VcConfigProvider, VcConfigProvider as default };

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

@@ -0,0 +1,12 @@
+import { default as ICropper } from 'cropperjs';
+export interface ICropperProps {
+    dialog?: boolean;
+    visible?: boolean;
+    image?: HTMLImageElement | string | File;
+    option?: ICropper.Options;
+    imageSmoothingQuality?: ICropper.ImageSmoothingQuality;
+    containerWidth?: string;
+    containerHeight?: string;
+    cropperWidth?: number;
+    cropperHeight?: number;
+}