zartui 3.0.1 → 3.0.3

package/es/cell/Cell.d.ts

@@ -1,12 +1,19 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
-export declare type CellSize = 'normal' | 'large';
+import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import type { CellDirection } from './types';
 export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
 export declare const cellSharedProps: {
-    icon: StringConstructor;
-    size: PropType<CellSize>;
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
-    value: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
     label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<CellDirection>;
+        default: CellDirection;
+    };
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -24,15 +31,20 @@ export declare const cellSharedProps: {
         type: PropType<boolean | null>;
         default: null;
     };
-    direction: StringConstructor;
-    fullLine: BooleanConstructor;
 };
 declare const cellProps: {
-    icon: StringConstructor;
-    size: PropType<CellSize>;
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
-    value: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
     label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<CellDirection>;
+        default: CellDirection;
+    };
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -50,8 +62,6 @@ declare const cellProps: {
         type: PropType<boolean | null>;
         default: null;
     };
-    direction: StringConstructor;
-    fullLine: BooleanConstructor;
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -59,11 +69,18 @@ declare const cellProps: {
 };
 export declare type CellProps = ExtractPropTypes<typeof cellProps>;
 declare const _default: import("vue").DefineComponent<{
-    icon: StringConstructor;
-    size: PropType<CellSize>;
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
-    value: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
     label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<CellDirection>;
+        default: CellDirection;
+    };
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -81,18 +98,23 @@ declare const _default: import("vue").DefineComponent<{
         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>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
-    value: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
     label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<CellDirection>;
+        default: CellDirection;
+    };
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -110,19 +132,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-    direction: StringConstructor;
-    fullLine: BooleanConstructor;
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     replace: boolean;
     required: boolean;
+    value: string;
+    direction: CellDirection;
     center: boolean;
-    border: boolean;
     isLink: boolean;
+    border: boolean;
     clickable: boolean | null;
-    fullLine: boolean;
 }>;
 export default _default;

package/es/cell/Cell.mjs

@@ -1,15 +1,16 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace, makeStringProp } 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,
+  leftIcon: String,
+  titleIcon: String,
   title: numericProp,
-  value: numericProp,
+  value: makeStringProp(""),
   label: numericProp,
+  direction: makeStringProp("vertical"),
   center: Boolean,
   isLink: Boolean,
   border: truthProp,
@@ -23,16 +24,16 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  },
-  direction: String,
-  fullLine: Boolean
+  }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
 var stdin_default = defineComponent({
   name,
   props: cellProps,
+  emits: ["click"],
   setup(props, {
-    slots
+    slots,
+    emit
   }) {
     const route = useRoute();
     const renderLabel = () => {
@@ -43,14 +44,31 @@ var stdin_default = defineComponent({
         }, [slots.label ? slots.label() : props.label]);
       }
     };
+    const renderTitleIcon = () => {
+      if (slots["title-icon"]) {
+        return slots["title-icon"]();
+      }
+      if (props.titleIcon) {
+        return _createVNode(Icon, {
+          "name": props.titleIcon,
+          "class": bem("title-icon"),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
     const renderTitle = () => {
       if (slots.title || isDef(props.title)) {
+        const hasValue = slots.value || slots.default || props.value;
+        const isHorizontal = props.direction === "horizontal";
         return _createVNode("div", {
-          "class": [bem("title"), props.titleClass],
+          "class": [bem("title", {
+            [props.direction]: true,
+            "with-value": isHorizontal && hasValue
+          }), props.titleClass],
           "style": props.titleStyle
-        }, [slots.title ? slots.title() : _createVNode("span", {
-          "class": bem("title") + "-text"
-        }, [props.title]), renderLabel()]);
+        }, [slots.title ? slots.title() : [renderTitleIcon(), _createVNode("span", {
+          "class": bem("title-text")
+        }, [props.title])], renderLabel()]);
       }
     };
     const renderRightIcon = () => {
@@ -66,34 +84,52 @@ var stdin_default = defineComponent({
         }, null);
       }
     };
+    const onClick = (ignore) => {
+      if (ignore) {
+        return;
+      }
+      if (props.to || props.url) {
+        route();
+      } else {
+        emit("click");
+      }
+    };
     const renderValue = () => {
       var _a;
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
+      const isHorizontal = props.direction === "horizontal";
       if (hasValue) {
         return _createVNode("div", {
-          "class": [bem("value"), props.valueClass, (props == null ? void 0 : props.fullLine) ? bem("full-line") : ""]
+          "class": [bem("value", {
+            [props.direction]: true
+          }), props.valueClass],
+          "onClick": () => onClick(isHorizontal)
         }, [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 (slots["left-icon"]) {
+        return slots["left-icon"]();
       }
-      if (props.icon) {
+      if (props.leftIcon) {
         return _createVNode(Icon, {
-          "name": props.icon,
+          "name": props.leftIcon,
           "class": bem("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
     };
+    const renderBottom = () => {
+      if (slots.bottom) {
+        return slots.bottom();
+      }
+    };
     return () => {
       var _a;
       const {
-        size,
         center,
         border,
         isLink,
@@ -106,23 +142,27 @@ var stdin_default = defineComponent({
         clickable,
         borderless: !border
       };
-      if (size) {
-        classes[size] = !!size;
-      }
-      if ((props == null ? void 0 : props.direction) === "row") {
+      classes[props.direction] = true;
+      const hasLeftIcon = !!(slots["left-icon"] || props.leftIcon);
+      const renderWrapper = () => {
+        if (hasLeftIcon) {
+          classes.borderless = true;
+        }
         return _createVNode("div", {
-          "class": [bem(classes), bem("direction__row")],
+          "class": bem(classes),
           "role": clickable ? "button" : void 0,
           "tabindex": clickable ? 0 : void 0,
-          "onClick": route
-        }, [renderLeftIcon(), renderTitle(), renderValue()]);
+          "onClick": () => onClick(props.direction === "vertical")
+        }, [renderTitle(), renderValue(), renderBottom()]);
+      };
+      if (hasLeftIcon) {
+        return _createVNode("div", {
+          "class": [bem("with-left", {
+            borderless: !border
+          })]
+        }, [renderLeftIcon(), renderWrapper()]);
       }
-      return _createVNode("div", {
-        "class": bem(classes),
-        "role": clickable ? "button" : void 0,
-        "tabindex": clickable ? 0 : void 0,
-        "onClick": route
-      }, [renderLeftIcon(), renderTitle(), renderValue()]);
+      return renderWrapper();
     };
   }
 });

package/es/cell/index.css

@@ -1 +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}
+:root{--zt-cell-font-size: var(--zt-font-size-md);--zt-cell-line-height: var(--zt-line-height-md);--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-gray-a4);--zt-cell-label-font-size: var(--zt-font-size-md);--zt-cell-label-line-height: var(--zt-line-height-md);--zt-cell-label-margin-top: var(--zt-padding-base);--zt-cell-title-color: var(--zt-text-color);--zt-cell-icon-size: var(--zt-cell-line-height);--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;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-left-icon-size: 48px;--zt-cell-left-icon-radius: 4px;--zt-cell-row-title-max-width: 100px}.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);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-cell-label-line-height);font-size:var(--zt-cell-font-size);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;box-sizing:border-box;display:flex;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-cell-font-size);line-height:var(--zt-cell-line-height);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-white)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-cell-font-size);line-height:var(--zt-cell-line-height);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-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{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-size);line-height:var(--zt-cell-left-icon-size);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__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal: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 .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-white);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}

package/es/cell/index.d.ts

@@ -1,9 +1,16 @@
 export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
-    icon: StringConstructor;
-    size: import("vue").PropType<import("./Cell").CellSize>;
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
-    value: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<import("./types").CellDirection>;
+        default: import("./types").CellDirection;
+    };
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -21,18 +28,23 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         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>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
-    value: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<import("./types").CellDirection>;
+        default: import("./types").CellDirection;
+    };
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -50,23 +62,25 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-    direction: StringConstructor;
-    fullLine: BooleanConstructor;
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     replace: boolean;
     required: boolean;
+    value: string;
+    direction: import("./types").CellDirection;
     center: boolean;
-    border: boolean;
     isLink: boolean;
+    border: boolean;
     clickable: boolean | null;
-    fullLine: boolean;
 }>>;
 export default Cell;
-export type { CellSize, CellProps, CellArrowDirection } from './Cell';
+export type { CellProps, CellArrowDirection } from './Cell';
+export type { CellDirection } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCell: typeof Cell;

package/es/cell/types.d.ts

@@ -0,0 +1 @@
+export declare type CellDirection = 'horizontal' | 'vertical';

package/es/cell-group/CellGroup.d.ts

@@ -0,0 +1,29 @@
+import type { ExtractPropTypes } from 'vue';
+declare const cellGroupProps: {
+    title: StringConstructor;
+    inset: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
+    inset: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: StringConstructor;
+    inset: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    border: boolean;
+    inset: boolean;
+}>;
+export default _default;

package/es/cell-group/CellGroup.mjs

@@ -0,0 +1,43 @@
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { defineComponent } from "vue";
+import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+const [name, bem] = createNamespace("cell-group");
+const cellGroupProps = {
+  title: String,
+  inset: Boolean,
+  border: truthProp
+};
+var stdin_default = defineComponent({
+  name,
+  inheritAttrs: false,
+  props: cellGroupProps,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const renderGroup = () => {
+      var _a;
+      return _createVNode("div", _mergeProps({
+        "class": [bem({
+          inset: props.inset
+        }), {
+          [BORDER_TOP_BOTTOM]: props.border && !props.inset
+        }]
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+    const renderTitle = () => _createVNode("div", {
+      "class": bem("title", {
+        inset: props.inset
+      })
+    }, [slots.title ? slots.title() : props.title]);
+    return () => {
+      if (props.title || slots.title) {
+        return _createVNode(_Fragment, null, [renderTitle(), renderGroup()]);
+      }
+      return renderGroup();
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/cell-group/index.css

@@ -0,0 +1 @@
+:root{--zt-cell-group-background: var(--zt-background-2);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-title-font-size: var(--zt-font-size-md);--zt-cell-group-title-line-height: 16px;--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-cell-group-title-font-size);line-height:var(--zt-cell-group-title-line-height)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}

package/es/cell-group/index.d.ts

@@ -0,0 +1,25 @@
+export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: StringConstructor;
+    inset: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => 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<{
+    title: StringConstructor;
+    inset: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    border: boolean;
+    inset: boolean;
+}>>;
+export default CellGroup;
+export type { CellGroupProps } from './CellGroup';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCellGroup: typeof CellGroup;
+    }
+}

package/es/cell-group/index.mjs

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

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

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

package/es/cell-group/style/index.mjs

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

package/es/checkbox/Checkbox.d.ts

@@ -0,0 +1,64 @@
+import type { ExtractPropTypes } from 'vue';
+declare const checkboxProps: {
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+declare const _default: import("vue").DefineComponent<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    shape: import("./Checker").CheckerShape;
+    labelDisabled: boolean;
+    bindGroup: boolean;
+}>;
+export default _default;