zartui 3.0.2 → 3.0.3

package/lib/cascader/index.d.ts

@@ -0,0 +1,126 @@
+export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: StringConstructor;
+    show: BooleanConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<import("./types").CascaderOption[]>;
+        default: () => import("./types").CascaderOption[];
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    teleport: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<import("..").PopupPosition>;
+        default: import("..").PopupPosition;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
+    placeholder: StringConstructor;
+    activeColor: StringConstructor;
+    safeAreaInsetTop: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "update:show" | "cancel" | "clickTab" | "finish")[], "update:modelValue" | "change" | "update:show" | "cancel" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    show: BooleanConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<import("./types").CascaderOption[]>;
+        default: () => import("./types").CascaderOption[];
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    teleport: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<import("..").PopupPosition>;
+        default: import("..").PopupPosition;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
+    placeholder: StringConstructor;
+    activeColor: StringConstructor;
+    safeAreaInsetTop: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onClickTab?: ((...args: any[]) => any) | undefined;
+    onFinish?: ((...args: any[]) => any) | undefined;
+}, {
+    position: import("..").PopupPosition;
+    show: boolean;
+    teleport: string;
+    closeOnClickOverlay: boolean;
+    round: boolean;
+    closeable: boolean;
+    closeOnPopstate: boolean;
+    safeAreaInsetTop: boolean;
+    popup: boolean;
+    swipeable: boolean;
+    options: import("./types").CascaderOption[];
+    showHeader: boolean;
+}>>;
+export default Cascader;
+export { cascaderProps } from './Cascader';
+export type { CascaderProps } from './Cascader';
+export type { CascaderOption, CascaderFieldNames } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCascader: typeof Cascader;
+    }
+}

package/lib/cascader/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, {
+  Cascader: () => Cascader,
+  cascaderProps: () => import_Cascader2.cascaderProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Cascader = __toESM(require("./Cascader"));
+var import_Cascader2 = require("./Cascader");
+const Cascader = (0, import_utils.withInstall)(import_Cascader.default);
+var stdin_default = Cascader;

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

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

package/lib/cascader/style/index.js

@@ -0,0 +1,14 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../button/index.css");
+require("../../sticky/index.css");
+require("../../swipe/index.css");
+require("../../swipe-item/index.css");
+require("../../tabs/index.css");
+require("../../tab/index.css");
+require("../../divider/index.css");
+require("../index.css");

package/lib/cascader/types.d.ts

@@ -0,0 +1,19 @@
+import type { Numeric } from '../utils';
+export declare type CascaderOption = {
+    text?: string;
+    value?: Numeric;
+    color?: string;
+    disabled?: boolean;
+    children?: CascaderOption[];
+    className?: unknown;
+    [key: PropertyKey]: any;
+};
+export declare type CascaderTab = {
+    options: CascaderOption[];
+    selected: CascaderOption | null;
+};
+export declare type CascaderFieldNames = {
+    text?: string;
+    value?: string;
+    children?: string;
+};

package/lib/cascader/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/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/lib/cell/Cell.js

@@ -28,11 +28,12 @@ var import_use_route = require("../composables/use-route");
 var import_icon = require("../icon");
 const [name, bem] = (0, import_utils.createNamespace)("cell");
 const cellSharedProps = {
-  icon: String,
-  size: String,
+  leftIcon: String,
+  titleIcon: String,
   title: import_utils.numericProp,
-  value: import_utils.numericProp,
+  value: (0, import_utils.makeStringProp)(""),
   label: import_utils.numericProp,
+  direction: (0, import_utils.makeStringProp)("vertical"),
   center: Boolean,
   isLink: Boolean,
   border: import_utils.truthProp,
@@ -46,16 +47,16 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  },
-  direction: String,
-  fullLine: Boolean
+  }
 };
 const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route.routeProps);
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: cellProps,
+  emits: ["click"],
   setup(props, {
-    slots
+    slots,
+    emit
   }) {
     const route = (0, import_use_route.useRoute)();
     const renderLabel = () => {
@@ -66,14 +67,31 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.label ? slots.label() : props.label]);
       }
     };
+    const renderTitleIcon = () => {
+      if (slots["title-icon"]) {
+        return slots["title-icon"]();
+      }
+      if (props.titleIcon) {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
+          "name": props.titleIcon,
+          "class": bem("title-icon"),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
     const renderTitle = () => {
       if (slots.title || (0, import_utils.isDef)(props.title)) {
+        const hasValue = slots.value || slots.default || props.value;
+        const isHorizontal = props.direction === "horizontal";
         return (0, import_vue.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() : (0, import_vue.createVNode)("span", {
-          "class": bem("title") + "-text"
-        }, [props.title]), renderLabel()]);
+        }, [slots.title ? slots.title() : [renderTitleIcon(), (0, import_vue.createVNode)("span", {
+          "class": bem("title-text")
+        }, [props.title])], renderLabel()]);
       }
     };
     const renderRightIcon = () => {
@@ -89,34 +107,52 @@ var stdin_default = (0, import_vue2.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 || (0, import_utils.isDef)(props.value);
+      const isHorizontal = props.direction === "horizontal";
       if (hasValue) {
         return (0, import_vue.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() : (0, import_vue.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 (0, import_vue.createVNode)(import_icon.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,
@@ -129,23 +165,27 @@ var stdin_default = (0, import_vue2.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 (0, import_vue.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 (0, import_vue.createVNode)("div", {
+          "class": [bem("with-left", {
+            borderless: !border
+          })]
+        }, [renderLeftIcon(), renderWrapper()]);
       }
-      return (0, import_vue.createVNode)("div", {
-        "class": bem(classes),
-        "role": clickable ? "button" : void 0,
-        "tabindex": clickable ? 0 : void 0,
-        "onClick": route
-      }, [renderLeftIcon(), renderTitle(), renderValue()]);
+      return renderWrapper();
     };
   }
 });

package/lib/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/lib/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/lib/cell/types.d.ts

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

package/lib/cell/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);