@zl-ui-kit/components 0.9.0 → 0.10.1

package/dist/components/ZlIcon/index2.vue.mjs

@@ -1,34 +1,41 @@
-import { defineComponent as a, computed as t, openBlock as n, createElementBlock as c, renderSlot as u, createBlock as d, unref as m, normalizeStyle as f, createElementVNode as k, createCommentVNode as h } from "vue";
-import { Icon as v } from "@iconify/vue/offline";
-const x = { class: "zl-icon" }, y = {
-  key: 2,
-  class: "zl-icon--local"
-}, I = ["xlink:href"], E = /* @__PURE__ */ a({
+import { defineComponent as v, useAttrs as z, computed as t, openBlock as o, createElementBlock as s, normalizeStyle as k, unref as r, normalizeClass as h, renderSlot as x, createBlock as I, mergeProps as i, createElementVNode as S, createCommentVNode as $ } from "vue";
+import { Icon as A } from "@iconify/vue/offline";
+const B = ["xlink:href"], g = /* @__PURE__ */ v({
   name: "ZlIcon",
+  inheritAttrs: !1,
   __name: "index",
   props: {
-    icon: {}
+    icon: {},
+    size: {},
+    color: {}
   },
-  setup(e) {
-    const o = e, l = t(() => o.icon.startsWith("http")), i = t(() => o.icon.includes(":")), r = t(() => `#icon-${o.icon}`);
-    return (s, p) => (n(), c("div", x, [
-      u(s.$slots, "default", {}, () => [
-        i.value ? (n(), d(m(v), {
-          key: 0,
-          id: e.icon,
-          icon: e.icon
-        }, null, 8, ["id", "icon"])) : l.value ? (n(), c("div", {
-          key: 1,
-          style: f({ mask: `url(${e.icon}) no-repeat 50% 50%` }),
+  setup(n) {
+    const e = n, l = z(), u = t(() => ({
+      fontSize: typeof e.size == "number" ? `${e.size}px` : e.size,
+      color: e.color
+    })), c = t(() => {
+      const { class: a, style: y, ...p } = l;
+      return p;
+    }), m = t(() => e.icon.startsWith("http")), d = t(() => e.icon.includes(":")), f = t(() => `#icon-${e.icon}`);
+    return (a, y) => (o(), s("div", {
+      class: h(["zl-icon", r(l).class]),
+      style: k([u.value, r(l).style])
+    }, [
+      x(a.$slots, "default", {}, () => [
+        d.value ? (o(), I(r(A), i({ key: 0 }, c.value, {
+          id: n.icon,
+          icon: n.icon
+        }), null, 16, ["id", "icon"])) : m.value ? (o(), s("div", i({ key: 1 }, c.value, {
+          style: { mask: `url(${n.icon}) no-repeat 50% 50%` },
           class: "zl-icon--external"
-        }, null, 4)) : e.icon ? (n(), c("svg", y, [
-          k("use", { "xlink:href": r.value }, null, 8, I)
-        ])) : h("", !0)
+        }), null, 16)) : n.icon ? (o(), s("svg", i({ key: 2 }, c.value, { class: "zl-icon--local" }), [
+          S("use", { "xlink:href": f.value }, null, 8, B)
+        ], 16)) : $("", !0)
       ], !0)
-    ]));
+    ], 6));
   }
 });
 export {
-  E as default
+  g as default
 };
 //# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlPagination/index.css

@@ -1 +1 @@
-@charset "UTF-8";.zl-pagination[data-v-fd07517c]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-fd07517c]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-fd07517c]{--zl-pagination-justify: center}.zl-pagination--right[data-v-fd07517c]{--zl-pagination-justify: flex-end}
+@charset "UTF-8";.zl-pagination[data-v-78457fcd]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-78457fcd]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-78457fcd]{--zl-pagination-justify: center}.zl-pagination--right[data-v-78457fcd]{--zl-pagination-justify: flex-end}

package/dist/components/ZlPagination/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd07517c"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-78457fcd"]]);
 export {
   i as default
 };

package/dist/components/ZlSearch/index.vue.d.ts

@@ -78,8 +78,15 @@ declare function __VLS_template(): {
                 items: import('../..').FormItem[];
                 model?: Record<string, any>;
             }> & Readonly<{}>, {
-                validate: () => Promise<void>;
-                validateField: (name: string) => Promise<void>;
+                validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+                validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+                resetFields: (props?: string | string[]) => any;
+                clearValidate: (props?: string | string[]) => any;
+                scrollToField: (prop: string) => any;
+                getField: (prop: string) => any;
+                fields: any;
+                setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+                elForm: any;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 items: import('../..').FormItem[];
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -107,9 +114,16 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
-        }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
-            validate: () => Promise<void>;
-            validateField: (name: string) => Promise<void>;
+        }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
+            validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            resetFields: (props?: string | string[]) => any;
+            clearValidate: (props?: string | string[]) => any;
+            scrollToField: (prop: string) => any;
+            getField: (prop: string) => any;
+            fields: any;
+            setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+            elForm: any;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: Partial<Record<string, (_: {
                 model: Record<string, any>;
@@ -165,8 +179,15 @@ declare function __VLS_template(): {
                 items: import('../..').FormItem[];
                 model?: Record<string, any>;
             }> & Readonly<{}>, {
-                validate: () => Promise<void>;
-                validateField: (name: string) => Promise<void>;
+                validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+                validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+                resetFields: (props?: string | string[]) => any;
+                clearValidate: (props?: string | string[]) => any;
+                scrollToField: (prop: string) => any;
+                getField: (prop: string) => any;
+                fields: any;
+                setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+                elForm: any;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 items: import('../..').FormItem[];
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -194,9 +215,16 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
-        }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
-            validate: () => Promise<void>;
-            validateField: (name: string) => Promise<void>;
+        }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
+            validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            resetFields: (props?: string | string[]) => any;
+            clearValidate: (props?: string | string[]) => any;
+            scrollToField: (prop: string) => any;
+            getField: (prop: string) => any;
+            fields: any;
+            setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+            elForm: any;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: Partial<Record<string, (_: {
                 model: Record<string, any>;
@@ -232,18 +260,21 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    /** 当前查询表单值（已按各项 `toParams` 转换），可直接当请求入参 */
     params: import('vue').ComputedRef<Record<string, any>>;
+    /** 收起展开态并触发 `search` 事件（本身不做校验，带校验的查询走组件内查询按钮） */
     search: typeof search;
+    /** 重置表单并清除校验提示，随后触发 `reset` 事件与一次 `search` */
     reset: typeof reset;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    search: (params: Record<string, any>) => any;
     reset: () => any;
+    search: (params: Record<string, any>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSearch?: ((params: Record<string, any>) => any) | undefined;
     onReset?: (() => any) | undefined;
+    onSearch?: ((params: Record<string, any>) => any) | undefined;
 }>, {
-    immediate: boolean;
     disabled: boolean;
+    immediate: boolean;
     items: SearchItem[];
     labelsVisible: boolean;
     showLabels: boolean;
@@ -273,8 +304,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             items: import('../..').FormItem[];
             model?: Record<string, any>;
         }> & Readonly<{}>, {
-            validate: () => Promise<void>;
-            validateField: (name: string) => Promise<void>;
+            validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            resetFields: (props?: string | string[]) => any;
+            clearValidate: (props?: string | string[]) => any;
+            scrollToField: (prop: string) => any;
+            getField: (prop: string) => any;
+            fields: any;
+            setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+            elForm: any;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             items: import('../..').FormItem[];
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -302,9 +340,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         items: import('../..').FormItem[];
         model?: Record<string, any>;
-    }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
-        validate: () => Promise<void>;
-        validateField: (name: string) => Promise<void>;
+    }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
+        validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+        validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+        resetFields: (props?: string | string[]) => any;
+        clearValidate: (props?: string | string[]) => any;
+        scrollToField: (prop: string) => any;
+        getField: (prop: string) => any;
+        fields: any;
+        setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+        elForm: any;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<string, (_: {
             model: Record<string, any>;
@@ -360,8 +405,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             items: import('../..').FormItem[];
             model?: Record<string, any>;
         }> & Readonly<{}>, {
-            validate: () => Promise<void>;
-            validateField: (name: string) => Promise<void>;
+            validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+            resetFields: (props?: string | string[]) => any;
+            clearValidate: (props?: string | string[]) => any;
+            scrollToField: (prop: string) => any;
+            getField: (prop: string) => any;
+            fields: any;
+            setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+            elForm: any;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             items: import('../..').FormItem[];
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -389,9 +441,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         items: import('../..').FormItem[];
         model?: Record<string, any>;
-    }> & Readonly<{}>, "items" | "validate" | "validateField"> & {
-        validate: () => Promise<void>;
-        validateField: (name: string) => Promise<void>;
+    }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
+        validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+        validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
+        resetFields: (props?: string | string[]) => any;
+        clearValidate: (props?: string | string[]) => any;
+        scrollToField: (prop: string) => any;
+        getField: (prop: string) => any;
+        fields: any;
+        setInitialValues: (values: Record<string, any>, clearValidate?: boolean) => any;
+        elForm: any;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<string, (_: {
             model: Record<string, any>;

package/dist/components/ZlSearch/index.vue.mjs

@@ -99,7 +99,14 @@ const de = { class: "zl-search" }, me = {
       async () => {
         await w(), H();
       }
-    ), u.immediate && (async () => (await w(), _()))(), D({ params: j, search: V, reset: x }), (e, l) => {
+    ), u.immediate && (async () => (await w(), _()))(), D({
+      /** 当前查询表单值（已按各项 `toParams` 转换），可直接当请求入参 */
+      params: j,
+      /** 收起展开态并触发 `search` 事件（本身不做校验，带校验的查询走组件内查询按钮） */
+      search: V,
+      /** 重置表单并清除校验提示，随后触发 `reset` 事件与一次 `search` */
+      reset: x
+    }), (e, l) => {
       const i = se("el-button");
       return c(), f("div", de, [
         v.value.length ? (c(), f("div", me, [