zartui 3.0.1 → 3.0.3

package/lib/form/Form.js

@@ -0,0 +1,177 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@zartui/use");
+var import_use_expose = require("../composables/use-expose");
+const [name, bem] = (0, import_utils.createNamespace)("form");
+const formProps = {
+  colon: Boolean,
+  disabled: Boolean,
+  readonly: Boolean,
+  showError: Boolean,
+  labelWidth: import_utils.numericProp,
+  labelAlign: String,
+  inputAlign: String,
+  scrollToError: Boolean,
+  validateFirst: Boolean,
+  submitOnEnter: import_utils.truthProp,
+  showErrorMessage: import_utils.truthProp,
+  errorMessageAlign: String,
+  validateTrigger: {
+    type: [String, Array],
+    default: "onBlur"
+  }
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: formProps,
+  emits: ["submit", "failed"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      children,
+      linkChildren
+    } = (0, import_use.useChildren)(import_utils.FORM_KEY);
+    const getFieldsByNames = (names) => {
+      if (names) {
+        return children.filter((field) => names.includes(field.name));
+      }
+      return children;
+    };
+    const validateSeq = (names) => new Promise((resolve, reject) => {
+      const errors = [];
+      const fields = getFieldsByNames(names);
+      fields.reduce((promise, field) => promise.then(() => {
+        if (!errors.length) {
+          return field.validate().then((error) => {
+            if (error) {
+              errors.push(error);
+            }
+          });
+        }
+      }), Promise.resolve()).then(() => {
+        if (errors.length) {
+          reject(errors);
+        } else {
+          resolve();
+        }
+      });
+    });
+    const validateAll = (names) => new Promise((resolve, reject) => {
+      const fields = getFieldsByNames(names);
+      Promise.all(fields.map((item) => item.validate())).then((errors) => {
+        errors = errors.filter(Boolean);
+        if (errors.length) {
+          reject(errors);
+        } else {
+          resolve();
+        }
+      });
+    });
+    const validateField = (name2) => {
+      const matched = children.find((item) => item.name === name2);
+      if (matched) {
+        return new Promise((resolve, reject) => {
+          matched.validate().then((error) => {
+            if (error) {
+              reject(error);
+            } else {
+              resolve();
+            }
+          });
+        });
+      }
+      return Promise.reject();
+    };
+    const validate = (name2) => {
+      if (typeof name2 === "string") {
+        return validateField(name2);
+      }
+      return props.validateFirst ? validateSeq(name2) : validateAll(name2);
+    };
+    const resetValidation = (name2) => {
+      if (typeof name2 === "string") {
+        name2 = [name2];
+      }
+      const fields = getFieldsByNames(name2);
+      fields.forEach((item) => {
+        item.resetValidation();
+      });
+    };
+    const getValidationStatus = () => children.reduce((form, field) => {
+      form[field.name] = field.getValidationStatus();
+      return form;
+    }, {});
+    const scrollToField = (name2, options) => {
+      children.some((item) => {
+        if (item.name === name2) {
+          item.$el.scrollIntoView(options);
+          return true;
+        }
+        return false;
+      });
+    };
+    const getValues = () => children.reduce((form, field) => {
+      form[field.name] = field.formValue.value;
+      return form;
+    }, {});
+    const submit = () => {
+      const values = getValues();
+      validate().then(() => emit("submit", values)).catch((errors) => {
+        emit("failed", {
+          values,
+          errors
+        });
+        if (props.scrollToError && errors[0].name) {
+          scrollToField(errors[0].name);
+        }
+      });
+    };
+    const onSubmit = (event) => {
+      (0, import_utils.preventDefault)(event);
+      submit();
+    };
+    linkChildren({
+      props
+    });
+    (0, import_use_expose.useExpose)({
+      submit,
+      validate,
+      getValues,
+      scrollToField,
+      resetValidation,
+      getValidationStatus
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("form", {
+        "class": bem(),
+        "onSubmit": onSubmit
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});

package/lib/form/index.d.ts

@@ -0,0 +1,69 @@
+import { FormProps } from './Form';
+export declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<{
+    colon: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    showError: BooleanConstructor;
+    labelWidth: (NumberConstructor | StringConstructor)[];
+    labelAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    scrollToError: BooleanConstructor;
+    validateFirst: BooleanConstructor;
+    submitOnEnter: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showErrorMessage: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    validateTrigger: {
+        type: import("vue").PropType<import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[]>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    colon: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    showError: BooleanConstructor;
+    labelWidth: (NumberConstructor | StringConstructor)[];
+    labelAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    scrollToError: BooleanConstructor;
+    validateFirst: BooleanConstructor;
+    submitOnEnter: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showErrorMessage: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    validateTrigger: {
+        type: import("vue").PropType<import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[]>;
+        default: string;
+    };
+}>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onFailed?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    colon: boolean;
+    showError: boolean;
+    scrollToError: boolean;
+    validateFirst: boolean;
+    submitOnEnter: boolean;
+    showErrorMessage: boolean;
+    validateTrigger: import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[];
+}>>;
+export default Form;
+export type { FormProps };
+export type { FormInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtForm: typeof Form;
+    }
+}

package/lib/form/index.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Form: () => Form,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Form = __toESM(require("./Form"));
+const Form = (0, import_utils.withInstall)(import_Form.default);
+var stdin_default = Form;

package/lib/form/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/form/style/index.js

@@ -0,0 +1 @@
+require("../../style/base.css");

package/lib/form/types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { FormProps } from './Form';
+import type { FieldValidationStatus } from '../field';
+export declare type FormExpose = {
+    submit: () => void;
+    validate: (name?: string | string[] | undefined) => Promise<void>;
+    getValues: () => Record<string, unknown>;
+    scrollToField: (name: string, options?: boolean | ScrollIntoViewOptions | undefined) => void;
+    resetValidation: (name?: string | string[] | undefined) => void;
+    getValidationStatus: () => Record<string, FieldValidationStatus>;
+};
+export declare type FormProvide = {
+    props: FormProps;
+};
+export declare type FormInstance = ComponentPublicInstance<FormProps, FormExpose>;

package/lib/form/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/grid/Grid.d.ts

@@ -0,0 +1,74 @@
+import type { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+export declare type GridDirection = 'horizontal' | 'vertical';
+export declare const gridProps: {
+    square: BooleanConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    reverse: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: PropType<GridDirection>;
+    clickable: BooleanConstructor;
+    columnNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type GridProps = ExtractPropTypes<typeof gridProps>;
+export declare type GridProvide = {
+    props: GridProps;
+};
+export declare const GRID_KEY: InjectionKey<GridProvide>;
+declare const _default: import("vue").DefineComponent<{
+    square: BooleanConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    reverse: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: PropType<GridDirection>;
+    clickable: BooleanConstructor;
+    columnNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    square: BooleanConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    reverse: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: PropType<GridDirection>;
+    clickable: BooleanConstructor;
+    columnNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>>, {
+    reverse: boolean;
+    center: boolean;
+    border: boolean;
+    clickable: boolean;
+    square: boolean;
+    columnNum: string | number;
+}>;
+export default _default;

package/lib/grid/Grid.js

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  GRID_KEY: () => GRID_KEY,
+  default: () => stdin_default,
+  gridProps: () => gridProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_constant = require("../utils/constant");
+var import_use = require("@zartui/use");
+const [name, bem] = (0, import_utils.createNamespace)("grid");
+const gridProps = {
+  square: Boolean,
+  center: import_utils.truthProp,
+  border: import_utils.truthProp,
+  gutter: import_utils.numericProp,
+  reverse: Boolean,
+  iconSize: import_utils.numericProp,
+  direction: String,
+  clickable: Boolean,
+  columnNum: (0, import_utils.makeNumericProp)(4)
+};
+const GRID_KEY = Symbol(name);
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: gridProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      linkChildren
+    } = (0, import_use.useChildren)(GRID_KEY);
+    linkChildren({
+      props
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "style": {
+          paddingLeft: (0, import_utils.addUnit)(props.gutter)
+        },
+        "class": [bem(), {
+          [import_constant.BORDER_TOP]: props.border && !props.gutter
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});

package/lib/grid/index.css

@@ -0,0 +1 @@
+.zt-grid{display:flex;flex-wrap:wrap}

package/lib/grid/index.d.ts

@@ -0,0 +1,54 @@
+export declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent<{
+    square: BooleanConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    reverse: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: import("vue").PropType<import("./Grid").GridDirection>;
+    clickable: BooleanConstructor;
+    columnNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    square: BooleanConstructor;
+    center: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    reverse: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: import("vue").PropType<import("./Grid").GridDirection>;
+    clickable: BooleanConstructor;
+    columnNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>>, {
+    reverse: boolean;
+    center: boolean;
+    border: boolean;
+    clickable: boolean;
+    square: boolean;
+    columnNum: string | number;
+}>>;
+export default Grid;
+export { gridProps } from './Grid';
+export type { GridProps, GridDirection } from './Grid';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtGrid: typeof Grid;
+    }
+}

package/lib/grid/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Grid: () => Grid,
+  default: () => stdin_default,
+  gridProps: () => import_Grid2.gridProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Grid = __toESM(require("./Grid"));
+var import_Grid2 = require("./Grid");
+const Grid = (0, import_utils.withInstall)(import_Grid.default);
+var stdin_default = Grid;

package/lib/grid/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/grid/style/index.js

@@ -0,0 +1,2 @@
+require("../../style/base.css");
+require("../index.css");

package/lib/grid-item/GridItem.d.ts

@@ -0,0 +1,45 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { BadgeProps } from '../badge';
+export declare const gridItemProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+};
+export declare type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+}>>, {
+    replace: boolean;
+    dot: boolean;
+}>;
+export default _default;