@qin-ui/antd-vue-pro 1.0.14 → 1.0.16

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2023-present pro-components
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/es/form/index.js

@@ -15703,6 +15703,9 @@ const UPDATE_FORM_DATA = Symbol(
 );
 const UPDATE_REFS = Symbol("updateRefs");
 const COMMAND = Symbol("command");
+const UPDATE_ACTIVE_PATH = Symbol(
+  "setActivePath"
+);
 const RULE_TYPE_MAP = /* @__PURE__ */ new Map([
   ["value", "字段赋值"],
   ["hidden", "字段隐藏/显示"],
@@ -16013,7 +16016,10 @@ const useFields = (initFields) => {
 };
 const useFormData = (initFormData) => {
   const formData = ref(initFormData);
-  const activePath = ref(null);
+  const activePath = ref();
+  const setActivePath = (path) => {
+    activePath.value = path;
+  };
   const getFormData = (path) => {
     if (!path)
       return void 0;
@@ -16022,14 +16028,12 @@ const useFormData = (initFormData) => {
   const setFormData = (path, value) => {
     let newValue = value;
     if (path) {
-      activePath.value = path;
       if (typeof value === "function") {
         const preValue = getFormData(path);
         newValue = value(preValue);
       }
       set$1(formData.value, path, newValue);
     } else {
-      activePath.value = null;
       if (typeof value === "function") {
         const preValue = formData.value;
         newValue = value(preValue);
@@ -16037,7 +16041,7 @@ const useFormData = (initFormData) => {
       formData.value = newValue;
     }
   };
-  return { formData, getFormData, setFormData, activePath };
+  return { formData, getFormData, setFormData, activePath, setActivePath };
 };
 const useForm = (initFormData = {}, initFields = []) => {
   return {
@@ -16369,6 +16373,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const updateFormData = inject(UPDATE_FORM_DATA);
     const updateRefs = inject(UPDATE_REFS);
     const command = inject(COMMAND);
+    const updateActivePath = inject(UPDATE_ACTIVE_PATH);
     const { getInitProps } = useInitProps();
     const value = computed({
       get() {
@@ -16404,6 +16409,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
       return {};
     };
+    const modelName = computed(() => {
+      if (componentType.value === "switch") {
+        return "checked";
+      }
+      return "value";
+    });
     const mergedAttrs = computed(() => {
       const compType = componentType.value;
       const initProps = getInitProps({
@@ -16419,7 +16430,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           Object.assign(methods, rewriteMethod("onBlur"), rewriteMethod("onFocus"));
           break;
       }
-      return { ...initProps, ...attrs, ...methods };
+      return { ...initProps, ...attrs, ...methods, onFocus: void 0 };
     });
     const is = computed(() => {
       return COMPONENT_MAP.get(props.component) ?? props.component;
@@ -16435,6 +16446,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         (_c = command == null ? void 0 : command.value) == null ? void 0 : _c.run(props.path, "onInit");
       }
     });
+    function handleFocus(...args) {
+      var _a, _b;
+      updateActivePath == null ? void 0 : updateActivePath(props.path);
+      (_b = (_a = mergedAttrs.value).onFocus) == null ? void 0 : _b.call(_a, ...args);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$2), {
         component: unref(attrs).componentContainer,
@@ -16443,11 +16459,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(is.value), mergeProps({ key: forceUpdateKey.value }, mergedAttrs.value, {
             ref: setComponentRef,
-            value: value.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+            [modelName.value]: value.value,
+            ["onUpdate:" + modelName.value]: _cache[0] || (_cache[0] = ($event) => value.value = $event),
             class: [unref(attrs).componentClassName, "field-component"],
             style: unref(attrs).componentStyle,
-            path: _ctx.path
+            path: _ctx.path,
+            onFocus: handleFocus
           }), createSlots({ _: 2 }, [
             renderList(unref(attrs).slots, (slot, name) => {
               return {
@@ -16460,14 +16477,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 ])
               };
             })
-          ]), 1040, ["value", "class", "style", "path"]))
+          ]), 1040, ["class", "style", "path"]))
         ]),
         _: 1
       }, 8, ["component", "path"]);
     };
   }
 });
-const index_vue_vue_type_style_index_0_scoped_188e985a_lang = "";
+const index_vue_vue_type_style_index_0_scoped_cabd909c_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -16475,7 +16492,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BaseField = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-188e985a"]]);
+const BaseField = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-cabd909c"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ContainerFragment",
@@ -16523,9 +16540,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     formData: { default: () => ({}) },
     fields: { default: () => [] },
     grid: { type: [Boolean, Object], default: false },
-    autoCommandDisabled: { type: Boolean, default: false }
+    autoCommandDisabled: { type: Boolean, default: false },
+    activePath: { default: void 0 }
   },
-  emits: ["update:formData"],
+  emits: ["update:formData", "update:activePath"],
   setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const refs = {
@@ -16538,13 +16556,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refs[type4][path] = childRef;
     };
     const exposed = shallowReactive({ refs });
+    const updateActivePath = (path) => {
+      var _a;
+      if (props.form) {
+        (_a = props.form) == null ? void 0 : _a.setActivePath(path);
+      } else {
+        emit("update:activePath", path);
+      }
+    };
     const _formData = computed(
-      () => props.form ? props.form.formData.value : props.formData
+      () => {
+        var _a;
+        return props.form ? (_a = props.form) == null ? void 0 : _a.formData.value : props.formData;
+      }
     );
     const updateFormData = (value, path) => {
-      var _a, _b;
+      var _a;
       if (props.form) {
-        (_b = (_a = props.form).setFormData) == null ? void 0 : _b.call(_a, path, value);
+        (_a = props.form) == null ? void 0 : _a.setFormData(path, value);
       } else {
         const keys2 = path.split(".");
         const newFormData = keys2.reduce(
@@ -16561,9 +16590,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
         emit("update:formData", newFormData);
       }
+      updateActivePath(path);
     };
     const _fields = computed(
-      () => props.form ? props.form.fields.value : props.fields
+      () => {
+        var _a;
+        return props.form ? (_a = props.form) == null ? void 0 : _a.fields.value : props.fields;
+      }
     );
     const command = computed(() => {
       return props.form && !props.autoCommandDisabled ? useCommand({
@@ -16579,6 +16612,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide(UPDATE_FORM_DATA, updateFormData);
     provide(UPDATE_REFS, updateRefs);
     provide(COMMAND, command);
+    provide(UPDATE_ACTIVE_PATH, updateActivePath);
     __expose(exposed);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Form$2), {
@@ -16612,6 +16646,7 @@ export {
   INJECT_COMPONENT_PROPS_KEYS,
   RULE_TYPE_MAP,
   _sfc_main$1 as SlotComponent,
+  UPDATE_ACTIVE_PATH,
   UPDATE_FORM_DATA,
   UPDATE_REFS,
   _sfc_main as default,

package/es/index.d.ts

@@ -409,6 +409,10 @@ declare const _default_2: __VLS_WithTemplateSlots<DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    activePath: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     refs: Refs;
     resetFields: (name?: NamePath | undefined) => void;
@@ -425,6 +429,7 @@ declare const _default_2: __VLS_WithTemplateSlots<DefineComponent<{
     scrollToField: (name: NamePath, options?: {} | undefined) => void;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:formData": (val: FormData_2) => void;
+    "update:activePath": (val: string | undefined) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     prefixCls: {
         type: PropType<string>;
@@ -586,14 +591,20 @@ declare const _default_2: __VLS_WithTemplateSlots<DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    activePath: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
+    "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
 }, {
     grid: Grid;
     fields: Fields;
     formData: FormData_2;
     form: Form;
     autoCommandDisabled: boolean;
+    activePath: string;
 }, {}>, {
     default?(_: {}): any;
 }>;
@@ -973,6 +984,7 @@ export declare const ProForm: SFCWithInstall<{
             formData?: FormData_2 | undefined;
             form?: Form | undefined;
             autoCommandDisabled?: boolean | undefined;
+            activePath?: string | undefined;
             readonly prefixCls?: string | undefined;
             readonly name?: string | undefined;
             readonly size?: "middle" | "small" | "large" | undefined;
@@ -1110,6 +1122,7 @@ export declare const ProForm: SFCWithInstall<{
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
             "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
+            "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -1122,7 +1135,7 @@ export declare const ProForm: SFCWithInstall<{
         }>;
         $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:formData", val: FormData_2) => void;
+        $emit: ((event: "update:formData", val: FormData_2) => void) & ((event: "update:activePath", val: string | undefined) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             prefixCls: {
@@ -1285,8 +1298,13 @@ export declare const ProForm: SFCWithInstall<{
                 type: PropType<boolean>;
                 default: boolean;
             };
+            activePath: {
+                type: PropType<string>;
+                default: undefined;
+            };
         }>> & {
             "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
+            "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
         }, {
             refs: Refs;
             resetFields: (name?: NamePath | undefined) => void;
@@ -1303,12 +1321,14 @@ export declare const ProForm: SFCWithInstall<{
             scrollToField: (name: NamePath, options?: {} | undefined) => void;
         }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:formData": (val: FormData_2) => void;
+            "update:activePath": (val: string | undefined) => void;
         }, string, {
             grid: Grid;
             fields: Fields;
             formData: FormData_2;
             form: Form;
             autoCommandDisabled: boolean;
+            activePath: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1490,8 +1510,13 @@ export declare const ProForm: SFCWithInstall<{
             type: PropType<boolean>;
             default: boolean;
         };
+        activePath: {
+            type: PropType<string>;
+            default: undefined;
+        };
     }>> & {
         "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
+        "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
     } & ShallowUnwrapRef<{
         refs: Refs;
         resetFields: (name?: NamePath | undefined) => void;
@@ -1671,8 +1696,13 @@ export declare const ProForm: SFCWithInstall<{
         type: PropType<boolean>;
         default: boolean;
     };
+    activePath: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
+    "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
 }, {
     refs: Refs;
     resetFields: (name?: NamePath | undefined) => void;
@@ -1689,12 +1719,14 @@ export declare const ProForm: SFCWithInstall<{
     scrollToField: (name: NamePath, options?: {} | undefined) => void;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:formData": (val: FormData_2) => void;
+    "update:activePath": (val: string | undefined) => void;
 }, string, {
     grid: Grid;
     fields: Fields;
     formData: FormData_2;
     form: Form;
     autoCommandDisabled: boolean;
+    activePath: string;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -1748,6 +1780,8 @@ export declare type RuleType = 'value' | 'hidden' | 'disabled' | 'options' | 'va
 
 declare type SelectSlots = FieldSlot<keyof InstanceType<typeof Select>['$slots']>;
 
+export declare type SetActivePath = (path: string | undefined) => void;
+
 export declare type SetField = (path: string | undefined, field: Field | ((preField: ReturnType<GetField>) => Field)) => void;
 
 export declare type SetFormData = (path: string | undefined, value: any | ((preValue: DeepReadonly<any>) => any)) => void;
@@ -1779,6 +1813,8 @@ declare type TimePickerSlots = FieldSlot<'clearIcon' | 'renderExtraFooter' | 'su
 
 declare type TreeSelectSlots = FieldSlot<'maxTagPlaceholder' | 'notFoundContent' | 'placeholder' | 'searchPlaceholder' | 'suffixIcon' | 'tagRender' | 'title'>;
 
+export declare const UPDATE_ACTIVE_PATH: InjectionKey<SetActivePath>;
+
 export declare const UPDATE_FORM_DATA: InjectionKey<UpdateFormData>;
 
 export declare const UPDATE_REFS: InjectionKey<UpdateRefs>;
@@ -1839,7 +1875,9 @@ export declare type UseFormData<D extends FormData_2 = FormData_2> = (initFormDa
     /** 设置指定字段数据路径的值 */
     setFormData: SetFormData;
     /** 当前正在编辑的字段path */
-    activePath: Ref<string | null>;
+    activePath: Ref<string | undefined>;
+    /** 设置当前正在编辑的字段path */
+    setActivePath: SetActivePath;
 };
 
 export declare const useFormData: UseFormData;
@@ -1849,8 +1887,8 @@ export declare const useInitProps: () => {
 };
 
 declare type VModelProps = {
-    value: unknown;
-    'onUpdate:value': (val: unknown) => void;
+    value?: unknown;
+    'onUpdate:value'?: (val: unknown) => void;
 };
 
 export { }

package/es/index.js

@@ -1,6 +1,6 @@
 import "./style.css";
 import _sfc_main from "./form/index.js";
-import { ArrowFunctionRegexp, BaseField, BaseFormItem, COMMAND, COMPONENT_MAP, ContainerFragment, FORM_DATA, FORM_ITEM_SLOT_KEYS, FunctionRegexp, INIT_COMPONENT_PROPS_MAP, INJECT_COMPONENT_PROPS_KEYS, RULE_TYPE_MAP, SlotComponent, UPDATE_FORM_DATA, UPDATE_REFS, isFunctionString, jsonParseReviver, jsonStringifyReplacer, useCommand, useFields, useForm, useFormData, useInitProps } from "./form/index.js";
+import { ArrowFunctionRegexp, BaseField, BaseFormItem, COMMAND, COMPONENT_MAP, ContainerFragment, FORM_DATA, FORM_ITEM_SLOT_KEYS, FunctionRegexp, INIT_COMPONENT_PROPS_MAP, INJECT_COMPONENT_PROPS_KEYS, RULE_TYPE_MAP, SlotComponent, UPDATE_ACTIVE_PATH, UPDATE_FORM_DATA, UPDATE_REFS, isFunctionString, jsonParseReviver, jsonStringifyReplacer, useCommand, useFields, useForm, useFormData, useInitProps } from "./form/index.js";
 import _sfc_main$1 from "./component-provider/index.js";
 import "vue";
 import "ant-design-vue";
@@ -36,6 +36,7 @@ export {
   ProForm,
   RULE_TYPE_MAP,
   SlotComponent,
+  UPDATE_ACTIVE_PATH,
   UPDATE_FORM_DATA,
   UPDATE_REFS,
   index as default,

package/es/style.css

@@ -1,4 +1,4 @@
-.field-component[data-v-188e985a] {
+.field-component[data-v-cabd909c] {
   width: 100%;
   min-width: 120px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/antd-vue-pro",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "二次封装antd vue组件",
   "type": "module",
   "main": "",
@@ -14,9 +14,6 @@
     "type": "git",
     "url": "git+https://github.com/dufan3715/pro-components.git"
   },
-  "scripts": {
-    "build": "vue-tsc && vite build"
-  },
   "keywords": [
     "vue",
     "ant-design-vue",
@@ -32,5 +29,8 @@
   },
   "bugs": {
     "url": "https://github.com/dufan3715/pro-components/issues"
+  },
+  "scripts": {
+    "build": "vue-tsc && vite build"
   }
-}
+}