@wfrog/vc-ui 1.5.0 → 1.5.2

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

@@ -3,6 +3,7 @@ export interface IIconOption {
     name: string;
     type?: IGlobal.IconType;
     position?: 'left' | 'right';
+    disabled?: boolean;
 }
 export interface IButtonProps {
     icon?: IIconOption;

package/dist/es/components/button/button.mjs

@@ -4,7 +4,7 @@ import { f as useTooltipTriggerProps, u as useTooltipContentProps, a as ElToolti
 /* empty css                    */
 import { b as buttonTypes, E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
 import { defineComponent, ref, computed, unref, createBlock, openBlock, mergeProps, withCtx, renderSlot, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, normalizeStyle, resolveDynamicComponent, toDisplayString, createVNode, withModifiers, createElementBlock } from 'vue';
-import { ElMessageBox } from 'element-plus';
+import { useFormDisabled, ElMessageBox } from 'element-plus';
 import { i as injectConfig } from '../config-provider/config-provider2.mjs';
 import { _ as _sfc_main$2 } from '../icon/icon.mjs';
 import { useThrottleFn } from '@vueuse/core';
@@ -237,6 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const { button: buttonConfig } = injectConfig();
+    const formDisabled = useFormDisabled();
     const defaultConfirmInfo = { title: "提示", confirmButtonText: "确定", cancelButtonText: "取消", msg: "请确认您的操作" };
     const myConfirm = computed(() => buttonConfig?.confirm?.type !== void 0 ? buttonConfig?.confirm?.type : props.confirm?.type !== void 0 ? props.confirm.type : ["danger", "warning"].includes(props.type) ? "messagebox" : void 0);
     const { name, type: iconType = "el", position = "left" } = props.icon || {};
@@ -284,6 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           __props.stop ? (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 0 }, _ctx.$attrs, {
             type: __props.type,
             class: _ctx.$style.button,
+            disabled: unref(formDisabled),
             onClick: withModifiers(unref(handleClick), ["stop"])
           }), {
             default: withCtx(() => [
@@ -302,9 +304,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["type", "name"])) : createCommentVNode("", true)
             ]),
             _: 3
-          }, 16, ["type", "class", "onClick"])) : (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 1 }, _ctx.$attrs, {
+          }, 16, ["type", "class", "disabled", "onClick"])) : (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 1 }, _ctx.$attrs, {
             type: __props.type,
             class: _ctx.$style.button,
+            disabled: unref(formDisabled),
             onClick: unref(handleClick)
           }), {
             default: withCtx(() => [
@@ -323,12 +326,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["type", "name"])) : createCommentVNode("", true)
             ]),
             _: 3
-          }, 16, ["type", "class", "onClick"]))
+          }, 16, ["type", "class", "disabled", "onClick"]))
         ]),
         _: 3
       }, 8, ["title", "confirm-button-text", "cancel-button-text", "popper-class", "onConfirm"])) : __props.stop ? (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 1 }, _ctx.$attrs, {
         type: __props.type,
         class: _ctx.$style.button,
+        disabled: unref(formDisabled),
         onClick: withModifiers(unref(handleClick), ["stop"])
       }), {
         default: withCtx(() => [
@@ -347,9 +351,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["type", "name"])) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["type", "class", "onClick"])) : (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 2 }, _ctx.$attrs, {
+      }, 16, ["type", "class", "disabled", "onClick"])) : (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 2 }, _ctx.$attrs, {
         type: __props.type,
         class: _ctx.$style.button,
+        disabled: unref(formDisabled),
         onClick: unref(handleClick)
       }), {
         default: withCtx(() => [
@@ -368,7 +373,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["type", "name"])) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["type", "class", "onClick"]));
+      }, 16, ["type", "class", "disabled", "onClick"]));
     };
   }
 });

package/dist/es/components/cdn-tag.vue.d.ts

@@ -0,0 +1,5 @@
+interface IPropType {
+    name: string;
+}
+declare const _default: import('vue').DefineComponent<IPropType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IPropType> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -3,4 +3,5 @@ export interface IChoiceProps {
     multiple?: boolean;
     type?: RadioGroupProps['type'] | CheckboxGroupProps['type'];
     options: RadioGroupProps['options'] | CheckboxGroupProps['options'] | string[];
+    disabled?: boolean;
 }

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

@@ -3,6 +3,7 @@ import '../../chunk/By7FMB3I.mjs';
 import { a as ElCheckboxGroup } from '../../chunk/DSt2uDNE.mjs';
 import { E as ElRadioGroup } from '../../chunk/BL8WhaLp.mjs';
 import { defineComponent, computed, createBlock, openBlock, mergeProps, unref } from 'vue';
+import { useFormDisabled } from 'element-plus';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,10 +11,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     multiple: { type: Boolean },
     type: { default: "button" },
-    options: {}
+    options: {},
+    disabled: { type: Boolean, default: void 0 }
   },
   setup(__props) {
     const props = __props;
+    const formDisabled = useFormDisabled();
     const myType = props.type;
     const myOptions = computed(() => {
       if (Array.isArray(props.options) && typeof props.options[0] === "string") {
@@ -26,12 +29,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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, {
+        options: unref(myOptions),
+        disabled: unref(formDisabled)
+      }), null, 16, ["type", "options", "disabled"])) : (openBlock(), createBlock(_component_ElCheckboxGroup, mergeProps({ key: 1 }, _ctx.$attrs, {
         class: _ctx.$style.checkbox,
         type: unref(myType),
-        options: unref(myOptions)
-      }), null, 16, ["class", "type", "options"]));
+        options: unref(myOptions),
+        disabled: unref(formDisabled)
+      }), null, 16, ["class", "type", "options", "disabled"]));
     };
   }
 });

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

@@ -1,5 +1,6 @@
 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"];
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -16,6 +16,7 @@ export interface ICurrencyProps {
     prefix?: boolean;
     prepend?: boolean;
     append?: boolean;
+    disabled?: boolean;
 }
 declare const data: ICurrencyInfo[];
 export default data;

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

@@ -5,6 +5,7 @@ import { E as ElSelect, a as ElOption } from '../../chunk/DQi1QPak.mjs';
 import '../../chunk/D_Mvdscy.mjs';
 import '../../chunk/BfjuZmry.mjs';
 import { defineComponent, computed, ref, onBeforeMount, createBlock, openBlock, mergeProps, unref, isRef, createSlots, withCtx, createElementBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from 'vue';
+import { useFormDisabled } from 'element-plus';
 import { _ as _sfc_main$1 } from '../flag/flag.mjs';
 import { C as Component$1 } from '../thousand-input/thousand-input.mjs';
 import { useVModel } from '@vueuse/core';
@@ -53,13 +54,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     flag: { type: Boolean, default: false },
     prefix: { type: Boolean, default: true },
     prepend: { type: Boolean, default: true },
-    append: { type: Boolean, default: false }
+    append: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: void 0 }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const myValue = useVModel(props, "modelValue", emits);
+    const formDisabled = useFormDisabled();
     const selectStyle = computed(() => ({ width: props.flag ? "7.5em" : "6em" }));
     const formatValue = ref("");
     const myCode = ref();
@@ -109,6 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               modelValue: unref(myCode),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myCode) ? myCode.value = $event : null),
               style: normalizeStyle(unref(selectStyle)),
+              disabled: unref(formDisabled),
               onChange: handleCodeChange
             }, createSlots({
               default: withCtx(() => [
@@ -141,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["modelValue", "style"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            ]), 1032, ["modelValue", "style", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               __props.flag ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 code: unref(currencyInfo).flag,

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

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<ICurrencyProps, {}, {}, {}
     onChange?: ((value: [string, string, ICurrencyCode]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     flag: boolean;
     prefix: boolean;
     prepend: boolean;

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

@@ -3,4 +3,5 @@ export interface IDateRangePickerProps {
     valueFormat?: string;
     limitDays?: number;
     includeToday?: boolean;
+    disabled?: boolean;
 }

package/dist/es/components/daterange-picker/daterange-picker.mjs

@@ -4,6 +4,7 @@ import { E as ElScrollbar } from '../../chunk/D_Mvdscy.mjs';
 import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
 import { E as Ee, u as useTooltipContentProps, a as ElTooltip, c as castArray, e as extractFirst } from '../../chunk/BfjuZmry.mjs';
 import { ref, computed, defineComponent, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, mergeProps, useAttrs as useAttrs$1, inject, watch, nextTick, onBeforeUnmount, provide, createBlock, withCtx, withModifiers, createCommentVNode, resolveDynamicComponent, toDisplayString, onMounted, Fragment, renderList, createTextVNode, withDirectives, createVNode, Transition, withKeys, useSlots, toRef, vShow, getCurrentInstance, toRefs, isVNode, isRef } from 'vue';
+import { useFormDisabled as useFormDisabled$1 } from 'element-plus';
 import { onClickOutside, unrefElement, useVModel } from '@vueuse/core';
 import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
 import { CircleClose, Clock, Calendar, ArrowUp, ArrowDown, DArrowLeft, ArrowLeft, ArrowRight, DArrowRight } from '@element-plus/icons-vue';
@@ -6255,13 +6256,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     valueFormat: { default: "YYYY-MM-DD" },
     limitDays: { default: 3 },
-    includeToday: { type: Boolean, default: false }
+    includeToday: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: void 0 }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const myValue = useVModel(props, "modelValue", emits);
+    const formDisabled = useFormDisabled$1();
     function disabledDate(time) {
       const now = Date.now();
       const pickerTime = time.getTime();
@@ -6289,8 +6292,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "disabled-date": disabledDate,
         type: "daterange",
         "value-format": __props.valueFormat,
+        disabled: unref(formDisabled),
         onChange: handleChange
-      }), null, 16, ["modelValue", "value-format"]);
+      }), null, 16, ["modelValue", "value-format", "disabled"]);
     };
   }
 });

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

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<IDateRangePickerProps, {},
     onChange?: ((value: string[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     valueFormat: string;
     limitDays: number;
     includeToday: boolean;

package/dist/es/components/explorer-form/explorer-form.d.ts

@@ -11,6 +11,7 @@ export interface IExplorerFormProps {
     initialValues?: Record<string, any>;
     autoInitial?: boolean;
     defaultEditing?: boolean;
+    labelPosition?: FormProps['labelPosition'];
     onCancel?: () => void | Promise<void>;
     onSave?: (data: Record<string, any>) => void | Promise<void>;
 }

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -1,7 +1,7 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
 import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
-import { defineComponent, ref, useTemplateRef, watch, onBeforeMount, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, resolveDynamicComponent, mergeProps } from 'vue';
+import { defineComponent, ref, useTemplateRef, watch, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, mergeProps } from 'vue';
 import { ElForm } from 'element-plus';
 import { C as Component$2 } from '../button/button.mjs';
 import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
@@ -18,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     initialValues: {},
     autoInitial: { type: Boolean, default: true },
     defaultEditing: { type: Boolean },
+    labelPosition: { default: "top" },
     onCancel: { type: Function, default: () => {
     } },
     onSave: { type: Function, default: () => {
@@ -30,7 +31,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isEditing = ref(false);
     const loading = ref(false);
     const formRef = useTemplateRef("formRef");
-    const formComponent = ref();
     function handleEdit() {
       emits("clickEdit");
       isEditing.value = true;
@@ -58,9 +58,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const initialValuesWatch = watch(() => props.initialValues, () => {
       props.initialValues && formRef.value?.setInitialValues(props.initialValues);
     }, { immediate: true, deep: true });
-    onBeforeMount(() => {
-      formComponent.value = ElForm;
-    });
     onBeforeUnmount(() => {
       initialValuesWatch.stop();
       autoInitialWatch.stop();
@@ -126,20 +123,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2),
         createVNode(Component$3, { always: "" }, {
           default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(formComponent)), mergeProps({
+            createVNode(unref(ElForm), mergeProps({
               ref_key: "formRef",
               ref: formRef
-            }, props.formProps, {
+            }, __props.formProps, {
               model: __props.form.fields,
               rules: __props.form.rules,
               disabled: !unref(isEditing),
-              "require-asterisk-position": "right"
+              "require-asterisk-position": "right",
+              "label-position": __props.labelPosition
             }), {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 16, ["model", "rules", "disabled"]))
+            }, 16, ["model", "rules", "disabled", "label-position"])
           ]),
           _: 3
         })