zartui 0.1.112 → 3.0.2

package/es/button/index.d.ts

@@ -0,0 +1,113 @@
+export declare const Button: import("../utils").WithInstall<import("vue").DefineComponent<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: import("vue").PropType<import("./types").ButtonNativeType>;
+        default: import("./types").ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    iconPosition: {
+        type: import("vue").PropType<import("./types").ButtonIconPosition>;
+        default: import("./types").ButtonIconPosition;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: import("vue").PropType<import("./types").ButtonNativeType>;
+        default: import("./types").ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    iconPosition: {
+        type: import("vue").PropType<import("./types").ButtonIconPosition>;
+        default: import("./types").ButtonIconPosition;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    type: import("./types").ButtonType;
+    tag: keyof HTMLElementTagNameMap;
+    round: boolean;
+    disabled: boolean;
+    size: import("./types").ButtonSize;
+    loading: boolean;
+    block: boolean;
+    square: boolean;
+    borderLess: boolean;
+    blockInner: boolean;
+    plain: boolean;
+    hairline: boolean;
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
+}>>;
+export default Button;
+export type { ButtonProps } from './Button';
+export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtButton: typeof Button;
+    }
+}

package/es/button/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Button from "./Button.mjs";
+const Button = withInstall(_Button);
+var stdin_default = Button;
+export {
+  Button,
+  stdin_default as default
+};

package/es/button/style/index.d.ts

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

package/es/button/style/index.mjs

@@ -0,0 +1,5 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../index.css";

package/es/button/types.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonHTMLAttributes } from 'vue';
+export declare type ButtonType = 'default' | 'primary' | 'primary-light' | 'success' | 'warning' | 'danger';
+export declare type ButtonSize = 'normal' | 'medium' | 'small' | 'mini';
+export declare type ButtonNativeType = NonNullable<ButtonHTMLAttributes['type']>;
+export declare type ButtonIconPosition = 'left' | 'right';

package/es/cell/Cell.d.ts

@@ -0,0 +1,128 @@
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+export declare type CellSize = 'normal' | 'large';
+export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
+export declare const cellSharedProps: {
+    icon: StringConstructor;
+    size: PropType<CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    arrowDirection: PropType<CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    direction: StringConstructor;
+    fullLine: BooleanConstructor;
+};
+declare const cellProps: {
+    icon: StringConstructor;
+    size: PropType<CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    arrowDirection: PropType<CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    direction: StringConstructor;
+    fullLine: BooleanConstructor;
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+};
+export declare type CellProps = ExtractPropTypes<typeof cellProps>;
+declare const _default: import("vue").DefineComponent<{
+    icon: StringConstructor;
+    size: PropType<CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    arrowDirection: PropType<CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    direction: StringConstructor;
+    fullLine: BooleanConstructor;
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: StringConstructor;
+    size: PropType<CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    arrowDirection: PropType<CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    direction: StringConstructor;
+    fullLine: BooleanConstructor;
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>>, {
+    replace: boolean;
+    required: boolean;
+    center: boolean;
+    border: boolean;
+    isLink: boolean;
+    clickable: boolean | null;
+    fullLine: boolean;
+}>;
+export default _default;

package/es/cell/Cell.mjs

@@ -0,0 +1,132 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+const [name, bem] = createNamespace("cell");
+const cellSharedProps = {
+  icon: String,
+  size: String,
+  title: numericProp,
+  value: numericProp,
+  label: numericProp,
+  center: Boolean,
+  isLink: Boolean,
+  border: truthProp,
+  required: Boolean,
+  iconPrefix: String,
+  valueClass: unknownProp,
+  labelClass: unknownProp,
+  titleClass: unknownProp,
+  titleStyle: null,
+  arrowDirection: String,
+  clickable: {
+    type: Boolean,
+    default: null
+  },
+  direction: String,
+  fullLine: Boolean
+};
+const cellProps = extend({}, cellSharedProps, routeProps);
+var stdin_default = defineComponent({
+  name,
+  props: cellProps,
+  setup(props, {
+    slots
+  }) {
+    const route = useRoute();
+    const renderLabel = () => {
+      const showLabel = slots.label || isDef(props.label);
+      if (showLabel) {
+        return _createVNode("div", {
+          "class": [bem("label"), props.labelClass]
+        }, [slots.label ? slots.label() : props.label]);
+      }
+    };
+    const renderTitle = () => {
+      if (slots.title || isDef(props.title)) {
+        return _createVNode("div", {
+          "class": [bem("title"), props.titleClass],
+          "style": props.titleStyle
+        }, [slots.title ? slots.title() : _createVNode("span", {
+          "class": bem("title") + "-text"
+        }, [props.title]), renderLabel()]);
+      }
+    };
+    const renderRightIcon = () => {
+      if (slots["right-icon"]) {
+        return slots["right-icon"]();
+      }
+      if (props.isLink) {
+        const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow-right";
+        return _createVNode(Icon, {
+          "name": name2,
+          "class": bem("right-icon"),
+          "size": "20"
+        }, null);
+      }
+    };
+    const renderValue = () => {
+      var _a;
+      const slot = slots.value || slots.default;
+      const hasValue = slot || isDef(props.value);
+      if (hasValue) {
+        return _createVNode("div", {
+          "class": [bem("value"), props.valueClass, (props == null ? void 0 : props.fullLine) ? bem("full-line") : ""]
+        }, [slot ? slot() : _createVNode("span", {
+          "class": bem("value-text")
+        }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+      }
+    };
+    const renderLeftIcon = () => {
+      if (slots.icon) {
+        return slots.icon();
+      }
+      if (props.icon) {
+        return _createVNode(Icon, {
+          "name": props.icon,
+          "class": bem("left-icon"),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    return () => {
+      var _a;
+      const {
+        size,
+        center,
+        border,
+        isLink,
+        required
+      } = props;
+      const clickable = (_a = props.clickable) != null ? _a : isLink;
+      const classes = {
+        center,
+        required,
+        clickable,
+        borderless: !border
+      };
+      if (size) {
+        classes[size] = !!size;
+      }
+      if ((props == null ? void 0 : props.direction) === "row") {
+        return _createVNode("div", {
+          "class": [bem(classes), bem("direction__row")],
+          "role": clickable ? "button" : void 0,
+          "tabindex": clickable ? 0 : void 0,
+          "onClick": route
+        }, [renderLeftIcon(), renderTitle(), renderValue()]);
+      }
+      return _createVNode("div", {
+        "class": bem(classes),
+        "role": clickable ? "button" : void 0,
+        "tabindex": clickable ? 0 : void 0,
+        "onClick": route
+      }, [renderLeftIcon(), renderTitle(), renderValue()]);
+    };
+  }
+});
+export {
+  cellSharedProps,
+  stdin_default as default
+};

package/es/cell/index.css

@@ -0,0 +1 @@
+body{--zt-cell-font-size: var(--zt-font-size-md);--zt-cell-line-height: 20px;--zt-cell-vertical-padding: 10px;--zt-cell-horizontal-padding: var(--zt-padding-md);--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-text-color-2);--zt-cell-label-font-size: var(--zt-font-size-sm);--zt-cell-label-line-height: var(--zt-line-height-sm);--zt-cell-label-margin-top: var(--zt-padding-base);--zt-cell-value-color: var(--zt-text-color-2);--zt-cell-icon-size: 16px;--zt-cell-right-icon-color: var(--zt-text-color-a4);--zt-cell-large-vertical-padding: var(--zt-padding-sm);--zt-cell-large-title-font-size: var(--zt-font-size-lg);--zt-cell-large-label-font-size: var(--zt-font-size-md);--zt-cell-value-height: 44px;--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px 12px 12px 12px;--zt-cell-direction: column;--zt-cell-title-text-line-height: 20px;--zt-cell-value-color: var(--zt-gray-8)}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-cell-font-size);line-height:var(--zt-cell-line-height);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction)}.zt-cell:last-child:after,.zt-cell--borderless:after{display:none}.zt-cell__label{margin-top:var(--zt-cell-label-margin-top);color:var(--zt-cell-label-color);font-size:var(--zt-cell-label-font-size);line-height:var(--zt-cell-label-line-height)}.zt-cell__value{position:relative;overflow:hidden;color:var(--zt-cell-value-color);vertical-align:middle;word-wrap:break-word;background:#ffffff;padding:var(--zt-cell-value-padding);box-sizing:border-box;display:flex}.zt-cell__value-text{font-size:var(--zt-cell-font-size);color:var(--zt-cell-value-color);display:inline-block;line-height:var(--zt-cell-title-text-line-height);word-break:break-all;flex:1}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title-text{font-size:var(--zt-cell-font-size);color:var(--zt-cell-value-color);line-height:var(--zt-cell-title-text-line-height);word-break:break-all;display:inline-block;max-height:var(--zt-cell-title-text-line-height);overflow:hidden}.zt-cell__left-icon,.zt-cell__right-icon{height:var(--zt-cell-line-height);font-size:var(--zt-cell-icon-size);line-height:var(--zt-cell-line-height)}.zt-cell__left-icon{margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active{background-color:var(--zt-cell-active-color)}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-cell-font-size);content:"*"}.zt-cell--center{align-items:center}.zt-cell--large{padding-top:var(--zt-cell-large-vertical-padding);padding-bottom:var(--zt-cell-large-vertical-padding)}.zt-cell--large .zt-cell__title{font-size:var(--zt-cell-large-title-font-size)}.zt-cell--large .zt-cell__label{font-size:var(--zt-cell-large-label-font-size)}.zt-cell__direction__row{flex-direction:row;justify-content:space-between;background:#ffffff}.zt-cell__direction__row .zt-cell__title{padding:10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin:0}.zt-cell__direction__row .zt-cell__value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt-cell__full-line{padding:12px 16px}

package/es/cell/index.d.ts

@@ -0,0 +1,74 @@
+export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
+    icon: StringConstructor;
+    size: import("vue").PropType<import("./Cell").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: import("vue").PropType<unknown>;
+    labelClass: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    clickable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    direction: StringConstructor;
+    fullLine: BooleanConstructor;
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => 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<{
+    icon: StringConstructor;
+    size: import("vue").PropType<import("./Cell").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: import("vue").PropType<unknown>;
+    labelClass: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    clickable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    direction: StringConstructor;
+    fullLine: BooleanConstructor;
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>>, {
+    replace: boolean;
+    required: boolean;
+    center: boolean;
+    border: boolean;
+    isLink: boolean;
+    clickable: boolean | null;
+    fullLine: boolean;
+}>>;
+export default Cell;
+export type { CellSize, CellProps, CellArrowDirection } from './Cell';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCell: typeof Cell;
+    }
+}

package/es/cell/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Cell from "./Cell.mjs";
+const Cell = withInstall(_Cell);
+var stdin_default = Cell;
+export {
+  Cell,
+  stdin_default as default
+};

package/es/cell/style/index.d.ts

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

package/es/cell/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/col/Col.d.ts

@@ -0,0 +1,38 @@
+import { ExtractPropTypes } from 'vue';
+declare const colProps: {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    span: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offset: (NumberConstructor | StringConstructor)[];
+};
+export declare type ColProps = ExtractPropTypes<typeof colProps>;
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    span: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offset: (NumberConstructor | StringConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    span: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offset: (NumberConstructor | StringConstructor)[];
+}>>, {
+    span: string | number;
+    tag: keyof HTMLElementTagNameMap;
+}>;
+export default _default;

package/es/col/Col.mjs

@@ -0,0 +1,63 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent } from "vue";
+import { numericProp, createNamespace, makeNumericProp, makeStringProp } from "../utils/index.mjs";
+import { useParent } from "@zartui/use";
+import { ROW_KEY } from "../row/Row.mjs";
+const [name, bem] = createNamespace("col");
+const colProps = {
+  tag: makeStringProp("div"),
+  span: makeNumericProp(0),
+  offset: numericProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: colProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      parent,
+      index
+    } = useParent(ROW_KEY);
+    const style = computed(() => {
+      if (!parent) {
+        return;
+      }
+      const {
+        spaces
+      } = parent;
+      if (spaces && spaces.value && spaces.value[index.value]) {
+        const {
+          left,
+          right
+        } = spaces.value[index.value];
+        return {
+          paddingLeft: left ? `${left}px` : null,
+          paddingRight: right ? `${right}px` : null
+        };
+      }
+    });
+    return () => {
+      const {
+        tag,
+        span,
+        offset
+      } = props;
+      return _createVNode(tag, {
+        "style": style.value,
+        "class": bem({
+          [span]: span,
+          [`offset-${offset}`]: offset
+        })
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      });
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/col/index.css

@@ -0,0 +1 @@
+.zt-col{display:block;box-sizing:border-box;min-height:1px}.zt-col--1{flex:0 0 4.16666667%;max-width:4.16666667%}.zt-col--offset-1{margin-left:4.16666667%}.zt-col--2{flex:0 0 8.33333333%;max-width:8.33333333%}.zt-col--offset-2{margin-left:8.33333333%}.zt-col--3{flex:0 0 12.5%;max-width:12.5%}.zt-col--offset-3{margin-left:12.5%}.zt-col--4{flex:0 0 16.66666667%;max-width:16.66666667%}.zt-col--offset-4{margin-left:16.66666667%}.zt-col--5{flex:0 0 20.83333333%;max-width:20.83333333%}.zt-col--offset-5{margin-left:20.83333333%}.zt-col--6{flex:0 0 25%;max-width:25%}.zt-col--offset-6{margin-left:25%}.zt-col--7{flex:0 0 29.16666667%;max-width:29.16666667%}.zt-col--offset-7{margin-left:29.16666667%}.zt-col--8{flex:0 0 33.33333333%;max-width:33.33333333%}.zt-col--offset-8{margin-left:33.33333333%}.zt-col--9{flex:0 0 37.5%;max-width:37.5%}.zt-col--offset-9{margin-left:37.5%}.zt-col--10{flex:0 0 41.66666667%;max-width:41.66666667%}.zt-col--offset-10{margin-left:41.66666667%}.zt-col--11{flex:0 0 45.83333333%;max-width:45.83333333%}.zt-col--offset-11{margin-left:45.83333333%}.zt-col--12{flex:0 0 50%;max-width:50%}.zt-col--offset-12{margin-left:50%}.zt-col--13{flex:0 0 54.16666667%;max-width:54.16666667%}.zt-col--offset-13{margin-left:54.16666667%}.zt-col--14{flex:0 0 58.33333333%;max-width:58.33333333%}.zt-col--offset-14{margin-left:58.33333333%}.zt-col--15{flex:0 0 62.5%;max-width:62.5%}.zt-col--offset-15{margin-left:62.5%}.zt-col--16{flex:0 0 66.66666667%;max-width:66.66666667%}.zt-col--offset-16{margin-left:66.66666667%}.zt-col--17{flex:0 0 70.83333333%;max-width:70.83333333%}.zt-col--offset-17{margin-left:70.83333333%}.zt-col--18{flex:0 0 75%;max-width:75%}.zt-col--offset-18{margin-left:75%}.zt-col--19{flex:0 0 79.16666667%;max-width:79.16666667%}.zt-col--offset-19{margin-left:79.16666667%}.zt-col--20{flex:0 0 83.33333333%;max-width:83.33333333%}.zt-col--offset-20{margin-left:83.33333333%}.zt-col--21{flex:0 0 87.5%;max-width:87.5%}.zt-col--offset-21{margin-left:87.5%}.zt-col--22{flex:0 0 91.66666667%;max-width:91.66666667%}.zt-col--offset-22{margin-left:91.66666667%}.zt-col--23{flex:0 0 95.83333333%;max-width:95.83333333%}.zt-col--offset-23{margin-left:95.83333333%}.zt-col--24{flex:0 0 100%;max-width:100%}.zt-col--offset-24{margin-left:100%}

package/es/col/index.d.ts

@@ -0,0 +1,31 @@
+export declare const Col: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    span: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offset: (NumberConstructor | StringConstructor)[];
+}, () => 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<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    span: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offset: (NumberConstructor | StringConstructor)[];
+}>>, {
+    span: string | number;
+    tag: keyof HTMLElementTagNameMap;
+}>>;
+export default Col;
+export type { ColProps } from './Col';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCol: typeof Col;
+    }
+}

package/es/col/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Col from "./Col.mjs";
+const Col = withInstall(_Col);
+var stdin_default = Col;
+export {
+  Col,
+  stdin_default as default
+};

package/es/col/style/index.d.ts

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

package/es/col/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../style/base.css";
+import "../../row/index.css";
+import "../index.css";

package/es/composables/on-popup-reopen.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+export declare const POPUP_TOGGLE_KEY: InjectionKey<() => boolean>;
+export declare function onPopupReopen(callback: () => void): void;