dynamicformdjx 0.5.0 → 0.6.0

package/dist/origin/LoadedScroll.d.ts

@@ -0,0 +1,180 @@
+import { ExtractPropTypes, PropType, SlotsType, VNode } from 'vue';
+declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadData: {
+        type: PropType<() => Promise<void>>;
+        required: boolean;
+    };
+    scrollNode: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    loadingTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    finishedTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    finished: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    memoryScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pullRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    refreshData: {
+        type: PropType<() => Promise<void>>;
+    };
+    pullDistance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pullTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    releaseTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    refreshingTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    supportMode: {
+        type: PropType<"pc" | "mobile" | "all">;
+        default: string;
+    };
+    refreshLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:loading': (v: boolean) => boolean;
+    'update:isError': (v: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadData: {
+        type: PropType<() => Promise<void>>;
+        required: boolean;
+    };
+    scrollNode: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    loadingTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    finishedTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    finished: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    memoryScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pullRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    refreshData: {
+        type: PropType<() => Promise<void>>;
+    };
+    pullDistance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pullTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    releaseTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    refreshingTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    supportMode: {
+        type: PropType<"pc" | "mobile" | "all">;
+        default: string;
+    };
+    refreshLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:loading"?: ((v: boolean) => any) | undefined;
+    "onUpdate:isError"?: ((v: boolean) => any) | undefined;
+}>, {
+    loading: boolean;
+    offset: number;
+    isError: boolean;
+    loadingTxt: string;
+    finishedTxt: string;
+    errorTxt: string;
+    finished: boolean;
+    memoryScroll: boolean;
+    pullRefresh: boolean;
+    pullDistance: number;
+    pullTxt: string;
+    releaseTxt: string;
+    refreshingTxt: string;
+    supportMode: "mobile" | "pc" | "all";
+    refreshLoading: boolean;
+}, SlotsType<{
+    default: (obj: {
+        hintHeight: number;
+    }) => VNode;
+    bottomHint: () => VNode;
+    errorTxt: () => VNode;
+    loadingTxt: () => VNode;
+    finishedTxt: () => VNode;
+    pullTxt: () => VNode;
+    releaseTxt: () => VNode;
+    refreshingTxt: () => VNode;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { DyFormItem } from './form.ts';
-import { VNode } from 'vue';
+import { ComputedRef, Ref, VNode } from 'vue';
 export type DyCFormItem = {
     rId: string;
     key: string;
@@ -75,6 +75,14 @@ export type ExposeType = {
     onSet?: (obj?: object) => void;
     getResult?: (t?: 'res' | 'ori') => DyCFormItem[] | object;
 };
+export type ExposeZealCardType = {
+    tableHeight: Ref<number>;
+    isMobile: ComputedRef<boolean>;
+};
+export type ZealColumnType = {
+    tableHeight: Ref<number>;
+    isMobile: Ref<boolean>;
+};
 export type PresetType = 'fullRow' | 'grid';
 export type RenderType = "renderInput" | "renderSelect" | "renderPopSelect" | "renderTreeSelect" | "renderRadioGroup" | "renderRadioButtonGroup" | "renderCheckboxGroup" | "renderSwitch" | "renderDatePicker" | "renderTimePicker" | "renderCheckbox" | "renderDynamicTags" | "renderSlider" | "renderInputNumber";
 export type ExposeDyFType = {
@@ -116,3 +124,15 @@ export type ExposeZealTSearchType = {
     toggleDrawer?: (f?: boolean) => void;
     getParams?: <T extends object>() => T;
 };
+export type TableBtnType = {
+    key: string;
+    title?: string;
+    onSelect?: (k: string) => void;
+    disabled?: boolean;
+};
+export type PullEvent = TouchEvent | PointerEvent;
+export type ListenerItem = {
+    name: keyof HTMLElementEventMap;
+    handler: EventListener;
+    options?: AddEventListenerOptions | boolean;
+};

package/dist/types/slots.d.ts

@@ -5,14 +5,14 @@ type SizeObjType = {
     height: number;
 };
 export type ZealCardSlots = {
-    searchForm?: () => VNode[];
-    searchBtn?: () => VNode[];
-    controlBtn?: () => VNode[];
-    toolBtn?: () => VNode[];
+    searchForm?: (size: SizeObjType) => VNode[];
+    searchBtn?: (size: SizeObjType) => VNode[];
+    controlBtn?: (size: SizeObjType) => VNode[];
+    toolBtn?: (size: SizeObjType) => VNode[];
     default?: (obj: {
         tableHeight: number;
     } & SizeObjType) => VNode[];
-    rest?: () => VNode[];
+    rest?: (size: SizeObjType) => VNode[];
     footer?: (size: SizeObjType) => VNode[];
     header?: (size: SizeObjType) => VNode[];
 };
@@ -34,4 +34,7 @@ export type EleZealTableSlots = {
     append?: () => VNode[];
     empty?: () => VNode[];
 };
+export type ZealTableBtnControlSlots = {
+    text: () => void;
+};
 export {};

package/dist/utils/tools.d.ts

@@ -1,4 +1,4 @@
-import { ValueType, DyCFormItem, DyRandomFun } from '../types';
+import { ValueType, DyCFormItem, DyRandomFun, PullEvent } from '../types';
 import { Ref } from 'vue';
 import { DyFormItem } from '../types/form';
 declare const tranArr: (obj: ValueType, arrayFun: DyRandomFun, splitSymbol: string) => DyCFormItem[];
@@ -11,7 +11,10 @@ declare function ensureRef(v: any): Ref<any>;
 declare function OmitValue<T extends DyFormItem, const K extends readonly (keyof T)[]>(f: T, extraKeys?: K): Omit<T, "value" | K[number]>;
 declare function Debounce<T extends (...args: any[]) => void>(func: T, delay?: number): (...args: Parameters<T>) => void;
 declare const getPadY: (el: HTMLElement | null) => number;
+declare const getMarginY: (el: HTMLElement | null) => number;
 declare const unwrapObj: <T extends Record<string, any>>(obj: T) => { [K in keyof T]: T[K] extends {
     value: infer V;
 } ? V : T[K]; };
-export { tranArr, resetObj, parseValue, formatNumberInput, getDepthColor, saferRepairColor, ensureRef, OmitValue, Debounce, getPadY, unwrapObj };
+declare function getClientY(e: PullEvent): number;
+declare function getEventId(e: PullEvent): number | null;
+export { tranArr, resetObj, parseValue, formatNumberInput, getDepthColor, saferRepairColor, ensureRef, OmitValue, Debounce, getPadY, getMarginY, unwrapObj, getClientY, getEventId };

package/dist/vite-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="vite/client" />
+declare module "*.vue" {
+    import { DefineComponent } from 'vue';
+    const component: DefineComponent<{}, {}, any>;
+    export default component;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamicformdjx",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "author": "xczcdjx",
   "license": "MIT",
@@ -51,6 +51,7 @@
   "scripts": {
     "dev:v3": "vite --host",
     "build:v3": "vue-tsc -b && vite build",
+    "build:skipTsc": "vite build",
     "preview": "vite preview",
     "pub": "npm version patch && npm publish"
   },

package/dist/index-BRJXkpNJ.cjs

@@ -1 +0,0 @@
-"use strict";require('./index.css');const c=require("vue"),S=(t,e,n)=>Object.keys(t).map((r,s)=>{const l=t[r],f=Array.isArray(l),m=f?l.every(p=>typeof p=="number"):typeof l=="number";return{rId:e(s),key:r,value:f?l.join(n):l,isArray:f||void 0,isNumber:m||void 0}}),$=(t,e)=>t.reduce((n,r)=>(r.key.trim()&&(n[r.key]=R(r.value,r.isArray,r.isNumber,e)),n),{}),R=(t,e,n,r=",")=>{let s;return e?n?s=String(t).split(r).map(Number).filter(l=>!Number.isNaN(l)):s=String(t).split(r):n?s=parseFloat(t):s=t.toString(),s},j=(t,e,n=",")=>{const r=s=>{s=s.replace(/[^\d.-]/g,"");let l=!1;s.startsWith("-")&&(l=!0),s=s.replace(/-/g,"");const f=s.indexOf(".");return f!==-1&&(s=s.slice(0,f+1)+s.slice(f+1).replace(/\./g,"")),(l?"-":"")+s};return e?t.split(n).map(s=>r(s)).join(n):r(t)},O=t=>`hsl(${t*35%360}, 60%, 65%)`,H=(t,e)=>t[e-1]??O(e);function k(t){return c.isRef(t)?t:c.ref(t??null)}function I(t,e){const n={...t};return delete n.value,e?.forEach(r=>{r!=="value"&&delete n[r]}),n}function E(t,e=500){let n=null;return function(...r){n&&clearTimeout(n),n=setTimeout(()=>{t(...r)},e)}}const g=t=>{if(!t)return 0;const e=getComputedStyle(t);return(parseFloat(e.paddingTop)||0)+(parseFloat(e.paddingBottom)||0)},V=t=>Object.fromEntries(Object.entries(t).map(([e,n])=>[e,c.unref(n)]));function z(t,e=!0){return t.map(n=>{const r=n;return r.value=k(n.value),e?c.shallowReactive(r):r})}function D(t){const e=()=>c.unref(t),n=(u,a)=>{e().forEach(o=>{const i=o.key;(!a||a.includes(i))&&(o.disabled=u)})},r=(u,a)=>{e().forEach(o=>{const i=o.key;(!a||a.includes(i))&&(o.hidden=u)})},s=(u,a)=>{const o=e().find(i=>i.key===u);o&&(c.isRef(o.value)?o.value.value=a:o.value=a)};return{setDisabled:n,setHidden:r,setValue:s,setValues:u=>{Object.entries(u).forEach(([a,o])=>{s(a,o)})},getValue:u=>{const a=e().find(o=>o.key===u);if(a){const o=a.value;return c.isRef(o)?c.toRaw(o.value):o}},getValues:u=>{const a=u&&u.length?new Set(u):null;return e().reduce((o,i)=>{const v=i.key;if(!a||a.has(v)){const h=c.isRef(i.value)?c.toRaw(i.value.value):i.value;o[v]=h}return o},{})},onReset:(u=null)=>{e().forEach(a=>{c.isRef(a.value)?a.value.value=u:a.value=u})},getItem:u=>e().find(a=>a.key===u),setItem:(u,a)=>{e().forEach(o=>{if(o.key===u){const{key:i,...v}=a;Object.assign(o,v)}})},setItems:u=>{const a=new Map(u);e().forEach(o=>{const i=a.get(o.key);if(i){const{key:v,...h}=i;Object.assign(o,h)}})},updateKeys:u=>{const a=new Map(u);e().forEach(o=>{const i=a.get(o.key);i&&(o.key=i)})}}}function M(t=756,e=500){const n=c.ref(window.innerWidth),r=c.ref(window.innerWidth),s=E(()=>{n.value=window.innerWidth,r.value=window.innerHeight},e),l=c.computed(()=>n.value<=t);return c.onMounted(()=>{window.addEventListener("resize",s)}),c.onUnmounted(()=>{window.removeEventListener("resize",s)}),{width:n,height:r,isMobile:l}}function N(t){const e=t.name==="ElCard"?"el":"n",n=c.ref(null),r=c.ref(null),s=c.ref(null),l=c.ref(0);let f=null;const m=()=>{const p=n.value,d=s.value?.$el??null;if(!p||!d)return;const y=p.clientHeight-g(p),b=r.value?.offsetHeight??0,w=d.querySelector(`.${e}-card__header`)||d.querySelector(`.${e}-card-header`),u=d.querySelector(`.${e}-card__footer`)||d.querySelector(`.${e}-card-footer`),a=w?.offsetHeight??0,o=u?.offsetHeight??0,i=d.querySelector(`.${e}-card__body`)||d.querySelector(`.${e}-card-content`),v=g(i);l.value=Math.max(0,y-b-a-o-v)};return c.onMounted(async()=>{await c.nextTick(),m(),f=new ResizeObserver(m),n.value&&f.observe(n.value),r.value&&f.observe(r.value),s.value?.$el&&f.observe(s.value.$el)}),c.onBeforeUnmount(()=>{f?.disconnect(),f=null}),{wrapRef:n,cardRef:s,restRef:r,tableHeight:l}}exports.Debounce=E;exports.OmitValue=I;exports.ensureRef=k;exports.formatNumberInput=j;exports.getDepthColor=O;exports.getPadY=g;exports.parseValue=R;exports.resetObj=$;exports.saferRepairColor=H;exports.tranArr=S;exports.unwrapObj=V;exports.useDyForm=D;exports.useObserverSize=N;exports.useReactiveForm=z;exports.useWindowSize=M;

package/dist/index-a2ON2stt.js

@@ -1,180 +0,0 @@
-import { ref as v, isRef as m, unref as O, shallowReactive as S, toRaw as k, computed as $, onMounted as R, onUnmounted as H, nextTick as I, onBeforeUnmount as j } from "vue";
-import './index.css';const q = (t, e, n) => Object.keys(t).map((r, o) => {
-  const i = t[r], l = Array.isArray(i), h = l ? i.every((p) => typeof p == "number") : typeof i == "number";
-  return {
-    rId: e(o),
-    key: r,
-    value: l ? i.join(n) : i,
-    isArray: l || void 0,
-    isNumber: h || void 0
-  };
-}), A = (t, e) => t.reduce((n, r) => (r.key.trim() && (n[r.key] = V(r.value, r.isArray, r.isNumber, e)), n), {}), V = (t, e, n, r = ",") => {
-  let o;
-  return e ? n ? o = String(t).split(r).map(Number).filter((i) => !Number.isNaN(i)) : o = String(t).split(r) : n ? o = parseFloat(t) : o = t.toString(), o;
-}, D = (t, e, n = ",") => {
-  const r = (o) => {
-    o = o.replace(/[^\d.-]/g, "");
-    let i = !1;
-    o.startsWith("-") && (i = !0), o = o.replace(/-/g, "");
-    const l = o.indexOf(".");
-    return l !== -1 && (o = o.slice(0, l + 1) + o.slice(l + 1).replace(/\./g, "")), (i ? "-" : "") + o;
-  };
-  return e ? t.split(n).map((o) => r(o)).join(n) : r(t);
-}, z = (t) => `hsl(${t * 35 % 360}, 60%, 65%)`, _ = (t, e) => t[e - 1] ?? z(e);
-function M(t) {
-  return m(t) ? t : v(t ?? null);
-}
-function x(t, e) {
-  const n = { ...t };
-  return delete n.value, e?.forEach((r) => {
-    r !== "value" && delete n[r];
-  }), n;
-}
-function N(t, e = 500) {
-  let n = null;
-  return function(...r) {
-    n && clearTimeout(n), n = setTimeout(() => {
-      t(...r);
-    }, e);
-  };
-}
-const E = (t) => {
-  if (!t) return 0;
-  const e = getComputedStyle(t);
-  return (parseFloat(e.paddingTop) || 0) + (parseFloat(e.paddingBottom) || 0);
-}, F = (t) => Object.fromEntries(Object.entries(t).map(([e, n]) => [e, O(n)]));
-function C(t, e = !0) {
-  return t.map((n) => {
-    const r = n;
-    return r.value = M(n.value), e ? S(r) : r;
-  });
-}
-function T(t) {
-  const e = () => O(t), n = (c, a) => {
-    e().forEach((s) => {
-      const u = s.key;
-      (!a || a.includes(u)) && (s.disabled = c);
-    });
-  }, r = (c, a) => {
-    e().forEach((s) => {
-      const u = s.key;
-      (!a || a.includes(u)) && (s.hidden = c);
-    });
-  }, o = (c, a) => {
-    const s = e().find((u) => u.key === c);
-    s && (m(s.value) ? s.value.value = a : s.value = a);
-  };
-  return {
-    setDisabled: n,
-    setHidden: r,
-    setValue: o,
-    setValues: (c) => {
-      Object.entries(c).forEach(([a, s]) => {
-        o(a, s);
-      });
-    },
-    getValue: (c) => {
-      const a = e().find((s) => s.key === c);
-      if (a) {
-        const s = a.value;
-        return m(s) ? k(s.value) : s;
-      }
-    },
-    getValues: (c) => {
-      const a = c && c.length ? new Set(c) : null;
-      return e().reduce((s, u) => {
-        const d = u.key;
-        if (!a || a.has(d)) {
-          const g = m(u.value) ? k(u.value.value) : u.value;
-          s[d] = g;
-        }
-        return s;
-      }, {});
-    },
-    onReset: (c = null) => {
-      e().forEach((a) => {
-        m(a.value) ? a.value.value = c : a.value = c;
-      });
-    },
-    getItem: (c) => e().find((a) => a.key === c),
-    setItem: (c, a) => {
-      e().forEach((s) => {
-        if (s.key === c) {
-          const { key: u, ...d } = a;
-          Object.assign(s, d);
-        }
-      });
-    },
-    setItems: (c) => {
-      const a = new Map(c);
-      e().forEach((s) => {
-        const u = a.get(s.key);
-        if (u) {
-          const { key: d, ...g } = u;
-          Object.assign(s, g);
-        }
-      });
-    },
-    updateKeys: (c) => {
-      const a = new Map(c);
-      e().forEach((s) => {
-        const u = a.get(s.key);
-        u && (s.key = u);
-      });
-    }
-  };
-}
-function B(t = 756, e = 500) {
-  const n = v(window.innerWidth), r = v(window.innerWidth), o = N(() => {
-    n.value = window.innerWidth, r.value = window.innerHeight;
-  }, e), i = $(() => n.value <= t);
-  return R(() => {
-    window.addEventListener("resize", o);
-  }), H(() => {
-    window.removeEventListener("resize", o);
-  }), {
-    width: n,
-    height: r,
-    isMobile: i
-  };
-}
-function K(t) {
-  const e = t.name === "ElCard" ? "el" : "n", n = v(null), r = v(null), o = v(null), i = v(0);
-  let l = null;
-  const h = () => {
-    const p = n.value, f = o.value?.$el ?? null;
-    if (!p || !f) return;
-    const y = p.clientHeight - E(p), b = r.value?.offsetHeight ?? 0, w = f.querySelector(`.${e}-card__header`) || f.querySelector(`.${e}-card-header`), c = f.querySelector(`.${e}-card__footer`) || f.querySelector(`.${e}-card-footer`), a = w?.offsetHeight ?? 0, s = c?.offsetHeight ?? 0, u = f.querySelector(`.${e}-card__body`) || f.querySelector(`.${e}-card-content`), d = E(u);
-    i.value = Math.max(
-      0,
-      y - b - a - s - d
-    );
-  };
-  return R(async () => {
-    await I(), h(), l = new ResizeObserver(h), n.value && l.observe(n.value), r.value && l.observe(r.value), o.value?.$el && l.observe(o.value.$el);
-  }), j(() => {
-    l?.disconnect(), l = null;
-  }), {
-    wrapRef: n,
-    cardRef: o,
-    restRef: r,
-    tableHeight: i
-  };
-}
-export {
-  N as D,
-  x as O,
-  T as a,
-  B as b,
-  K as c,
-  E as d,
-  M as e,
-  D as f,
-  z as g,
-  F as h,
-  V as p,
-  A as r,
-  _ as s,
-  q as t,
-  C as u
-};