@zephyr_zz/zephyr-ui 0.0.21 → 0.0.22

package/dist/index.css

@@ -1 +1 @@
-.zz-button[data-v-7c55743a]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:.2s}.zz-button--primary[data-v-7c55743a]{background:#409eff;color:#fff}.zz-button--success[data-v-7c55743a]{background:#67c23a;color:#fff}.zz-button--warning[data-v-7c55743a]{background:#e6a23c;color:#fff}.zz-button--danger[data-v-7c55743a]{background:#f56c6c;color:#fff}.zephyr-editor_container[data-v-3ceef597]{width:100%;height:100%}[data-v-80ce589e]{box-sizing:border-box}.zephyr-card[data-v-80ce589e]{width:100%;max-width:420px;padding:16px;background:#fafafa;border-radius:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#1f2937}.header[data-v-80ce589e]{margin-bottom:12px}.title[data-v-80ce589e]{font-size:15px;font-weight:600}.sub[data-v-80ce589e]{font-size:12px;color:#6b7280}.upload-box[data-v-80ce589e]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.upload-left[data-v-80ce589e]{display:flex;align-items:center;gap:8px;min-width:0}.upload-left .text[data-v-80ce589e]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn[data-v-80ce589e]{padding:6px 12px;font-size:12px;border-radius:14px;background:#ec4141;color:#fff;border:none;cursor:pointer}.file-input[data-v-80ce589e]{display:none}.panel[data-v-80ce589e]{margin-top:12px;padding:12px;background:#fff;border-radius:8px;display:grid;gap:12px}.row[data-v-80ce589e]{display:flex;align-items:center;justify-content:space-between;gap:12px}.row label[data-v-80ce589e]{font-size:12px;color:#6b7280;flex-shrink:0}.row select[data-v-80ce589e],.row input[data-v-80ce589e]{width:140px;padding:6px 8px;font-size:13px;border-radius:6px;border:1px solid #e5e7eb}.inline[data-v-80ce589e]{display:flex;align-items:center;gap:6px}.unit[data-v-80ce589e]{font-size:12px;color:#9ca3af}.actions[data-v-80ce589e]{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-top:14px}.btn[data-v-80ce589e]{padding:10px 0;font-size:13px;border-radius:6px;cursor:pointer}.btn.primary[data-v-80ce589e]{background:#ec4141;color:#fff;border:none}.btn.ghost[data-v-80ce589e]{background:#fff;border:1px solid #e5e7eb}.btn[data-v-80ce589e]:disabled{opacity:.5;cursor:not-allowed}.loading[data-v-80ce589e]{margin-top:10px;font-size:12px;color:#ec4141}@media(max-width:480px){.row[data-v-80ce589e]{flex-direction:column;align-items:stretch}.row select[data-v-80ce589e],.row input[data-v-80ce589e]{width:100%}.actions[data-v-80ce589e]{grid-template-columns:1fr}.btn[data-v-80ce589e]{font-size:14px}}@media(max-width:360px){.upload-btn[data-v-80ce589e]{display:none}}
+.zz-button[data-v-7c55743a]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:.2s}.zz-button--primary[data-v-7c55743a]{background:#409eff;color:#fff}.zz-button--success[data-v-7c55743a]{background:#67c23a;color:#fff}.zz-button--warning[data-v-7c55743a]{background:#e6a23c;color:#fff}.zz-button--danger[data-v-7c55743a]{background:#f56c6c;color:#fff}.zephyr-editor_container[data-v-3ceef597]{width:100%;height:100%}[data-v-80ce589e]{box-sizing:border-box}.zephyr-card[data-v-80ce589e]{width:100%;max-width:420px;padding:16px;background:#fafafa;border-radius:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#1f2937}.header[data-v-80ce589e]{margin-bottom:12px}.title[data-v-80ce589e]{font-size:15px;font-weight:600}.sub[data-v-80ce589e]{font-size:12px;color:#6b7280}.upload-box[data-v-80ce589e]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.upload-left[data-v-80ce589e]{display:flex;align-items:center;gap:8px;min-width:0}.upload-left .text[data-v-80ce589e]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn[data-v-80ce589e]{padding:6px 12px;font-size:12px;border-radius:14px;background:#ec4141;color:#fff;border:none;cursor:pointer}.file-input[data-v-80ce589e]{display:none}.panel[data-v-80ce589e]{margin-top:12px;padding:12px;background:#fff;border-radius:8px;display:grid;gap:12px}.row[data-v-80ce589e]{display:flex;align-items:center;justify-content:space-between;gap:12px}.row label[data-v-80ce589e]{font-size:12px;color:#6b7280;flex-shrink:0}.row select[data-v-80ce589e],.row input[data-v-80ce589e]{width:140px;padding:6px 8px;font-size:13px;border-radius:6px;border:1px solid #e5e7eb}.inline[data-v-80ce589e]{display:flex;align-items:center;gap:6px}.unit[data-v-80ce589e]{font-size:12px;color:#9ca3af}.actions[data-v-80ce589e]{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-top:14px}.btn[data-v-80ce589e]{padding:10px 0;font-size:13px;border-radius:6px;cursor:pointer}.btn.primary[data-v-80ce589e]{background:#ec4141;color:#fff;border:none}.btn.ghost[data-v-80ce589e]{background:#fff;border:1px solid #e5e7eb}.btn[data-v-80ce589e]:disabled{opacity:.5;cursor:not-allowed}.loading[data-v-80ce589e]{margin-top:10px;font-size:12px;color:#ec4141}@media(max-width:480px){.row[data-v-80ce589e]{flex-direction:column;align-items:stretch}.row select[data-v-80ce589e],.row input[data-v-80ce589e]{width:100%}.actions[data-v-80ce589e]{grid-template-columns:1fr}.btn[data-v-80ce589e]{font-size:14px}}@media(max-width:360px){.upload-btn[data-v-80ce589e]{display:none}}.form-error[data-v-d52709c1]{color:#cd4949;font-size:12px}.zephyr-form[data-v-2254561b]{box-sizing:border-box;width:100%;height:100%;padding:10px 20px 16px;background-color:#fff;border-radius:4px;overflow:auto}.zephyr-form .form-node_container+.form-node_container[data-v-2254561b]{margin-top:10px}.zephyr-form .form-node_container[data-v-2254561b]{position:relative;display:flex;align-items:start}.zephyr-form .form-node_container .form-node_label[data-v-2254561b]{color:#293358;margin-right:6px;font-size:14px;font-weight:500;white-space:nowrap}.zephyr-form .form-node_container.is-vertical[data-v-2254561b]{flex-direction:column;align-items:flex-start}.zephyr-form .form-node_container.is-vertical .form-node_label[data-v-2254561b]{margin-bottom:6px}.zephyr-form .form-node_container.is-vertical .form-node_content[data-v-2254561b]{width:100%}.zephyr-form .form-node_container.is-required[data-v-2254561b]:before{position:absolute;content:"*";color:#cd4949}.zephyr-form .form-node_container.is-required .form-node_label[data-v-2254561b]{padding-left:10px}.zephyr-form .form-node_container:has(.form-error) .form-node_label[data-v-2254561b]{color:#cd4949}.zephyr-form .form-node_content[data-v-2254561b]{display:flex;flex:1;flex-wrap:wrap;column-gap:12px;row-gap:10px}

package/dist/types/audio/index.d.ts

@@ -1,4 +1,3 @@
 import { default as ZephyrAudioConverter } from './ZephyrAudioConverter.vue';
 export * from './types';
-export * from './composables/useSpatialAudio';
 export default ZephyrAudioConverter;

package/dist/types/form/ZephyrForm.vue.d.ts

@@ -0,0 +1,52 @@
+import { PropType } from 'vue';
+import { ZephyrFormSchema } from './types';
+declare function setDefaultValues(values: Record<string, any>): void;
+declare function getValues({ required }?: {
+    required: boolean;
+}): Promise<{
+    [x: string]: any;
+}>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    formItems: {
+        type: PropType<ZephyrFormSchema[]>;
+        required: true;
+    };
+    layout: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: {
+        type: PropType<Record<string, any[]>>;
+        default: () => {};
+    };
+}>, {
+    setDefaultValues: typeof setDefaultValues;
+    getValues: typeof getValues;
+    formInstances: import('vue').Ref<Record<string, any>, Record<string, any>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    formItems: {
+        type: PropType<ZephyrFormSchema[]>;
+        required: true;
+    };
+    layout: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: {
+        type: PropType<Record<string, any[]>>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    rules: Record<string, any[]>;
+    layout: "horizontal" | "vertical";
+    virtual: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFormElement>;
+export default _default;

package/dist/types/form/ZephyrFormItem.vue.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    label?: string;
+    prop?: string;
+    rules?: any[];
+}
+declare function validate(trigger?: string): Promise<boolean>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    validate: typeof validate;
+    clearValidate(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/types/form/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ZephyrForm } from './ZephyrForm.vue';
+import { default as ZephyrFormItem } from './ZephyrFormItem.vue';
+export { ZephyrForm, ZephyrFormItem };

package/dist/types/form/types.d.ts

@@ -0,0 +1,29 @@
+import { RuleItem } from 'async-validator';
+import { Component } from 'vue';
+export type FormRules = Record<string, RuleItem[]>;
+export interface FormContext {
+    model: Record<string, any>;
+    rules: FormRules;
+    labelWidth?: string;
+    inline?: boolean;
+    addField: (field: FormField) => void;
+    removeField: (field: FormField) => void;
+}
+export interface FormField {
+    prop?: string;
+    rules?: any[];
+    validate: (trigger?: string) => Promise<boolean>;
+    clearValidate: () => void;
+    resetField: () => void;
+    setError: (msg: string) => void;
+}
+type AttrFunction = (formData: any) => Record<string, any>;
+export interface ZephyrFormSchema {
+    prop: string;
+    label?: string;
+    is?: Component;
+    attr?: Record<string, any> | AttrFunction;
+    children?: ZephyrFormSchema[];
+    [key: string]: any;
+}
+export {};

package/dist/types/index.d.ts

@@ -1,9 +1,10 @@
-import { App } from 'vue';
 import { default as ZzButton } from './button';
 import { default as ZephyrEditor } from './editor';
 import { default as ZephyrWrapper } from './wrapper';
-import { default as ZephyrAudioConverter } from './audio/index';
-export { ZzButton, ZephyrEditor, ZephyrWrapper, ZephyrAudioConverter };
+import { default as ZephyrAudioConverter } from './audio';
+import { ZephyrForm } from './form';
+import { App } from 'vue';
+export { ZzButton, ZephyrEditor, ZephyrWrapper, ZephyrAudioConverter, ZephyrForm };
 declare const _default: {
     install(app: App): void;
 };